|
|
@@ -33,6 +33,8 @@
|
|
|
<div class="section-title">
|
|
|
<div class="section-title__bar" />
|
|
|
<h2 class="section-title__text">交付异常类型</h2>
|
|
|
+ <!-- S8-DELIVERY-SIDEBAR-TIME-WINDOW-LABEL-1：与下方「近7日交付异常趋势」做时间窗口区分。 -->
|
|
|
+ <span class="anomaly-monitor__time-badge">近24h</span>
|
|
|
</div>
|
|
|
|
|
|
<div class="anomaly-monitor__type-list">
|
|
|
@@ -561,6 +563,21 @@ onMounted(async () => {
|
|
|
|
|
|
.section-title { display: flex; align-items: center; gap: 12px; }
|
|
|
|
|
|
+/* S8-DELIVERY-SIDEBAR-TIME-WINDOW-LABEL-1：右侧「交付异常类型」时间窗口徽标。 */
|
|
|
+.anomaly-monitor__time-badge {
|
|
|
+ display: inline-flex;
|
|
|
+ align-items: center;
|
|
|
+ height: 20px;
|
|
|
+ padding: 0 8px;
|
|
|
+ font-size: 11px;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #7bd0ff;
|
|
|
+ background: rgba(123, 208, 255, 0.12);
|
|
|
+ border: 1px solid rgba(123, 208, 255, 0.28);
|
|
|
+ border-radius: 999px;
|
|
|
+ letter-spacing: 0.04em;
|
|
|
+}
|
|
|
+
|
|
|
.section-title__bar {
|
|
|
width: 6px;
|
|
|
height: 24px;
|
YY968XX