综述: 重命名订单备货功能文件，优化商家端订单管理流程
- 将 `shop-order-prepare.html` 重命名为 `订单备货.html`，提升文件命名规范性 - 更新订单列表页面中的跳转链接，确保功能正常运行 - 更新大妈集市.rp原型文件内容，反映最新的页面结构变化
This commit is contained in:
parent
4088cd03d1
commit
c7dca284ce
|
|
@ -534,7 +534,7 @@
|
|||
|
||||
if (orderNo && daySn && startTime) {
|
||||
// 跳转到备货清单页面，并传递参数
|
||||
window.location.href = `shop-order-prepare.html?orderNo=${orderNo}&daySn=${daySn}&startTime=${encodeURIComponent(startTime)}`;
|
||||
window.location.href = `订单备货.html?orderNo=${orderNo}&daySn=${daySn}&startTime=${encodeURIComponent(startTime)}`;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -311,6 +311,71 @@
|
|||
.toast.show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* 退差价相关样式 */
|
||||
.refund-section {
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.refund-checkbox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.refund-checkbox input[type="checkbox"] {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.refund-items {
|
||||
display: none;
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
padding: 10px;
|
||||
background-color: #f9f9f9;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.refund-items.show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.refund-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 8px 0;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.refund-item-name {
|
||||
flex: 1;
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.refund-item-input {
|
||||
flex: 0 0 100px;
|
||||
}
|
||||
|
||||
.refund-item-input input {
|
||||
width: 100%;
|
||||
padding: 6px 8px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.refund-item-input input:focus {
|
||||
outline: none;
|
||||
border-color: #09542B;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
|
@ -428,8 +493,36 @@
|
|||
<div class="modal" id="completeModal">
|
||||
<div class="modal-content">
|
||||
<div class="modal-title">是否确认备货完成？</div>
|
||||
|
||||
<!-- 退差价选项 -->
|
||||
<div class="refund-section">
|
||||
<div class="refund-checkbox">
|
||||
<input type="checkbox" id="refundCheckbox" onchange="toggleRefundItems()">
|
||||
<label for="refundCheckbox">是否退差价</label>
|
||||
</div>
|
||||
<div class="refund-items" id="refundItems">
|
||||
<div class="refund-item">
|
||||
<div class="refund-item-name">新鲜有机西红柿</div>
|
||||
<div class="refund-item-input">
|
||||
<input type="number" placeholder="0.00" step="0.01">
|
||||
</div>
|
||||
</div>
|
||||
<div class="refund-item">
|
||||
<div class="refund-item-name">农家土鸡蛋</div>
|
||||
<div class="refund-item-input">
|
||||
<input type="number" placeholder="0.00" step="0.01">
|
||||
</div>
|
||||
</div>
|
||||
<div class="refund-item">
|
||||
<div class="refund-item-name">精选五常大米</div>
|
||||
<div class="refund-item-input">
|
||||
<input type="number" placeholder="0.00" step="0.01">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal-buttons">
|
||||
<button class="modal-button" onclick="handleRefund()">补差价</button>
|
||||
<button class="modal-button" onclick="handleConfirm()">确认</button>
|
||||
<button class="modal-button" onclick="closeModal()">取消</button>
|
||||
</div>
|
||||
|
|
@ -506,12 +599,6 @@
|
|||
document.getElementById('completeModal').classList.remove('show');
|
||||
}
|
||||
|
||||
// 补差价
|
||||
function handleRefund() {
|
||||
closeModal();
|
||||
showToast('补差价功能开发中');
|
||||
}
|
||||
|
||||
// 确认备货完成
|
||||
function handleConfirm() {
|
||||
closeModal();
|
||||
|
|
@ -536,6 +623,17 @@
|
|||
}, 2000);
|
||||
}
|
||||
|
||||
// 切换退差价项目显示
|
||||
function toggleRefundItems() {
|
||||
const checkbox = document.getElementById('refundCheckbox');
|
||||
const refundItems = document.getElementById('refundItems');
|
||||
if (checkbox.checked) {
|
||||
refundItems.classList.add('show');
|
||||
} else {
|
||||
refundItems.classList.remove('show');
|
||||
}
|
||||
}
|
||||
|
||||
// 点击弹窗外部关闭
|
||||
document.getElementById('completeModal').addEventListener('click', function(e) {
|
||||
if (e.target === this) {
|
||||
Loading…
Reference in New Issue