chore(repo): 行尾规范化，恢复索引 LF 契约
远端 9 个文件以 CRLF 入库，违反 .gitattributes「索引一律 LF」声明， 在 autocrlf=true 的工作区产生永久假脏并阻塞合并。仅行尾变化，无内容改动。
This commit is contained in:
File diff suppressed because it is too large
Load Diff
+204
-204
@@ -1,204 +1,204 @@
|
||||
/* Knowledge-payment order center */
|
||||
.aksrt-orders-page {
|
||||
--orders-ink: var(--color-ink, #1d2738);
|
||||
--orders-muted: var(--color-ink-3, #758096);
|
||||
--orders-line: color-mix(in srgb, var(--color-line, #e1e6ef) 88%, transparent);
|
||||
padding: 0;
|
||||
color: var(--orders-ink);
|
||||
}
|
||||
|
||||
.uc-orders-panel__head {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) minmax(285px, 42%);
|
||||
gap: 28px;
|
||||
align-items: end;
|
||||
padding: 4px 0 22px;
|
||||
border-bottom: 1px solid var(--orders-line);
|
||||
}
|
||||
|
||||
.aksrt-orders-page__eyebrow {
|
||||
margin: 0 0 7px;
|
||||
color: var(--color-primary, #3b82f6);
|
||||
font-size: 11px;
|
||||
font-weight: 750;
|
||||
letter-spacing: .14em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.uc-orders-panel__title { display: flex; align-items: center; gap: 9px; font-size: 21px; }
|
||||
.uc-orders-panel__title-icon { color: var(--color-primary, #3b82f6); font-size: 17px; }
|
||||
.uc-orders-panel__title-wrap > p:last-child { margin-bottom: 0; }
|
||||
|
||||
.aksrt-orders-page__stats {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
border: 1px solid var(--orders-line);
|
||||
border-radius: 14px;
|
||||
background: var(--surface-1, #fff);
|
||||
overflow: hidden;
|
||||
}
|
||||
.aksrt-orders-page__stat { display: grid; gap: 5px; padding: 13px 15px; border-right: 1px solid var(--orders-line); }
|
||||
.aksrt-orders-page__stat:last-child { border-right: 0; }
|
||||
.aksrt-orders-page__stat span { color: var(--orders-muted); font-size: 11px; font-weight: 600; }
|
||||
.aksrt-orders-page__stat strong { font-size: 21px; line-height: 1; font-variant-numeric: tabular-nums; }
|
||||
.aksrt-orders-page__stat strong.is-pending { color: var(--color-warning, #c87819); }
|
||||
.aksrt-orders-page__stat strong.is-paid { color: var(--color-success, #168560); }
|
||||
|
||||
.aksrt-orders-page__search { display: flex; gap: 8px; align-items: center; margin: 20px 0 12px; padding: 7px; border: 1px solid var(--orders-line); border-radius: 12px; background: var(--surface-1, #fff); }
|
||||
.aksrt-orders-page__search > i { margin-left: 7px; color: var(--orders-muted); font-size: 13px; }
|
||||
.aksrt-orders-page__search input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--orders-ink); font-size: 13px; }
|
||||
.aksrt-orders-page__search button, .aksrt-orders-page__card-actions .btn-primary, .aksrt-orders-page__card-actions .btn-outline, .aksrt-orders-page__card-actions .btn-ghost, .aksrt-orders-page__empty .btn-outline { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 0 13px; border-radius: 8px; border: 1px solid transparent; font-size: 12px; font-weight: 650; text-decoration: none; cursor: pointer; }
|
||||
.aksrt-orders-page .btn-primary { background: var(--color-primary, #3b82f6); color: var(--color-on-primary, #fff); }
|
||||
.aksrt-orders-page .btn-outline { border-color: var(--orders-line); background: var(--surface-1, #fff); color: var(--orders-ink); }
|
||||
.aksrt-orders-page .btn-ghost { background: transparent; color: var(--orders-muted); }
|
||||
.aksrt-orders-page__filter-toggle { background: var(--surface-2, #f4f6f9); color: var(--orders-ink); white-space: nowrap; }
|
||||
|
||||
.aksrt-orders-page__filter-panel { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: -2px 0 14px; padding: 12px; border-radius: 10px; background: var(--surface-2, #f4f6f9); }
|
||||
.aksrt-orders-page__filter-panel[hidden] { display: none !important; }
|
||||
.aksrt-orders-page__filter-group { display: flex; flex: 1 1 100%; gap: 10px; align-items: center; }
|
||||
.aksrt-orders-page__filter-label { flex: 0 0 58px; color: var(--orders-muted); font-size: 12px; font-weight: 650; }
|
||||
.aksrt-orders-page__status-filters, .aksrt-orders-page__type-filters { display: flex; flex-wrap: wrap; gap: 6px; }
|
||||
.aksrt-orders-page__filter-chip { display: inline-flex; gap: 5px; align-items: center; padding: 5px 9px; border: 1px solid var(--orders-line); border-radius: 999px; background: var(--surface-1, #fff); color: var(--orders-muted); font: inherit; font-size: 12px; text-decoration: none; cursor: pointer; }
|
||||
.aksrt-orders-page__filter-chip.is-active { border-color: var(--color-primary, #3b82f6); background: color-mix(in srgb, var(--color-primary, #3b82f6) 10%, var(--surface-1, #fff)); color: var(--color-primary, #3b82f6); font-weight: 700; }
|
||||
.aksrt-orders-page__filter-count { display: inline-grid; min-width: 17px; height: 17px; padding: 0 4px; place-items: center; border-radius: 999px; background: var(--color-warning, #c87819); color: #fff; font-size: 10px; line-height: 1; }
|
||||
.aksrt-orders-page__clear { margin-left: auto; padding: 0; border: 0; background: transparent; color: var(--color-primary, #3b82f6); font: inherit; font-size: 12px; text-decoration: none; cursor: pointer; }
|
||||
|
||||
.aksrt-orders-page__list { display: grid; gap: 10px; }
|
||||
.aksrt-orders-page__card { overflow: hidden; border: 1px solid var(--orders-line); border-radius: 13px; background: var(--surface-1, #fff); transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
|
||||
.aksrt-orders-page__card:hover { border-color: color-mix(in srgb, var(--color-primary, #3b82f6) 36%, var(--orders-line)); box-shadow: 0 8px 22px rgba(30, 48, 79, .07); transform: translateY(-1px); }
|
||||
.aksrt-orders-page__card-rail { display: flex; gap: 10px; align-items: center; padding: 9px 14px; background: var(--surface-2, #f7f8fb); color: var(--orders-muted); font-size: 11px; }
|
||||
.aksrt-orders-page__card-rail time { margin-left: auto; font-variant-numeric: tabular-nums; }
|
||||
.aksrt-orders-page__card-status { font-weight: 700; }
|
||||
.aksrt-orders-page__card-status.is-pending { color: var(--color-warning, #c87819); }
|
||||
.aksrt-orders-page__card-status.is-paid { color: var(--color-success, #168560); }
|
||||
.aksrt-orders-page__card-main { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 13px; align-items: center; padding: 14px; }
|
||||
.aksrt-orders-page__card-img, .aksrt-orders-page__card-art { width: 52px; height: 52px; border-radius: 10px; object-fit: cover; }
|
||||
.aksrt-orders-page__card-art { display: grid; place-items: center; color: var(--color-primary, #3b82f6); background: color-mix(in srgb, var(--color-primary, #3b82f6) 10%, var(--surface-2, #f4f6f9)); }
|
||||
.aksrt-orders-page__card-copy { min-width: 0; }
|
||||
.aksrt-orders-page__card-copy h3 { display: -webkit-box; margin: 0 0 5px; overflow: hidden; color: var(--orders-ink); font-size: 14px; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
|
||||
.aksrt-orders-page__card-copy p { margin: 0; color: var(--orders-muted); font-family: var(--font-mono, monospace); font-size: 11px; }
|
||||
.aksrt-orders-page__card-value { display: grid; gap: 3px; text-align: right; }
|
||||
.aksrt-orders-page__card-value strong { color: var(--orders-ink); font-size: 15px; font-variant-numeric: tabular-nums; }
|
||||
.aksrt-orders-page__card-value span { color: var(--orders-muted); font-size: 11px; }
|
||||
.aksrt-orders-page__card-actions { display: flex; gap: 7px; align-items: center; justify-content: flex-end; padding: 9px 14px; border-top: 1px solid var(--orders-line); }
|
||||
.aksrt-orders-page__countdown { margin-right: auto; color: var(--color-warning, #c87819); font-size: 11px; font-variant-numeric: tabular-nums; }
|
||||
|
||||
.aksrt-orders-page__pagination { display: flex; justify-content: center; gap: 6px; margin-top: 20px; }
|
||||
.aksrt-orders-page__page-chip { display: grid; width: 31px; height: 31px; padding: 0; place-items: center; border: 1px solid var(--orders-line); border-radius: 8px; background: var(--surface-1, #fff); color: var(--orders-muted); font: inherit; font-size: 12px; text-decoration: none; cursor: pointer; }
|
||||
.aksrt-orders-page__page-chip.is-active { border-color: var(--color-primary, #3b82f6); background: var(--color-primary, #3b82f6); color: #fff; }
|
||||
.aksrt-orders-page [data-aksrt-order-list], .aksrt-orders-page__stats, .aksrt-orders-page__pagination { transition: opacity .16s ease; }
|
||||
.aksrt-orders-page.is-loading [data-aksrt-order-list], .aksrt-orders-page.is-loading .aksrt-orders-page__stats, .aksrt-orders-page.is-loading .aksrt-orders-page__pagination { opacity: .55; pointer-events: none; }
|
||||
.aksrt-orders-page__empty { padding: 52px 20px; border: 1px dashed var(--orders-line); border-radius: 13px; background: var(--surface-2, #f7f8fb); text-align: center; }
|
||||
.aksrt-orders-page__empty i { display: block; margin-bottom: 12px; color: var(--color-primary, #3b82f6); font-size: 30px; }
|
||||
.aksrt-orders-page__empty h3 { margin: 0 0 7px; font-size: 15px; }.aksrt-orders-page__empty p { margin: 0 0 16px; color: var(--orders-muted); font-size: 13px; }
|
||||
|
||||
/* ---- Order detail modal (front-end order center) ---- */
|
||||
/* 弹窗 portal 到 <body>，读不到页面上的 `--orders-*` 别名，因此把本模块的局部
|
||||
别名映射到 modal-runtime.css 声明的共享 portal 基座 `--modal-*`；
|
||||
路由文件不应再自行推导调色板值。 */
|
||||
.aksrt-order-detail-modal {
|
||||
--detail-ink: var(--modal-ink);
|
||||
--detail-muted: var(--modal-muted);
|
||||
--detail-line: var(--modal-line);
|
||||
--detail-surface: var(--modal-surface);
|
||||
--detail-surface-2: var(--modal-surface-2);
|
||||
--detail-surface-3: var(--modal-surface-3);
|
||||
--detail-primary: var(--modal-primary);
|
||||
--detail-warning: var(--modal-warning);
|
||||
--detail-success: var(--modal-success);
|
||||
}
|
||||
|
||||
/* 订单详情弹窗：与售后弹窗统一为 modal-mini 几何（400px）；标题区改用蓝色炫彩头，运行时不再渲染默认标题栏。 */
|
||||
.aksrt-order-detail-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog {
|
||||
width: min(400px, calc(100vw - 32px));
|
||||
border-radius: var(--main-radius, 8px);
|
||||
background: var(--main-bg-color, #fff);
|
||||
}
|
||||
.aksrt-order-detail-modal .aksrt-modal-runtime__content { display: flex; flex-direction: column; gap: 18px; padding: 16px 18px 0; }
|
||||
|
||||
.aksrt-order-detail__skeleton { display: grid; gap: 12px; padding: 4px 0; }
|
||||
|
||||
/* Status banner — a single local variable drives the whole colour scheme. */
|
||||
.aksrt-order-detail__hero { --hero-accent: var(--detail-primary); --hero-text: color-mix(in srgb, var(--hero-accent) 72%, var(--detail-ink)); display: flex; align-items: center; gap: 13px; padding: 15px; border: 1px solid color-mix(in srgb, var(--hero-accent) 20%, transparent); border-radius: 14px; background: color-mix(in srgb, var(--hero-accent) 12%, var(--detail-surface)); }
|
||||
.aksrt-order-detail__hero.is-pending { --hero-accent: var(--detail-warning); }
|
||||
.aksrt-order-detail__hero.is-paid { --hero-accent: var(--detail-success); }
|
||||
.aksrt-order-detail__hero.is-refunded, .aksrt-order-detail__hero.is-closed { --hero-accent: var(--detail-muted); }
|
||||
.aksrt-order-detail__hero-icon { display: grid; flex: 0 0 auto; width: 42px; height: 42px; place-items: center; border-radius: 12px; background: color-mix(in srgb, var(--hero-accent) 16%, transparent); color: var(--hero-text); font-size: 19px; }
|
||||
.aksrt-order-detail__hero-copy { display: grid; flex: 1 1 auto; gap: 4px; min-width: 0; }
|
||||
.aksrt-order-detail__status { color: var(--hero-text); font-size: 15px; font-weight: 750; line-height: 1.2; }
|
||||
.aksrt-order-detail__desc { margin: 0; color: var(--detail-muted); font-size: 12px; line-height: 1.45; }
|
||||
.aksrt-order-detail__countdown { color: var(--hero-text); font-size: 12px; font-variant-numeric: tabular-nums; }
|
||||
.aksrt-order-detail__hero-amount { display: grid; flex: 0 0 auto; gap: 3px; justify-items: end; text-align: right; }
|
||||
.aksrt-order-detail__hero-amount strong { color: var(--detail-ink); font-size: 21px; font-weight: 750; line-height: 1.1; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
|
||||
.aksrt-order-detail__hero-amount span { color: var(--detail-muted); font-size: 11px; }
|
||||
|
||||
.aksrt-order-detail__group { display: grid; gap: 10px; }
|
||||
.aksrt-order-detail__group-title { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--detail-ink); font-size: 13px; font-weight: 700; line-height: 1.3; }
|
||||
.aksrt-order-detail__group-title::before { content: ""; width: 3px; height: 13px; border-radius: 2px; background: var(--detail-primary); }
|
||||
|
||||
.aksrt-order-detail__product { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--detail-line); border-radius: 12px; background: var(--detail-surface); }
|
||||
.aksrt-order-detail__thumb { width: 54px; height: 54px; border-radius: 10px; object-fit: cover; }
|
||||
.aksrt-order-detail__thumb--empty { display: grid; place-items: center; background: var(--detail-surface-2); color: var(--detail-primary); font-size: 19px; }
|
||||
.aksrt-order-detail__product-copy { display: grid; gap: 6px; min-width: 0; }
|
||||
.aksrt-order-detail__product-title { display: -webkit-box; overflow: hidden; color: var(--detail-ink); font-size: 14px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
|
||||
.aksrt-order-detail__product-meta { display: inline-flex; justify-self: start; padding: 2px 8px; border-radius: 999px; background: color-mix(in srgb, var(--detail-primary) 9%, var(--detail-surface-2)); color: var(--detail-primary); font-size: 11px; font-weight: 650; line-height: 1.5; }
|
||||
|
||||
.aksrt-order-detail__list { display: grid; margin: 0; overflow: hidden; border: 1px solid var(--detail-line); border-radius: 12px; background: var(--detail-surface); }
|
||||
.aksrt-order-detail__list > div { display: grid; grid-template-columns: 84px minmax(0, 1fr); align-items: center; gap: 12px; padding: 11px 13px; border-bottom: 1px solid var(--detail-line); }
|
||||
.aksrt-order-detail__list > div:last-child { border-bottom: 0; }
|
||||
.aksrt-order-detail__list dt { color: var(--detail-muted); font-size: 12.5px; }
|
||||
.aksrt-order-detail__list dd { display: flex; align-items: center; justify-content: flex-end; gap: 8px; min-width: 0; margin: 0; color: var(--detail-ink); font-size: 13px; font-variant-numeric: tabular-nums; text-align: right; }
|
||||
.aksrt-order-detail__value-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.aksrt-order-detail__value-text.is-mono { font-family: var(--font-mono, monospace); font-size: 12.5px; letter-spacing: .01em; }
|
||||
.aksrt-order-detail__copy { display: inline-grid; flex: 0 0 auto; width: 24px; height: 24px; padding: 0; place-items: center; border: 1px solid var(--detail-line); border-radius: 7px; background: var(--detail-surface-3); color: var(--detail-muted); font-size: 11px; line-height: 1; cursor: pointer; transition: color .15s ease, border-color .15s ease; }
|
||||
.aksrt-order-detail__copy:hover { border-color: color-mix(in srgb, var(--detail-primary) 45%, var(--detail-line)); color: var(--detail-primary); }
|
||||
.aksrt-order-detail__copy.is-copied { border-color: color-mix(in srgb, var(--detail-success) 45%, var(--detail-line)); color: var(--detail-success); }
|
||||
|
||||
.aksrt-order-detail__refresh-state { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 10px; padding: 12px 13px; border: 1px solid color-mix(in srgb, var(--detail-warning) 26%, transparent); border-radius: 12px; background: color-mix(in srgb, var(--detail-warning) 10%, var(--detail-surface-2)); color: var(--detail-ink); font-size: 12.5px; }
|
||||
.aksrt-order-detail__refresh-state > i { color: var(--detail-warning); font-size: 15px; }
|
||||
.aksrt-order-detail__refresh-state p { margin: 0; }
|
||||
.aksrt-order-detail__refresh-state button { grid-column: 2; justify-self: start; }
|
||||
|
||||
/* 底部操作区：按钮排布沿用主题 .but-average.modal-buts（禁封申诉弹窗同式），此处仅保留吸底定位与通栏背景。
|
||||
主题 modal-buts 自带 margin-top:16px，吸底场景下用更高优先级清掉，避免内容与吸底条之间出现空隙。 */
|
||||
.aksrt-order-detail-modal .aksrt-order-detail__actions { position: sticky; bottom: 0; z-index: 2; margin: 0 -18px; padding: 13px 18px calc(13px + env(safe-area-inset-bottom)); border-top: 1px solid var(--detail-line); background: var(--detail-surface); }
|
||||
.aksrt-order-detail-modal .aksrt-order-detail__actions.but-average.modal-buts { margin-top: 0; }
|
||||
|
||||
/* Orders extensions */
|
||||
.aksrt-orders-page__extra-nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
|
||||
.aksrt-orders-page__extra-link { padding: 6px 12px; border-radius: 999px; background: var(--surface-2, #f3f4f6); color: inherit; text-decoration: none; font-size: 13px; }
|
||||
.aksrt-orders-page__extra-link.is-active { background: var(--focus-color, var(--color-primary)); color: #fff; }
|
||||
.aksrt-as-list { display: grid; gap: 12px; }
|
||||
.aksrt-as-card { padding: 14px; border: 1px solid var(--main-border-color, #eee); border-radius: 10px; background: var(--main-bg-color, #fff); }
|
||||
.aksrt-as-card__head { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 6px; }
|
||||
.aksrt-as-card__status { margin-left: auto; color: var(--focus-color, #2f6df6); font-weight: 600; }
|
||||
.aksrt-as-timeline { margin: 10px 0 0; padding-left: 18px; color: var(--muted-2-color, #888); font-size: 12px; }
|
||||
.aksrt-as-card__actions { display: flex; gap: 8px; margin-top: 10px; }
|
||||
.aksrt-coupon-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
|
||||
.aksrt-coupon-card { padding: 12px; border: 1px dashed var(--focus-color, #2f6df6); border-radius: 10px; background: color-mix(in srgb, var(--focus-color, #2f6df6) 6%, #fff); }
|
||||
.aksrt-coupon-card__value { color: var(--focus-color, #2f6df6); font-size: 20px; font-weight: 700; }
|
||||
.aksrt-coupon-card__code { margin: 6px 0; font-family: ui-monospace, monospace; }
|
||||
.aksrt-coupon-card__meta { margin-bottom: 4px; color: var(--muted-2-color, #888); font-size: 12px; }
|
||||
.aksrt-orders-page__field { margin-bottom: 12px; }
|
||||
.aksrt-orders-page__input, .aksrt-orders-page__select, .aksrt-orders-page__textarea { box-sizing: border-box; width: 100%; padding: 8px 10px; border: 1px solid var(--main-border-color, #ddd); border-radius: 6px; }
|
||||
@media (max-width: 767px) { .uc-orders-panel__head { grid-template-columns: 1fr; gap: 17px; }.aksrt-orders-page__stats { max-width: none; }.aksrt-orders-page__search { flex-wrap: wrap; }.aksrt-orders-page__search input { min-width: 150px; }.aksrt-orders-page__search .btn-primary { margin-left: auto; }.aksrt-orders-page__filter-toggle { margin-left: auto; }.aksrt-orders-page__card-rail time { width: 100%; margin-left: 0; order: 3; }.aksrt-orders-page__card-main { grid-template-columns: 48px minmax(0, 1fr); }.aksrt-orders-page__card-img, .aksrt-orders-page__card-art { width: 48px; height: 48px; }.aksrt-orders-page__card-value { grid-column: 2; text-align: left; }.aksrt-orders-page__card-actions > :not(.aksrt-orders-page__countdown) { flex: 1 1 auto; }.aksrt-orders-page__countdown { width: 100%; }}
|
||||
html.dark .aksrt-orders-page__stat, html.dark .aksrt-orders-page__card { background: var(--surface-1, #1a1d24); } html.dark .aksrt-orders-page__card-rail, html.dark .aksrt-orders-page__filter-panel { background: var(--surface-2, #12151b); }
|
||||
|
||||
/* ---- 售后记录卡片（订单详情弹窗） ---- */
|
||||
.aksrt-order-detail__after-sales { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
|
||||
.aksrt-order-detail__after-sale { --as-accent: var(--detail-muted); display: grid; gap: 10px; padding: 13px 14px; border: 1px solid var(--detail-line); border-left: 3px solid var(--as-accent); border-radius: 12px; background: var(--detail-surface); }
|
||||
.aksrt-order-detail__after-sale.is-pending { --as-accent: var(--detail-warning); }
|
||||
.aksrt-order-detail__after-sale.is-processing { --as-accent: var(--detail-primary); }
|
||||
.aksrt-order-detail__after-sale.is-approved, .aksrt-order-detail__after-sale.is-completed { --as-accent: var(--detail-success); }
|
||||
.aksrt-order-detail__after-sale.is-rejected, .aksrt-order-detail__after-sale.is-cancelled { --as-accent: var(--modal-danger, #ef4444); }
|
||||
.aksrt-order-detail__after-sale-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
|
||||
.aksrt-order-detail__after-sale-badge { padding: 3px 11px; border-radius: 999px; background: color-mix(in srgb, var(--as-accent) 12%, transparent); color: var(--as-accent); font-size: 12px; font-weight: 700; line-height: 1.5; }
|
||||
.aksrt-order-detail__after-sale-head time { color: var(--detail-muted); font-size: 11.5px; font-variant-numeric: tabular-nums; }
|
||||
.aksrt-order-detail__after-sale-reason { margin: 0; color: var(--detail-ink); font-size: 13px; line-height: 1.65; white-space: pre-wrap; word-break: break-word; }
|
||||
.aksrt-order-detail__after-sale-meta { display: grid; margin: 0; overflow: hidden; border: 1px solid var(--detail-line); border-radius: 10px; background: var(--detail-surface-3); }
|
||||
.aksrt-order-detail__after-sale-meta > div { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 10px; padding: 9px 12px; border-bottom: 1px solid var(--detail-line); font-size: 12.5px; }
|
||||
.aksrt-order-detail__after-sale-meta > div:last-child { border-bottom: 0; }
|
||||
.aksrt-order-detail__after-sale-meta dt { color: var(--detail-muted); }
|
||||
.aksrt-order-detail__after-sale-meta dd { margin: 0; color: var(--detail-ink); font-size: 12.5px; text-align: right; word-break: break-word; }
|
||||
.aksrt-order-detail__after-sale-field { color: var(--detail-muted); }
|
||||
.aksrt-order-detail__after-sale-foot { display: flex; flex-wrap: wrap; gap: 8px; }
|
||||
/* Knowledge-payment order center */
|
||||
.aksrt-orders-page {
|
||||
--orders-ink: var(--color-ink, #1d2738);
|
||||
--orders-muted: var(--color-ink-3, #758096);
|
||||
--orders-line: color-mix(in srgb, var(--color-line, #e1e6ef) 88%, transparent);
|
||||
padding: 0;
|
||||
color: var(--orders-ink);
|
||||
}
|
||||
|
||||
.uc-orders-panel__head {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) minmax(285px, 42%);
|
||||
gap: 28px;
|
||||
align-items: end;
|
||||
padding: 4px 0 22px;
|
||||
border-bottom: 1px solid var(--orders-line);
|
||||
}
|
||||
|
||||
.aksrt-orders-page__eyebrow {
|
||||
margin: 0 0 7px;
|
||||
color: var(--color-primary, #3b82f6);
|
||||
font-size: 11px;
|
||||
font-weight: 750;
|
||||
letter-spacing: .14em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.uc-orders-panel__title { display: flex; align-items: center; gap: 9px; font-size: 21px; }
|
||||
.uc-orders-panel__title-icon { color: var(--color-primary, #3b82f6); font-size: 17px; }
|
||||
.uc-orders-panel__title-wrap > p:last-child { margin-bottom: 0; }
|
||||
|
||||
.aksrt-orders-page__stats {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
border: 1px solid var(--orders-line);
|
||||
border-radius: 14px;
|
||||
background: var(--surface-1, #fff);
|
||||
overflow: hidden;
|
||||
}
|
||||
.aksrt-orders-page__stat { display: grid; gap: 5px; padding: 13px 15px; border-right: 1px solid var(--orders-line); }
|
||||
.aksrt-orders-page__stat:last-child { border-right: 0; }
|
||||
.aksrt-orders-page__stat span { color: var(--orders-muted); font-size: 11px; font-weight: 600; }
|
||||
.aksrt-orders-page__stat strong { font-size: 21px; line-height: 1; font-variant-numeric: tabular-nums; }
|
||||
.aksrt-orders-page__stat strong.is-pending { color: var(--color-warning, #c87819); }
|
||||
.aksrt-orders-page__stat strong.is-paid { color: var(--color-success, #168560); }
|
||||
|
||||
.aksrt-orders-page__search { display: flex; gap: 8px; align-items: center; margin: 20px 0 12px; padding: 7px; border: 1px solid var(--orders-line); border-radius: 12px; background: var(--surface-1, #fff); }
|
||||
.aksrt-orders-page__search > i { margin-left: 7px; color: var(--orders-muted); font-size: 13px; }
|
||||
.aksrt-orders-page__search input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--orders-ink); font-size: 13px; }
|
||||
.aksrt-orders-page__search button, .aksrt-orders-page__card-actions .btn-primary, .aksrt-orders-page__card-actions .btn-outline, .aksrt-orders-page__card-actions .btn-ghost, .aksrt-orders-page__empty .btn-outline { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 0 13px; border-radius: 8px; border: 1px solid transparent; font-size: 12px; font-weight: 650; text-decoration: none; cursor: pointer; }
|
||||
.aksrt-orders-page .btn-primary { background: var(--color-primary, #3b82f6); color: var(--color-on-primary, #fff); }
|
||||
.aksrt-orders-page .btn-outline { border-color: var(--orders-line); background: var(--surface-1, #fff); color: var(--orders-ink); }
|
||||
.aksrt-orders-page .btn-ghost { background: transparent; color: var(--orders-muted); }
|
||||
.aksrt-orders-page__filter-toggle { background: var(--surface-2, #f4f6f9); color: var(--orders-ink); white-space: nowrap; }
|
||||
|
||||
.aksrt-orders-page__filter-panel { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: -2px 0 14px; padding: 12px; border-radius: 10px; background: var(--surface-2, #f4f6f9); }
|
||||
.aksrt-orders-page__filter-panel[hidden] { display: none !important; }
|
||||
.aksrt-orders-page__filter-group { display: flex; flex: 1 1 100%; gap: 10px; align-items: center; }
|
||||
.aksrt-orders-page__filter-label { flex: 0 0 58px; color: var(--orders-muted); font-size: 12px; font-weight: 650; }
|
||||
.aksrt-orders-page__status-filters, .aksrt-orders-page__type-filters { display: flex; flex-wrap: wrap; gap: 6px; }
|
||||
.aksrt-orders-page__filter-chip { display: inline-flex; gap: 5px; align-items: center; padding: 5px 9px; border: 1px solid var(--orders-line); border-radius: 999px; background: var(--surface-1, #fff); color: var(--orders-muted); font: inherit; font-size: 12px; text-decoration: none; cursor: pointer; }
|
||||
.aksrt-orders-page__filter-chip.is-active { border-color: var(--color-primary, #3b82f6); background: color-mix(in srgb, var(--color-primary, #3b82f6) 10%, var(--surface-1, #fff)); color: var(--color-primary, #3b82f6); font-weight: 700; }
|
||||
.aksrt-orders-page__filter-count { display: inline-grid; min-width: 17px; height: 17px; padding: 0 4px; place-items: center; border-radius: 999px; background: var(--color-warning, #c87819); color: #fff; font-size: 10px; line-height: 1; }
|
||||
.aksrt-orders-page__clear { margin-left: auto; padding: 0; border: 0; background: transparent; color: var(--color-primary, #3b82f6); font: inherit; font-size: 12px; text-decoration: none; cursor: pointer; }
|
||||
|
||||
.aksrt-orders-page__list { display: grid; gap: 10px; }
|
||||
.aksrt-orders-page__card { overflow: hidden; border: 1px solid var(--orders-line); border-radius: 13px; background: var(--surface-1, #fff); transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
|
||||
.aksrt-orders-page__card:hover { border-color: color-mix(in srgb, var(--color-primary, #3b82f6) 36%, var(--orders-line)); box-shadow: 0 8px 22px rgba(30, 48, 79, .07); transform: translateY(-1px); }
|
||||
.aksrt-orders-page__card-rail { display: flex; gap: 10px; align-items: center; padding: 9px 14px; background: var(--surface-2, #f7f8fb); color: var(--orders-muted); font-size: 11px; }
|
||||
.aksrt-orders-page__card-rail time { margin-left: auto; font-variant-numeric: tabular-nums; }
|
||||
.aksrt-orders-page__card-status { font-weight: 700; }
|
||||
.aksrt-orders-page__card-status.is-pending { color: var(--color-warning, #c87819); }
|
||||
.aksrt-orders-page__card-status.is-paid { color: var(--color-success, #168560); }
|
||||
.aksrt-orders-page__card-main { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 13px; align-items: center; padding: 14px; }
|
||||
.aksrt-orders-page__card-img, .aksrt-orders-page__card-art { width: 52px; height: 52px; border-radius: 10px; object-fit: cover; }
|
||||
.aksrt-orders-page__card-art { display: grid; place-items: center; color: var(--color-primary, #3b82f6); background: color-mix(in srgb, var(--color-primary, #3b82f6) 10%, var(--surface-2, #f4f6f9)); }
|
||||
.aksrt-orders-page__card-copy { min-width: 0; }
|
||||
.aksrt-orders-page__card-copy h3 { display: -webkit-box; margin: 0 0 5px; overflow: hidden; color: var(--orders-ink); font-size: 14px; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
|
||||
.aksrt-orders-page__card-copy p { margin: 0; color: var(--orders-muted); font-family: var(--font-mono, monospace); font-size: 11px; }
|
||||
.aksrt-orders-page__card-value { display: grid; gap: 3px; text-align: right; }
|
||||
.aksrt-orders-page__card-value strong { color: var(--orders-ink); font-size: 15px; font-variant-numeric: tabular-nums; }
|
||||
.aksrt-orders-page__card-value span { color: var(--orders-muted); font-size: 11px; }
|
||||
.aksrt-orders-page__card-actions { display: flex; gap: 7px; align-items: center; justify-content: flex-end; padding: 9px 14px; border-top: 1px solid var(--orders-line); }
|
||||
.aksrt-orders-page__countdown { margin-right: auto; color: var(--color-warning, #c87819); font-size: 11px; font-variant-numeric: tabular-nums; }
|
||||
|
||||
.aksrt-orders-page__pagination { display: flex; justify-content: center; gap: 6px; margin-top: 20px; }
|
||||
.aksrt-orders-page__page-chip { display: grid; width: 31px; height: 31px; padding: 0; place-items: center; border: 1px solid var(--orders-line); border-radius: 8px; background: var(--surface-1, #fff); color: var(--orders-muted); font: inherit; font-size: 12px; text-decoration: none; cursor: pointer; }
|
||||
.aksrt-orders-page__page-chip.is-active { border-color: var(--color-primary, #3b82f6); background: var(--color-primary, #3b82f6); color: #fff; }
|
||||
.aksrt-orders-page [data-aksrt-order-list], .aksrt-orders-page__stats, .aksrt-orders-page__pagination { transition: opacity .16s ease; }
|
||||
.aksrt-orders-page.is-loading [data-aksrt-order-list], .aksrt-orders-page.is-loading .aksrt-orders-page__stats, .aksrt-orders-page.is-loading .aksrt-orders-page__pagination { opacity: .55; pointer-events: none; }
|
||||
.aksrt-orders-page__empty { padding: 52px 20px; border: 1px dashed var(--orders-line); border-radius: 13px; background: var(--surface-2, #f7f8fb); text-align: center; }
|
||||
.aksrt-orders-page__empty i { display: block; margin-bottom: 12px; color: var(--color-primary, #3b82f6); font-size: 30px; }
|
||||
.aksrt-orders-page__empty h3 { margin: 0 0 7px; font-size: 15px; }.aksrt-orders-page__empty p { margin: 0 0 16px; color: var(--orders-muted); font-size: 13px; }
|
||||
|
||||
/* ---- Order detail modal (front-end order center) ---- */
|
||||
/* 弹窗 portal 到 <body>，读不到页面上的 `--orders-*` 别名，因此把本模块的局部
|
||||
别名映射到 modal-runtime.css 声明的共享 portal 基座 `--modal-*`；
|
||||
路由文件不应再自行推导调色板值。 */
|
||||
.aksrt-order-detail-modal {
|
||||
--detail-ink: var(--modal-ink);
|
||||
--detail-muted: var(--modal-muted);
|
||||
--detail-line: var(--modal-line);
|
||||
--detail-surface: var(--modal-surface);
|
||||
--detail-surface-2: var(--modal-surface-2);
|
||||
--detail-surface-3: var(--modal-surface-3);
|
||||
--detail-primary: var(--modal-primary);
|
||||
--detail-warning: var(--modal-warning);
|
||||
--detail-success: var(--modal-success);
|
||||
}
|
||||
|
||||
/* 订单详情弹窗：与售后弹窗统一为 modal-mini 几何（400px）；标题区改用蓝色炫彩头，运行时不再渲染默认标题栏。 */
|
||||
.aksrt-order-detail-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog {
|
||||
width: min(400px, calc(100vw - 32px));
|
||||
border-radius: var(--main-radius, 8px);
|
||||
background: var(--main-bg-color, #fff);
|
||||
}
|
||||
.aksrt-order-detail-modal .aksrt-modal-runtime__content { display: flex; flex-direction: column; gap: 18px; padding: 16px 18px 0; }
|
||||
|
||||
.aksrt-order-detail__skeleton { display: grid; gap: 12px; padding: 4px 0; }
|
||||
|
||||
/* Status banner — a single local variable drives the whole colour scheme. */
|
||||
.aksrt-order-detail__hero { --hero-accent: var(--detail-primary); --hero-text: color-mix(in srgb, var(--hero-accent) 72%, var(--detail-ink)); display: flex; align-items: center; gap: 13px; padding: 15px; border: 1px solid color-mix(in srgb, var(--hero-accent) 20%, transparent); border-radius: 14px; background: color-mix(in srgb, var(--hero-accent) 12%, var(--detail-surface)); }
|
||||
.aksrt-order-detail__hero.is-pending { --hero-accent: var(--detail-warning); }
|
||||
.aksrt-order-detail__hero.is-paid { --hero-accent: var(--detail-success); }
|
||||
.aksrt-order-detail__hero.is-refunded, .aksrt-order-detail__hero.is-closed { --hero-accent: var(--detail-muted); }
|
||||
.aksrt-order-detail__hero-icon { display: grid; flex: 0 0 auto; width: 42px; height: 42px; place-items: center; border-radius: 12px; background: color-mix(in srgb, var(--hero-accent) 16%, transparent); color: var(--hero-text); font-size: 19px; }
|
||||
.aksrt-order-detail__hero-copy { display: grid; flex: 1 1 auto; gap: 4px; min-width: 0; }
|
||||
.aksrt-order-detail__status { color: var(--hero-text); font-size: 15px; font-weight: 750; line-height: 1.2; }
|
||||
.aksrt-order-detail__desc { margin: 0; color: var(--detail-muted); font-size: 12px; line-height: 1.45; }
|
||||
.aksrt-order-detail__countdown { color: var(--hero-text); font-size: 12px; font-variant-numeric: tabular-nums; }
|
||||
.aksrt-order-detail__hero-amount { display: grid; flex: 0 0 auto; gap: 3px; justify-items: end; text-align: right; }
|
||||
.aksrt-order-detail__hero-amount strong { color: var(--detail-ink); font-size: 21px; font-weight: 750; line-height: 1.1; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
|
||||
.aksrt-order-detail__hero-amount span { color: var(--detail-muted); font-size: 11px; }
|
||||
|
||||
.aksrt-order-detail__group { display: grid; gap: 10px; }
|
||||
.aksrt-order-detail__group-title { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--detail-ink); font-size: 13px; font-weight: 700; line-height: 1.3; }
|
||||
.aksrt-order-detail__group-title::before { content: ""; width: 3px; height: 13px; border-radius: 2px; background: var(--detail-primary); }
|
||||
|
||||
.aksrt-order-detail__product { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--detail-line); border-radius: 12px; background: var(--detail-surface); }
|
||||
.aksrt-order-detail__thumb { width: 54px; height: 54px; border-radius: 10px; object-fit: cover; }
|
||||
.aksrt-order-detail__thumb--empty { display: grid; place-items: center; background: var(--detail-surface-2); color: var(--detail-primary); font-size: 19px; }
|
||||
.aksrt-order-detail__product-copy { display: grid; gap: 6px; min-width: 0; }
|
||||
.aksrt-order-detail__product-title { display: -webkit-box; overflow: hidden; color: var(--detail-ink); font-size: 14px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
|
||||
.aksrt-order-detail__product-meta { display: inline-flex; justify-self: start; padding: 2px 8px; border-radius: 999px; background: color-mix(in srgb, var(--detail-primary) 9%, var(--detail-surface-2)); color: var(--detail-primary); font-size: 11px; font-weight: 650; line-height: 1.5; }
|
||||
|
||||
.aksrt-order-detail__list { display: grid; margin: 0; overflow: hidden; border: 1px solid var(--detail-line); border-radius: 12px; background: var(--detail-surface); }
|
||||
.aksrt-order-detail__list > div { display: grid; grid-template-columns: 84px minmax(0, 1fr); align-items: center; gap: 12px; padding: 11px 13px; border-bottom: 1px solid var(--detail-line); }
|
||||
.aksrt-order-detail__list > div:last-child { border-bottom: 0; }
|
||||
.aksrt-order-detail__list dt { color: var(--detail-muted); font-size: 12.5px; }
|
||||
.aksrt-order-detail__list dd { display: flex; align-items: center; justify-content: flex-end; gap: 8px; min-width: 0; margin: 0; color: var(--detail-ink); font-size: 13px; font-variant-numeric: tabular-nums; text-align: right; }
|
||||
.aksrt-order-detail__value-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.aksrt-order-detail__value-text.is-mono { font-family: var(--font-mono, monospace); font-size: 12.5px; letter-spacing: .01em; }
|
||||
.aksrt-order-detail__copy { display: inline-grid; flex: 0 0 auto; width: 24px; height: 24px; padding: 0; place-items: center; border: 1px solid var(--detail-line); border-radius: 7px; background: var(--detail-surface-3); color: var(--detail-muted); font-size: 11px; line-height: 1; cursor: pointer; transition: color .15s ease, border-color .15s ease; }
|
||||
.aksrt-order-detail__copy:hover { border-color: color-mix(in srgb, var(--detail-primary) 45%, var(--detail-line)); color: var(--detail-primary); }
|
||||
.aksrt-order-detail__copy.is-copied { border-color: color-mix(in srgb, var(--detail-success) 45%, var(--detail-line)); color: var(--detail-success); }
|
||||
|
||||
.aksrt-order-detail__refresh-state { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 10px; padding: 12px 13px; border: 1px solid color-mix(in srgb, var(--detail-warning) 26%, transparent); border-radius: 12px; background: color-mix(in srgb, var(--detail-warning) 10%, var(--detail-surface-2)); color: var(--detail-ink); font-size: 12.5px; }
|
||||
.aksrt-order-detail__refresh-state > i { color: var(--detail-warning); font-size: 15px; }
|
||||
.aksrt-order-detail__refresh-state p { margin: 0; }
|
||||
.aksrt-order-detail__refresh-state button { grid-column: 2; justify-self: start; }
|
||||
|
||||
/* 底部操作区：按钮排布沿用主题 .but-average.modal-buts（禁封申诉弹窗同式），此处仅保留吸底定位与通栏背景。
|
||||
主题 modal-buts 自带 margin-top:16px，吸底场景下用更高优先级清掉，避免内容与吸底条之间出现空隙。 */
|
||||
.aksrt-order-detail-modal .aksrt-order-detail__actions { position: sticky; bottom: 0; z-index: 2; margin: 0 -18px; padding: 13px 18px calc(13px + env(safe-area-inset-bottom)); border-top: 1px solid var(--detail-line); background: var(--detail-surface); }
|
||||
.aksrt-order-detail-modal .aksrt-order-detail__actions.but-average.modal-buts { margin-top: 0; }
|
||||
|
||||
/* Orders extensions */
|
||||
.aksrt-orders-page__extra-nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
|
||||
.aksrt-orders-page__extra-link { padding: 6px 12px; border-radius: 999px; background: var(--surface-2, #f3f4f6); color: inherit; text-decoration: none; font-size: 13px; }
|
||||
.aksrt-orders-page__extra-link.is-active { background: var(--focus-color, var(--color-primary)); color: #fff; }
|
||||
.aksrt-as-list { display: grid; gap: 12px; }
|
||||
.aksrt-as-card { padding: 14px; border: 1px solid var(--main-border-color, #eee); border-radius: 10px; background: var(--main-bg-color, #fff); }
|
||||
.aksrt-as-card__head { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 6px; }
|
||||
.aksrt-as-card__status { margin-left: auto; color: var(--focus-color, #2f6df6); font-weight: 600; }
|
||||
.aksrt-as-timeline { margin: 10px 0 0; padding-left: 18px; color: var(--muted-2-color, #888); font-size: 12px; }
|
||||
.aksrt-as-card__actions { display: flex; gap: 8px; margin-top: 10px; }
|
||||
.aksrt-coupon-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
|
||||
.aksrt-coupon-card { padding: 12px; border: 1px dashed var(--focus-color, #2f6df6); border-radius: 10px; background: color-mix(in srgb, var(--focus-color, #2f6df6) 6%, #fff); }
|
||||
.aksrt-coupon-card__value { color: var(--focus-color, #2f6df6); font-size: 20px; font-weight: 700; }
|
||||
.aksrt-coupon-card__code { margin: 6px 0; font-family: ui-monospace, monospace; }
|
||||
.aksrt-coupon-card__meta { margin-bottom: 4px; color: var(--muted-2-color, #888); font-size: 12px; }
|
||||
.aksrt-orders-page__field { margin-bottom: 12px; }
|
||||
.aksrt-orders-page__input, .aksrt-orders-page__select, .aksrt-orders-page__textarea { box-sizing: border-box; width: 100%; padding: 8px 10px; border: 1px solid var(--main-border-color, #ddd); border-radius: 6px; }
|
||||
@media (max-width: 767px) { .uc-orders-panel__head { grid-template-columns: 1fr; gap: 17px; }.aksrt-orders-page__stats { max-width: none; }.aksrt-orders-page__search { flex-wrap: wrap; }.aksrt-orders-page__search input { min-width: 150px; }.aksrt-orders-page__search .btn-primary { margin-left: auto; }.aksrt-orders-page__filter-toggle { margin-left: auto; }.aksrt-orders-page__card-rail time { width: 100%; margin-left: 0; order: 3; }.aksrt-orders-page__card-main { grid-template-columns: 48px minmax(0, 1fr); }.aksrt-orders-page__card-img, .aksrt-orders-page__card-art { width: 48px; height: 48px; }.aksrt-orders-page__card-value { grid-column: 2; text-align: left; }.aksrt-orders-page__card-actions > :not(.aksrt-orders-page__countdown) { flex: 1 1 auto; }.aksrt-orders-page__countdown { width: 100%; }}
|
||||
html.dark .aksrt-orders-page__stat, html.dark .aksrt-orders-page__card { background: var(--surface-1, #1a1d24); } html.dark .aksrt-orders-page__card-rail, html.dark .aksrt-orders-page__filter-panel { background: var(--surface-2, #12151b); }
|
||||
|
||||
/* ---- 售后记录卡片（订单详情弹窗） ---- */
|
||||
.aksrt-order-detail__after-sales { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
|
||||
.aksrt-order-detail__after-sale { --as-accent: var(--detail-muted); display: grid; gap: 10px; padding: 13px 14px; border: 1px solid var(--detail-line); border-left: 3px solid var(--as-accent); border-radius: 12px; background: var(--detail-surface); }
|
||||
.aksrt-order-detail__after-sale.is-pending { --as-accent: var(--detail-warning); }
|
||||
.aksrt-order-detail__after-sale.is-processing { --as-accent: var(--detail-primary); }
|
||||
.aksrt-order-detail__after-sale.is-approved, .aksrt-order-detail__after-sale.is-completed { --as-accent: var(--detail-success); }
|
||||
.aksrt-order-detail__after-sale.is-rejected, .aksrt-order-detail__after-sale.is-cancelled { --as-accent: var(--modal-danger, #ef4444); }
|
||||
.aksrt-order-detail__after-sale-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
|
||||
.aksrt-order-detail__after-sale-badge { padding: 3px 11px; border-radius: 999px; background: color-mix(in srgb, var(--as-accent) 12%, transparent); color: var(--as-accent); font-size: 12px; font-weight: 700; line-height: 1.5; }
|
||||
.aksrt-order-detail__after-sale-head time { color: var(--detail-muted); font-size: 11.5px; font-variant-numeric: tabular-nums; }
|
||||
.aksrt-order-detail__after-sale-reason { margin: 0; color: var(--detail-ink); font-size: 13px; line-height: 1.65; white-space: pre-wrap; word-break: break-word; }
|
||||
.aksrt-order-detail__after-sale-meta { display: grid; margin: 0; overflow: hidden; border: 1px solid var(--detail-line); border-radius: 10px; background: var(--detail-surface-3); }
|
||||
.aksrt-order-detail__after-sale-meta > div { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 10px; padding: 9px 12px; border-bottom: 1px solid var(--detail-line); font-size: 12.5px; }
|
||||
.aksrt-order-detail__after-sale-meta > div:last-child { border-bottom: 0; }
|
||||
.aksrt-order-detail__after-sale-meta dt { color: var(--detail-muted); }
|
||||
.aksrt-order-detail__after-sale-meta dd { margin: 0; color: var(--detail-ink); font-size: 12.5px; text-align: right; word-break: break-word; }
|
||||
.aksrt-order-detail__after-sale-field { color: var(--detail-muted); }
|
||||
.aksrt-order-detail__after-sale-foot { display: flex; flex-wrap: wrap; gap: 8px; }
|
||||
|
||||
+546
-546
File diff suppressed because it is too large
Load Diff
+756
-756
File diff suppressed because it is too large
Load Diff
+44
-44
@@ -1,44 +1,44 @@
|
||||
<?php
|
||||
/**
|
||||
* @package AKSRT
|
||||
*/
|
||||
|
||||
namespace AKSRT\Core;
|
||||
|
||||
defined('ABSPATH') || exit;
|
||||
|
||||
class DBMigrator {
|
||||
use DBMigratorPart2;
|
||||
use DBMigratorPart3;
|
||||
use DBMigratorIdentity;
|
||||
use DBMigratorVip;
|
||||
|
||||
/** Current schema version; changing it re-runs dbDelta. */
|
||||
// 2.5.1: order_aftersale 新增 images 列（售后举证图片）。dbDelta 仅在版本变化时
|
||||
// 重跑，新增/调整列必须同步升版本，否则老安装不会执行 ALTER TABLE。
|
||||
// 2.5.2: order_aftersale 新增 apply_form 列（结构化申请表单：预置原因 / 申请资料 / 申请说明）。
|
||||
const SCHEMA_VERSION = '2.5.2';
|
||||
|
||||
const OPT_KEY = 'aksrt_db_schema_version';
|
||||
|
||||
/**
|
||||
* Register hooks.
|
||||
*/
|
||||
public static function init(): void {
|
||||
add_action('after_switch_theme', [self::class, 'maybe_migrate']);
|
||||
add_action('admin_init', [self::class, 'maybe_migrate']);
|
||||
}
|
||||
|
||||
/**
|
||||
* Run table schema upgrade when version mismatches.
|
||||
*/
|
||||
public static function maybe_migrate(): void {
|
||||
$current = get_option(self::OPT_KEY, '');
|
||||
if ($current === self::SCHEMA_VERSION) {
|
||||
return;
|
||||
}
|
||||
|
||||
self::run();
|
||||
update_option(self::OPT_KEY, self::SCHEMA_VERSION);
|
||||
}
|
||||
}
|
||||
<?php
|
||||
/**
|
||||
* @package AKSRT
|
||||
*/
|
||||
|
||||
namespace AKSRT\Core;
|
||||
|
||||
defined('ABSPATH') || exit;
|
||||
|
||||
class DBMigrator {
|
||||
use DBMigratorPart2;
|
||||
use DBMigratorPart3;
|
||||
use DBMigratorIdentity;
|
||||
use DBMigratorVip;
|
||||
|
||||
/** Current schema version; changing it re-runs dbDelta. */
|
||||
// 2.5.1: order_aftersale 新增 images 列（售后举证图片）。dbDelta 仅在版本变化时
|
||||
// 重跑，新增/调整列必须同步升版本，否则老安装不会执行 ALTER TABLE。
|
||||
// 2.5.2: order_aftersale 新增 apply_form 列（结构化申请表单：预置原因 / 申请资料 / 申请说明）。
|
||||
const SCHEMA_VERSION = '2.5.2';
|
||||
|
||||
const OPT_KEY = 'aksrt_db_schema_version';
|
||||
|
||||
/**
|
||||
* Register hooks.
|
||||
*/
|
||||
public static function init(): void {
|
||||
add_action('after_switch_theme', [self::class, 'maybe_migrate']);
|
||||
add_action('admin_init', [self::class, 'maybe_migrate']);
|
||||
}
|
||||
|
||||
/**
|
||||
* Run table schema upgrade when version mismatches.
|
||||
*/
|
||||
public static function maybe_migrate(): void {
|
||||
$current = get_option(self::OPT_KEY, '');
|
||||
if ($current === self::SCHEMA_VERSION) {
|
||||
return;
|
||||
}
|
||||
|
||||
self::run();
|
||||
update_option(self::OPT_KEY, self::SCHEMA_VERSION);
|
||||
}
|
||||
}
|
||||
|
||||
+564
-564
File diff suppressed because it is too large
Load Diff
+680
-680
File diff suppressed because it is too large
Load Diff
+552
-552
File diff suppressed because it is too large
Load Diff
@@ -1,389 +1,389 @@
|
||||
'use strict'
|
||||
|
||||
/**
|
||||
* 「售后策略」功能契约：
|
||||
* 1) 后台 schema（PHP SchemaPayment after_sale 分区）与 SPA JS schema 的键、顺序、
|
||||
* 类型、默认值 1:1 对齐，且 schema 与侧边页均已注册（/payment/after-sale 可达）；
|
||||
* 2) 运行时（PaymentRuntime）缺键回退 schema 默认、HTML 走 kses、时效边界正确；
|
||||
* 3) 售后工单：images 列、create 图片清洗与上限、上传路由权限、latest_for_order；
|
||||
* 4) 订单视图模型输出 after_sale 状态（按钮矩阵的唯一数据源）；
|
||||
* 5) 前台：申请/超时效/售后详细三个独立弹窗、modal-mini + 蓝色炫彩头、placeholder 与
|
||||
* 图片上传配置化、不可再申请提示原文、订单详情弹窗不再内嵌售后表单（死代码清理）。
|
||||
*/
|
||||
|
||||
const assert = require('node:assert/strict')
|
||||
const fs = require('node:fs')
|
||||
const path = require('node:path')
|
||||
const { spawnSync } = require('node:child_process')
|
||||
const test = require('node:test')
|
||||
|
||||
const root = path.resolve(__dirname, '..', '..')
|
||||
const read = (file) => fs.readFileSync(path.join(root, file), 'utf8')
|
||||
|
||||
const FIELD_ORDER = [
|
||||
'after_sale_s',
|
||||
'after_sale_time_limit',
|
||||
'after_sale_expired_text',
|
||||
'after_sale_reasons',
|
||||
'after_sale_desc',
|
||||
'after_sale_materials',
|
||||
'after_sale_reason_placeholder',
|
||||
'after_sale_img_s',
|
||||
]
|
||||
|
||||
/** Extract the balanced [...] block assigned to a PHP array key inside a section body. */
|
||||
function phpSection(src, sectionKey) {
|
||||
const start = src.indexOf(`'${sectionKey}' => [`)
|
||||
assert.notEqual(start, -1, `PHP schema has a ${sectionKey} section`)
|
||||
const open = src.indexOf('[', start)
|
||||
let depth = 0
|
||||
for (let i = open; i < src.length; i++) {
|
||||
const ch = src[i]
|
||||
if (ch === "'" || ch === '"') {
|
||||
const quote = ch
|
||||
i++
|
||||
while (i < src.length) {
|
||||
if (src[i] === '\\') { i += 2; continue }
|
||||
if (src[i] === quote) break
|
||||
i++
|
||||
}
|
||||
continue
|
||||
}
|
||||
if (ch === '[') depth++
|
||||
else if (ch === ']') {
|
||||
depth--
|
||||
if (depth === 0) return src.slice(open, i + 1)
|
||||
}
|
||||
}
|
||||
throw new Error(`unbalanced PHP section: ${sectionKey}`)
|
||||
}
|
||||
|
||||
test('after-sale schema is 1:1 between PHP and SPA', () => {
|
||||
const php = phpSection(read('src/Admin/Schema/SchemaPayment.php'), 'after_sale')
|
||||
const js = read('assets/admin/src/schema/sections/payment/afterSale.js')
|
||||
|
||||
assert.match(php, /'key'\s*=>\s*'after_sale'/)
|
||||
assert.match(php, /'title'\s*=>\s*'售后策略'/)
|
||||
assert.match(php, /'option_key'\s*=>\s*'aksrt_settings'/)
|
||||
|
||||
// 字段键、顺序、类型一致（JS 侧 defaults 与 groups 同序，按首次出现去重）
|
||||
const phpKeys = [...php.matchAll(/'key'\s*=>\s*'([a-z0-9_]+)'/g)].map((m) => m[1])
|
||||
const jsKeys = [...js.matchAll(/key:\s*'([a-z0-9_]+)'/g)].map((m) => m[1])
|
||||
const sectionKeys = (keys) => [...new Set(keys.filter((key) => FIELD_ORDER.includes(key)))]
|
||||
assert.deepEqual(sectionKeys(phpKeys), FIELD_ORDER)
|
||||
assert.deepEqual(sectionKeys(jsKeys), FIELD_ORDER)
|
||||
|
||||
for (const [phpType, jsType] of [
|
||||
['switch', 'switch'],
|
||||
['number', 'number'],
|
||||
['textarea', 'textarea'],
|
||||
['group', 'group'],
|
||||
['input', 'input'],
|
||||
]) {
|
||||
assert.ok(php.includes(`'type' => '${phpType}'`), `missing PHP field type ${phpType}`)
|
||||
assert.ok(js.includes(`type: '${jsType}'`), `missing JS field type ${jsType}`)
|
||||
}
|
||||
|
||||
// 默认值一致（开关/时效/占位文案/预置原因/所需材料）
|
||||
assert.match(php, /'after_sale_s', 'label' => '售后功能', 'type' => 'switch', 'default' => true/)
|
||||
assert.match(js, /after_sale_s:\s*true/)
|
||||
assert.match(js, /key: 'after_sale_s', label: '售后功能', type: 'switch', default: true/)
|
||||
assert.match(php, /'after_sale_time_limit', 'label' => '申请售后时效\(天\)', 'type' => 'number', 'default' => 7, 'min' => 0, 'max' => 3650/)
|
||||
assert.match(js, /key: 'after_sale_time_limit', label: '申请售后时效\(天\)', type: 'number', default: 7, min: 0, max: 3650/)
|
||||
assert.match(php, /'after_sale_reason_placeholder', 'label' => '申请说明占位文案', 'type' => 'input', 'default' => '必填，请您详细填写申请原因'/)
|
||||
assert.match(js, /key: 'after_sale_reason_placeholder', label: '申请说明占位文案', type: 'input', default: '必填，请您详细填写申请原因'/)
|
||||
assert.match(php, /'after_sale_img_s', 'label' => '申请售后可上传图片', 'type' => 'switch', 'default' => true/)
|
||||
assert.match(js, /key: 'after_sale_img_s', label: '申请售后可上传图片', type: 'switch', default: true/)
|
||||
|
||||
for (const reason of ['质量问题', '假冒品牌', '其他原因']) {
|
||||
assert.ok(php.includes(`'t' => '${reason}'`), `missing PHP preset reason ${reason}`)
|
||||
assert.ok(js.includes(`{ t: '${reason}' }`), `missing JS preset reason ${reason}`)
|
||||
}
|
||||
for (const material of ['联系邮箱', '联系电话']) {
|
||||
assert.ok(php.includes(`'t' => '${material}'`), `missing PHP material ${material}`)
|
||||
assert.ok(js.includes(`{ t: '${material}' }`), `missing JS material ${material}`)
|
||||
}
|
||||
|
||||
// HTML 配置项（超时效提示 / 申请说明）走 kses 通道
|
||||
assert.match(php, /'after_sale_expired_text', 'label' => '超过时效提示', 'type' => 'textarea', 'sanitize_type' => 'html'/)
|
||||
assert.match(php, /'after_sale_desc', 'label' => '申请售后说明', 'type' => 'textarea', 'sanitize_type' => 'html'/)
|
||||
assert.match(js, /key: 'after_sale_expired_text', label: '超过时效提示', type: 'textarea', sanitize_type: 'html'/)
|
||||
assert.match(js, /key: 'after_sale_desc', label: '申请售后说明', type: 'textarea', sanitize_type: 'html'/)
|
||||
})
|
||||
|
||||
test('after-sale schema and sidebar page are registered under 支付&付费', () => {
|
||||
const schemaIndex = read('assets/admin/src/schema/sections/payment/index.js')
|
||||
assert.match(schemaIndex, /import \{ afterSaleSchema \} from '\.\/afterSale\.js'/)
|
||||
assert.match(schemaIndex, /after_sale:\s*afterSaleSchema/)
|
||||
|
||||
const section = read('assets/admin/src/constants/sections/payment.js')
|
||||
assert.match(section, /key: 'payment-after-sale'/)
|
||||
assert.match(section, /name: 'PaymentAfterSale'/)
|
||||
assert.match(section, /label: '售后策略'/)
|
||||
assert.match(section, /route: '\/payment\/after-sale'/)
|
||||
assert.match(section, /canonicalDomain: 'payment'/)
|
||||
assert.match(section, /section: 'after_sale'/)
|
||||
|
||||
// 侧栏条目位于提现策略之后（支付&付费末位）
|
||||
assert.ok(section.indexOf("key: 'payment-after-sale'") > section.indexOf("key: 'payment-withdrawal'"))
|
||||
|
||||
const schemaRegistry = read('assets/admin/src/schema/index.js')
|
||||
assert.match(schemaRegistry, /paymentSchemas/)
|
||||
})
|
||||
|
||||
test('after-sale runtime resolves defaults, overrides and the expiry boundary matrix', () => {
|
||||
const result = spawnSync(process.env.PHP_BINARY || 'php', [path.join(__dirname, 'after-sale-policy-harness.php')], {
|
||||
cwd: root,
|
||||
encoding: 'utf8',
|
||||
})
|
||||
assert.equal(result.status, 0, result.stderr || result.stdout)
|
||||
const payload = JSON.parse(result.stdout)
|
||||
|
||||
assert.deepEqual(payload.defaults, {
|
||||
enabled: true,
|
||||
time_limit: 7,
|
||||
expired_text: '<div>抱歉，您的订单已超过售后申请时效</div>',
|
||||
reasons: [
|
||||
{ slug: 'c440cdf71825', name: '质量问题' },
|
||||
{ slug: '2ead35a456a0', name: '假冒品牌' },
|
||||
{ slug: 'fba26eab6b2b', name: '其他原因' },
|
||||
],
|
||||
materials: ['联系邮箱', '联系电话'],
|
||||
desc: '',
|
||||
img_enabled: true,
|
||||
reason_placeholder: '必填，请您详细填写申请原因',
|
||||
})
|
||||
|
||||
assert.equal(payload.overridden.enabled, false)
|
||||
assert.equal(payload.overridden.time_limit, 30)
|
||||
assert.equal(payload.overridden.img_enabled, false)
|
||||
assert.equal(payload.overridden.reason_placeholder, '请描述问题')
|
||||
assert.deepEqual(payload.overridden.reasons, [
|
||||
{ slug: 'c440cdf71825', name: '质量问题' },
|
||||
{ slug: '327e0ab68567', name: '发错货' },
|
||||
])
|
||||
assert.deepEqual(payload.overridden.materials, ['联系邮箱'])
|
||||
// HTML 配置项剥离 script，保留 div
|
||||
assert.equal(payload.overridden.expired_text, '<div>已超过时效</div>')
|
||||
assert.equal(payload.overridden.desc, '<div>请保持商品完好</div>')
|
||||
|
||||
assert.deepEqual(payload.expired_ok, {
|
||||
within: true,
|
||||
exact_boundary: true,
|
||||
just_expired: true,
|
||||
long_expired: true,
|
||||
no_limit: true,
|
||||
missing_paid: true,
|
||||
})
|
||||
})
|
||||
|
||||
test('after-sale tickets persist evidence images and expose the latest row', () => {
|
||||
const schema = read('src/Core/DBMigratorPart2.php')
|
||||
assert.match(schema, /CREATE TABLE \{\$prefix\}aksrt_order_aftersale[\s\S]*?images LONGTEXT DEFAULT NULL[\s\S]*?refund_amount/)
|
||||
|
||||
// images 列随 schema 2.5.1 引入：dbDelta 只在版本变化时重跑，列变更必须同步升版本，
|
||||
// 否则老安装不会 ALTER TABLE，写入直接报 Unknown column 'images'。
|
||||
const migrator = read('src/Core/DBMigrator.php')
|
||||
const version = migrator.match(/const SCHEMA_VERSION = '(\d+)\.(\d+)\.(\d+)'/)
|
||||
assert.ok(version, 'DBMigrator exposes a numeric SCHEMA_VERSION')
|
||||
const [major, minor, patch] = version.slice(1).map(Number)
|
||||
assert.ok(
|
||||
major > 2 || (major === 2 && minor > 5) || (major === 2 && minor === 5 && patch >= 1),
|
||||
`SCHEMA_VERSION must be at least 2.5.1 after adding order_aftersale.images, got ${major}.${minor}.${patch}`
|
||||
)
|
||||
|
||||
const service = read('src/Payment/AfterSaleService.php')
|
||||
assert.match(service, /public function create\(int \$user_id, string \$order_number, string \$reason, array \$images = \[\], array \$apply_form = \[\]\)/)
|
||||
// 结构化申请表单：预置原因 / 申请资料 / 申请说明独立入库（reason 融合串保持原样）
|
||||
assert.match(service, /\$apply_form = \$this->sanitize_apply_form\(\$apply_form\);/)
|
||||
assert.match(service, /private function sanitize_apply_form\(array \$form\): array/)
|
||||
assert.match(service, /'apply_form' => \$apply_form === \[\] \? null : wp_json_encode\(\$apply_form/)
|
||||
assert.match(service, /\$images = \$this->sanitize_images\(\$images\);/)
|
||||
assert.match(service, /'images' => wp_json_encode\(\$images\)/)
|
||||
assert.match(service, /private function sanitize_images\(array \$images\): array \{[\s\S]*?count\(\$clean\) >= 3[\s\S]*?esc_url_raw/)
|
||||
assert.match(service, /public function latest_for_order\(string \$order_number\): \?array \{[\s\S]*?ORDER BY id DESC LIMIT 1/)
|
||||
// normalize 输出 images 数组（坏 JSON / 空串回落空数组）
|
||||
assert.match(service, /json_decode\(\(string\) \(\$row\['images'\] \?\? ''\), true\)/)
|
||||
|
||||
// 图片上传路由：登录 + nonce + 售后/图片开关 + 订单归属；回调委托评论图片上传
|
||||
assert.match(service, /\/orders\/' \. \$number \. '\/after-sale\/upload-image'/)
|
||||
assert.match(service, /public function require_after_sale_image\(\\WP_REST_Request \$request\)/)
|
||||
assert.match(service, /get_after_sale_settings\(\)[\s\S]*?empty\(\$settings\['enabled'\]\)[\s\S]*?empty\(\$settings\['img_enabled'\]\)/)
|
||||
assert.match(service, /get_user_order\(get_current_user_id\(\), \$number\)/)
|
||||
assert.match(service, /UserController::get_instance\(\)->rest_upload_comment_image\(\$request\)/)
|
||||
assert.match(service, /'images' => \['required' => false, 'type' => 'array'[\s\S]*?count\(\$value\) <= 3/)
|
||||
|
||||
// 提交 REST 透传 images
|
||||
// rest_submit 同步上报结构化申请表单（reason_label / materials / description）
|
||||
assert.match(service, /'reason_label' => \(string\) \$request->get_param\('reason_label'\),/)
|
||||
assert.match(service, /'materials' +\=> is_array\(\$materials\) \? \$materials : \[\],/)
|
||||
assert.match(service, /'description' +\=> \(string\) \$request->get_param\('description'\),/)
|
||||
|
||||
// 既有售后资产契约（锁 / 退款 / 完成）不受影响
|
||||
assert.match(service, /GET_LOCK\(%s, 5\)/)
|
||||
assert.match(service, /Order::STATUS_PAID/)
|
||||
})
|
||||
|
||||
test('order view model exposes the after-sale button matrix', () => {
|
||||
const userOrders = read('src/Payment/UserOrders.php')
|
||||
assert.match(userOrders, /private function after_sale_state\(string \$group, string \$order_number, string \$paid_at, \?AfterSaleService \$service, array \$records = \[\]\): array \{/)
|
||||
|
||||
assert.match(userOrders, /'after_sale' => \$after_sale_state,/)
|
||||
assert.match(userOrders, /'enabled'\s*=> \$enabled,/)
|
||||
assert.match(userOrders, /'expired'\s*=> \(bool\) \$expired,/)
|
||||
assert.match(userOrders, /'has_application' => \$has_application,/)
|
||||
assert.match(userOrders, /'open'\s*=> \$open,/)
|
||||
assert.match(userOrders, /'can_apply'\s*=> \$enabled && !\$expired && !\$open,/)
|
||||
// 可再次申请售后按工单状态推理：rejected（被拒绝）/ cancelled（已取消）允许再次申请；
|
||||
// pending / processing / approved（流转中）与 completed（已完结）不允许
|
||||
assert.match(userOrders, /\$reapplyable_statuses = \[AfterSaleService::STATUS_REJECTED, AfterSaleService::STATUS_CANCELLED\];/)
|
||||
assert.match(userOrders, /'can_reapply'\s*=> \$enabled && !\$expired && \$has_application && in_array\(\$latest_status, \$reapplyable_statuses, true\),/)
|
||||
assert.match(userOrders, /'latest'\s*=> \$has_application \? \[/)
|
||||
assert.match(userOrders, /'apply_form'\s*=> is_array\(\$latest\['apply_form'\] \?\? null\) \? \$latest\['apply_form'\] : null,/)
|
||||
|
||||
// 仅已支付订单开放；开关关闭整体不处理售后
|
||||
assert.match(userOrders, /\$enabled = \$group === OrderCenterQuery::STATUS_PAID && !empty\(\$settings\['enabled'\]\);/)
|
||||
// 时效以支付时间为准
|
||||
assert.match(userOrders, /\$this->after_sale_state\(\$group, \$order_number, \(string\) \(\$order\['paid_at'\] \?\? ''\), \$after_sale_service, \$after_sales\)/)
|
||||
// 列表模式单行查询，详情模式复用全量工单
|
||||
assert.match(userOrders, /\$after_sales = \$detail && \$after_sale_service \? \$after_sale_service->list_for_order\(\$order_number\) : \[\];/)
|
||||
assert.match(userOrders, /\$latest = \$service->latest_for_order\(\$order_number\);/)
|
||||
assert.match(userOrders, /\$view\['after_sales'\] = \$after_sales;/)
|
||||
|
||||
// 旧 can_after_sale 双路已移除
|
||||
assert.ok(!userOrders.includes('can_after_sale'), 'can_after_sale must be replaced by the after_sale state')
|
||||
})
|
||||
|
||||
test('frontend after-sale modals are standalone and config-driven', () => {
|
||||
const js = read('assets/js/order-after-sale.js')
|
||||
|
||||
// 三个独立弹窗 + modal-mini 几何 + 蓝色炫彩标题区
|
||||
assert.match(js, /className: 'aksrt-after-sale-apply-modal'/)
|
||||
assert.match(js, /className: 'aksrt-after-sale-detail-modal'/)
|
||||
assert.match(js, /className: 'aksrt-after-sale-expired-modal'/)
|
||||
assert.match(js, /modal-colorful-header colorful-bg jb-blue/)
|
||||
assert.match(js, /AksrtModalRuntime\.open\(\{/)
|
||||
|
||||
// 滚动容器与禁封申诉弹窗同口径：no-scrollbar 完全隐藏滚动条（含细滚动条），
|
||||
// 避免 modal-mini 弹窗边缘出现可见滚动栏。
|
||||
assert.match(js, /'<div class="scroll-y no-scrollbar max-vh5">'/)
|
||||
assert.match(js, /'<div class="scroll-y no-scrollbar max-vh5 aksrt-after-sale-detail__body">'/)
|
||||
assert.ok(!js.includes('mini-scrollbar'), 'after-sale modals must not render a visible scrollbar')
|
||||
|
||||
// 申请表单：预置原因徽章、所需资料、必填申请说明（placeholder 取后台配置）
|
||||
assert.match(js, /reasonOptions\(\)/)
|
||||
assert.match(js, /materialOptions\(\)/)
|
||||
assert.match(js, /data-aksrt-after-sale-reason=/)
|
||||
assert.match(js, /data-aksrt-after-sale-material=/)
|
||||
assert.match(js, /var placeholder = String\(cfg\.reasonPlaceholder \|\| '必填，请您详细填写申请原因'\)/)
|
||||
assert.match(js, /name="reason"/)
|
||||
assert.match(js, /notyf\('请填写申请说明', 'danger'\)/)
|
||||
assert.match(js, /notyf\('请选择售后原因', 'danger'\)/)
|
||||
|
||||
// 图片上传：开关控制渲染，最多 3 张，上传/删除/提交
|
||||
assert.match(js, /if \(cfg\.imgEnabled\) \{/)
|
||||
assert.match(js, /MAX_IMAGES = 3/)
|
||||
assert.match(js, /\/after-sale\/upload-image'/)
|
||||
assert.match(js, /data-aksrt-after-sale-image-remove/)
|
||||
assert.match(js, /images: collectImages\(shell\)/)
|
||||
assert.match(js, /reason_label: selectedReasonLabel\(shell\)/)
|
||||
assert.match(js, /materials: collectMaterials\(shell\)/)
|
||||
assert.match(js, /description: reasonText,/)
|
||||
|
||||
// 申请说明（HTML）+ 超时效提示（HTML）由后台配置直出
|
||||
assert.match(js, /var desc = String\(cfg\.desc \|\| ''\)/)
|
||||
assert.match(js, /var text = String\(settings\(\)\.expiredText \|\| '抱歉，您的订单已超过售后申请时效'\)/)
|
||||
|
||||
// 售后详细：状态徽章 / 明细行 / 图片缩略图；不可再申请提示原文 + 我知道了
|
||||
// 申请表单分行展示：原因 / 申请资料 / 申请说明各自独立成行（与申请时间同格式）；
|
||||
// 老数据无 apply_form 时兜底展示融合串
|
||||
assert.match(js, /detailRow\('原因', String\(applyForm\.reason_label \|\| ''\)\)/)
|
||||
assert.match(js, /detailRow\('申请说明', String\(applyForm\.description \|\| ''\)\)/)
|
||||
assert.match(js, /STATUS_LABELS = \{[\s\S]*?pending: '待审核'[\s\S]*?completed: '已完成',/)
|
||||
// 不可再申请：不再展示阻断文案，仅保留关闭入口；可再申请：仅保留单个主按钮（无「关闭」）
|
||||
assert.ok(!js.includes('暂不支持再次申请售后'), 'blocked notice copy must be removed')
|
||||
assert.ok(!js.includes('REAPPLY_BLOCKED_TEXT'), 'blocked text constant must be removed')
|
||||
assert.ok(!js.includes('>关闭</button>'), 'detail modal must not render a 关闭 button')
|
||||
assert.match(js, /data-aksrt-modal-close>我知道了</)
|
||||
assert.match(js, /data-aksrt-after-sale-reapply data-aksrt-after-sale-payload="/)
|
||||
|
||||
// 提交后关闭弹窗并刷新订单列表
|
||||
assert.match(js, /AKSRTOrderCenter\.refresh\(orderNumber\)/)
|
||||
assert.match(js, /window\.AksrtModalRuntime\.close\('submit'\)/)
|
||||
|
||||
// 入口委托：申请 / 售后详细
|
||||
assert.match(js, /data-aksrt-after-sale-apply/)
|
||||
assert.match(js, /data-aksrt-after-sale-detail/)
|
||||
assert.match(js, /auto_fun\.aksrt-after-sale/)
|
||||
})
|
||||
|
||||
test('order center drops the embedded after-sale form and exposes refresh()', () => {
|
||||
const js = read('assets/js/order-center.js')
|
||||
|
||||
// 内嵌售后表单与两个 submit 处理器已彻底移除（死代码清理）
|
||||
assert.ok(!js.includes('data-aksrt-after-sale-form'), 'embedded after-sale form must be removed')
|
||||
assert.ok(!js.includes('提交售后申请'), 'embedded after-sale submit copy must be removed')
|
||||
assert.ok(!js.includes('onDocumentSubmit'), 'document submit handler for the after-sale form must be removed')
|
||||
|
||||
// 列表卡片与订单详情弹窗底部共用新的售后按钮
|
||||
assert.match(js, /function afterSaleButtons\(order\)/)
|
||||
assert.match(js, /function afterSalePayload\(order\)/)
|
||||
assert.match(js, /data-aksrt-after-sale-detail="' \+ payload \+ '"/)
|
||||
assert.match(js, /data-aksrt-after-sale-apply="' \+ payload \+ '"/)
|
||||
assert.match(js, /if \(afterSale\.enabled\) html \+= afterSaleButtons\(order\);/)
|
||||
assert.ok(!js.includes('\n html += afterSaleButtons(order);\n'), 'detail modal footer must not render the shared after-sale buttons')
|
||||
// 底部按钮与禁封申诉弹窗同式（but-average modal-buts）；「售后详细」入口收拢到记录卡片
|
||||
assert.match(js, /aksrt-order-detail__actions but-average modal-buts/)
|
||||
assert.match(js, /data-aksrt-after-sale-apply="' \+ afterSalePayload\(order\) \+ '"/)
|
||||
assert.ok(js.includes('查看详细</button>'), 'record card has a view-detail entry')
|
||||
assert.match(js, /data-aksrt-after-sale-detail="' \+ recordPayload \+ '"/)
|
||||
// 记录卡片：原因 / 申请理由分行（新数据走 apply_form，老数据兜底融合串）
|
||||
assert.ok(js.includes('aksrt-order-detail__after-sale-field">原因：'), 'record card shows 原因：')
|
||||
assert.ok(js.includes('aksrt-order-detail__after-sale-field">申请理由：'), 'record card shows 申请理由：')
|
||||
assert.match(js, /data-aksrt-after-sale-detail="/)
|
||||
assert.match(js, /data-aksrt-after-sale-apply="/)
|
||||
|
||||
// 售后记录区与取消申请保留在订单详情弹窗
|
||||
assert.match(js, /售后记录/)
|
||||
assert.match(js, /data-aksrt-after-sale-cancel/)
|
||||
|
||||
// refresh 供售后弹窗提交后刷新列表与统计
|
||||
assert.match(js, /function refresh\(orderNumber\) \{/)
|
||||
assert.match(js, /window\.AKSRTOrderCenter = \{ init: init, destroy: destroy, refresh: refresh \}/)
|
||||
assert.match(js, /liveStates\.forEach\(function \(state\) \{/)
|
||||
})
|
||||
|
||||
test('after-sale assets, template buttons and runtime data are wired', () => {
|
||||
const scripts = read('src/Core/ScriptsPart1b.php')
|
||||
assert.match(scripts, /'aksrt-order-after-sale'/)
|
||||
assert.match(scripts, /\/assets\/js\/order-after-sale\.js'/)
|
||||
|
||||
const scripts1c = read('src/Core/ScriptsPart1c.php')
|
||||
assert.match(scripts1c, /'afterSale'\s*=> \(function \(\) \{/)
|
||||
assert.match(scripts1c, /PaymentRuntime::get_after_sale_settings\(\)/)
|
||||
assert.match(scripts1c, /'maxImages'\s*=> 3/)
|
||||
|
||||
const template = read('inc/helpers/user-center-renderers/profile-orders.php')
|
||||
assert.match(template, /\$after_sale = is_array\(\$order\['after_sale'\] \?\? null\) \? \$order\['after_sale'\] : \[\];/)
|
||||
// 载荷随按钮渲染（order-after_sale.js 同步消费），点击即弹窗、无前置请求
|
||||
assert.match(template, /\$after_sale_payload = wp_json_encode\(\[/)
|
||||
assert.match(template, /'after_sale'\s*=> \$after_sale,/)
|
||||
assert.match(template, /data-aksrt-after-sale-detail="<\?php echo esc_attr\(\$after_sale_payload\);/)
|
||||
assert.match(template, /data-aksrt-after-sale-apply="<\?php echo esc_attr\(\$after_sale_payload\);/)
|
||||
assert.match(template, /esc_html_e\('售后详细', 'aksrt'\)/)
|
||||
assert.ok(!template.includes('can_after_sale'), 'template must not use the removed can_after_sale flag')
|
||||
|
||||
const css = read('assets/css/frontend/modal-runtime.css')
|
||||
assert.match(css, /\.aksrt-after-sale-apply-modal:not\(\.aksrt-modal-runtime--bottom\) \.aksrt-modal-runtime__dialog/)
|
||||
assert.match(css, /\.aksrt-after-sale-detail-modal:not\(\.aksrt-modal-runtime--bottom\) \.aksrt-modal-runtime__dialog/)
|
||||
assert.match(css, /\.aksrt-after-sale-expired-modal:not\(\.aksrt-modal-runtime--bottom\) \.aksrt-modal-runtime__dialog/)
|
||||
assert.match(css, /width: min\(400px, calc\(100vw - 32px\)\)/)
|
||||
assert.match(css, /\.aksrt-after-sale-apply-modal \.modal-colorful-header/)
|
||||
assert.match(css, /\.aksrt-after-sale-apply-modal \.colorful-bg > \.colorful-make/)
|
||||
|
||||
const field = read('assets/admin/src/components/form/AksField.vue')
|
||||
assert.match(field, /import draggable from 'vuedraggable'/)
|
||||
assert.match(field, /v-model="repeaterDragList"/)
|
||||
assert.match(field, /handle="\.aksrt-field__repeater-handle"/)
|
||||
assert.match(field, /function repeaterDragKey\(item\)/)
|
||||
})
|
||||
'use strict'
|
||||
|
||||
/**
|
||||
* 「售后策略」功能契约：
|
||||
* 1) 后台 schema（PHP SchemaPayment after_sale 分区）与 SPA JS schema 的键、顺序、
|
||||
* 类型、默认值 1:1 对齐，且 schema 与侧边页均已注册（/payment/after-sale 可达）；
|
||||
* 2) 运行时（PaymentRuntime）缺键回退 schema 默认、HTML 走 kses、时效边界正确；
|
||||
* 3) 售后工单：images 列、create 图片清洗与上限、上传路由权限、latest_for_order；
|
||||
* 4) 订单视图模型输出 after_sale 状态（按钮矩阵的唯一数据源）；
|
||||
* 5) 前台：申请/超时效/售后详细三个独立弹窗、modal-mini + 蓝色炫彩头、placeholder 与
|
||||
* 图片上传配置化、不可再申请提示原文、订单详情弹窗不再内嵌售后表单（死代码清理）。
|
||||
*/
|
||||
|
||||
const assert = require('node:assert/strict')
|
||||
const fs = require('node:fs')
|
||||
const path = require('node:path')
|
||||
const { spawnSync } = require('node:child_process')
|
||||
const test = require('node:test')
|
||||
|
||||
const root = path.resolve(__dirname, '..', '..')
|
||||
const read = (file) => fs.readFileSync(path.join(root, file), 'utf8')
|
||||
|
||||
const FIELD_ORDER = [
|
||||
'after_sale_s',
|
||||
'after_sale_time_limit',
|
||||
'after_sale_expired_text',
|
||||
'after_sale_reasons',
|
||||
'after_sale_desc',
|
||||
'after_sale_materials',
|
||||
'after_sale_reason_placeholder',
|
||||
'after_sale_img_s',
|
||||
]
|
||||
|
||||
/** Extract the balanced [...] block assigned to a PHP array key inside a section body. */
|
||||
function phpSection(src, sectionKey) {
|
||||
const start = src.indexOf(`'${sectionKey}' => [`)
|
||||
assert.notEqual(start, -1, `PHP schema has a ${sectionKey} section`)
|
||||
const open = src.indexOf('[', start)
|
||||
let depth = 0
|
||||
for (let i = open; i < src.length; i++) {
|
||||
const ch = src[i]
|
||||
if (ch === "'" || ch === '"') {
|
||||
const quote = ch
|
||||
i++
|
||||
while (i < src.length) {
|
||||
if (src[i] === '\\') { i += 2; continue }
|
||||
if (src[i] === quote) break
|
||||
i++
|
||||
}
|
||||
continue
|
||||
}
|
||||
if (ch === '[') depth++
|
||||
else if (ch === ']') {
|
||||
depth--
|
||||
if (depth === 0) return src.slice(open, i + 1)
|
||||
}
|
||||
}
|
||||
throw new Error(`unbalanced PHP section: ${sectionKey}`)
|
||||
}
|
||||
|
||||
test('after-sale schema is 1:1 between PHP and SPA', () => {
|
||||
const php = phpSection(read('src/Admin/Schema/SchemaPayment.php'), 'after_sale')
|
||||
const js = read('assets/admin/src/schema/sections/payment/afterSale.js')
|
||||
|
||||
assert.match(php, /'key'\s*=>\s*'after_sale'/)
|
||||
assert.match(php, /'title'\s*=>\s*'售后策略'/)
|
||||
assert.match(php, /'option_key'\s*=>\s*'aksrt_settings'/)
|
||||
|
||||
// 字段键、顺序、类型一致（JS 侧 defaults 与 groups 同序，按首次出现去重）
|
||||
const phpKeys = [...php.matchAll(/'key'\s*=>\s*'([a-z0-9_]+)'/g)].map((m) => m[1])
|
||||
const jsKeys = [...js.matchAll(/key:\s*'([a-z0-9_]+)'/g)].map((m) => m[1])
|
||||
const sectionKeys = (keys) => [...new Set(keys.filter((key) => FIELD_ORDER.includes(key)))]
|
||||
assert.deepEqual(sectionKeys(phpKeys), FIELD_ORDER)
|
||||
assert.deepEqual(sectionKeys(jsKeys), FIELD_ORDER)
|
||||
|
||||
for (const [phpType, jsType] of [
|
||||
['switch', 'switch'],
|
||||
['number', 'number'],
|
||||
['textarea', 'textarea'],
|
||||
['group', 'group'],
|
||||
['input', 'input'],
|
||||
]) {
|
||||
assert.ok(php.includes(`'type' => '${phpType}'`), `missing PHP field type ${phpType}`)
|
||||
assert.ok(js.includes(`type: '${jsType}'`), `missing JS field type ${jsType}`)
|
||||
}
|
||||
|
||||
// 默认值一致（开关/时效/占位文案/预置原因/所需材料）
|
||||
assert.match(php, /'after_sale_s', 'label' => '售后功能', 'type' => 'switch', 'default' => true/)
|
||||
assert.match(js, /after_sale_s:\s*true/)
|
||||
assert.match(js, /key: 'after_sale_s', label: '售后功能', type: 'switch', default: true/)
|
||||
assert.match(php, /'after_sale_time_limit', 'label' => '申请售后时效\(天\)', 'type' => 'number', 'default' => 7, 'min' => 0, 'max' => 3650/)
|
||||
assert.match(js, /key: 'after_sale_time_limit', label: '申请售后时效\(天\)', type: 'number', default: 7, min: 0, max: 3650/)
|
||||
assert.match(php, /'after_sale_reason_placeholder', 'label' => '申请说明占位文案', 'type' => 'input', 'default' => '必填，请您详细填写申请原因'/)
|
||||
assert.match(js, /key: 'after_sale_reason_placeholder', label: '申请说明占位文案', type: 'input', default: '必填，请您详细填写申请原因'/)
|
||||
assert.match(php, /'after_sale_img_s', 'label' => '申请售后可上传图片', 'type' => 'switch', 'default' => true/)
|
||||
assert.match(js, /key: 'after_sale_img_s', label: '申请售后可上传图片', type: 'switch', default: true/)
|
||||
|
||||
for (const reason of ['质量问题', '假冒品牌', '其他原因']) {
|
||||
assert.ok(php.includes(`'t' => '${reason}'`), `missing PHP preset reason ${reason}`)
|
||||
assert.ok(js.includes(`{ t: '${reason}' }`), `missing JS preset reason ${reason}`)
|
||||
}
|
||||
for (const material of ['联系邮箱', '联系电话']) {
|
||||
assert.ok(php.includes(`'t' => '${material}'`), `missing PHP material ${material}`)
|
||||
assert.ok(js.includes(`{ t: '${material}' }`), `missing JS material ${material}`)
|
||||
}
|
||||
|
||||
// HTML 配置项（超时效提示 / 申请说明）走 kses 通道
|
||||
assert.match(php, /'after_sale_expired_text', 'label' => '超过时效提示', 'type' => 'textarea', 'sanitize_type' => 'html'/)
|
||||
assert.match(php, /'after_sale_desc', 'label' => '申请售后说明', 'type' => 'textarea', 'sanitize_type' => 'html'/)
|
||||
assert.match(js, /key: 'after_sale_expired_text', label: '超过时效提示', type: 'textarea', sanitize_type: 'html'/)
|
||||
assert.match(js, /key: 'after_sale_desc', label: '申请售后说明', type: 'textarea', sanitize_type: 'html'/)
|
||||
})
|
||||
|
||||
test('after-sale schema and sidebar page are registered under 支付&付费', () => {
|
||||
const schemaIndex = read('assets/admin/src/schema/sections/payment/index.js')
|
||||
assert.match(schemaIndex, /import \{ afterSaleSchema \} from '\.\/afterSale\.js'/)
|
||||
assert.match(schemaIndex, /after_sale:\s*afterSaleSchema/)
|
||||
|
||||
const section = read('assets/admin/src/constants/sections/payment.js')
|
||||
assert.match(section, /key: 'payment-after-sale'/)
|
||||
assert.match(section, /name: 'PaymentAfterSale'/)
|
||||
assert.match(section, /label: '售后策略'/)
|
||||
assert.match(section, /route: '\/payment\/after-sale'/)
|
||||
assert.match(section, /canonicalDomain: 'payment'/)
|
||||
assert.match(section, /section: 'after_sale'/)
|
||||
|
||||
// 侧栏条目位于提现策略之后（支付&付费末位）
|
||||
assert.ok(section.indexOf("key: 'payment-after-sale'") > section.indexOf("key: 'payment-withdrawal'"))
|
||||
|
||||
const schemaRegistry = read('assets/admin/src/schema/index.js')
|
||||
assert.match(schemaRegistry, /paymentSchemas/)
|
||||
})
|
||||
|
||||
test('after-sale runtime resolves defaults, overrides and the expiry boundary matrix', () => {
|
||||
const result = spawnSync(process.env.PHP_BINARY || 'php', [path.join(__dirname, 'after-sale-policy-harness.php')], {
|
||||
cwd: root,
|
||||
encoding: 'utf8',
|
||||
})
|
||||
assert.equal(result.status, 0, result.stderr || result.stdout)
|
||||
const payload = JSON.parse(result.stdout)
|
||||
|
||||
assert.deepEqual(payload.defaults, {
|
||||
enabled: true,
|
||||
time_limit: 7,
|
||||
expired_text: '<div>抱歉，您的订单已超过售后申请时效</div>',
|
||||
reasons: [
|
||||
{ slug: 'c440cdf71825', name: '质量问题' },
|
||||
{ slug: '2ead35a456a0', name: '假冒品牌' },
|
||||
{ slug: 'fba26eab6b2b', name: '其他原因' },
|
||||
],
|
||||
materials: ['联系邮箱', '联系电话'],
|
||||
desc: '',
|
||||
img_enabled: true,
|
||||
reason_placeholder: '必填，请您详细填写申请原因',
|
||||
})
|
||||
|
||||
assert.equal(payload.overridden.enabled, false)
|
||||
assert.equal(payload.overridden.time_limit, 30)
|
||||
assert.equal(payload.overridden.img_enabled, false)
|
||||
assert.equal(payload.overridden.reason_placeholder, '请描述问题')
|
||||
assert.deepEqual(payload.overridden.reasons, [
|
||||
{ slug: 'c440cdf71825', name: '质量问题' },
|
||||
{ slug: '327e0ab68567', name: '发错货' },
|
||||
])
|
||||
assert.deepEqual(payload.overridden.materials, ['联系邮箱'])
|
||||
// HTML 配置项剥离 script，保留 div
|
||||
assert.equal(payload.overridden.expired_text, '<div>已超过时效</div>')
|
||||
assert.equal(payload.overridden.desc, '<div>请保持商品完好</div>')
|
||||
|
||||
assert.deepEqual(payload.expired_ok, {
|
||||
within: true,
|
||||
exact_boundary: true,
|
||||
just_expired: true,
|
||||
long_expired: true,
|
||||
no_limit: true,
|
||||
missing_paid: true,
|
||||
})
|
||||
})
|
||||
|
||||
test('after-sale tickets persist evidence images and expose the latest row', () => {
|
||||
const schema = read('src/Core/DBMigratorPart2.php')
|
||||
assert.match(schema, /CREATE TABLE \{\$prefix\}aksrt_order_aftersale[\s\S]*?images LONGTEXT DEFAULT NULL[\s\S]*?refund_amount/)
|
||||
|
||||
// images 列随 schema 2.5.1 引入：dbDelta 只在版本变化时重跑，列变更必须同步升版本，
|
||||
// 否则老安装不会 ALTER TABLE，写入直接报 Unknown column 'images'。
|
||||
const migrator = read('src/Core/DBMigrator.php')
|
||||
const version = migrator.match(/const SCHEMA_VERSION = '(\d+)\.(\d+)\.(\d+)'/)
|
||||
assert.ok(version, 'DBMigrator exposes a numeric SCHEMA_VERSION')
|
||||
const [major, minor, patch] = version.slice(1).map(Number)
|
||||
assert.ok(
|
||||
major > 2 || (major === 2 && minor > 5) || (major === 2 && minor === 5 && patch >= 1),
|
||||
`SCHEMA_VERSION must be at least 2.5.1 after adding order_aftersale.images, got ${major}.${minor}.${patch}`
|
||||
)
|
||||
|
||||
const service = read('src/Payment/AfterSaleService.php')
|
||||
assert.match(service, /public function create\(int \$user_id, string \$order_number, string \$reason, array \$images = \[\], array \$apply_form = \[\]\)/)
|
||||
// 结构化申请表单：预置原因 / 申请资料 / 申请说明独立入库（reason 融合串保持原样）
|
||||
assert.match(service, /\$apply_form = \$this->sanitize_apply_form\(\$apply_form\);/)
|
||||
assert.match(service, /private function sanitize_apply_form\(array \$form\): array/)
|
||||
assert.match(service, /'apply_form' => \$apply_form === \[\] \? null : wp_json_encode\(\$apply_form/)
|
||||
assert.match(service, /\$images = \$this->sanitize_images\(\$images\);/)
|
||||
assert.match(service, /'images' => wp_json_encode\(\$images\)/)
|
||||
assert.match(service, /private function sanitize_images\(array \$images\): array \{[\s\S]*?count\(\$clean\) >= 3[\s\S]*?esc_url_raw/)
|
||||
assert.match(service, /public function latest_for_order\(string \$order_number\): \?array \{[\s\S]*?ORDER BY id DESC LIMIT 1/)
|
||||
// normalize 输出 images 数组（坏 JSON / 空串回落空数组）
|
||||
assert.match(service, /json_decode\(\(string\) \(\$row\['images'\] \?\? ''\), true\)/)
|
||||
|
||||
// 图片上传路由：登录 + nonce + 售后/图片开关 + 订单归属；回调委托评论图片上传
|
||||
assert.match(service, /\/orders\/' \. \$number \. '\/after-sale\/upload-image'/)
|
||||
assert.match(service, /public function require_after_sale_image\(\\WP_REST_Request \$request\)/)
|
||||
assert.match(service, /get_after_sale_settings\(\)[\s\S]*?empty\(\$settings\['enabled'\]\)[\s\S]*?empty\(\$settings\['img_enabled'\]\)/)
|
||||
assert.match(service, /get_user_order\(get_current_user_id\(\), \$number\)/)
|
||||
assert.match(service, /UserController::get_instance\(\)->rest_upload_comment_image\(\$request\)/)
|
||||
assert.match(service, /'images' => \['required' => false, 'type' => 'array'[\s\S]*?count\(\$value\) <= 3/)
|
||||
|
||||
// 提交 REST 透传 images
|
||||
// rest_submit 同步上报结构化申请表单（reason_label / materials / description）
|
||||
assert.match(service, /'reason_label' => \(string\) \$request->get_param\('reason_label'\),/)
|
||||
assert.match(service, /'materials' +\=> is_array\(\$materials\) \? \$materials : \[\],/)
|
||||
assert.match(service, /'description' +\=> \(string\) \$request->get_param\('description'\),/)
|
||||
|
||||
// 既有售后资产契约（锁 / 退款 / 完成）不受影响
|
||||
assert.match(service, /GET_LOCK\(%s, 5\)/)
|
||||
assert.match(service, /Order::STATUS_PAID/)
|
||||
})
|
||||
|
||||
test('order view model exposes the after-sale button matrix', () => {
|
||||
const userOrders = read('src/Payment/UserOrders.php')
|
||||
assert.match(userOrders, /private function after_sale_state\(string \$group, string \$order_number, string \$paid_at, \?AfterSaleService \$service, array \$records = \[\]\): array \{/)
|
||||
|
||||
assert.match(userOrders, /'after_sale' => \$after_sale_state,/)
|
||||
assert.match(userOrders, /'enabled'\s*=> \$enabled,/)
|
||||
assert.match(userOrders, /'expired'\s*=> \(bool\) \$expired,/)
|
||||
assert.match(userOrders, /'has_application' => \$has_application,/)
|
||||
assert.match(userOrders, /'open'\s*=> \$open,/)
|
||||
assert.match(userOrders, /'can_apply'\s*=> \$enabled && !\$expired && !\$open,/)
|
||||
// 可再次申请售后按工单状态推理：rejected（被拒绝）/ cancelled（已取消）允许再次申请；
|
||||
// pending / processing / approved（流转中）与 completed（已完结）不允许
|
||||
assert.match(userOrders, /\$reapplyable_statuses = \[AfterSaleService::STATUS_REJECTED, AfterSaleService::STATUS_CANCELLED\];/)
|
||||
assert.match(userOrders, /'can_reapply'\s*=> \$enabled && !\$expired && \$has_application && in_array\(\$latest_status, \$reapplyable_statuses, true\),/)
|
||||
assert.match(userOrders, /'latest'\s*=> \$has_application \? \[/)
|
||||
assert.match(userOrders, /'apply_form'\s*=> is_array\(\$latest\['apply_form'\] \?\? null\) \? \$latest\['apply_form'\] : null,/)
|
||||
|
||||
// 仅已支付订单开放；开关关闭整体不处理售后
|
||||
assert.match(userOrders, /\$enabled = \$group === OrderCenterQuery::STATUS_PAID && !empty\(\$settings\['enabled'\]\);/)
|
||||
// 时效以支付时间为准
|
||||
assert.match(userOrders, /\$this->after_sale_state\(\$group, \$order_number, \(string\) \(\$order\['paid_at'\] \?\? ''\), \$after_sale_service, \$after_sales\)/)
|
||||
// 列表模式单行查询，详情模式复用全量工单
|
||||
assert.match(userOrders, /\$after_sales = \$detail && \$after_sale_service \? \$after_sale_service->list_for_order\(\$order_number\) : \[\];/)
|
||||
assert.match(userOrders, /\$latest = \$service->latest_for_order\(\$order_number\);/)
|
||||
assert.match(userOrders, /\$view\['after_sales'\] = \$after_sales;/)
|
||||
|
||||
// 旧 can_after_sale 双路已移除
|
||||
assert.ok(!userOrders.includes('can_after_sale'), 'can_after_sale must be replaced by the after_sale state')
|
||||
})
|
||||
|
||||
test('frontend after-sale modals are standalone and config-driven', () => {
|
||||
const js = read('assets/js/order-after-sale.js')
|
||||
|
||||
// 三个独立弹窗 + modal-mini 几何 + 蓝色炫彩标题区
|
||||
assert.match(js, /className: 'aksrt-after-sale-apply-modal'/)
|
||||
assert.match(js, /className: 'aksrt-after-sale-detail-modal'/)
|
||||
assert.match(js, /className: 'aksrt-after-sale-expired-modal'/)
|
||||
assert.match(js, /modal-colorful-header colorful-bg jb-blue/)
|
||||
assert.match(js, /AksrtModalRuntime\.open\(\{/)
|
||||
|
||||
// 滚动容器与禁封申诉弹窗同口径：no-scrollbar 完全隐藏滚动条（含细滚动条），
|
||||
// 避免 modal-mini 弹窗边缘出现可见滚动栏。
|
||||
assert.match(js, /'<div class="scroll-y no-scrollbar max-vh5">'/)
|
||||
assert.match(js, /'<div class="scroll-y no-scrollbar max-vh5 aksrt-after-sale-detail__body">'/)
|
||||
assert.ok(!js.includes('mini-scrollbar'), 'after-sale modals must not render a visible scrollbar')
|
||||
|
||||
// 申请表单：预置原因徽章、所需资料、必填申请说明（placeholder 取后台配置）
|
||||
assert.match(js, /reasonOptions\(\)/)
|
||||
assert.match(js, /materialOptions\(\)/)
|
||||
assert.match(js, /data-aksrt-after-sale-reason=/)
|
||||
assert.match(js, /data-aksrt-after-sale-material=/)
|
||||
assert.match(js, /var placeholder = String\(cfg\.reasonPlaceholder \|\| '必填，请您详细填写申请原因'\)/)
|
||||
assert.match(js, /name="reason"/)
|
||||
assert.match(js, /notyf\('请填写申请说明', 'danger'\)/)
|
||||
assert.match(js, /notyf\('请选择售后原因', 'danger'\)/)
|
||||
|
||||
// 图片上传：开关控制渲染，最多 3 张，上传/删除/提交
|
||||
assert.match(js, /if \(cfg\.imgEnabled\) \{/)
|
||||
assert.match(js, /MAX_IMAGES = 3/)
|
||||
assert.match(js, /\/after-sale\/upload-image'/)
|
||||
assert.match(js, /data-aksrt-after-sale-image-remove/)
|
||||
assert.match(js, /images: collectImages\(shell\)/)
|
||||
assert.match(js, /reason_label: selectedReasonLabel\(shell\)/)
|
||||
assert.match(js, /materials: collectMaterials\(shell\)/)
|
||||
assert.match(js, /description: reasonText,/)
|
||||
|
||||
// 申请说明（HTML）+ 超时效提示（HTML）由后台配置直出
|
||||
assert.match(js, /var desc = String\(cfg\.desc \|\| ''\)/)
|
||||
assert.match(js, /var text = String\(settings\(\)\.expiredText \|\| '抱歉，您的订单已超过售后申请时效'\)/)
|
||||
|
||||
// 售后详细：状态徽章 / 明细行 / 图片缩略图；不可再申请提示原文 + 我知道了
|
||||
// 申请表单分行展示：原因 / 申请资料 / 申请说明各自独立成行（与申请时间同格式）；
|
||||
// 老数据无 apply_form 时兜底展示融合串
|
||||
assert.match(js, /detailRow\('原因', String\(applyForm\.reason_label \|\| ''\)\)/)
|
||||
assert.match(js, /detailRow\('申请说明', String\(applyForm\.description \|\| ''\)\)/)
|
||||
assert.match(js, /STATUS_LABELS = \{[\s\S]*?pending: '待审核'[\s\S]*?completed: '已完成',/)
|
||||
// 不可再申请：不再展示阻断文案，仅保留关闭入口；可再申请：仅保留单个主按钮（无「关闭」）
|
||||
assert.ok(!js.includes('暂不支持再次申请售后'), 'blocked notice copy must be removed')
|
||||
assert.ok(!js.includes('REAPPLY_BLOCKED_TEXT'), 'blocked text constant must be removed')
|
||||
assert.ok(!js.includes('>关闭</button>'), 'detail modal must not render a 关闭 button')
|
||||
assert.match(js, /data-aksrt-modal-close>我知道了</)
|
||||
assert.match(js, /data-aksrt-after-sale-reapply data-aksrt-after-sale-payload="/)
|
||||
|
||||
// 提交后关闭弹窗并刷新订单列表
|
||||
assert.match(js, /AKSRTOrderCenter\.refresh\(orderNumber\)/)
|
||||
assert.match(js, /window\.AksrtModalRuntime\.close\('submit'\)/)
|
||||
|
||||
// 入口委托：申请 / 售后详细
|
||||
assert.match(js, /data-aksrt-after-sale-apply/)
|
||||
assert.match(js, /data-aksrt-after-sale-detail/)
|
||||
assert.match(js, /auto_fun\.aksrt-after-sale/)
|
||||
})
|
||||
|
||||
test('order center drops the embedded after-sale form and exposes refresh()', () => {
|
||||
const js = read('assets/js/order-center.js')
|
||||
|
||||
// 内嵌售后表单与两个 submit 处理器已彻底移除（死代码清理）
|
||||
assert.ok(!js.includes('data-aksrt-after-sale-form'), 'embedded after-sale form must be removed')
|
||||
assert.ok(!js.includes('提交售后申请'), 'embedded after-sale submit copy must be removed')
|
||||
assert.ok(!js.includes('onDocumentSubmit'), 'document submit handler for the after-sale form must be removed')
|
||||
|
||||
// 列表卡片与订单详情弹窗底部共用新的售后按钮
|
||||
assert.match(js, /function afterSaleButtons\(order\)/)
|
||||
assert.match(js, /function afterSalePayload\(order\)/)
|
||||
assert.match(js, /data-aksrt-after-sale-detail="' \+ payload \+ '"/)
|
||||
assert.match(js, /data-aksrt-after-sale-apply="' \+ payload \+ '"/)
|
||||
assert.match(js, /if \(afterSale\.enabled\) html \+= afterSaleButtons\(order\);/)
|
||||
assert.ok(!js.includes('\n html += afterSaleButtons(order);\n'), 'detail modal footer must not render the shared after-sale buttons')
|
||||
// 底部按钮与禁封申诉弹窗同式（but-average modal-buts）；「售后详细」入口收拢到记录卡片
|
||||
assert.match(js, /aksrt-order-detail__actions but-average modal-buts/)
|
||||
assert.match(js, /data-aksrt-after-sale-apply="' \+ afterSalePayload\(order\) \+ '"/)
|
||||
assert.ok(js.includes('查看详细</button>'), 'record card has a view-detail entry')
|
||||
assert.match(js, /data-aksrt-after-sale-detail="' \+ recordPayload \+ '"/)
|
||||
// 记录卡片：原因 / 申请理由分行（新数据走 apply_form，老数据兜底融合串）
|
||||
assert.ok(js.includes('aksrt-order-detail__after-sale-field">原因：'), 'record card shows 原因：')
|
||||
assert.ok(js.includes('aksrt-order-detail__after-sale-field">申请理由：'), 'record card shows 申请理由：')
|
||||
assert.match(js, /data-aksrt-after-sale-detail="/)
|
||||
assert.match(js, /data-aksrt-after-sale-apply="/)
|
||||
|
||||
// 售后记录区与取消申请保留在订单详情弹窗
|
||||
assert.match(js, /售后记录/)
|
||||
assert.match(js, /data-aksrt-after-sale-cancel/)
|
||||
|
||||
// refresh 供售后弹窗提交后刷新列表与统计
|
||||
assert.match(js, /function refresh\(orderNumber\) \{/)
|
||||
assert.match(js, /window\.AKSRTOrderCenter = \{ init: init, destroy: destroy, refresh: refresh \}/)
|
||||
assert.match(js, /liveStates\.forEach\(function \(state\) \{/)
|
||||
})
|
||||
|
||||
test('after-sale assets, template buttons and runtime data are wired', () => {
|
||||
const scripts = read('src/Core/ScriptsPart1b.php')
|
||||
assert.match(scripts, /'aksrt-order-after-sale'/)
|
||||
assert.match(scripts, /\/assets\/js\/order-after-sale\.js'/)
|
||||
|
||||
const scripts1c = read('src/Core/ScriptsPart1c.php')
|
||||
assert.match(scripts1c, /'afterSale'\s*=> \(function \(\) \{/)
|
||||
assert.match(scripts1c, /PaymentRuntime::get_after_sale_settings\(\)/)
|
||||
assert.match(scripts1c, /'maxImages'\s*=> 3/)
|
||||
|
||||
const template = read('inc/helpers/user-center-renderers/profile-orders.php')
|
||||
assert.match(template, /\$after_sale = is_array\(\$order\['after_sale'\] \?\? null\) \? \$order\['after_sale'\] : \[\];/)
|
||||
// 载荷随按钮渲染（order-after_sale.js 同步消费），点击即弹窗、无前置请求
|
||||
assert.match(template, /\$after_sale_payload = wp_json_encode\(\[/)
|
||||
assert.match(template, /'after_sale'\s*=> \$after_sale,/)
|
||||
assert.match(template, /data-aksrt-after-sale-detail="<\?php echo esc_attr\(\$after_sale_payload\);/)
|
||||
assert.match(template, /data-aksrt-after-sale-apply="<\?php echo esc_attr\(\$after_sale_payload\);/)
|
||||
assert.match(template, /esc_html_e\('售后详细', 'aksrt'\)/)
|
||||
assert.ok(!template.includes('can_after_sale'), 'template must not use the removed can_after_sale flag')
|
||||
|
||||
const css = read('assets/css/frontend/modal-runtime.css')
|
||||
assert.match(css, /\.aksrt-after-sale-apply-modal:not\(\.aksrt-modal-runtime--bottom\) \.aksrt-modal-runtime__dialog/)
|
||||
assert.match(css, /\.aksrt-after-sale-detail-modal:not\(\.aksrt-modal-runtime--bottom\) \.aksrt-modal-runtime__dialog/)
|
||||
assert.match(css, /\.aksrt-after-sale-expired-modal:not\(\.aksrt-modal-runtime--bottom\) \.aksrt-modal-runtime__dialog/)
|
||||
assert.match(css, /width: min\(400px, calc\(100vw - 32px\)\)/)
|
||||
assert.match(css, /\.aksrt-after-sale-apply-modal \.modal-colorful-header/)
|
||||
assert.match(css, /\.aksrt-after-sale-apply-modal \.colorful-bg > \.colorful-make/)
|
||||
|
||||
const field = read('assets/admin/src/components/form/AksField.vue')
|
||||
assert.match(field, /import draggable from 'vuedraggable'/)
|
||||
assert.match(field, /v-model="repeaterDragList"/)
|
||||
assert.match(field, /handle="\.aksrt-field__repeater-handle"/)
|
||||
assert.match(field, /function repeaterDragKey\(item\)/)
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user