feat: 表单保存交互规范P1+P2+P3 — 保存按钮loading防重复(KPIList/UserManage/KPIDetail)+KPIList编辑弹窗化(详情跳页并存)+保存反馈全面核查

frontend/src/views/KPIList.vue

@@ -140,9 +140,10 @@
               <span v-else style="color:#ccc">-</span>
             </template>
           </el-table-column>
-          <el-table-column label="操作" width="100" fixed="right">
+          <el-table-column label="操作" width="130" fixed="right">
             <template #default="{ row }">
-              <el-button size="small" text type="primary" @click.stop="$router.push('/kpis/' + row.id)">编辑</el-button>
+              <el-button size="small" text type="primary" @click.stop="$router.push('/kpis/' + row.id)">详情</el-button>
+              <el-button size="small" text type="primary" @click.stop="openEdit(row)">编辑</el-button>
               <el-button v-if="row.status === 'active'" size="small" text type="danger" @click.stop="doDelete(row.id)">归档</el-button>
               <el-button v-else size="small" text type="success" @click.stop="doRestore(row.id)">恢复</el-button>
             </template>
@@ -260,7 +261,7 @@
       </el-form>
       <template #footer>
         <el-button @click="showForm=false">取消</el-button>
-        <el-button type="primary" @click="saveKPI">{{ editMode ? '保存' : '创建' }}</el-button>
+        <el-button type="primary" :loading="saving" @click="saveKPI">{{ editMode ? '保存' : '创建' }}</el-button>
       </template>
     </MyDialog>
 
@@ -417,6 +418,31 @@ async function loadUsers() {
 const showForm = ref(false)
 const editMode = ref(false)
 const form = ref<any>({})
+const saving = ref(false)
+
+// ── 编辑入口：列表行 → 弹窗编辑（与新建一致）──
+function openEdit(row: any) {
+  editMode.value = true
+  form.value = {
+    id: row.id,
+    kpi_code: row.kpi_code,
+    kpi_name: row.kpi_name,
+    dimension: row.dimension,
+    category: row.category,
+    target_value: row.target_value,
+    unit: row.unit,
+    frequency: row.frequency,
+    data_source_type: row.data_source_type,
+    responsible_dept: row.responsible_dept,
+    responsible_user: row.responsible_user,
+    formula: row.formula,
+    threshold_green: row.threshold_green,
+    threshold_yellow: row.threshold_yellow,
+    threshold_red: row.threshold_red,
+    epic: row.epic,
+  }
+  showForm.value = true
+}
 
 // ── 未保存离开守卫 ──
 const isDirty = ref(false)
@@ -610,6 +636,8 @@ function onDimensionChange(val: string) {
 }
 
 async function saveKPI() {
+  if (saving.value) return
+  saving.value = true
   try {
     if (editMode.value) {
       await kpiApi.update(form.value.id, form.value)
@@ -624,6 +652,8 @@ async function saveKPI() {
     loadCategories()
   } catch (e) {
     ElMessage.error(editMode.value ? '保存失败' : '创建失败')
+  } finally {
+    saving.value = false
   }
 }