综述: 重命名订单备货功能文件，优化商家端订单管理流程
- 将 `shop-order-prepare.html` 重命名为 `订单备货.html`，提升文件命名规范性 - 更新订单列表页面中的跳转链接，确保功能正常运行 - 更新大妈集市.rp原型文件内容，反映最新的页面结构变化
This commit is contained in:
parent
4088cd03d1
commit
c7dca284ce
|
|
@ -534,7 +534,7 @@
|
||||||
|
|
||||||
if (orderNo && daySn && startTime) {
|
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 {
|
.toast.show {
|
||||||
display: block;
|
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>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
@ -428,8 +493,36 @@
|
||||||
<div class="modal" id="completeModal">
|
<div class="modal" id="completeModal">
|
||||||
<div class="modal-content">
|
<div class="modal-content">
|
||||||
<div class="modal-title">是否确认备货完成？</div>
|
<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">
|
<div class="modal-buttons">
|
||||||
<button class="modal-button" onclick="handleRefund()">补差价</button>
|
|
||||||
<button class="modal-button" onclick="handleConfirm()">确认</button>
|
<button class="modal-button" onclick="handleConfirm()">确认</button>
|
||||||
<button class="modal-button" onclick="closeModal()">取消</button>
|
<button class="modal-button" onclick="closeModal()">取消</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -506,12 +599,6 @@
|
||||||
document.getElementById('completeModal').classList.remove('show');
|
document.getElementById('completeModal').classList.remove('show');
|
||||||
}
|
}
|
||||||
|
|
||||||
// 补差价
|
|
||||||
function handleRefund() {
|
|
||||||
closeModal();
|
|
||||||
showToast('补差价功能开发中');
|
|
||||||
}
|
|
||||||
|
|
||||||
// 确认备货完成
|
// 确认备货完成
|
||||||
function handleConfirm() {
|
function handleConfirm() {
|
||||||
closeModal();
|
closeModal();
|
||||||
|
|
@ -536,6 +623,17 @@
|
||||||
}, 2000);
|
}, 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) {
|
document.getElementById('completeModal').addEventListener('click', function(e) {
|
||||||
if (e.target === this) {
|
if (e.target === this) {
|
||||||
Loading…
Reference in New Issue