feat(payment): 订单详情弹窗统一为 modal-mini + 蓝色炫彩标题区
This commit is contained in:
@@ -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,
|
||||||
|
|||||||
Reference in New Issue
Block a user