kate522
9277674da0
Add AKSRT\Payment\OrderCenterRest so /shop/frontend/orders/{n}/pay|cancel
always register on rest_api_init; widen order_number route charset; make
order-center.js use credentials, encodeURIComponent, and clearer 404 errors.
793 lines
35 KiB
JavaScript
793 lines
35 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) {
|
||
var opts = {
|
||
method: method || "POST",
|
||
credentials: "same-origin",
|
||
headers: {
|
||
"Content-Type": "application/json",
|
||
"X-WP-Nonce": (aksrtData && aksrtData.restNonce) || ""
|
||
}
|
||
};
|
||
if (body !== undefined) {
|
||
opts.body = JSON.stringify(body || {});
|
||
}
|
||
return fetch(restRoot() + path, opts).then(function (response) {
|
||
return response.text().then(function (text) {
|
||
var data = {};
|
||
try {
|
||
data = text ? JSON.parse(text) : {};
|
||
} catch (e) {
|
||
data = {
|
||
success: false,
|
||
message: response.status === 404
|
||
? "支付接口未找到（404），请刷新页面或联系管理员。"
|
||
: ("请求失败（HTTP " + response.status + "）")
|
||
};
|
||
}
|
||
if (typeof data.success === "undefined" && response.ok === false) {
|
||
data.success = false;
|
||
data.message = data.message || data.code || ("HTTP " + response.status);
|
||
}
|
||
return data;
|
||
});
|
||
});
|
||
}
|
||
|
||
function orderPath(orderNumber, suffix) {
|
||
var base = "/shop/frontend/orders/" + encodeURIComponent(orderNumber || "");
|
||
return suffix ? base + suffix : base;
|
||
}
|
||
|
||
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() + orderPath(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(orderPath(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(orderPath(orderNumber), {}, "GET").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(orderPath(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(orderPath(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(orderPath(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(orderPath(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(orderPath(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;
|
||
}
|
||
|
||
// Return shipping
|
||
var returnShipBtn = event.target.closest("[data-aksrt-return-ship]");
|
||
if (returnShipBtn) {
|
||
openReturnShipModal(returnShipBtn.getAttribute("data-aksrt-return-ship"));
|
||
return;
|
||
}
|
||
|
||
// Cancel after-sale ticket
|
||
var asCancelBtn = event.target.closest("[data-aksrt-as-cancel]");
|
||
if (asCancelBtn) {
|
||
var tid = asCancelBtn.getAttribute("data-aksrt-as-cancel");
|
||
if (!tid || !window.confirm("确认取消该售后申请？")) return;
|
||
asCancelBtn.disabled = true;
|
||
request("/shop/frontend/after-sale/" + tid + "/cancel", { reason: "" })
|
||
.then(function (result) {
|
||
asCancelBtn.disabled = false;
|
||
if (!result || !result.success) {
|
||
showToast((result && result.message) || "取消失败");
|
||
return;
|
||
}
|
||
showToast(result.message || "已取消售后");
|
||
window.location.reload();
|
||
})
|
||
.catch(function () {
|
||
asCancelBtn.disabled = false;
|
||
showToast("网络错误");
|
||
});
|
||
return;
|
||
}
|
||
|
||
// Close after-sale modal
|
||
if (event.target.closest("[data-aksrt-aftersale-modal-close]") || (event.target.classList && event.target.classList.contains("aksrt-modal__overlay") && event.target.closest("[data-aksrt-aftersale-modal]"))) {
|
||
closeAfterSaleModal();
|
||
return;
|
||
}
|
||
|
||
// Close return-ship modal
|
||
if (event.target.closest("[data-aksrt-return-ship-close]") || (event.target.classList && event.target.classList.contains("aksrt-modal__overlay") && event.target.closest("[data-aksrt-return-ship-modal]"))) {
|
||
closeReturnShipModal();
|
||
}
|
||
});
|
||
|
||
/* ── Return shipping modal ── */
|
||
var returnShipModal = page.querySelector("[data-aksrt-return-ship-modal]");
|
||
var returnShipForm = page.querySelector("[data-aksrt-return-ship-form]");
|
||
function openReturnShipModal(ticketId) {
|
||
if (!returnShipModal || !returnShipForm) return;
|
||
returnShipForm.reset();
|
||
var idInput = returnShipForm.querySelector('[name="ticket_id"]');
|
||
if (idInput) idInput.value = ticketId || "";
|
||
returnShipModal.hidden = false;
|
||
}
|
||
function closeReturnShipModal() {
|
||
if (returnShipModal) returnShipModal.hidden = true;
|
||
}
|
||
if (returnShipForm) {
|
||
returnShipForm.addEventListener("submit", function (event) {
|
||
event.preventDefault();
|
||
var fd = new FormData(returnShipForm);
|
||
var tid = fd.get("ticket_id");
|
||
var carrier = (fd.get("carrier") || "").trim();
|
||
var tracking = (fd.get("tracking_no") || "").trim();
|
||
if (!carrier || !tracking) {
|
||
showToast("请填写快递公司与运单号");
|
||
return;
|
||
}
|
||
var btn = returnShipForm.querySelector('button[type="submit"]');
|
||
if (btn) { btn.disabled = true; }
|
||
request("/shop/frontend/after-sale/" + tid + "/return-shipping", {
|
||
carrier: carrier,
|
||
tracking_no: tracking
|
||
}).then(function (result) {
|
||
if (btn) btn.disabled = false;
|
||
if (!result || !result.success) {
|
||
showToast((result && result.message) || "提交失败");
|
||
return;
|
||
}
|
||
closeReturnShipModal();
|
||
showToast(result.message || "退货物流已提交");
|
||
window.location.reload();
|
||
}).catch(function () {
|
||
if (btn) btn.disabled = false;
|
||
showToast("网络错误");
|
||
});
|
||
});
|
||
}
|
||
|
||
/* ── Coupon wallet ── */
|
||
var couponRoot = page.querySelector("[data-aksrt-coupon-wallet-list]");
|
||
if (couponRoot) {
|
||
request("/shop/frontend/coupons").then(function (result) {
|
||
var items = (result && result.data && result.data.items) || (result && result.items) || [];
|
||
// normalize success envelope
|
||
if (result && result.data && result.data.data && result.data.data.items) {
|
||
items = result.data.data.items;
|
||
}
|
||
if (result && result.success && result.data && result.data.items) {
|
||
items = result.data.items;
|
||
}
|
||
// handle this success() wrapper: {success,data:{items}}
|
||
if (Array.isArray(result && result.data)) items = result.data;
|
||
if (!items.length && result && result.data && Array.isArray(result.data.items)) {
|
||
items = result.data.items;
|
||
}
|
||
// fallback parse
|
||
try {
|
||
if (!items.length && result && result.data && result.data.data) {
|
||
items = result.data.data.items || [];
|
||
}
|
||
} catch (e) {}
|
||
if (!items || !items.length) {
|
||
couponRoot.innerHTML = '<p class="muted-2-color">暂无可用优惠券</p>';
|
||
return;
|
||
}
|
||
var html = '<div class="aksrt-coupon-grid">';
|
||
items.forEach(function (c) {
|
||
var val = c.type === "percent" ? (c.value + "%") : ("¥" + Number(c.value || 0).toFixed(2));
|
||
html += '<div class="aksrt-coupon-card">';
|
||
html += '<div class="aksrt-coupon-card__value">' + val + '</div>';
|
||
html += '<div class="aksrt-coupon-card__code">' + (c.code || "") + '</div>';
|
||
if (c.min_amount > 0) {
|
||
html += '<div class="aksrt-coupon-card__meta">满 ¥' + Number(c.min_amount).toFixed(2) + ' 可用</div>';
|
||
}
|
||
if (c.expires_at) {
|
||
html += '<div class="aksrt-coupon-card__meta">有效期至 ' + c.expires_at + '</div>';
|
||
}
|
||
html += '<button type="button" class="btn-outline btn-sm" data-aksrt-copy-coupon="' + (c.code || "") + '">复制券码</button>';
|
||
html += '</div>';
|
||
});
|
||
html += '</div>';
|
||
couponRoot.innerHTML = html;
|
||
}).catch(function () {
|
||
couponRoot.innerHTML = '<p class="muted-2-color">加载失败</p>';
|
||
});
|
||
page.addEventListener("click", function (e) {
|
||
var b = e.target.closest("[data-aksrt-copy-coupon]");
|
||
if (!b) return;
|
||
var code = b.getAttribute("data-aksrt-copy-coupon") || "";
|
||
if (!code) return;
|
||
if (navigator.clipboard && navigator.clipboard.writeText) {
|
||
navigator.clipboard.writeText(code).then(function () { showToast("已复制 " + code); });
|
||
} else {
|
||
showToast(code);
|
||
}
|
||
});
|
||
}
|
||
})();
|