feat(payment): 订单详情弹窗统一为 modal-mini + 蓝色炫彩标题区

This commit is contained in:
2026-10-06 18:27:23 +00:00
parent c200427358
commit 915311dcb6
+10 -1
View File
@@ -126,6 +126,14 @@
return order && order.is_points ? amount + " " + String(order.currency_symbol || "积分") : "¥" + amount; return order && order.is_points ? amount + " " + String(order.currency_symbol || "积分") : "¥" + amount;
} }
function colorfulHeader(title, icon) {
return '<div class="modal-colorful-header colorful-bg jb-blue">' +
'<button type="button" class="close" data-aksrt-modal-close aria-label="关闭"><svg class="ic-close" aria-hidden="true"><use xlink:href="#icon-close"></use></svg></button>' +
'<div class="colorful-make"></div>' +
'<div class="text-center"><div class="em2x"><i class="fa fas ' + escapeHtml(icon) + '" aria-hidden="true"></i></div>' +
'<div class="mt10 em12 padding-w10">' + escapeHtml(title) + '</div></div></div>';
}
function renderDetail(state, order, session) { function renderDetail(state, order, session) {
var allowedActions = order.allowed_actions || {}; var allowedActions = order.allowed_actions || {};
var reconciliation = order.reconciliation || {}; var reconciliation = order.reconciliation || {};
@@ -136,6 +144,8 @@
var meta = statusMeta(status); var meta = statusMeta(status);
var timeLeft = Number(order.time_left || 0); var timeLeft = Number(order.time_left || 0);
var html = ""; var html = "";
// 炫彩标题区:与售后弹窗统一(modal-mini + jb-blue),运行时不再渲染默认标题栏。
html += colorfulHeader("订单详情", "fa-receipt");
// 状态横幅:整块配色只由 --hero-accent 驱动,换状态只改一处变量。 // 状态横幅:整块配色只由 --hero-accent 驱动,换状态只改一处变量。
html += '<section class="aksrt-order-detail__hero is-' + escapeHtml(status) + '">'; html += '<section class="aksrt-order-detail__hero is-' + escapeHtml(status) + '">';
@@ -224,7 +234,6 @@
method: refresh ? "POST" : "GET", method: refresh ? "POST" : "GET",
headers: actionKey ? { "Idempotency-Key": state.operationKeys[actionKey] } : {}, headers: actionKey ? { "Idempotency-Key": state.operationKeys[actionKey] } : {},
kind: "orders", kind: "orders",
title: "订单详情",
className: "aksrt-order-detail-modal", className: "aksrt-order-detail-modal",
responseType: "json", responseType: "json",
cache: !refresh, cache: !refresh,