From 92873456abefbf24d63e49f488eb184c9fd1ad98 Mon Sep 17 00:00:00 2001
From: Hermes CI Fix <hermes-ci@sxbh.ltd>
Date: Thu, 3 Sep 2026 17:52:10 +0800
Subject: [PATCH] =?UTF-8?q?feat(zone):=20=E4=B8=89=E5=8C=BA=E6=A0=87?=
 =?UTF-8?q?=E8=AE=B0M3=E2=80=94=E2=80=94=E6=96=B0=E5=A2=9EBotSourceTag?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6(=E6=9C=80=E8=BF=91Bot=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E6=97=B6=E9=97=B4/=E6=9D=A5=E6=BA=90/=E6=89=B9=E6=AC=A1,?=
 =?UTF-8?q?=E7=BC=BA=E5=A4=B1=E9=9A=90=E8=97=8F)=EF=BC=8C=E6=8E=A5?=
 =?UTF-8?q?=E5=85=A5/kpis/:id=E3=80=81/bot-kpis=E3=80=81/alerts=E4=B8=89?=
 =?UTF-8?q?=E9=A1=B5=20(three-zone=20P0-=E2=91=A0)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/BotSourceTag.vue | 45 ++++++++++++++++++++++++
 frontend/src/views/AlertList.vue         | 12 +++++++
 frontend/src/views/BotKpiDashboard.vue   | 14 ++++++++
 frontend/src/views/KPIDetail.vue         | 13 ++++++-
 4 files changed, 83 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/components/BotSourceTag.vue

diff --git a/frontend/src/components/BotSourceTag.vue b/frontend/src/components/BotSourceTag.vue
new file mode 100644
index 00000000..6b7bb599
--- /dev/null
+++ b/frontend/src/components/BotSourceTag.vue
@@ -0,0 +1,45 @@
+<template>
+  <div v-if="show" class="bot-source-tag">
+    <span class="bst-label">最近Bot更新：{{ updatedAt }}</span>
+    <span v-if="source" class="bst-sep">｜</span>
+    <span v-if="source" class="bst-source">来源：{{ source }}</span>
+    <span v-if="batch && batch !== source" class="bst-sep">｜</span>
+    <span v-if="batch && batch !== source" class="bst-batch">批次：{{ batch }}</span>
+  </div>
+</template>
+
+<script setup lang="ts">
+// C区（Bot区）数据标注组件：展示"最近Bot更新时间/来源/批次"
+// 无数据时整块隐藏；样式与 Element Plus 灰阶文本一致，不使用 emoji
+import { computed } from 'vue'
+
+const props = withDefaults(defineProps<{
+  /** 最近Bot更新时间，如 '2026-09-03 12:34'；空/缺省则按需隐藏 */
+  updatedAt?: string
+  /** 来源（Bot名/引擎名），如 finance-bot、预警引擎 */
+  source?: string
+  /** 批次（source_batch），如 finance-bot 或导入批次号 */
+  batch?: string
+}>(), { updatedAt: '', source: '', batch: '' })
+
+const show = computed(() => !!(props.updatedAt && props.source))
+</script>
+
+<style scoped>
+.bot-source-tag {
+  display: inline-flex;
+  align-items: center;
+  flex-wrap: wrap;
+  font-size: 12px;
+  color: #909399;
+  background: #f7f8fa;
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+  padding: 2px 10px;
+  line-height: 20px;
+  white-space: nowrap;
+}
+.bst-label { color: #606266; }
+.bst-sep { margin: 0 4px; color: #dcdfe6; }
+.bst-source, .bst-batch { color: #409eff; }
+</style>
diff --git a/frontend/src/views/AlertList.vue b/frontend/src/views/AlertList.vue
index 77f4fb37..02d91163 100644
--- a/frontend/src/views/AlertList.vue
+++ b/frontend/src/views/AlertList.vue
@@ -9,6 +9,10 @@
       </div>
     </div>
 
+    <div style="margin:0 0 8px;display:flex;justify-content:flex-end;">
+      <BotSourceTag :updated-at="latestAlertTime" source="预警引擎" />
+    </div>
+
     <!-- 顶部选项卡 -->
     <div style="margin:12px 0;display:flex;gap:12px;align-items:center;">
       <el-radio-group v-model="activeTab" size="small">
@@ -342,6 +346,7 @@ import { ref, computed, onMounted } from 'vue'
 import { useRoute } from 'vue-router'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { alertApi, userApi, actionPlanApi, kpiApi, alertRulesApi } from '../api/index'
+import BotSourceTag from '../components/BotSourceTag.vue'
 import RiskCell from '../components/charts/RiskCell.vue'
 
 const route = useRoute()
@@ -398,6 +403,13 @@ function isTrendAlert(msg: string): boolean {
   return msg?.startsWith('[趋势') || msg?.startsWith('[动态')
 }
 
+// ── C区标注：预警数据由预警引擎(定时规则)自动生成，展示最近生成时间（无预警行则不显示） ──
+const latestAlertTime = computed(() => {
+  const times = alerts.value.map((a: any) => a.created_at || '').filter(Boolean)
+  if (!times.length) return ''
+  return formatTime(times.sort((x: string, y: string) => y.localeCompare(x))[0])
+})
+
 function formatTime(t: string): string {
   if (!t) return '-'
   try { return new Date(t).toLocaleString('zh-CN', { hour12: false }) } catch { return t }
diff --git a/frontend/src/views/BotKpiDashboard.vue b/frontend/src/views/BotKpiDashboard.vue
index 815d046b..ce2ea49e 100644
--- a/frontend/src/views/BotKpiDashboard.vue
+++ b/frontend/src/views/BotKpiDashboard.vue
@@ -7,6 +7,7 @@
         <el-tag type="warning" size="small" effect="plain">2026年7月</el-tag>
       </div>
       <div class="header-right">
+        <BotSourceTag :updated-at="latestBotUpdate?.time || ''" :source="latestBotUpdate?.source || ''" :batch="latestBotUpdate?.batch || ''" style="margin-right:10px;" />
         <el-button size="small" @click="refresh" :loading="loading">刷新</el-button>
       </div>
     </div>
@@ -163,6 +164,7 @@
 <script setup lang="ts">
 import { ref, computed, onMounted } from 'vue'
 import { botKpiApi } from '../api/index'
+import BotSourceTag from '../components/BotSourceTag.vue'
 import { DataBoard, WarningFilled, User } from '@element-plus/icons-vue'
 
 const loading = ref(false)
@@ -193,6 +195,18 @@ const alertsInfo = computed(() => {
   return cnt > 0 ? `🚨 ${cnt} 个KPI需要关注` : '✅ 一切正常'
 })
 
+// ── C区标注：Bot KPI看板数据最近一次更新（取各KPI最新值回填时间中的最大值，无则不显示） ──
+const latestBotUpdate = computed(() => {
+  const rows = kpis.value.filter((k: any) => k.value_updated_at)
+  if (!rows.length) return null
+  const row = rows.slice().sort((a: any, b: any) => String(b.value_updated_at).localeCompare(String(a.value_updated_at)))[0]
+  return {
+    time: row.value_updated_at || '',
+    source: row.value_source_batch || 'finance-bot',
+    batch: row.value_source_batch || '',
+  }
+})
+
 function formatVal(val: any, unit: string) {
   if (val == null) return '-'
   if (unit === '%') return val + '%'
diff --git a/frontend/src/views/KPIDetail.vue b/frontend/src/views/KPIDetail.vue
index 68da0d34..3ea80d0f 100644
--- a/frontend/src/views/KPIDetail.vue
+++ b/frontend/src/views/KPIDetail.vue
@@ -146,7 +146,8 @@
 
         <el-tab-pane label="历史数据" name="history">
           <div style="display:flex;justify-content:flex-end;margin-bottom:8px;">
-            <el-button size="small" type="primary" plain @click="openAddValueDialog">➕ 录入数据</el-button>
+            <BotSourceTag :updated-at="latestBotValue?.updated_at || ''" :source="latestBotSource" />
+            <el-button size="small" type="primary" plain @click="openAddValueDialog" style="margin-left:10px;">➕ 录入数据</el-button>
           </div>
           <v-chart :option="chartOption" autoresize class="full-width-chart" />
           <el-table :data="values" size="small" class="data-table">
@@ -359,10 +360,20 @@ import { kpiApi, mapApi, kpiCausalityApi, orgApi, userApi } from '../api/index'
 import api from '../api/index'
 import { useFormGuard } from '../composables/useFormGuard'
 
+import BotSourceTag from '../components/BotSourceTag.vue'
+
 const route = useRoute()
 const kpi = ref<any>(null)
 const values = ref<any[]>([])
 
+// ── C区标注：该KPI最近一次Bot回填（source_type=bot 的最新值；无则不显示） ──
+const latestBotValue = computed(() => {
+  const botVals = values.value.filter((v: any) => v.source_type === 'bot' && (v.updated_at || v.source_batch))
+  if (!botVals.length) return null
+  return botVals.slice().sort((a: any, b: any) => String(b.updated_at || '').localeCompare(String(a.updated_at || '')))[0]
+})
+const latestBotSource = computed(() => latestBotValue.value?.source_batch || '')
+
 // ── 人工录入数据 ──
 const showAddValue = ref(false)
 const addValueSaving = ref(false)