kate522
e2587ca3a0
Add zibll-parity AjaxList/RemoteModal engines and replace order-center prompt() review flow with multi-dim star modal, multi-image upload, auto-praise countdown, and REST review-modal endpoint.
626 lines
28 KiB
JavaScript
626 lines
28 KiB
JavaScript
/**
|
|
* AKSRT Order Center — v2.0
|
|
*
|
|
* 前台订单中心交互：
|
|
* - 支付 / 取消 / 售后：操作成功后局部刷新订单卡片，不再整页 reload
|
|
* - 倒计时
|
|
* - Toast 通知替代 window.alert
|
|
*
|
|
* @package AKSRT
|
|
*/
|
|
|
|
(function () {
|
|
"use strict";
|
|
|
|
var page = document.querySelector("[data-aksrt-order-center]");
|
|
if (!page || !window.aksrtData) {
|
|
return;
|
|
}
|
|
|
|
/* ── Toast helper ── */
|
|
function showToast(text, duration) {
|
|
duration = duration || 2500;
|
|
var container = document.getElementById("toast-container");
|
|
if (!container) {
|
|
container = document.createElement("div");
|
|
container.id = "toast-container";
|
|
container.style.cssText = "position:fixed;bottom:24px;right:24px;z-index:99999;display:flex;flex-direction:column-reverse;gap:10px;pointer-events:none;";
|
|
document.body.appendChild(container);
|
|
}
|
|
var toast = document.createElement("div");
|
|
toast.style.cssText = "pointer-events:auto;display:flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(0,0,0,0.78);backdrop-filter:blur(12px);color:#fff;font-family:var(--font-ui);font-size:14px;font-weight:500;border-radius:100px;box-shadow:0 4px 20px rgba(0,0,0,0.2);animation:aksrtToastIn 0.35s cubic-bezier(0.22,1,0.36,1) forwards;white-space:nowrap;";
|
|
toast.textContent = text;
|
|
container.appendChild(toast);
|
|
setTimeout(function () {
|
|
toast.style.animation = "aksrtToastOut 0.4s ease forwards";
|
|
setTimeout(function () { if (toast.parentNode) toast.parentNode.removeChild(toast); }, 400);
|
|
}, duration);
|
|
}
|
|
|
|
// Inject toast keyframes if not present
|
|
if (!document.getElementById("aksrt-toast-keyframes")) {
|
|
var style = document.createElement("style");
|
|
style.id = "aksrt-toast-keyframes";
|
|
style.textContent = "@keyframes aksrtToastIn{0%{opacity:0;transform:translateY(16px) scale(0.92)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes aksrtToastOut{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(8px) scale(0.95)}}";
|
|
document.head.appendChild(style);
|
|
}
|
|
|
|
/* ── REST helper ── */
|
|
function restRoot() {
|
|
return ((aksrtData.siteUrl || "").replace(/\/$/, "")) + "/wp-json/aksrt/v1";
|
|
}
|
|
|
|
function request(path, body, method) {
|
|
return fetch(restRoot() + path, {
|
|
method: method || "POST",
|
|
headers: {
|
|
"Content-Type": "application/json",
|
|
"X-WP-Nonce": aksrtData.restNonce
|
|
},
|
|
body: body === undefined ? undefined : JSON.stringify(body || {})
|
|
}).then(function (response) {
|
|
return response.json();
|
|
});
|
|
}
|
|
|
|
function cartUrl() {
|
|
return aksrtData.cartUrl || (aksrtData.routes && aksrtData.routes.cart) || "/";
|
|
}
|
|
|
|
/* ── Order review modal (zibll 1:1) ── */
|
|
var STAR_SVG =
|
|
'<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>';
|
|
var SCORE_LABELS = ["", "非常差", "较差", "一般", "较好", "非常好"];
|
|
|
|
function formatRemain(sec) {
|
|
sec = Math.max(0, sec | 0);
|
|
var d = Math.floor(sec / 86400);
|
|
var h = Math.floor((sec % 86400) / 3600);
|
|
var m = Math.floor((sec % 3600) / 60);
|
|
var s = sec % 60;
|
|
function z(n) { return n < 10 ? "0" + n : String(n); }
|
|
if (d > 0) return d + "天" + z(h) + ":" + z(m) + ":" + z(s);
|
|
return z(h) + ":" + z(m) + ":" + z(s);
|
|
}
|
|
|
|
function bindShopScore(root) {
|
|
if (!root) return;
|
|
root.querySelectorAll("[data-aksrt-score-box], .shop-score-box").forEach(function (box) {
|
|
if (box.dataset.scoreBound === "1") return;
|
|
box.dataset.scoreBound = "1";
|
|
var iconBox = box.querySelector(".score-icon");
|
|
var textBox = box.querySelector(".score-text");
|
|
var input = box.querySelector(".score-input");
|
|
if (!iconBox) return;
|
|
var value = parseInt(box.getAttribute("score-value") || (input && input.value) || "0", 10) || 0;
|
|
var html = "";
|
|
for (var i = 1; i <= 5; i++) {
|
|
html += '<i class="icon-star' + (i <= value ? " active" : "") + '" data-score="' + i + '">' + STAR_SVG + "</i>";
|
|
}
|
|
iconBox.innerHTML = html;
|
|
function paint(score, hover) {
|
|
iconBox.querySelectorAll(".icon-star").forEach(function (star) {
|
|
var s = parseInt(star.getAttribute("data-score"), 10) || 0;
|
|
star.classList.toggle("active", !hover && s <= score);
|
|
star.classList.toggle("hover", !!hover && s <= score);
|
|
});
|
|
if (textBox) textBox.textContent = SCORE_LABELS[score] || "";
|
|
}
|
|
paint(value, false);
|
|
iconBox.addEventListener("mouseover", function (e) {
|
|
var star = e.target.closest(".icon-star");
|
|
if (!star || !iconBox.contains(star)) return;
|
|
paint(parseInt(star.getAttribute("data-score"), 10) || 0, true);
|
|
});
|
|
iconBox.addEventListener("mouseleave", function () {
|
|
var cur = parseInt(box.getAttribute("score-value") || "0", 10) || 0;
|
|
paint(cur, false);
|
|
});
|
|
iconBox.addEventListener("click", function (e) {
|
|
var star = e.target.closest(".icon-star");
|
|
if (!star || !iconBox.contains(star)) return;
|
|
var score = parseInt(star.getAttribute("data-score"), 10) || 0;
|
|
box.setAttribute("score-value", String(score));
|
|
if (input) input.value = String(score);
|
|
paint(score, false);
|
|
});
|
|
});
|
|
}
|
|
|
|
function bindReviewImages(form) {
|
|
var preview = form.querySelector("[data-aksrt-review-preview]");
|
|
var fileInput = form.querySelector("[data-aksrt-review-file]");
|
|
var addBtn = form.querySelector("[data-aksrt-review-add]");
|
|
if (!preview || !fileInput) return;
|
|
var max = parseInt(preview.getAttribute("data-max") || "6", 10) || 6;
|
|
var files = [];
|
|
|
|
function render() {
|
|
preview.querySelectorAll(".preview-item").forEach(function (n) { n.remove(); });
|
|
files.forEach(function (item, idx) {
|
|
var node = document.createElement("div");
|
|
node.className = "preview-item";
|
|
node.innerHTML = '<img alt=""><button type="button" class="remove" aria-label="删除">×</button>';
|
|
node.querySelector("img").src = item.url;
|
|
node.querySelector(".remove").addEventListener("click", function (e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
if (item.url && item.url.indexOf("blob:") === 0) {
|
|
try { URL.revokeObjectURL(item.url); } catch (err) {}
|
|
}
|
|
files.splice(idx, 1);
|
|
render();
|
|
});
|
|
preview.insertBefore(node, addBtn);
|
|
});
|
|
if (addBtn) addBtn.style.display = files.length >= max ? "none" : "";
|
|
form._aksrtReviewFiles = files.slice();
|
|
}
|
|
|
|
function onPick() {
|
|
if (files.length >= max) return;
|
|
fileInput.click();
|
|
}
|
|
if (addBtn) {
|
|
addBtn.addEventListener("click", onPick);
|
|
addBtn.addEventListener("keydown", function (e) {
|
|
if (e.key === "Enter" || e.key === " ") {
|
|
e.preventDefault();
|
|
onPick();
|
|
}
|
|
});
|
|
}
|
|
fileInput.addEventListener("change", function () {
|
|
var list = Array.prototype.slice.call(fileInput.files || []);
|
|
list.forEach(function (file) {
|
|
if (files.length >= max) return;
|
|
if (!file.type || file.type.indexOf("image/") !== 0) return;
|
|
files.push({ file: file, url: URL.createObjectURL(file) });
|
|
});
|
|
fileInput.value = "";
|
|
render();
|
|
});
|
|
form._aksrtReviewFiles = [];
|
|
render();
|
|
}
|
|
|
|
function bindReviewCountdown(root) {
|
|
var el = root.querySelector("[data-aksrt-review-countdown]");
|
|
if (!el) return;
|
|
var remain = parseInt(el.getAttribute("data-aksrt-review-countdown") || "0", 10) || 0;
|
|
if (remain <= 0) return;
|
|
el.textContent = formatRemain(remain);
|
|
var timer = window.setInterval(function () {
|
|
remain -= 1;
|
|
if (remain <= 0) {
|
|
window.clearInterval(timer);
|
|
el.textContent = "交易已关闭";
|
|
return;
|
|
}
|
|
el.textContent = formatRemain(remain);
|
|
}, 1000);
|
|
root._aksrtReviewTimer = timer;
|
|
}
|
|
|
|
function fileToDataUrl(file) {
|
|
return new Promise(function (resolve, reject) {
|
|
var reader = new FileReader();
|
|
reader.onload = function () { resolve(String(reader.result || "")); };
|
|
reader.onerror = function () { reject(new Error("read failed")); };
|
|
reader.readAsDataURL(file);
|
|
});
|
|
}
|
|
|
|
function openOrderReviewModal(orderNumber, triggerBtn) {
|
|
if (!window.AksrtRemoteModal || typeof window.AksrtRemoteModal.openRemote !== "function") {
|
|
showToast("评价组件未加载");
|
|
return;
|
|
}
|
|
if (triggerBtn) triggerBtn.disabled = true;
|
|
var url = restRoot() + "/shop/frontend/orders/" + encodeURIComponent(orderNumber) + "/review-modal";
|
|
window.AksrtRemoteModal.openRemote({
|
|
url: url,
|
|
className: "modal-mini full-sm",
|
|
height: 380,
|
|
mobileBottom: true
|
|
}).then(function (shell) {
|
|
if (triggerBtn) triggerBtn.disabled = false;
|
|
if (!shell) return;
|
|
var form = shell.querySelector("[data-aksrt-order-review-form]");
|
|
if (!form) return;
|
|
bindShopScore(shell);
|
|
bindReviewImages(form);
|
|
bindReviewCountdown(shell);
|
|
|
|
form.addEventListener("submit", function (e) {
|
|
e.preventDefault();
|
|
var errBox = form.querySelector("[data-aksrt-review-error]");
|
|
function showErr(msg) {
|
|
if (errBox) {
|
|
errBox.hidden = false;
|
|
errBox.textContent = msg;
|
|
} else {
|
|
showToast(msg);
|
|
}
|
|
}
|
|
if (errBox) {
|
|
errBox.hidden = true;
|
|
errBox.textContent = "";
|
|
}
|
|
|
|
var productId = parseInt(form.getAttribute("data-product-id") || "0", 10) || 0;
|
|
var needShipping = form.getAttribute("data-need-shipping") === "1";
|
|
var scoreProduct = parseInt((form.querySelector('input[name="score[product]"]') || {}).value || "0", 10) || 0;
|
|
var scoreService = parseInt((form.querySelector('input[name="score[service]"]') || {}).value || "0", 10) || 0;
|
|
var scoreShipping = parseInt((form.querySelector('input[name="score[shipping]"]') || {}).value || "0", 10) || 0;
|
|
if (scoreProduct < 1 || scoreService < 1) {
|
|
showErr("请对商品进行评分");
|
|
return;
|
|
}
|
|
if (needShipping && scoreShipping < 1) {
|
|
showErr("请对物流服务进行评分");
|
|
return;
|
|
}
|
|
|
|
var comment = (form.querySelector('textarea[name="comment"]') || {}).value || "";
|
|
var submitBtn = form.querySelector("[data-aksrt-review-submit]");
|
|
if (submitBtn) {
|
|
submitBtn.disabled = true;
|
|
submitBtn.textContent = "提交中…";
|
|
}
|
|
|
|
var pending = form._aksrtReviewFiles || [];
|
|
Promise.all(pending.map(function (item) {
|
|
return item.file ? fileToDataUrl(item.file) : Promise.resolve(item.url || "");
|
|
})).then(function (images) {
|
|
images = images.filter(Boolean);
|
|
return request("/shop/frontend/orders/" + orderNumber + "/review", {
|
|
product_id: productId,
|
|
content: comment,
|
|
rating_product: scoreProduct,
|
|
rating_service: scoreService,
|
|
rating_shipping: needShipping ? scoreShipping : scoreService,
|
|
images: images
|
|
});
|
|
}).then(function (result) {
|
|
if (submitBtn) {
|
|
submitBtn.disabled = false;
|
|
submitBtn.innerHTML = '<i class="fa fa-check" aria-hidden="true"></i> 确认提交';
|
|
}
|
|
if (!result || !result.success) {
|
|
showErr((result && result.message) || "评价失败");
|
|
return;
|
|
}
|
|
showToast((result.message) || "评价成功");
|
|
if (window.AksrtRemoteModal) window.AksrtRemoteModal.close();
|
|
var card = findOrderCard(orderNumber);
|
|
updateCardStatus(card, "completed", "已完成");
|
|
if (card) {
|
|
var btn = card.querySelector("[data-aksrt-order-review]");
|
|
if (btn) btn.remove();
|
|
}
|
|
}).catch(function () {
|
|
if (submitBtn) {
|
|
submitBtn.disabled = false;
|
|
submitBtn.innerHTML = '<i class="fa fa-check" aria-hidden="true"></i> 确认提交';
|
|
}
|
|
showErr("网络错误");
|
|
});
|
|
});
|
|
}).catch(function (err) {
|
|
if (triggerBtn) triggerBtn.disabled = false;
|
|
showToast((err && err.message) || "无法打开评价");
|
|
});
|
|
}
|
|
|
|
/* ── 扫码支付弹层（微信 Native code_url 等）── */
|
|
function showPaymentQr(content, orderNumber) {
|
|
var existing = document.getElementById("aksrt-pay-qr-overlay");
|
|
if (existing) existing.remove();
|
|
|
|
var overlay = document.createElement("div");
|
|
overlay.id = "aksrt-pay-qr-overlay";
|
|
overlay.style.cssText = "position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.5);";
|
|
|
|
var qrImg = "";
|
|
if (window.AksrtShare && typeof window.AksrtShare.buildQrDataUrl === "function") {
|
|
var dataUrl = window.AksrtShare.buildQrDataUrl(content, 220);
|
|
if (dataUrl) {
|
|
qrImg = '<img src="' + dataUrl + '" alt="支付二维码" width="220" height="220" style="display:block;margin:0 auto;">';
|
|
}
|
|
}
|
|
if (!qrImg) {
|
|
qrImg = '<p style="word-break:break-all;font-size:12px;color:#666;">' + String(content).replace(/[<>&]/g, "") + "</p>";
|
|
}
|
|
|
|
var card = document.createElement("div");
|
|
card.style.cssText = "background:#fff;border-radius:12px;padding:24px;max-width:300px;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,0.2);";
|
|
card.innerHTML =
|
|
'<h3 style="margin:0 0 12px;font-size:16px;">请扫码完成支付</h3>' +
|
|
qrImg +
|
|
'<p style="margin:12px 0 0;font-size:13px;color:#888;">支付完成后本页将自动更新</p>' +
|
|
'<button type="button" id="aksrt-pay-qr-close" style="margin-top:14px;padding:8px 20px;border:none;border-radius:8px;background:var(--color-primary,#f04494);color:#fff;cursor:pointer;">完成 / 关闭</button>';
|
|
overlay.appendChild(card);
|
|
document.body.appendChild(overlay);
|
|
|
|
function close() { overlay.remove(); }
|
|
overlay.addEventListener("click", function (e) { if (e.target === overlay) close(); });
|
|
card.querySelector("#aksrt-pay-qr-close").addEventListener("click", function () {
|
|
close();
|
|
// 关闭后查询订单是否已到账
|
|
if (orderNumber) {
|
|
request("/shop/frontend/orders/" + orderNumber, {}).then(function () {
|
|
window.location.reload();
|
|
}).catch(function () {});
|
|
}
|
|
});
|
|
}
|
|
|
|
/* ── 第三方支付返回提示（?payment=success|pending|cancelled）── */
|
|
(function paymentReturnNotice() {
|
|
var params = new URLSearchParams(window.location.search);
|
|
var pay = params.get("payment");
|
|
if (!pay) return;
|
|
var map = { success: "支付成功！", pending: "支付处理中，到账后将自动更新。", cancelled: "支付已取消。", fail: "支付失败，请重试。" };
|
|
showToast(map[pay] || "支付状态：" + pay, 3500);
|
|
})();
|
|
|
|
/* ── Local card refresh helpers ── */
|
|
function findOrderCard(orderNumber) {
|
|
return page.querySelector('[data-aksrt-order-card="' + orderNumber + '"]');
|
|
}
|
|
|
|
function updateCardStatus(card, newStatus, statusLabel) {
|
|
if (!card) return;
|
|
var badge = card.querySelector(".aksrt-orders-page__card-status, .aksrt-orders-page__item-badge");
|
|
if (badge) {
|
|
badge.textContent = statusLabel || newStatus;
|
|
}
|
|
// Hide action buttons that are no longer relevant
|
|
var actions = card.querySelectorAll("[data-aksrt-order-pay], [data-aksrt-order-cancel], [data-aksrt-order-after-sale], [data-aksrt-order-receipt], [data-aksrt-order-rebuy]");
|
|
for (var i = 0; i < actions.length; i++) {
|
|
actions[i].style.display = "none";
|
|
}
|
|
// Hide countdown if present
|
|
var countdown = card.querySelector("[data-aksrt-order-countdown]");
|
|
if (countdown) {
|
|
countdown.style.display = "none";
|
|
}
|
|
}
|
|
|
|
/* ── After-Sale Modal ── */
|
|
var afterSaleModal = page.querySelector("[data-aksrt-aftersale-modal]");
|
|
var afterSaleForm = page.querySelector("[data-aksrt-aftersale-form]");
|
|
var afterSaleOrderInput = afterSaleForm ? afterSaleForm.querySelector('[name="order_number"]') : null;
|
|
|
|
function openAfterSaleModal(orderNumber) {
|
|
if (!afterSaleModal || !afterSaleForm) {
|
|
showToast("售后表单加载失败，请刷新页面后重试。");
|
|
return;
|
|
}
|
|
afterSaleForm.reset();
|
|
if (afterSaleOrderInput) afterSaleOrderInput.value = orderNumber;
|
|
afterSaleModal.hidden = false;
|
|
}
|
|
|
|
function closeAfterSaleModal() {
|
|
if (afterSaleModal) afterSaleModal.hidden = true;
|
|
}
|
|
|
|
if (afterSaleForm) {
|
|
afterSaleForm.addEventListener("submit", function (event) {
|
|
event.preventDefault();
|
|
var formData = new FormData(afterSaleForm);
|
|
var orderNumber = formData.get("order_number");
|
|
var reason = (formData.get("reason") || "").trim();
|
|
if (!reason) {
|
|
showToast("请填写售后原因。");
|
|
return;
|
|
}
|
|
|
|
var submitBtn = afterSaleForm.querySelector('button[type="submit"]');
|
|
if (submitBtn) {
|
|
submitBtn.disabled = true;
|
|
submitBtn.textContent = "提交中...";
|
|
}
|
|
|
|
request("/shop/frontend/orders/" + orderNumber + "/after-sale", {
|
|
type: formData.get("type") || "refund",
|
|
reason: reason,
|
|
note: (formData.get("note") || "").trim()
|
|
}).then(function (result) {
|
|
if (submitBtn) {
|
|
submitBtn.disabled = false;
|
|
submitBtn.textContent = "提交售后";
|
|
}
|
|
if (!result.success) {
|
|
showToast(result.message || "提交售后失败。");
|
|
return;
|
|
}
|
|
closeAfterSaleModal();
|
|
showToast("售后申请已提交。");
|
|
// Local refresh: update card status
|
|
var card = findOrderCard(orderNumber);
|
|
updateCardStatus(card, "refunded", "已退款");
|
|
}).catch(function () {
|
|
if (submitBtn) {
|
|
submitBtn.disabled = false;
|
|
submitBtn.textContent = "提交售后";
|
|
}
|
|
showToast("网络错误，请稍后重试。");
|
|
});
|
|
});
|
|
}
|
|
|
|
/* ── Countdown timer ── */
|
|
function updateCountdowns() {
|
|
var nodes = page.querySelectorAll("[data-aksrt-order-countdown]");
|
|
for (var i = 0; i < nodes.length; i++) {
|
|
var node = nodes[i];
|
|
var value = Number(node.getAttribute("data-aksrt-order-countdown") || 0);
|
|
if (!value) continue;
|
|
|
|
value -= 1;
|
|
node.setAttribute("data-aksrt-order-countdown", String(value));
|
|
node.textContent = value > 0 ? "剩余支付时间 " + value + " 秒" : "待支付已超时，请重新发起。";
|
|
}
|
|
}
|
|
|
|
setInterval(updateCountdowns, 1000);
|
|
|
|
/* ── Event delegation ── */
|
|
page.addEventListener("click", function (event) {
|
|
// Timeline toggle
|
|
var timelineToggle = event.target.closest("[data-aksrt-toggle-timeline]");
|
|
if (timelineToggle) {
|
|
var timeline = timelineToggle.closest("[data-aksrt-timeline]");
|
|
var body = timeline ? timeline.querySelector(".aksrt-orders-page__timeline-body") : null;
|
|
if (body) body.hidden = !body.hidden;
|
|
return;
|
|
}
|
|
|
|
// Confirm receipt
|
|
var receiptBtn = event.target.closest("[data-aksrt-order-receipt]");
|
|
if (receiptBtn) {
|
|
var receiptOrder = receiptBtn.getAttribute("data-aksrt-order-receipt");
|
|
if (!receiptOrder) return;
|
|
if (!window.confirm("确认已收到货物？")) return;
|
|
receiptBtn.disabled = true;
|
|
request("/shop/frontend/orders/" + receiptOrder + "/confirm-receipt", {})
|
|
.then(function (result) {
|
|
receiptBtn.disabled = false;
|
|
if (!result || !result.success) {
|
|
showToast((result && result.message) || "确认收货失败");
|
|
return;
|
|
}
|
|
showToast("已确认收货");
|
|
updateCardStatus(findOrderCard(receiptOrder), "completed", "已完成");
|
|
})
|
|
.catch(function () {
|
|
receiptBtn.disabled = false;
|
|
showToast("网络错误");
|
|
});
|
|
return;
|
|
}
|
|
|
|
// Rebuy
|
|
var rebuyBtn = event.target.closest("[data-aksrt-order-rebuy]");
|
|
if (rebuyBtn) {
|
|
var rebuyOrder = rebuyBtn.getAttribute("data-aksrt-order-rebuy");
|
|
if (!rebuyOrder) return;
|
|
rebuyBtn.disabled = true;
|
|
request("/shop/frontend/orders/" + rebuyOrder + "/rebuy", {})
|
|
.then(function (result) {
|
|
rebuyBtn.disabled = false;
|
|
if (!result || !result.success) {
|
|
showToast((result && result.message) || "再次购买失败");
|
|
return;
|
|
}
|
|
showToast("已加入购物车");
|
|
window.location.href = cartUrl();
|
|
})
|
|
.catch(function () {
|
|
rebuyBtn.disabled = false;
|
|
showToast("网络错误");
|
|
});
|
|
return;
|
|
}
|
|
|
|
// Review modal (zibll order_comment_modal 1:1 UX)
|
|
var reviewBtn = event.target.closest("[data-aksrt-order-review]");
|
|
if (reviewBtn) {
|
|
var reviewOrder = reviewBtn.getAttribute("data-aksrt-order-review");
|
|
if (!reviewOrder) return;
|
|
openOrderReviewModal(reviewOrder, reviewBtn);
|
|
return;
|
|
}
|
|
|
|
// Pay
|
|
var payButton = event.target.closest("[data-aksrt-order-pay]");
|
|
if (payButton) {
|
|
var payOrderNumber = payButton.getAttribute("data-aksrt-order-pay");
|
|
// 支付方式取订单创建时选定的方式（按钮 data 属性可覆盖）；
|
|
// 留空则由服务端使用订单存储的 payment_method。
|
|
var payMethod = payButton.getAttribute("data-aksrt-order-method") || "";
|
|
payButton.disabled = true;
|
|
payButton.textContent = "处理中...";
|
|
request("/shop/frontend/orders/" + payOrderNumber + "/pay", payMethod ? { payment_method: payMethod } : {})
|
|
.then(function (result) {
|
|
if (!result.success) {
|
|
payButton.disabled = false;
|
|
payButton.textContent = "立即支付";
|
|
showToast(result.message || "支付失败。");
|
|
return;
|
|
}
|
|
|
|
var data = result.data || {};
|
|
|
|
// 跳转/扫码型网关：到第三方支付页或展示二维码，订单仍为待支付，
|
|
// 由回调确认到账。
|
|
if (data.redirect) {
|
|
if (data.payment_url && /^https?:\/\//i.test(data.payment_url)) {
|
|
window.location.href = data.payment_url;
|
|
return;
|
|
}
|
|
if (data.qr_content || data.payment_url) {
|
|
showPaymentQr(data.qr_content || data.payment_url, payOrderNumber);
|
|
payButton.disabled = false;
|
|
payButton.textContent = "已下单，待支付";
|
|
return;
|
|
}
|
|
}
|
|
|
|
// 同步型网关（站内余额）：已到账。
|
|
showToast("支付成功！");
|
|
var card = findOrderCard(payOrderNumber);
|
|
updateCardStatus(card, "paid", "已支付");
|
|
})
|
|
.catch(function () {
|
|
payButton.disabled = false;
|
|
payButton.textContent = "立即支付";
|
|
showToast("网络错误，请稍后重试。");
|
|
});
|
|
return;
|
|
}
|
|
|
|
// Cancel
|
|
var cancelButton = event.target.closest("[data-aksrt-order-cancel]");
|
|
if (cancelButton) {
|
|
var cancelOrderNumber = cancelButton.getAttribute("data-aksrt-order-cancel");
|
|
cancelButton.disabled = true;
|
|
cancelButton.textContent = "取消中...";
|
|
request("/shop/frontend/orders/" + cancelOrderNumber + "/cancel")
|
|
.then(function (result) {
|
|
if (!result.success) {
|
|
cancelButton.disabled = false;
|
|
cancelButton.textContent = "取消订单";
|
|
showToast(result.message || "取消失败。");
|
|
return;
|
|
}
|
|
showToast("订单已取消。");
|
|
var card = findOrderCard(cancelOrderNumber);
|
|
updateCardStatus(card, "cancelled", "已取消");
|
|
})
|
|
.catch(function () {
|
|
cancelButton.disabled = false;
|
|
cancelButton.textContent = "取消订单";
|
|
showToast("网络错误，请稍后重试。");
|
|
});
|
|
return;
|
|
}
|
|
|
|
// After-Sale
|
|
var afterSaleButton = event.target.closest("[data-aksrt-order-after-sale]");
|
|
if (afterSaleButton) {
|
|
var afterSaleOrderNumber = afterSaleButton.getAttribute("data-aksrt-order-after-sale");
|
|
openAfterSaleModal(afterSaleOrderNumber);
|
|
return;
|
|
}
|
|
|
|
// Close modal
|
|
if (event.target.closest("[data-aksrt-aftersale-modal-close]") || (event.target.classList && event.target.classList.contains("aksrt-modal__overlay"))) {
|
|
closeAfterSaleModal();
|
|
}
|
|
});
|
|
})();
|