From c952930dfbf45e06eda3d28686f7e297c899f9a7 Mon Sep 17 00:00:00 2001
From: Hermes CI Fix <hermes-ci@sxbh.ltd>
Date: Mon, 17 Aug 2026 16:07:37 +0800
Subject: [PATCH] =?UTF-8?q?ui:=20KPI=E8=AF=A6=E6=83=85=E9=A1=B5=E5=85=83?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=8D=A1=E7=89=87=E7=BD=AE=E9=A1=B6=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA(=E4=BE=BF=E4=BA=8E=E5=BF=AB=E9=80=9F=E8=A7=82?=
 =?UTF-8?q?=E5=AF=9F=E5=AE=8C=E6=95=B4=E6=80=A7)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/KPIDetail.vue | 62 ++++++++++++++++----------------
 1 file changed, 31 insertions(+), 31 deletions(-)

diff --git a/frontend/src/views/KPIDetail.vue b/frontend/src/views/KPIDetail.vue
index e62ad893..9f385894 100644
--- a/frontend/src/views/KPIDetail.vue
+++ b/frontend/src/views/KPIDetail.vue
@@ -12,6 +12,37 @@
         <el-tag v-if="kpi.category" type="info" size="small" class="header-tag-gap">{{ catLabel(kpi.category) }}</el-tag>
       </template>
 
+      <!-- 元数据卡片：置顶展示，便于快速观察完整性 -->
+      <el-card shadow="never" style="margin-top:12px;margin-bottom:4px;">
+        <template #header>
+          <div style="display:flex;align-items:center;gap:8px;">
+            <span>📋 元数据卡片</span>
+            <el-tag v-if="!metadataComplete" type="warning" size="small" effect="dark">⚠️ 元数据不完整</el-tag>
+            <el-tag v-else type="success" size="small" effect="dark">✅ 完整</el-tag>
+          </div>
+        </template>
+        <el-descriptions :column="2" border size="small">
+          <el-descriptions-item label="计算公式" :span="2">
+            <span v-if="kpi.formula" style="font-family:monospace;">{{ kpi.formula }}</span>
+            <el-tag v-else type="warning" size="small">缺失</el-tag>
+          </el-descriptions-item>
+          <el-descriptions-item label="数据来源">
+            <span v-if="kpi.data_source && kpi.data_source !== '待补充'">{{ kpi.data_source }}</span>
+            <el-tag v-else type="warning" size="small">{{ kpi.data_source || '缺失' }}</el-tag>
+          </el-descriptions-item>
+          <el-descriptions-item label="数据责任人">
+            <span v-if="kpi.data_owner && kpi.data_owner !== '待指定'">{{ kpi.data_owner }}</span>
+            <el-tag v-else type="warning" size="small">{{ kpi.data_owner || '缺失' }}</el-tag>
+          </el-descriptions-item>
+          <el-descriptions-item label="单位">{{ kpi.unit || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="目标值">{{ kpi.target_value ?? '-' }}</el-descriptions-item>
+          <el-descriptions-item label="数据源类型">{{ kpi.data_source_type || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="维度">{{ dimLabel(kpi.dimension) }}</el-descriptions-item>
+          <el-descriptions-item label="频率">{{ kpi.frequency || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="类别" :span="2">{{ catLabel(kpi.category) || '-' }}</el-descriptions-item>
+        </el-descriptions>
+      </el-card>
+
       <el-tabs v-model="activeTab">
         <el-tab-pane label="基本信息" name="basic">
           <el-form :model="kpi" label-width="120px" size="small">
@@ -87,37 +118,6 @@
             </el-row>
             <el-form-item><el-button type="primary" :loading="saving" @click="save">保存</el-button></el-form-item>
           </el-form>
-
-          <!-- 元数据卡片 -->
-          <el-card shadow="never" style="margin-top:16px;">
-            <template #header>
-              <div style="display:flex;align-items:center;gap:8px;">
-                <span>📋 元数据卡片</span>
-                <el-tag v-if="!metadataComplete" type="warning" size="small" effect="dark">⚠️ 元数据不完整</el-tag>
-                <el-tag v-else type="success" size="small" effect="dark">✅ 完整</el-tag>
-              </div>
-            </template>
-            <el-descriptions :column="2" border size="small">
-              <el-descriptions-item label="计算公式" :span="2">
-                <span v-if="kpi.formula" style="font-family:monospace;">{{ kpi.formula }}</span>
-                <el-tag v-else type="warning" size="small">缺失</el-tag>
-              </el-descriptions-item>
-              <el-descriptions-item label="数据来源">
-                <span v-if="kpi.data_source && kpi.data_source !== '待补充'">{{ kpi.data_source }}</span>
-                <el-tag v-else type="warning" size="small">{{ kpi.data_source || '缺失' }}</el-tag>
-              </el-descriptions-item>
-              <el-descriptions-item label="数据责任人">
-                <span v-if="kpi.data_owner && kpi.data_owner !== '待指定'">{{ kpi.data_owner }}</span>
-                <el-tag v-else type="warning" size="small">{{ kpi.data_owner || '缺失' }}</el-tag>
-              </el-descriptions-item>
-              <el-descriptions-item label="单位">{{ kpi.unit || '-' }}</el-descriptions-item>
-              <el-descriptions-item label="目标值">{{ kpi.target_value ?? '-' }}</el-descriptions-item>
-              <el-descriptions-item label="数据源类型">{{ kpi.data_source_type || '-' }}</el-descriptions-item>
-              <el-descriptions-item label="维度">{{ dimLabel(kpi.dimension) }}</el-descriptions-item>
-              <el-descriptions-item label="频率">{{ kpi.frequency || '-' }}</el-descriptions-item>
-              <el-descriptions-item label="类别" :span="2">{{ catLabel(kpi.category) || '-' }}</el-descriptions-item>
-            </el-descriptions>
-          </el-card>
         </el-tab-pane>
 
         <el-tab-pane label="历史数据" name="history">