From b7029835d8a0c52844c9dff0e84b7b95501316ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=84=E8=87=AA=E8=BE=BE?= <980324341@qq.com>
Date: Sun, 6 Sep 2026 02:42:56 +0800
Subject: [PATCH] =?UTF-8?q?task-281(=E9=AA=8C=E6=94=B6=E5=8F=8D=E9=A6=88):?=
 =?UTF-8?q?=20=E9=87=8D=E5=A4=8D=E6=A3=80=E6=B5=8BP1=E8=A7=86=E8=A7=89?=
 =?UTF-8?q?=E5=AF=B9=E9=BD=90(KPI=E5=9C=86=E7=82=B9/=E5=9C=A8=E5=94=AE?=
 =?UTF-8?q?=E5=BA=97=E9=93=BA=E8=93=9D/warn=E6=A0=BC=E6=B5=85=E7=BA=A2?=
 =?UTF-8?q?=E5=BA=95/=E7=9F=A9=E9=98=B5=E7=A9=BA=E6=80=81=E5=89=AF?=
 =?UTF-8?q?=E6=96=87=E6=A1=88/=E5=88=86=E5=B8=83=E5=89=AF=E6=A0=87?=
 =?UTF-8?q?=E9=A2=98)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/tasks/DuplicateCheckPage.vue    | 28 +++++++++++++++----
 1 file changed, 22 insertions(+), 6 deletions(-)

diff --git a/admin-frontend-vue/src/pages/tasks/DuplicateCheckPage.vue b/admin-frontend-vue/src/pages/tasks/DuplicateCheckPage.vue
index 26733af3..ae428942 100644
--- a/admin-frontend-vue/src/pages/tasks/DuplicateCheckPage.vue
+++ b/admin-frontend-vue/src/pages/tasks/DuplicateCheckPage.vue
@@ -375,8 +375,8 @@ onMounted(() => {
     <template v-if="consoleData && !loading">
       <!-- KPI -->
       <div class="kpi-row">
-        <div v-for="kpi in kpis" :key="kpi.label" class="kpi-card" :class="{ danger: kpi.danger }">
-          <div class="k-label">{{ kpi.label }}</div>
+        <div v-for="kpi in kpis" :key="kpi.label" class="kpi-card" :class="{ danger: kpi.danger, primary: kpi.label === '在售店铺' }">
+          <div class="k-label"><span class="k-dot" :class="{ danger: kpi.danger, primary: kpi.label === '在售店铺' }"></span>{{ kpi.label }}</div>
           <div class="k-value">{{ kpi.value }}</div>
           <div class="k-sub">{{ kpi.sub }}</div>
         </div>
@@ -384,7 +384,7 @@ onMounted(() => {
 
       <!-- 店铺上架分布 -->
       <el-card shadow="never" style="margin-bottom: 14px">
-        <div class="card-title">店铺上架分布 <span class="hint">各店铺在本批站点中的上架记录量</span></div>
+        <div class="card-title">店铺上架分布 <span class="hint">各店铺在本批站点中的上架记录量（含重复扫描）</span></div>
         <div class="store-bars">
           <div v-for="bar in storeDistribution.list" :key="bar.name" class="s-bar">
             <div class="s-name">
@@ -453,7 +453,12 @@ onMounted(() => {
               </tr>
             </tbody>
           </table>
-          <el-empty v-else description="当前范围下没有撞款ASIN" />
+          <el-empty v-else description="当前范围下没有撞款ASIN">
+            <template #description>
+              <p>当前范围下没有撞款ASIN</p>
+              <p class="dim">调整筛选条件或切换到其他分组查看</p>
+            </template>
+          </el-empty>
         </div>
 
         <div class="section-title" style="margin-top: 22px">撞款详情 <span class="hint">同一 ASIN 在多家店铺的上架时间明细</span></div>
@@ -481,7 +486,12 @@ onMounted(() => {
             </div>
           </div>
         </div>
-        <el-empty v-else description="当前范围下没有撞款ASIN" />
+        <el-empty v-else description="当前范围下没有撞款ASIN">
+          <template #description>
+            <p>当前范围下没有撞款ASIN</p>
+            <p class="dim">调整筛选条件或切换到其他分组查看</p>
+          </template>
+        </el-empty>
       </template>
 
       <!-- ============ 全部ASIN台账 ============ -->
@@ -607,7 +617,12 @@ onMounted(() => {
 .f-item.btn-row { flex-direction: row; align-items: flex-end; gap: 8px; width: auto; }
 .kpi-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-bottom: 14px; }
 .kpi-card { background: var(--el-bg-color); border: 1px solid var(--el-border-color-lighter); border-radius: 10px; padding: 12px 16px; box-shadow: var(--el-box-shadow-lighter); }
-.k-label { color: var(--el-text-color-secondary); font-size: 12px; margin-bottom: 6px; }
+.k-label { color: var(--el-text-color-secondary); font-size: 12px; margin-bottom: 6px; display: flex; align-items: center; gap: 6px; }
+/* KPI 彩色指示圆点（对齐 reference k-dot：撞款红/在售店铺蓝/其余灰）。 */
+.k-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--el-border-color); display: inline-block; flex: none; }
+.k-dot.danger { background: var(--el-color-danger); }
+.k-dot.primary { background: var(--el-color-primary); }
+.kpi-card.primary .k-value { color: var(--el-color-primary); }
 .k-value { font-size: 26px; font-weight: 700; font-variant-numeric: tabular-nums; }
 .kpi-card.danger .k-value { color: var(--el-color-danger); }
 .k-sub { color: var(--el-text-color-secondary); font-size: 11px; margin-top: 3px; }
@@ -644,6 +659,7 @@ onMounted(() => {
 .gs-item:last-child { border-right: none; }
 .gs-v { font-size: 24px; font-weight: 700; font-variant-numeric: tabular-nums; }
 .gs-item.warn .gs-v { color: var(--el-color-danger); }
+.gs-item.warn { background: var(--el-color-danger-light-9); }
 .gs-l { font-size: 12px; color: var(--el-text-color-secondary); margin-top: 4px; }
 .section-title { font-size: 14px; font-weight: 700; display: flex; align-items: baseline; gap: 8px; margin-bottom: 12px; }
 .matrix-wrap { overflow-x: auto; border-radius: 10px; background: var(--el-bg-color); border: 1px solid var(--el-border-color-lighter); }