From 842f7f094192e84b63918325653b5775d42bc7d0 Mon Sep 17 00:00:00 2001
From: bestlee <bestlee@djxinxi.net>
Date: Tue, 13 Oct 2026 10:00:18 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=A6=E6=83=85=E9=A1=B5-=E9=A3=8E=E9=99=A9?=
 =?UTF-8?q?=E8=AF=84=E4=BC=B0=E6=96=B9=E6=B3=95=E6=98=BE=E7=A4=BA=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/details/approval/index.vue | 1256 +++++++++++++-------------
 src/views/details/disposal/index.vue | 1185 ++++++++++++------------
 src/views/details/index/index.vue    |  827 ++++++++---------
 src/views/home/modules/template7.vue |  840 ++++++++---------
 4 files changed, 2089 insertions(+), 2019 deletions(-)

diff --git a/src/views/details/approval/index.vue b/src/views/details/approval/index.vue
index 5cedb7b..963cee8 100644
--- a/src/views/details/approval/index.vue
+++ b/src/views/details/approval/index.vue
@@ -80,7 +80,7 @@ const previewModal = ref<boolean>(false);
 const questions = ref<any>([
   {
     question_id: 1,
-    name: "1. 设备影响", 
+    name: "1. 设备影响",
     note: "不合适的材质将会导致",
     score: 0,
     options: [
@@ -92,7 +92,7 @@ const questions = ref<any>([
   },
   {
     question_id: 2,
-    name: "2. 财务影响", 
+    name: "2. 财务影响",
     note: "工艺设计错误将会导致",
     score: 0,
     options: [
@@ -104,7 +104,7 @@ const questions = ref<any>([
   },
   {
     question_id: 3,
-    name: "3. 质量影响", 
+    name: "3. 质量影响",
     note: "",
     score: 0,
     options: [
@@ -116,7 +116,7 @@ const questions = ref<any>([
   },
   {
     question_id: 4,
-    name: "4. 设计的复杂程度", 
+    name: "4. 设计的复杂程度",
     note: "工艺设计包含了",
     score: 0,
     options: [
@@ -128,7 +128,7 @@ const questions = ref<any>([
   },
   {
     question_id: 5,
-    name: "5. 工艺设计的成熟度", 
+    name: "5. 工艺设计的成熟度",
     note: "",
     score: 0,
     options: [
@@ -140,7 +140,7 @@ const questions = ref<any>([
   },
   {
     question_id: 6,
-    name: "6. 工艺危害", 
+    name: "6. 工艺危害",
     note: "物料性质和工艺条件",
     score: 0,
     options: [
@@ -162,7 +162,7 @@ const levelDrawer = ref<boolean>(false);
 const aiDrawer = ref<boolean>(false);
 const mandClosed = ref<boolean>(false);
 const confirmClose = () => {
-    mandClosed.value = true; 
+    mandClosed.value = true;
     window.$message?.success('强制合规项已确认闭环，操作已留痕');
 }
 const conflictHide = ref<boolean>(false);
@@ -185,17 +185,17 @@ const opinion = ref<string>("");
 // 已阅 AI 建议
 const readSuggest = () => {
     aiRead.value = true;
-    window.$message?.success(`${roleName} 已阅 AI 建议，时间与操作已写入审批留痕`);
+    window.$message?.success(`${roleName.value} 已阅 AI 建议，时间与操作已写入审批留痕`);
 }
 // 采纳为行动项
 const acceptSuggest = (s: any) => {
-    suggs.value = suggs.value.map((x:any) => (x.id === s.id ? { ...x, st: '已采纳' } : x)); 
-    opinion.value = (opinion.value ? `${opinion.value}\n` : '') + `采纳 AI 建议：${s.text}`; 
+    suggs.value = suggs.value.map((x:any) => (x.id === s.id ? { ...x, st: '已采纳' } : x));
+    opinion.value = (opinion.value ? `${opinion.value}\n` : '') + `采纳 AI 建议：${s.text}`;
     window.$message?.success('已采纳，自动生成 PSSR 行动项（来源：AI 建议），并纳入审批意见');
 }
 // 不采纳 AI 建议
 const rejectSuggest = (s: any) => {
-    suggs.value = suggs.value.map((x:any) => (x.id === s.id ? { ...x, st: '不采纳' } : x)); 
+    suggs.value = suggs.value.map((x:any) => (x.id === s.id ? { ...x, st: '不采纳' } : x));
     window.$message?.info('不采纳理由「现有分析频次已覆盖风险」已记录留痕');
 }
 // 查看归档包
@@ -426,623 +426,645 @@ onMounted(() => {
 </script>
 
 <template>
-<NSpace vertical :size="16">
+  <NSpace vertical :size="16">
     <NSpin :show="loading" size="small">
-        <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
-            <div 
-                class="flex flex-wrap items-center gap-3 border border-slate-200 px-3 py-2 mb-3"
-                :style="{ borderRadius: themeStore.themeRadius + 'px' }"
+      <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+        <div
+          class="flex flex-wrap items-center gap-3 border border-slate-200 px-3 py-2 mb-3"
+          :style="{ borderRadius: themeStore.themeRadius + 'px' }"
+        >
+          <NButton ghost type="primary" @click="back">
+            <Icon icon="ep:back" class="size-16px mr-1" />返回
+          </NButton>
+          <div class="min-w-0 flex-1 truncate text-base font-bold text-slate-800">{{ currentInfo?.title }}</div>
+          <NTag size="small" type="info" class="font-mono text-xs">编号：{{ currentInfo?.change_no }}</NTag>
+          <!-- 审批中 -->
+          <NButton
+            v-if="isAiOn"
+            ghost
+            size="small"
+            type="primary"
+            class="text-xs"
+            @click="aiDrawer = !aiDrawer"
+          >
+            <Icon icon="lucide:sparkles" class="size-12px mr-1" /> AI 标注
+          </NButton>
+        </div>
+        <div class="space-y-3 scroll">
+          <!-- 变更申请表 -->
+          <div class="flex items-center justify-between">
+            <p
+              class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
+              :style="{'--theme-color': themeStore.themeColor}"
             >
-                <NButton ghost type="primary" @click="back">
-                    <Icon icon="ep:back" class="size-16px mr-1" />返回
-                </NButton>
-                <div class="min-w-0 flex-1 truncate text-base font-bold text-slate-800">{{ currentInfo?.title }}</div>
-                <NTag size="small" type="info" class="font-mono text-xs">编号：{{ currentInfo?.change_no }}</NTag>
-                <!-- 审批中 -->
-                <NButton 
-                    v-if="isAiOn"
-                    ghost 
-                    size="small"
-                    type="primary"
-                    class="text-xs"
-                    @click="aiDrawer = !aiDrawer"
-                >
-                    <Icon icon="lucide:sparkles" class="size-12px mr-1" /> AI 标注
-                </NButton>
+              变更申请表
+            </p>
+            <NButton ghost size="small" class="text-xs" @click="exportFile('change')"><Icon icon="material-symbols:download" class="size-16px" />导出变更申请表</NButton>
+          </div>
+          <div
+            class="border border-slate-200"
+            :style="{ borderRadius: themeStore.themeRadius + 'px' }"
+          >
+            <div class="grid border-b grid-cols-[100px_1fr_100px_1fr]">
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更发起人</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.applicant_name }}</div>
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">申请单位</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.org_name }}</div>
             </div>
-            <div class="space-y-3 scroll">
-                <!-- 变更申请表 -->
-                <div class="flex items-center justify-between">
-                    <p 
-                        class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
-                        :style="{'--theme-color': themeStore.themeColor}"
-                    >变更申请表</p>
-                    <NButton ghost size="small" class="text-xs" @click="exportFile('change')"><Icon icon="material-symbols:download" class="size-16px" />导出变更申请表</NButton>
+            <div class="grid border-b grid-cols-[100px_1fr_100px_1fr]">
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">发起日期</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.created_at?.slice(0,10) }}</div>
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">计划投用日期</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.plan_use_date?.slice(0,10) }}</div>
+            </div>
+            <div class="grid border-b grid-cols-[100px_1fr_100px_1fr]">
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更时限</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.duration_type === 1 ? '永久变更' : '临时变更' }}</div>
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">紧急</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.urgent === 1 ? '是' : '否' }}</div>
+            </div>
+            <div class="grid border-b grid-cols-[100px_1fr_100px_1fr]">
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更等级</p>
+              <div class="flex items-center flex-wrap gap-2 px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                <NRadioGroup v-model:value="level">
+                  <NRadio v-for="item in levelList" :key="item.value" :value="item.value" :disabled="true">{{ item.label }}</NRadio>
+                </NRadioGroup>
+                <NTag type="error" size="small">合计 {{ totalScore }} 分</NTag>
+                <NButton ghost type="warning" size="small" round class="text-xs" @click="levelDrawer = true">
+                  <Icon icon="lucide:eye" class="size-12px mr-1" />查看等级判定
+                </NButton>
+              </div>
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更类别</p>
+              <div class="flex items-center gap-2 px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                {{ matchLabel(typeList,currentInfo?.apply_form?.change_type)?.label }}
+                <NButton v-if="isAiOn" ghost type="primary" size="small" round class="text-xs" @click="openTypeSheet">
+                  <Icon icon="lucide:sparkles" class="size-12px mr-1" />判定说明
+                </NButton>
+              </div>
+            </div>
+            <div class="grid border-b grid-cols-[100px_1fr]">
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更目的</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                {{ currentInfo?.apply_form?.purposes?.join('、') }}
+              </div>
+            </div>
+            <div class="grid border-b grid-cols-[100px_1fr]">
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">预期效果</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                {{ currentInfo?.apply_form?.effect }}
+              </div>
+            </div>
+            <div class="grid border-b grid-cols-[100px_1fr]">
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">主要变更</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                <p v-for="(main,mIndex) in currentInfo?.apply_form?.main_changes" :key="mIndex">{{ Number(mIndex)+1 }}.{{ main }}</p>
+              </div>
+            </div>
+            <div class="grid border-b grid-cols-[100px_1fr]">
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">连带变更</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                <p v-for="(related,rIndex) in currentInfo?.apply_form?.related_changes" :key="rIndex">{{ Number(rIndex)+1 }}.{{ related }}</p>
+              </div>
+            </div>
+            <div class="grid border-b grid-cols-[100px_1fr]">
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">风险评估方法</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                <template v-for="(item,index) in currentInfo?.apply_form?.risk_tools" :key="index">
+                  <span v-if="index!==0">、</span>
+                  <span v-if="item==='RISK'">风险预分析</span>
+                  <span v-else-if="item==='RISK_CHECK'">风险检查表</span>
+                  <span v-else>{{ item }}</span>
+                </template>
+              </div>
+            </div>
+            <div class="grid border-b grid-cols-[100px_1fr]">
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">所需材料</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                {{ currentInfo?.apply_form?.materials }}
+              </div>
+            </div>
+            <div class="grid border-b grid-cols-[100px_1fr]">
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">需更新资料</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                {{ currentInfo?.apply_form?.update_docs?.join('、') }}
+              </div>
+            </div>
+            <div class="grid grid-cols-[100px_1fr]">
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">涉及专业</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                {{ currentInfo?.apply_form?.disciplines?.join('、') }}
+              </div>
+            </div>
+          </div>
+          <!-- 变更附带资料 -->
+          <div class="flex items-center justify-between">
+            <p
+              class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
+              :style="{'--theme-color': themeStore.themeColor}"
+            >
+              变更附带资料
+            </p>
+            <NButton ghost size="small" class="text-xs" @click="downloadFile(null)"><Icon icon="material-symbols:download" class="size-16px" />一键下载</NButton>
+          </div>
+          <NTable size="small">
+            <thead>
+              <tr>
+                <th class="w-60px !text-center">序号</th>
+                <th>文件名</th>
+                <th class="w-100px !text-center">类型</th>
+                <th class="w-100px !text-center">文件大小</th>
+                <th class="w-120px !text-center">上传时间</th>
+                <th class="w-120px !text-center">上传阶段</th>
+                <th class="w-90px !text-center">操作</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr v-for="(doc,dIndex) in currentInfo?.apply_form?.attachments" :key="dIndex">
+                <td class="text-center">1</td>
+                <td>{{ doc.file_name }}</td>
+                <td class="text-center text-xs">{{ doc?.file_type }}</td>
+                <td class="text-center text-xs">{{ doc?.file_size }}</td>
+                <td class="text-center text-xs">{{ doc?.created_at?.slice(0,16) }}</td>
+                <td class="text-center text-xs">
+                  <span v-if="doc?.step_no===1">变更申请表</span>
+                </td>
+                <td>
+                  <div class="flex items-center justify-center gap-2">
+                    <NButton text type="primary" class="text-xs" @click="openPreview(doc)">预览</NButton>
+                    <NButton text type="primary" class="text-xs" @click="downloadFile(doc)">下载</NButton>
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </NTable>
+
+          <!-- 风险分析记录表 -->
+          <div class="flex items-center justify-between">
+            <p
+              class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
+              :style="{'--theme-color': themeStore.themeColor}"
+            >
+              风险分析记录表
+            </p>
+            <NButton ghost size="small" class="text-xs" @click="exportFile('risk')"><Icon icon="material-symbols:download" class="size-16px" />导出风险分析记录表</NButton>
+          </div>
+          <NTable size="small">
+            <thead>
+              <tr>
+                <th class="w-60px !text-center">序号</th>
+                <th>风险项</th>
+                <th>场景描述</th>
+                <th class="w-80px !text-center">固有风险</th>
+                <th>现有措施</th>
+                <th>建议措施</th>
+                <th class="w-80px !text-center">剩余风险</th>
+                <th class="w-100px !text-center">来源</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr v-for="(risk,index) in currentInfo?.risk_records?.records" :key="index">
+                <td class="text-center">{{ Number(index)+1 }}</td>
+                <td>{{ risk.item }}</td>
+                <td>{{ risk.scene }}</td>
+                <td class="text-center">{{ risk.inherent_level }}</td>
+                <td>{{ risk.safeguards }}</td>
+                <td>{{ risk.suggestions }}</td>
+                <td class="text-center">{{ risk.residual_level }}</td>
+                <td class="text-center">
+                  <NTag size="small" type="info" class="text-11px">{{ risk.source==='RISK'?'风险预分析':risk.source==='RISK_CHECK'?'风险检查': risk.source }}</NTag>
+                </td>
+              </tr>
+            </tbody>
+          </NTable>
+
+          <!-- 变更培训内容 -->
+          <div>
+            <div class="flex items-center gap-2 mb-1.5">
+              <Icon icon="lucide:graduation-cap" class="size-16px text-violet-500" />
+              <span class="text-sm font-semibold text-slate-700">变更培训内容</span>
+            </div>
+            <div class="space-y-2.5 border p-3" :style="{borderRadius: themeStore.themeRadius + 'px'}">
+              <p>{{ currentInfo?.train?.content }}</p>
+            </div>
+          </div>
+          <!-- PSSR 检查内容 -->
+          <div>
+            <div class="flex items-center gap-2 mb-1.5">
+              <Icon icon="lucide:list-checks" class="size-16px text-violet-500" />
+              <span class="text-sm font-semibold text-slate-700">PSSR 检查内容</span>
+            </div>
+            <div class="space-y-2.5 border p-3" :style="{borderRadius: themeStore.themeRadius + 'px'}">
+              <div v-for="(pssr,index) in pssrlist" :key="index" class="border" :style="{borderRadius: themeStore.themeRadius + 'px'}">
+                <div class="bg-slate-100 px-3 py-1.6 font-medium text-slate-600">{{ pssr.g }}</div>
+                <div v-for="item in pssr.items" :key="item.id" class="flex items-center border-t px-3 py-1.6">
+                  <p class="flex-1">{{ item.content }}</p>
+                  <NTag v-if="item.phase===1" size="small" type="info">投用前完成</NTag>
+                  <NTag v-else size="small" type="info">关闭前完成</NTag>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- 验收评价 -->
+          <div>
+            <div class="flex items-center gap-2 mb-1.5">
+              <Icon icon="ix:success" class="size-16px text-emerald-500" />
+              <span class="text-sm font-semibold text-slate-700">验收评价</span>
+            </div>
+            <div class="border p-3" :style="{borderRadius: themeStore.themeRadius + 'px'}">
+              <NTable size="small">
+                <thead>
+                  <tr>
+                    <th class="w-56">验收项目</th>
+                    <th>量化验收标准</th>
+                    <th>验收方式</th>
+                    <th class="w-46 !text-center">组织层级</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr v-for="(accept,index) in acceptList" :key="index">
+                    <td class="text-xs">{{ accept.item }}</td>
+                    <td class="text-xs">{{ accept.standard }}</td>
+                    <td class="text-xs">{{ accept.method }}</td>
+                    <td class="text-xs text-center">{{ accept.org_name }}</td>
+                  </tr>
+                </tbody>
+              </NTable>
+            </div>
+          </div>
+          <!-- 审批记录 -->
+          <div class="flex items-center justify-between">
+            <p
+              class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
+              :style="{'--theme-color': themeStore.themeColor}"
+            >
+              审批记录
+            </p>
+          </div>
+          <NTable size="small">
+            <thead>
+              <tr>
+                <th class="w-120px">流程阶段</th>
+                <th class="w-120px">操作人</th>
+                <th class="w-140px !text-center">操作时间</th>
+                <th>操作内容和意见</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr v-for="(record,index) in currentInfo?.approval_records" :key="index">
+                <td class="text-xs">{{ record.action }}</td>
+                <td class="text-xs">{{ record.user_name }}</td>
+                <td class="text-center text-xs">{{ record.updated_at?.slice(0,16) }}</td>
+                <td class="text-xs">{{ record.remark }}</td>
+              </tr>
+            </tbody>
+          </NTable>
+
+          <!-- 审批流程进度 -->
+          <div class="space-y-2">
+            <div class="text-sm font-semibold">审批流程{{ matchLabel(levelList,level)?.label? '（'+matchLabel(levelList,level)?.label+'变更）':'' }}</div>
+            <div class="flex flex-wrap items-center gap-1">
+              <template v-for="(n, i) in currentInfo?.approval_flow?.steps" :key="n.name">
+                <div class="flex items-center gap-1">
+                  <Icon v-if="i !== 0" icon="formkit:right" class="size-14px text-slate-300" />
+                  <div
+                    class="rounded-lg border px-3 py-2 text-center"
+                    :class="n.status === 'PASSED' ? 'border-emerald-300 bg-emerald-50' : n.status === 'PENDING' ? 'border-amber-400 bg-amber-50' : n.status === 'REJECTED' ? 'border-red-300 bg-red-50' :'border-amber-400 bg-amber-50'"
+                  >
+                    <p class="text-xs font-medium">
+                      {{ n.name }}
+                    </p>
+                    <div class="flex items-center justify-center gap-1">
+                      <span v-for="member in n.members" :key="member.id" class="text-xs text-slate-500">{{ member.user_name }}</span>
+                    </div>
+                  </div>
+                </div>
+              </template>
+            </div>
+          </div>
+        </div>
+        <div class="flex items-center py-3 px-3 border rounded-md mt-3 gap-3">
+          <NButton v-if="isAiOn" class="text-xs hover:underline" text type="primary" @click="aiDrawer = !aiDrawer">AI辅助</NButton>
+          <NInput v-model:value="comment" type="textarea" size="small" :autosize="{ minRows: 1}" placeholder="审批意见（采纳的 AI 建议自动纳入，可修改，随审批提交留痕）" />
+          <div class="ml-auto flex gap-2">
+            <NButton class="text-xs" size="small" type="error" @click="openReject">驳回</NButton>
+            <NButton class="text-xs" size="small" type="success" @click="agreeSave">同意</NButton>
+          </div>
+        </div>
+      </NCard>
+      <!-- 变更类型判定说明（右侧抽屉） -->
+      <NDrawer v-model:show="describeDrawer" :width="576" placement="right" :auto-focus="false">
+        <NDrawerContent title="变更类型判定说明" closable>
+          <NTag v-if="typeAiLoading" type="info" size="small">
+            <template #icon>
+              <Icon icon="ri:loader-4-fill" class="size-12px animate-spin" />
+            </template>
+            AI 判定中…
+          </NTag>
+          <div v-else class="flex items-center gap-2 max-h-[22px] mb-3">
+            <span class="inline-flex items-center gap-1 rounded-full border border-violet-200 bg-violet-100 px-2 py-0.5 text-xs font-medium text-violet-700">
+              ✨ AI 生成 · 需人工确认
+            </span>
+            <NTag v-if="typeAi?.type" type="info" size="small">判定：{{ typeAi?.type }}</NTag>
+            <NTag v-if="typeAi" size="small">置信度：{{ `${Math.round(typeAi.confidence * 100)}%` }}</NTag>
+          </div>
+          <div v-if="typeAi" class="space-y-3 text-sm leading-relaxed text-slate-700">
+            <p><b>判定结论：</b>{{ typeAi.conclusion }}</p>
+            <p><b>判定依据：</b></p>
+            <ul class="list-disc space-y-1 pl-5">
+              <li v-for="r in typeAi.hit_rules" :key="r">命中规则：{{ r }}</li>
+              <li v-for="r in typeAi.exclude_rules" :key="r">排除规则：{{ r }}</li>
+            </ul>
+            <p v-if="typeAi.knowledge_refs.length"><b>知识库引用：</b>{{ typeAi.knowledge_refs.join('、') }}。</p>
+            <p class="rounded-lg bg-amber-50 p-3 text-xs text-amber-700">AI 判定结果仅供参考，最终类型以人工确认为准；如调整为其他类型，系统将记录修改留痕。</p>
+          </div>
+        </NDrawerContent>
+      </NDrawer>
+      <!-- 变更等级判定表（右侧抽屉查看） -->
+      <NDrawer v-model:show="levelDrawer" :width="576" placement="right" :auto-focus="false">
+        <NDrawerContent title="变更等级判定表" closable>
+          <div class="space-y-4">
+            <div class="flex items-center gap-2">
+              <NTag
+                size="small"
+                :color="{
+                  color: tagBgColor(matchLabel(levelList,level)?.color),
+                  textColor: tagTextColor(matchLabel(levelList,level)?.color),
+                  borderColor: tagBorderColor(matchLabel(levelList,level)?.color),
+                }"
+              >
+                {{ matchLabel(levelList,level)?.label? matchLabel(levelList,level)?.label+'变更':'' }}
+              </NTag>
+              <span class="text-xs text-slate-400">合计得分 <b class="text-[#17407F]">{{ totalScore }}</b> 分（&lt;20 分为一般，≥20 分为重要）</span>
+            </div>
+            <NTable size="small">
+              <thead>
+                <tr class="border-b bg-slate-50">
+                  <th class="w-40">评估维度</th>
+                  <th class="w-20 !text-center">得分</th>
+                  <th>评分依据</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr v-for="s in questions" :key="s.dim" class="border-b last:border-b-0">
+                  <td class="font-medium">{{ s.name }}</td>
+                  <td class="font-bold text-[#17407F] text-center">{{ s.score }}</td>
+                  <td class="text-xs leading-relaxed text-slate-600">{{ matchBasis(s.options,s.score) }}</td>
+                </tr>
+              </tbody>
+            </NTable>
+          </div>
+        </NDrawerContent>
+      </NDrawer>
+      <!-- AI 审批辅助（右侧抽屉查看） -->
+      <NDrawer v-model:show="aiDrawer" :width="576" placement="right" :auto-focus="false">
+        <NDrawerContent closable>
+          <template #header>
+            <span class="flex items-center gap-1.5 text-sm font-bold text-slate-700">
+              <Icon icon="lucide:sparkles" class="size-16px text-violet-500 mr-1" />
+              AI 审批辅助（抽屉式，正文全窗口阅读）
+            </span>
+          </template>
+          <div class="space-y-4">
+            <!-- AI 分析进度（异步任务轮询） -->
+            <div v-if="aiAssistLoading" class="rounded-lg border border-violet-200 bg-violet-50 px-3 py-2.5 text-xs text-violet-700">
+              <div class="flex items-center gap-2">
+                <Icon icon="eos-icons:loading" class="size-14px" />
+                <span>{{ aiAssistStep || 'AI 分析中…' }}（{{ aiAssistProgress }}%）</span>
+              </div>
+              <NProgress type="line" :percentage="aiAssistProgress" :show-indicator="false" class="mt-1.5" processing />
+            </div>
+            <!-- 合规警告条（强制合规项，不可关闭；闭环后转绿） -->
+            <div
+              class="px-3 py-2.5 text-sm"
+              :class="mandClosed ? 'text-[var(--success-color)] bg-[var(--success-bg-color)]' : 'text-[var(--warning-color)] bg-[var(--warning-bg-color)]'"
+              :style="{
+                borderRadius:themeStore.themeRadius+'px',
+                '--success-color':themeStore.otherColor.success,
+                '--success-bg-color':getColorWithOpacity(themeStore.otherColor.success,0.1),
+                '--warning-color':themeStore.otherColor.warning,
+                '--warning-bg-color':getColorWithOpacity(themeStore.otherColor.warning,0.1)
+              }"
+            >
+              <div class="flex items-center gap-2">
+                <Icon icon="proicons:alert-triangle" class="size-16px" />
+                <span class="font-semibold">强制合规</span>
+                <span class="ml-auto shrink-0">
+                  <NTag v-if="mandClosed" size="small" type="success">
+                    <template #icon>
+                      <Icon icon="lucide:shield-check" class="size-12px" />
+                    </template>
+                    已闭环
+                  </NTag>
+                  <NTag v-else size="small" type="warning">未闭环</NTag>
+                </span>
+              </div>
+              <p class="mt-1 text-xs leading-relaxed">
+                {{ mandText }}
+              </p>
+              <div v-if="!mandClosed" class="mt-1 text-right">
+                <NButton text type="primary" class="text-xs" @click="confirmClose">确认闭环（留痕）</NButton>
+              </div>
+            </div>
+            <!-- 变更冲突提示（同设备在途变更，可收起） -->
+            <div
+              v-if="!conflictHide"
+              class="bg-[var(--bg-color)] px-3 py-2.5 text-sm text-[var(--theme-color)]"
+              :style="{
+                borderRadius:themeStore.themeRadius+'px',
+                '--theme-color':themeStore.themeColor,
+                '--bg-color':getColorWithOpacity(themeStore.themeColor,0.1),
+              }"
+            >
+              <div class="flex items-center gap-2">
+                <Icon icon="lucide:bell" class="size-14px" />
+                <span class="font-semibold">冲突提示</span>
+                <NButton text type="primary" class="ml-auto shrink-0 text-xs" @click="conflictHide = true">知道了</NButton>
+              </div>
+              <p class="mt-1 text-xs leading-relaxed">
+                {{ conflictText }}
+              </p>
+            </div>
+            <!-- 属地影响摘要（仅属地负责人视角） -->
+            <div v-if="role === 'dept'" class="border" :style="{borderRadius:themeStore.themeRadius+'px'}">
+              <div class="flex items-center gap-2 border-b bg-slate-50/70 px-3 py-2">
+                <Icon icon="lucide:sparkles" class="size-16px text-violet-500" />
+                <span class="text-sm font-semibold text-slate-700">属地影响摘要</span>
+                <span class="inline-flex items-center gap-1 rounded-full border border-violet-200 bg-violet-100 px-2 py-0.5 text-xs font-medium text-violet-700">
+                  ✨ AI 生成 · 需人工确认
+                </span>
+              </div>
+              <div class="space-y-1.5 px-3 py-2.5 text-xs leading-relaxed text-slate-600">
+                <p v-for="(r, i) in deptRows" :key="i"><b class="text-slate-700">{{ r.label }}</b>{{ r.text }}</p>
+              </div>
+            </div>
+            <!-- 变更前后关键参数对比（变化标蓝 / 超限标红） -->
+            <div
+              class="border"
+              :style="{
+                borderRadius:themeStore.themeRadius+'px',
+                '--error-color':themeStore.otherColor.error,
+                '--theme-color':themeStore.themeColor
+              }"
+            >
+              <div class="border-b bg-slate-50/70 px-3 py-2 text-xs font-semibold text-slate-600">
+                关键参数对比（AI 提取） · <span class="font-bold text-[var(--theme-color)]">蓝=变化</span> · <span class="font-bold text-[var(--error-color)]">红=超限</span>
+              </div>
+              <div v-for="d in paramDiff" :key="d.k" class="border-b px-3 py-2 last:border-b-0">
+                <div class="flex flex-wrap items-baseline gap-x-2 text-sm">
+                  <span class="w-24 shrink-0 text-xs text-slate-500">{{ d.k }}</span>
+                  <span class="text-xs text-slate-400">{{ d.before }}</span>
+                  <span class="text-slate-300">→</span>
+                  <span
+                    class="text-sm font-semibold"
+                    :class="d.over ? 'text-[var(--error-color)]' : 'text-[var(--theme-color)]'"
+                  >{{ d.after }}</span>
+                  <NTag v-if="d.over" size="small" type="error">超限</NTag>
                 </div>
                 <div
-                    class="border border-slate-200"
-                    :style="{ borderRadius: themeStore.themeRadius + 'px' }"
+                  class="mt-0.5 text-[11px] leading-snug"
+                  :class="d.over ? 'text-[var(--error-color)]' : 'text-slate-400'"
                 >
-                    <div class="grid border-b grid-cols-[100px_1fr_100px_1fr]">
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更发起人</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.applicant_name }}</div>
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">申请单位</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.org_name }}</div>
-                    </div>
-                    <div class="grid border-b grid-cols-[100px_1fr_100px_1fr]">
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">发起日期</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.created_at?.slice(0,10) }}</div>
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">计划投用日期</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.plan_use_date?.slice(0,10) }}</div>
-                    </div>
-                    <div class="grid border-b grid-cols-[100px_1fr_100px_1fr]">
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更时限</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.duration_type === 1 ? '永久变更' : '临时变更' }}</div>
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">紧急</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.urgent === 1 ? '是' : '否' }}</div>
-                    </div>
-                    <div class="grid border-b grid-cols-[100px_1fr_100px_1fr]">
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更等级</p>
-                        <div class="flex items-center flex-wrap gap-2 px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                            <NRadioGroup v-model:value="level">
-                                <NRadio v-for="item in levelList" :key="item.value" :value="item.value" :disabled="true">{{item.label}}</NRadio>
-                            </NRadioGroup>
-                            <NTag type="error" size="small">合计 {{totalScore}} 分</NTag>
-                            <NButton ghost type="warning" size="small" round class="text-xs" @click="levelDrawer = true">
-                                <Icon icon="lucide:eye" class="size-12px mr-1" />查看等级判定
-                            </NButton>
-                        </div>
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更类别</p>
-                        <div class="flex items-center gap-2 px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                            {{matchLabel(typeList,currentInfo?.apply_form?.change_type)?.label}} 
-                            <NButton v-if="isAiOn" ghost type="primary" size="small" round class="text-xs" @click="openTypeSheet">
-                                <Icon icon="lucide:sparkles" class="size-12px mr-1" />判定说明
-                            </NButton>
-                        </div>
-                    </div>
-                    <div class="grid border-b grid-cols-[100px_1fr]">
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更目的</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                            {{currentInfo?.apply_form?.purposes?.join('、')}}
-                        </div>
-                    </div>
-                    <div class="grid border-b grid-cols-[100px_1fr]">
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">预期效果</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                            {{currentInfo?.apply_form?.effect}}
-                        </div>
-                    </div>
-                    <div class="grid border-b grid-cols-[100px_1fr]">
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">主要变更</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                            <p v-for="(main,mIndex) in currentInfo?.apply_form?.main_changes" :key="mIndex">{{Number(mIndex)+1}}.{{main}}</p>
-                        </div>
-                    </div>
-                    <div class="grid border-b grid-cols-[100px_1fr]">
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">连带变更</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                            <p v-for="(related,rIndex) in currentInfo?.apply_form?.related_changes" :key="rIndex">{{Number(rIndex)+1}}.{{related}}</p>
-                        </div>
-                    </div>
-                    <div class="grid border-b grid-cols-[100px_1fr]">
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">风险评估方法</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                            {{currentInfo?.apply_form?.risk_tools?.join('、')}}
-                        </div>
-                    </div>
-                    <div class="grid border-b grid-cols-[100px_1fr]">
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">所需材料</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                            {{currentInfo?.apply_form?.materials}}
-                        </div>
-                    </div>
-                    <div class="grid border-b grid-cols-[100px_1fr]">
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">需更新资料</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                            {{currentInfo?.apply_form?.update_docs?.join('、')}}
-                        </div>
-                    </div>
-                    <div class="grid grid-cols-[100px_1fr]">
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">涉及专业</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                            {{currentInfo?.apply_form?.disciplines?.join('、')}}
-                        </div>
-                    </div>
-                </div>
-                <!-- 变更附带资料 -->
-                <div class="flex items-center justify-between">
-                    <p 
-                        class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
-                        :style="{'--theme-color': themeStore.themeColor}"
-                    >变更附带资料</p>
-                    <NButton ghost size="small" class="text-xs" @click="downloadFile(null)"><Icon icon="material-symbols:download" class="size-16px" />一键下载</NButton>
-                </div>
-                <NTable size="small">
-                    <thead>
-                    <tr>
-                        <th class="w-60px !text-center">序号</th>
-                        <th>文件名</th>
-                        <th class="w-100px !text-center">类型</th>
-                        <th class="w-100px !text-center">文件大小</th>
-                        <th class="w-120px !text-center">上传时间</th>
-                        <th class="w-120px !text-center">上传阶段</th>
-                        <th class="w-90px !text-center">操作</th>
-                    </tr>
-                    </thead>
-                    <tbody>
-                    <tr v-for="(doc,dIndex) in currentInfo?.apply_form?.attachments" :key="dIndex">
-                        <td class="text-center">1</td>
-                        <td>{{doc.file_name}}</td>
-                        <td class="text-center text-xs">{{doc?.file_type}}</td>
-                        <td class="text-center text-xs">{{doc?.file_size}}</td>
-                        <td class="text-center text-xs">{{doc?.created_at?.slice(0,16)}}</td>
-                        <td class="text-center text-xs">
-                            <span v-if="doc?.step_no===1">变更申请表</span>
-                        </td>
-                        <td>
-                            <div class="flex items-center justify-center gap-2">
-                                <NButton text type="primary" class="text-xs" @click="openPreview(doc)">预览</NButton>
-                                <NButton text type="primary" class="text-xs" @click="downloadFile(doc)">下载</NButton>
-                            </div>
-                        </td>
-                    </tr>
-                    </tbody>
-                </NTable>
-                
-                <!-- 风险分析记录表 -->
-                <div class="flex items-center justify-between">
-                    <p 
-                        class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
-                        :style="{'--theme-color': themeStore.themeColor}"
-                    >风险分析记录表</p>
-                    <NButton ghost size="small" class="text-xs" @click="exportFile('risk')"><Icon icon="material-symbols:download" class="size-16px" />导出风险分析记录表</NButton>
-                </div>
-                <NTable size="small">
-                    <thead>
-                        <tr>
-                            <th class="w-60px !text-center">序号</th>
-                            <th>风险项</th>
-                            <th>场景描述</th>
-                            <th class="w-80px !text-center">固有风险</th>
-                            <th>现有措施</th>
-                            <th>建议措施</th>
-                            <th class="w-80px !text-center">剩余风险</th>
-                            <th class="w-100px !text-center">来源</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr v-for="(risk,index) in currentInfo?.risk_records?.records" :key="index">
-                            <td class="text-center">{{Number(index)+1}}</td>
-                            <td>{{risk.item}}</td>
-                            <td>{{risk.scene}}</td>
-                            <td class="text-center">{{risk.inherent_level}}</td>
-                            <td>{{risk.safeguards}}</td>
-                            <td>{{risk.suggestions}}</td>
-                            <td class="text-center">{{risk.residual_level}}</td>
-                            <td class="text-center">
-                                <NTag size="small" type="info" class="text-11px">{{ risk.source==='RISK'?'风险预分析':risk.source==='RISK_CHECK'?'风险检查': risk.source  }}</NTag>
-                            </td>
-                        </tr>
-                    </tbody>
-                </NTable>
-
-                <!-- 变更培训内容 -->
-                <div>
-                    <div class="flex items-center gap-2 mb-1.5">
-                        <Icon icon="lucide:graduation-cap" class="size-16px text-violet-500" />
-                        <span class="text-sm font-semibold text-slate-700">变更培训内容</span>
-                    </div>
-                    <div class="space-y-2.5 border p-3" :style="{borderRadius: themeStore.themeRadius + 'px'}">
-                        <p>{{currentInfo?.train?.content}}</p>
-                    </div>
-                </div>
-                <!-- PSSR 检查内容 -->
-                <div>
-                    <div class="flex items-center gap-2 mb-1.5">
-                        <Icon icon="lucide:list-checks" class="size-16px text-violet-500" /> 
-                        <span class="text-sm font-semibold text-slate-700">PSSR 检查内容</span>
-                    </div>
-                    <div class="space-y-2.5 border p-3" :style="{borderRadius: themeStore.themeRadius + 'px'}">
-                        <div v-for="(pssr,index) in pssrlist" class="border" :key="index" :style="{borderRadius: themeStore.themeRadius + 'px'}">
-                            <div class="bg-slate-100 px-3 py-1.6 font-medium text-slate-600">{{pssr.g}}</div>
-                            <div v-for="item in pssr.items" :key="item.id" class="flex items-center border-t px-3 py-1.6">
-                                <p class="flex-1">{{item.content}}</p>
-                                <NTag v-if="item.phase===1" size="small" type="info">投用前完成</NTag>
-                                <NTag v-else size="small" type="info">关闭前完成</NTag>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <!-- 验收评价 -->
-                <div>
-                    <div class="flex items-center gap-2 mb-1.5">
-                        <Icon icon="ix:success" class="size-16px text-emerald-500" />
-                        <span class="text-sm font-semibold text-slate-700">验收评价</span>
-                    </div>
-                    <div class="border p-3" :style="{borderRadius: themeStore.themeRadius + 'px'}">
-                        <NTable size="small">
-                            <thead>
-                                <tr>
-                                    <th class="w-56">验收项目</th>
-                                    <th>量化验收标准</th>
-                                    <th>验收方式</th>
-                                    <th class="w-46 !text-center">组织层级</th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr v-for="(accept,index) in acceptList" :key="index">
-                                    <td class="text-xs">{{accept.item}}</td>
-                                    <td class="text-xs">{{accept.standard}}</td>
-                                    <td class="text-xs">{{accept.method}}</td>
-                                    <td class="text-xs text-center">{{accept.org_name}}</td>
-                                </tr>
-                            </tbody>
-                        </NTable>
-                    </div>
-                </div>
-                <!-- 审批记录 -->
-                <div class="flex items-center justify-between">
-                    <p 
-                        class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
-                        :style="{'--theme-color': themeStore.themeColor}"
-                    >审批记录</p>
-                </div>
-                <NTable size="small">
-                    <thead>
-                        <tr>
-                            <th class="w-120px">流程阶段</th>
-                            <th class="w-120px">操作人</th>
-                            <th class="w-140px !text-center">操作时间</th>
-                            <th>操作内容和意见</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr v-for="(record,index) in currentInfo?.approval_records" :key="index">
-                            <td class="text-xs">{{record.action}}</td>
-                            <td class="text-xs">{{record.user_name}}</td>
-                            <td class="text-center text-xs">{{record.updated_at?.slice(0,16)}}</td>
-                            <td class="text-xs">{{record.remark}}</td>
-                        </tr>
-                    </tbody>
-                </NTable>
-
-                <!-- 审批流程进度 -->
-                <div class="space-y-2">
-                    <div class="text-sm font-semibold">审批流程{{ matchLabel(levelList,level)?.label? '（'+matchLabel(levelList,level)?.label+'变更）':'' }}</div>
-                    <div class="flex flex-wrap items-center gap-1">
-                        <template v-for="(n, i) in currentInfo?.approval_flow?.steps" :key="n.name">
-                            <div class="flex items-center gap-1">
-                                <Icon v-if="i !== 0" icon="formkit:right" class="size-14px text-slate-300" />
-                                <div class="rounded-lg border px-3 py-2 text-center"
-                                :class="n.status === 'PASSED' ? 'border-emerald-300 bg-emerald-50' : n.status === 'PENDING' ? 'border-amber-400 bg-amber-50' : n.status === 'REJECTED' ? 'border-red-300 bg-red-50' :'border-amber-400 bg-amber-50'">
-                                    <p class="text-xs font-medium">
-                                        {{ n.name }}
-                                    </p>
-                                    <div class="flex items-center justify-center gap-1">
-                                        <span v-for="member in n.members" :key="member.id" class="text-xs text-slate-500">{{ member.user_name }}</span>
-                                    </div>
-                                </div>
-                            </div>
-                        </template>
-                    </div>
+                  {{ d.note }}
                 </div>
+              </div>
             </div>
-            <div class="flex items-center py-3 px-3 border rounded-md mt-3 gap-3">
-                <NButton v-if="isAiOn" class="text-xs hover:underline" text type="primary" @click="aiDrawer = !aiDrawer">AI辅助</NButton>
-                <NInput v-model:value="comment" type="textarea" size="small" :autosize="{ minRows: 1}" placeholder="审批意见（采纳的 AI 建议自动纳入，可修改，随审批提交留痕）" />
-                <div class="ml-auto flex gap-2">
-                    <NButton class="text-xs" size="small" type="error" @click="openReject">驳回</NButton>
-                    <NButton class="text-xs" size="small" type="success" @click="agreeSave">同意</NButton>
+            <!-- AI 审批建议（版本冻结 · 建议分级 · 已阅留痕 · 无感审计） -->
+            <div
+              class="border"
+              :style="{
+                borderRadius:themeStore.themeRadius+'px',
+                '--error-color':themeStore.otherColor.error,
+                '--theme-color':themeStore.themeColor,
+                '--warning-color':themeStore.otherColor.warning,
+              }"
+            >
+              <div class="flex flex-wrap items-center gap-2 border-b bg-slate-50/70 px-3 py-2">
+                <Icon icon="lucide:sparkles" class="size-14px text-violet-500" />
+                <span class="text-sm font-semibold text-slate-700">AI 审批建议</span>
+                <span class="inline-flex items-center gap-1 rounded-full border border-violet-200 bg-violet-100 px-2 py-0.5 text-xs font-medium text-violet-700">
+                  ✨ AI 生成 · 需人工确认
+                </span>
+                <NTag size="small">基于提交版本 V1 一次性分析 · 版本冻结</NTag>
+                <div class="ml-auto">
+                  <NTag v-if="aiRead" size="small" type="success">✓ {{ roleName }} 已阅 AI 建议（已留痕）</NTag>
+                  <NButton v-else size="small" class="text-xs" @click="readSuggest">已阅 AI 建议</NButton>
                 </div>
+              </div>
+              <div class="space-y-3 p-3">
+                <!-- 强制合规项 -->
+                <div class="mb-1 flex items-center gap-1.5 text-xs font-semibold text-[var(--error-color)]"><span class="inline-block h-2 w-2 rounded-full bg-[var(--error-color)]" /> 强制合规项（驳回前必须处理，否则无法通过）</div>
+                <div class="flex flex-wrap items-center gap-2 rounded-lg border border-red-100 bg-red-50/50 px-3 py-2 text-sm">
+                  <span class="min-w-0 flex-1 text-slate-700">{{ mandItem }}</span>
+                  <NTag v-if="mandClosed" size="small" type="success">已闭环</NTag>
+                  <NTag v-else size="small" type="warning">未闭环</NTag>
+                </div>
+                <!-- 推荐改进项 -->
+                <div>
+                  <div class="mb-1 flex items-center gap-1.5 text-xs font-semibold text-[var(--warning-color)]"><span class="inline-block h-2 w-2 rounded-full bg-[var(--warning-color)]" /> 推荐改进项（可采纳为行动项，可忽略但须填理由）</div>
+                  <div class="space-y-1.5">
+                    <div v-for="s in suggs" :key="s.id" class="rounded-lg border px-3 py-2 text-sm">
+                      <div class="leading-relaxed text-slate-700">{{ s.text }}</div>
+                      <div class="mt-1.5">
+                        <div v-if="s.st === '待定'" class="flex gap-3">
+                          <NButton
+                            text type="success" class="text-xs hover:underline"
+                            @click="acceptSuggest(s)"
+                          >
+                            采纳为行动项
+                          </NButton>
+                          <NButton
+                            text class="text-xs hover:underline"
+                            @click="rejectSuggest(s)"
+                          >
+                            已知悉，不采纳
+                          </NButton>
+                        </div>
+                        <NTag v-else-if="s.st === '已采纳'" size="small" type="success">已采纳 → 已生成 PSSR 行动项</NTag>
+                        <NTag v-else size="small" type="default">已知悉不采纳（理由已留痕）</NTag>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- 参考信息 -->
+                <div>
+                  <div class="mb-1 flex items-center gap-1.5 text-xs font-semibold text-[var(--theme-color)]"><span class="inline-block h-2 w-2 rounded-full bg-[var(--theme-color)]" /> 参考信息（纯参考，无强制力）</div>
+                  <div class="space-y-1.5">
+                    <div class="flex flex-wrap items-center gap-2 rounded-lg border border-[#DFE9F6] bg-[#EAF0F9]/60 px-3 py-2 text-sm">
+                      <span class="min-w-0 flex-1 text-slate-700">{{ similarText }}</span>
+                      <NButton text type="primary" class="hover:underline text-xs" @click="viewArchive('MOC-2025-0112')">查看归档包</NButton>
+                    </div>
+                    <div class="rounded-lg border border-[#DFE9F6] bg-[#EAF0F9]/60 px-3 py-2 text-sm text-slate-700">
+                      {{ experienceText }}
+                    </div>
+                  </div>
+                </div>
+                <div class="rounded-lg bg-slate-50 px-3 py-2 text-[11px] leading-5 text-slate-400">
+                  查看、采纳、已阅等操作均由后台自动记录（无感审计），供内审追溯；AI 建议不强制采纳，决策主导权在审批人。驳回重新提交后，AI 将对新版本重新分析一次。
+                </div>
+              </div>
             </div>
-        </NCard>
-        <!-- 变更类型判定说明（右侧抽屉） -->
-        <NDrawer v-model:show="describeDrawer" :width="576" placement="right" :auto-focus="false">
-            <NDrawerContent title="变更类型判定说明" closable>
-                <NTag v-if="typeAiLoading" type="info" size="small">
-                    <template #icon>
-                        <Icon icon="ri:loader-4-fill" class="size-12px animate-spin" />
-                    </template>
-                    AI 判定中…
-                </NTag>
-                <div v-else class="flex items-center gap-2 max-h-[22px] mb-3">
-                    <span class="inline-flex items-center gap-1 rounded-full border border-violet-200 bg-violet-100 px-2 py-0.5 text-xs font-medium text-violet-700">
-                    ✨ AI 生成 · 需人工确认
-                    </span>
-                    <NTag v-if="typeAi?.type" type="info" size="small">判定：{{ typeAi?.type }}</NTag>
-                    <NTag v-if="typeAi" size="small">置信度：{{ `${Math.round(typeAi.confidence * 100)}%` }}</NTag>
-                </div>
-                <div v-if="typeAi" class="space-y-3 text-sm leading-relaxed text-slate-700">
-                    <p><b>判定结论：</b>{{ typeAi.conclusion }}</p>
-                    <p><b>判定依据：</b></p>
-                    <ul class="list-disc space-y-1 pl-5">
-                    <li v-for="r in typeAi.hit_rules" :key="r">命中规则：{{ r }}</li>
-                    <li v-for="r in typeAi.exclude_rules" :key="r">排除规则：{{ r }}</li>
-                    </ul>
-                    <p v-if="typeAi.knowledge_refs.length"><b>知识库引用：</b>{{ typeAi.knowledge_refs.join('、') }}。</p>
-                    <p class="rounded-lg bg-amber-50 p-3 text-xs text-amber-700">AI 判定结果仅供参考，最终类型以人工确认为准；如调整为其他类型，系统将记录修改留痕。</p>
-                </div>
-            </NDrawerContent>
-        </NDrawer>
-        <!-- 变更等级判定表（右侧抽屉查看） -->
-        <NDrawer v-model:show="levelDrawer" :width="576" placement="right" :auto-focus="false">
-            <NDrawerContent title="变更等级判定表" closable>
-                <div class="space-y-4">
-                    <div class="flex items-center gap-2">
-                        <NTag 
-                            size="small"
-                            :color="{
-                                color: tagBgColor(matchLabel(levelList,level)?.color),
-                                textColor: tagTextColor(matchLabel(levelList,level)?.color),
-                                borderColor: tagBorderColor(matchLabel(levelList,level)?.color),
-                            }"
-                        >{{ matchLabel(levelList,level)?.label? matchLabel(levelList,level)?.label+'变更':'' }}</NTag>
-                        <span class="text-xs text-slate-400">合计得分 <b class="text-[#17407F]">{{ totalScore }}</b> 分（&lt;20 分为一般，≥20 分为重要）</span>
-                    </div>
-                    <NTable size="small">
-                        <thead>
-                            <tr class="border-b bg-slate-50">
-                                <th class="w-40">评估维度</th>
-                                <th class="w-20 !text-center">得分</th>
-                                <th>评分依据</th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <tr v-for="s in questions" :key="s.dim" class="border-b last:border-b-0">
-                                <td class="font-medium">{{ s.name }}</td>
-                                <td class="font-bold text-[#17407F] text-center">{{ s.score }}</td>
-                                <td class="text-xs leading-relaxed text-slate-600">{{ matchBasis(s.options,s.score) }}</td>
-                            </tr>
-                        </tbody>
-                    </NTable>
-                </div>
-            </NDrawerContent>
-        </NDrawer>
-        <!-- AI 审批辅助（右侧抽屉查看） -->
-        <NDrawer v-model:show="aiDrawer" :width="576" placement="right" :auto-focus="false">
-            <NDrawerContent closable>
-                <template #header>
-                    <span class="flex items-center gap-1.5 text-sm font-bold text-slate-700">
-                        <Icon icon="lucide:sparkles" class="size-16px text-violet-500 mr-1" />
-                        AI 审批辅助（抽屉式，正文全窗口阅读）
-                    </span>
-                </template>
-                <div class="space-y-4">
-                    <!-- AI 分析进度（异步任务轮询） -->
-                    <div v-if="aiAssistLoading" class="rounded-lg border border-violet-200 bg-violet-50 px-3 py-2.5 text-xs text-violet-700">
-                        <div class="flex items-center gap-2">
-                            <Icon icon="eos-icons:loading" class="size-14px" />
-                            <span>{{ aiAssistStep || 'AI 分析中…' }}（{{ aiAssistProgress }}%）</span>
-                        </div>
-                        <NProgress type="line" :percentage="aiAssistProgress" :show-indicator="false" class="mt-1.5" processing />
-                    </div>
-                    <!-- 合规警告条（强制合规项，不可关闭；闭环后转绿） -->
-                    <div 
-                        class="px-3 py-2.5 text-sm" 
-                        :class="mandClosed ? 'text-[var(--success-color)] bg-[var(--success-bg-color)]' : 'text-[var(--warning-color)] bg-[var(--warning-bg-color)]'"
-                        :style="{
-                            borderRadius:themeStore.themeRadius+'px',
-                            '--success-color':themeStore.otherColor.success, 
-                            '--success-bg-color':getColorWithOpacity(themeStore.otherColor.success,0.1),
-                            '--warning-color':themeStore.otherColor.warning,
-                            '--warning-bg-color':getColorWithOpacity(themeStore.otherColor.warning,0.1)
-                        }"
-                    >
-                        <div class="flex items-center gap-2">
-                            <Icon icon="proicons:alert-triangle" class="size-16px" />
-                            <span class="font-semibold">强制合规</span>
-                            <span class="ml-auto shrink-0">
-                                <NTag v-if="mandClosed" size="small" type="success">
-                                    <template #icon>
-                                        <Icon icon="lucide:shield-check" class="size-12px" />
-                                    </template>
-                                    已闭环
-                                </NTag>
-                                <NTag v-else size="small" type="warning">未闭环</NTag>
-                            </span>
-                        </div>
-                        <p class="mt-1 text-xs leading-relaxed">
-                            {{ mandText }}
-                        </p>
-                        <div v-if="!mandClosed" class="mt-1 text-right">
-                            <NButton text type="primary" class="text-xs" @click="confirmClose">确认闭环（留痕）</NButton>
-                        </div>
-                    </div>
-                    <!-- 变更冲突提示（同设备在途变更，可收起） -->
-                    <div 
-                        v-if="!conflictHide" 
-                        class="bg-[var(--bg-color)] px-3 py-2.5 text-sm text-[var(--theme-color)]"
-                        :style="{
-                            borderRadius:themeStore.themeRadius+'px',
-                            '--theme-color':themeStore.themeColor, 
-                            '--bg-color':getColorWithOpacity(themeStore.themeColor,0.1),
-                        }"
-                    >
-                        <div class="flex items-center gap-2">
-                            <Icon icon="lucide:bell" class="size-14px" />
-                            <span class="font-semibold">冲突提示</span>
-                            <NButton text type="primary" class="ml-auto shrink-0 text-xs" @click="conflictHide = true">知道了</NButton>
-                        </div>
-                        <p class="mt-1 text-xs leading-relaxed">
-                            {{ conflictText }}
-                        </p>
-                    </div>
-                    <!-- 属地影响摘要（仅属地负责人视角） -->
-                    <div v-if="role === 'dept'" class="border" :style="{borderRadius:themeStore.themeRadius+'px'}">
-                        <div class="flex items-center gap-2 border-b bg-slate-50/70 px-3 py-2">
-                            <Icon icon="lucide:sparkles" class="size-16px text-violet-500" />
-                            <span class="text-sm font-semibold text-slate-700">属地影响摘要</span>
-                            <span class="inline-flex items-center gap-1 rounded-full border border-violet-200 bg-violet-100 px-2 py-0.5 text-xs font-medium text-violet-700">
-                                ✨ AI 生成 · 需人工确认
-                            </span>
-                        </div>
-                        <div class="space-y-1.5 px-3 py-2.5 text-xs leading-relaxed text-slate-600">
-                            <p v-for="(r, i) in deptRows" :key="i"><b class="text-slate-700">{{ r.label }}</b>{{ r.text }}</p>
-                        </div>
-                    </div>
-                    <!-- 变更前后关键参数对比（变化标蓝 / 超限标红） -->
-                    <div 
-                        class="border" 
-                        :style="{
-                            borderRadius:themeStore.themeRadius+'px',
-                            '--error-color':themeStore.otherColor.error,
-                            '--theme-color':themeStore.themeColor
-                        }"
-                    >
-                        <div class="border-b bg-slate-50/70 px-3 py-2 text-xs font-semibold text-slate-600">
-                            关键参数对比（AI 提取） · <span class="font-bold text-[var(--theme-color)]">蓝=变化</span> · <span class="font-bold text-[var(--error-color)]">红=超限</span>
-                        </div>
-                        <div v-for="d in paramDiff" :key="d.k" class="border-b px-3 py-2 last:border-b-0">
-                            <div class="flex flex-wrap items-baseline gap-x-2 text-sm">
-                                <span class="w-24 shrink-0 text-xs text-slate-500">{{ d.k }}</span>
-                                <span class="text-xs text-slate-400">{{ d.before }}</span>
-                                <span class="text-slate-300">→</span>
-                                <span 
-                                class="text-sm font-semibold" 
-                                :class="d.over ? 'text-[var(--error-color)]' : 'text-[var(--theme-color)]'"
-                                >{{ d.after }}</span>
-                                <NTag v-if="d.over" size="small" type="error">超限</NTag>
-                            </div>
-                            <div 
-                                class="mt-0.5 text-[11px] leading-snug" 
-                                :class="d.over ? 'text-[var(--error-color)]' : 'text-slate-400'" 
-                            >{{ d.note }}</div>
-                        </div>
-                    </div>
-                    <!-- AI 审批建议（版本冻结 · 建议分级 · 已阅留痕 · 无感审计） -->
-                    <div 
-                        class="border"
-                        :style="{
-                            borderRadius:themeStore.themeRadius+'px',
-                            '--error-color':themeStore.otherColor.error,
-                            '--theme-color':themeStore.themeColor,
-                            '--warning-color':themeStore.otherColor.warning,
-                        }"
-                    >
-                        <div class="flex flex-wrap items-center gap-2 border-b bg-slate-50/70 px-3 py-2">
-                            <Icon icon="lucide:sparkles" class="size-14px text-violet-500" />
-                            <span class="text-sm font-semibold text-slate-700">AI 审批建议</span>
-                            <span class="inline-flex items-center gap-1 rounded-full border border-violet-200 bg-violet-100 px-2 py-0.5 text-xs font-medium text-violet-700">
-                                ✨ AI 生成 · 需人工确认
-                            </span>
-                            <NTag size="small">基于提交版本 V1 一次性分析 · 版本冻结</NTag>
-                            <div class="ml-auto">
-                                <NTag v-if="aiRead" size="small" type="success">✓ {{ roleName }} 已阅 AI 建议（已留痕）</NTag>
-                                <NButton v-else size="small" class="text-xs" @click="readSuggest">已阅 AI 建议</NButton>
-                            </div>
-                        </div>
-                        <div class="space-y-3 p-3">
-                            <!-- 强制合规项 -->
-                            <div class="mb-1 flex items-center gap-1.5 text-xs font-semibold text-[var(--error-color)]"><span class="inline-block h-2 w-2 rounded-full bg-[var(--error-color)]" /> 强制合规项（驳回前必须处理，否则无法通过）</div>
-                            <div class="flex flex-wrap items-center gap-2 rounded-lg border border-red-100 bg-red-50/50 px-3 py-2 text-sm">
-                                <span class="min-w-0 flex-1 text-slate-700">{{ mandItem }}</span>
-                                <NTag v-if="mandClosed" size="small" type="success">已闭环</NTag>
-                                <NTag v-else size="small" type="warning">未闭环</NTag>
-                            </div>
-                            <!-- 推荐改进项 -->
-                            <div>
-                            <div class="mb-1 flex items-center gap-1.5 text-xs font-semibold text-[var(--warning-color)]"><span class="inline-block h-2 w-2 rounded-full bg-[var(--warning-color)]" /> 推荐改进项（可采纳为行动项，可忽略但须填理由）</div>
-                            <div class="space-y-1.5">
-                                <div v-for="s in suggs" :key="s.id" class="rounded-lg border px-3 py-2 text-sm">
-                                <div class="leading-relaxed text-slate-700">{{ s.text }}</div>
-                                <div class="mt-1.5">
-                                    <div v-if="s.st === '待定'" class="flex gap-3">
-                                        <NButton text type="success" class="text-xs hover:underline"
-                                            @click="acceptSuggest(s)">
-                                            采纳为行动项
-                                        </NButton>
-                                        <NButton text class="text-xs hover:underline"
-                                            @click="rejectSuggest(s)">
-                                            已知悉，不采纳
-                                        </NButton>
-                                    </div>
-                                    <NTag v-else-if="s.st === '已采纳'" size="small" type="success">已采纳 → 已生成 PSSR 行动项</NTag>
-                                    <NTag v-else size="small" type="default">已知悉不采纳（理由已留痕）</NTag>
-                                </div>
-                                </div>
-                            </div>
-                            </div>
-                            <!-- 参考信息 -->
-                            <div>
-                            <div class="mb-1 flex items-center gap-1.5 text-xs font-semibold text-[var(--theme-color)]"><span class="inline-block h-2 w-2 rounded-full bg-[var(--theme-color)]" /> 参考信息（纯参考，无强制力）</div>
-                                <div class="space-y-1.5">
-                                    <div class="flex flex-wrap items-center gap-2 rounded-lg border border-[#DFE9F6] bg-[#EAF0F9]/60 px-3 py-2 text-sm">
-                                        <span class="min-w-0 flex-1 text-slate-700">{{ similarText }}</span>
-                                        <NButton text type="primary" class="hover:underline text-xs" @click="viewArchive('MOC-2025-0112')">查看归档包</NButton>
-                                    </div>
-                                    <div class="rounded-lg border border-[#DFE9F6] bg-[#EAF0F9]/60 px-3 py-2 text-sm text-slate-700">
-                                    {{ experienceText }}
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="rounded-lg bg-slate-50 px-3 py-2 text-[11px] leading-5 text-slate-400">
-                                查看、采纳、已阅等操作均由后台自动记录（无感审计），供内审追溯；AI 建议不强制采纳，决策主导权在审批人。驳回重新提交后，AI 将对新版本重新分析一次。
-                            </div>
-                        </div>
-                    </div>
-
-                </div>
-            </NDrawerContent>
-        </NDrawer>
-        <!-- 附件在线预览弹窗 -->
-        <NModal
-            v-model:show="previewModal"
-            preset="card"
-            :auto-focus="false"
-            :style="{ width: '80%', height: 'auto' }"
-            :segmented="{ content: true, footer: true }"
-        >
-            <template #header>
-                <div class="flex items-center gap-2 text-base font-semibold text-slate-800">
-                <Icon icon="akar-icons:file" class="size-18px" /> {{ previewFile?.file_name }}
-                </div>
-            </template>
-            <template #default>
-                <div class="space-y-3">
-                    <div class="flex flex-wrap gap-x-4 gap-y-1 text-xs text-slate-400">
-                        <span>上传人：{{ previewFile?.uploader_name }}</span>
-                        <span>上传时间：{{ previewFile?.created_at }}</span>
-                        <span v-if="previewFile?.version">{{ `版本：${previewFile?.version}（受控）` }}</span>
-                    </div>
-                    <previewComponent v-if="previewFile" :previewFile="previewFile" />
-                </div>
-            </template>
-        </NModal>
-        <!-- 驳回弹框 -->
-        <NModal
-            v-model:show="rejectModal"
-            preset="card"
-            :auto-focus="false"
-            :style="{ width: '450px', height: 'auto' }"
-            :segmented="{ content: true, footer: true }"
-        >
-            <template #header>
-                <h3 class="text-sm font-bold text-slate-800">驳回变更申请</h3>
-            </template>
-            <template #default>
-                <p class="text-xs leading-5 text-slate-500">
-                    快捷批注模板（点选填入，可叠加，仍可手动修改）
-                </p>
-                <div class="flex flex-wrap gap-2 mt-1">
-                    <NTag v-for="item in rejectQuick" :key="item" class="cursor-pointer" size="small" type="error" @click="rejectReason += item + '；'">{{ item }}</NTag>
-                </div>
-                <NInput
-                    class="mt-3"
-                    v-model:value="rejectReason"
-                    type="textarea"
-                    :autosize="{ minRows: 3 }"
-                    placeholder="驳回意见（必填），将退回至申请人/指定节点…"
-                />
-            </template>
-            <template #footer>
-                <div class="flex justify-end gap-[10px]">
-                    <NButton size="small" @click="rejectModal = false">取消</NButton>
-                    <NButton size="small" type="primary" :loading="rejectSaving" @click="rejectSave">确定</NButton>
-                </div>
-            </template>
-        </NModal>
+          </div>
+        </NDrawerContent>
+      </NDrawer>
+      <!-- 附件在线预览弹窗 -->
+      <NModal
+        v-model:show="previewModal"
+        preset="card"
+        :auto-focus="false"
+        :style="{ width: '80%', height: 'auto' }"
+        :segmented="{ content: true, footer: true }"
+      >
+        <template #header>
+          <div class="flex items-center gap-2 text-base font-semibold text-slate-800">
+            <Icon icon="akar-icons:file" class="size-18px" /> {{ previewFile?.file_name }}
+          </div>
+        </template>
+        <template #default>
+          <div class="space-y-3">
+            <div class="flex flex-wrap gap-x-4 gap-y-1 text-xs text-slate-400">
+              <span>上传人：{{ previewFile?.uploader_name }}</span>
+              <span>上传时间：{{ previewFile?.created_at }}</span>
+              <span v-if="previewFile?.version">{{ `版本：${previewFile?.version}（受控）` }}</span>
+            </div>
+            <PreviewComponent v-if="previewFile" :preview-file="previewFile" />
+          </div>
+        </template>
+      </NModal>
+      <!-- 驳回弹框 -->
+      <NModal
+        v-model:show="rejectModal"
+        preset="card"
+        :auto-focus="false"
+        :style="{ width: '450px', height: 'auto' }"
+        :segmented="{ content: true, footer: true }"
+      >
+        <template #header>
+          <h3 class="text-sm font-bold text-slate-800">驳回变更申请</h3>
+        </template>
+        <template #default>
+          <p class="text-xs leading-5 text-slate-500">
+            快捷批注模板（点选填入，可叠加，仍可手动修改）
+          </p>
+          <div class="flex flex-wrap gap-2 mt-1">
+            <NTag v-for="item in rejectQuick" :key="item" class="cursor-pointer" size="small" type="error" @click="rejectReason += item + '；'">{{ item }}</NTag>
+          </div>
+          <NInput
+            v-model:value="rejectReason"
+            class="mt-3"
+            type="textarea"
+            :autosize="{ minRows: 3 }"
+            placeholder="驳回意见（必填），将退回至申请人/指定节点…"
+          />
+        </template>
+        <template #footer>
+          <div class="flex justify-end gap-[10px]">
+            <NButton size="small" @click="rejectModal = false">取消</NButton>
+            <NButton size="small" type="primary" :loading="rejectSaving" @click="rejectSave">确定</NButton>
+          </div>
+        </template>
+      </NModal>
     </NSpin>
-</NSpace>
+  </NSpace>
 </template>
 
 <style scoped lang="scss">
diff --git a/src/views/details/disposal/index.vue b/src/views/details/disposal/index.vue
index 521b5d6..e2613e9 100644
--- a/src/views/details/disposal/index.vue
+++ b/src/views/details/disposal/index.vue
@@ -16,7 +16,7 @@ const { routerPushByKey } = useRouterPush();
 const route = useRoute();
 
 const loading = ref<boolean>(false);
-// 所有人员列表 
+// 所有人员列表
 const memberList = ref<any[]>([]);
 // 判定说明
 const typeAiLoading = ref<boolean>(false);
@@ -101,7 +101,7 @@ const previewModal = ref<boolean>(false);
 const questions = ref<any>([
   {
     question_id: 1,
-    name: "1. 设备影响", 
+    name: "1. 设备影响",
     note: "不合适的材质将会导致",
     score: 0,
     options: [
@@ -113,7 +113,7 @@ const questions = ref<any>([
   },
   {
     question_id: 2,
-    name: "2. 财务影响", 
+    name: "2. 财务影响",
     note: "工艺设计错误将会导致",
     score: 0,
     options: [
@@ -125,7 +125,7 @@ const questions = ref<any>([
   },
   {
     question_id: 3,
-    name: "3. 质量影响", 
+    name: "3. 质量影响",
     note: "",
     score: 0,
     options: [
@@ -137,7 +137,7 @@ const questions = ref<any>([
   },
   {
     question_id: 4,
-    name: "4. 设计的复杂程度", 
+    name: "4. 设计的复杂程度",
     note: "工艺设计包含了",
     score: 0,
     options: [
@@ -149,7 +149,7 @@ const questions = ref<any>([
   },
   {
     question_id: 5,
-    name: "5. 工艺设计的成熟度", 
+    name: "5. 工艺设计的成熟度",
     note: "",
     score: 0,
     options: [
@@ -161,7 +161,7 @@ const questions = ref<any>([
   },
   {
     question_id: 6,
-    name: "6. 工艺危害", 
+    name: "6. 工艺危害",
     note: "物料性质和工艺条件",
     score: 0,
     options: [
@@ -376,7 +376,7 @@ const getDetail = async () => {
             flowList.value = data?.disposal_approval_flow?.steps || [];
             steps.value = data?.disposal_approval_flow?.steps || [];
         }else{
-            let template = templateList.value.find((item: any) =>
+            const template = templateList.value.find((item: any) =>
                 item.level === data?.apply_form?.change_level &&
                 item.category === data?.apply_form?.change_type &&
                 item.duration === data?.apply_form?.duration_type
@@ -386,7 +386,7 @@ const getDetail = async () => {
                 steps.value = template?.steps || [];
             }
         }
-        
+
         // ******解析 PSSR 检查内容********
         const map = new Map();
         for (const item of currentInfo.value?.pssr?.items) {
@@ -553,11 +553,11 @@ const togglePicker = (s: any) => {
 // 添加审批步骤人员
 const addMember = (s: any, v: string | null) => {
   if (v && !s.members.some((m:any) => m.user_name === v)){
-    let info = findUserInTree(memberList.value, v);
+    const info = findUserInTree(memberList.value, v);
     s.members.push({ user_id: Number(v), user_name: info?.user_name || '', org_id: info?.org_id || '', org_name: info?.org_name || '', specialty: "", is_sign: 0 });
     pick.value = null;
     pickerStepId.value = null;
-  } 
+  }
 }
 // 删除审批步骤人员
 const delMember = (s: any, p: number) => {
@@ -636,621 +636,642 @@ onMounted(async () => {
 </script>
 
 <template>
-<NSpace vertical :size="16">
-<!-- 处置申请详情 -->
-<NSpin :show="loading" size="small">
-    <!-- 顶部 -->
-    <div 
+  <NSpace vertical :size="16">
+    <!-- 处置申请详情 -->
+    <NSpin :show="loading" size="small">
+      <!-- 顶部 -->
+      <div
         class="flex flex-wrap items-center gap-3 px-3 py-2 mb-3 bg-[#fff]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
-    >
+      >
         <NButton ghost type="primary" @click="back">
-            <Icon icon="ep:back" class="size-16px mr-1" />返回
+          <Icon icon="ep:back" class="size-16px mr-1" />返回
         </NButton>
         <div class="min-w-0 flex-1 truncate text-base font-bold text-slate-800">{{ currentInfo?.title }}</div>
         <NTag size="small" type="info" class="font-mono text-xs">编号：{{ currentInfo?.change_no }}</NTag>
-    </div>
-    <!-- 主体 -->
-    <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
+      </div>
+      <!-- 主体 -->
+      <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
         <!-- 左侧 -->
         <NGi span="24 s:24 m:24 l:16">
-            <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
-                <div class="flex items-center flex-wrap pb-2.5 mb-3 border-b">
-                    <span class="text-slate-800 font-600 text-sm">变更全部信息</span>
-                    <p class="text-slate-400 text-xs ml-1 mt-1px">审批人视角 · 只读参考，本次操作以子单 / 单据形式关联，不回改原单</p>
+          <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+            <div class="flex items-center flex-wrap pb-2.5 mb-3 border-b">
+              <span class="text-slate-800 font-600 text-sm">变更全部信息</span>
+              <p class="text-slate-400 text-xs ml-1 mt-1px">审批人视角 · 只读参考，本次操作以子单 / 单据形式关联，不回改原单</p>
+            </div>
+            <div class="space-y-3 left-scroll">
+              <!-- 变更申请表 -->
+              <div class="flex items-center justify-between">
+                <p
+                  class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
+                  :style="{'--theme-color': themeStore.themeColor}"
+                >
+                  变更申请表
+                </p>
+                <NButton ghost size="small" class="text-xs" @click="exportFile('change')"><Icon icon="material-symbols:download" class="size-16px" />导出变更申请表</NButton>
+              </div>
+              <div
+                class="border border-slate-200"
+                :style="{ borderRadius: themeStore.themeRadius + 'px' }"
+              >
+                <div class="grid border-b grid-cols-[100px_1fr_100px_1fr]">
+                  <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更发起人</p>
+                  <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.applicant_name }}</div>
+                  <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">申请单位</p>
+                  <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.org_name }}</div>
                 </div>
-                <div class="space-y-3 left-scroll">
-                    <!-- 变更申请表 -->
-                    <div class="flex items-center justify-between">
-                        <p 
-                            class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
-                            :style="{'--theme-color': themeStore.themeColor}"
-                        >变更申请表</p>
-                        <NButton ghost size="small" class="text-xs" @click="exportFile('change')"><Icon icon="material-symbols:download" class="size-16px" />导出变更申请表</NButton>
-                    </div>
-                    <div
-                        class="border border-slate-200"
-                        :style="{ borderRadius: themeStore.themeRadius + 'px' }"
-                    >
-                        <div class="grid border-b grid-cols-[100px_1fr_100px_1fr]">
-                            <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更发起人</p>
-                            <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.applicant_name }}</div>
-                            <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">申请单位</p>
-                            <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.org_name }}</div>
-                        </div>
-                        <div class="grid border-b grid-cols-[100px_1fr_100px_1fr]">
-                            <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">发起日期</p>
-                            <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.created_at?.slice(0,10) }}</div>
-                            <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">计划投用日期</p>
-                            <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.plan_use_date?.slice(0,10) }}</div>
-                        </div>
-                        <div class="grid border-b grid-cols-[100px_1fr_100px_1fr]">
-                            <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更时限</p>
-                            <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.duration_type === 1 ? '永久变更' : '临时变更' }}</div>
-                            <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">紧急</p>
-                            <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.urgent === 1 ? '是' : '否' }}</div>
-                        </div>
-                        <div class="grid border-b grid-cols-[100px_1fr_100px_1fr]">
-                            <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更等级</p>
-                            <div class="flex items-center flex-wrap gap-2 px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                                <NRadioGroup v-model:value="level">
-                                    <NRadio v-for="item in levelList" :key="item.value" :value="item.value" :disabled="true">{{item.label}}</NRadio>
-                                </NRadioGroup>
-                                <NTag type="error" size="small">合计 {{totalScore}} 分</NTag>
-                                <NButton ghost type="warning" size="small" round class="text-xs" @click="levelDrawer = true">
-                                    <Icon icon="lucide:eye" class="size-12px mr-1" />查看等级判定
-                                </NButton>
-                            </div>
-                            <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更类别</p>
-                            <div class="flex items-center gap-2 px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                                {{matchLabel(typeList,currentInfo?.apply_form?.change_type)?.label}} 
-                                <NButton v-if="isAiOn" ghost type="primary" size="small" round class="text-xs" @click="openTypeSheet">
-                                    <Icon icon="lucide:sparkles" class="size-12px mr-1" />判定说明
-                                </NButton>
-                            </div>
-                        </div>
-                        <div class="grid border-b grid-cols-[100px_1fr]">
-                            <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更目的</p>
-                            <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                                {{currentInfo?.apply_form?.purposes?.join('、')}}
-                            </div>
-                        </div>
-                        <div class="grid border-b grid-cols-[100px_1fr]">
-                            <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">预期效果</p>
-                            <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                                {{currentInfo?.apply_form?.effect}}
-                            </div>
-                        </div>
-                        <div class="grid border-b grid-cols-[100px_1fr]">
-                            <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">主要变更</p>
-                            <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                                <p v-for="(main,mIndex) in currentInfo?.apply_form?.main_changes" :key="mIndex">{{Number(mIndex)+1}}.{{main}}</p>
-                            </div>
-                        </div>
-                        <div class="grid border-b grid-cols-[100px_1fr]">
-                            <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">连带变更</p>
-                            <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                                <p v-for="(related,rIndex) in currentInfo?.apply_form?.related_changes" :key="rIndex">{{Number(rIndex)+1}}.{{related}}</p>
-                            </div>
-                        </div>
-                        <div class="grid border-b grid-cols-[100px_1fr]">
-                            <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">风险评估方法</p>
-                            <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                                {{currentInfo?.apply_form?.risk_tools?.join('、')}}
-                            </div>
-                        </div>
-                        <div class="grid border-b grid-cols-[100px_1fr]">
-                            <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">所需材料</p>
-                            <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                                {{currentInfo?.apply_form?.materials}}
-                            </div>
-                        </div>
-                        <div class="grid border-b grid-cols-[100px_1fr]">
-                            <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">需更新资料</p>
-                            <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                                {{currentInfo?.apply_form?.update_docs?.join('、')}}
-                            </div>
-                        </div>
-                        <div class="grid grid-cols-[100px_1fr]">
-                            <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">涉及专业</p>
-                            <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                                {{currentInfo?.apply_form?.disciplines?.join('、')}}
-                            </div>
-                        </div>
-                    </div>
-                    <!-- 变更附带资料 -->
-                    <div class="flex items-center justify-between">
-                        <p 
-                            class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
-                            :style="{'--theme-color': themeStore.themeColor}"
-                        >变更附带资料</p>
-                        <NButton ghost size="small" class="text-xs" @click="downloadFile(null)"><Icon icon="material-symbols:download" class="size-16px" />一键下载</NButton>
-                    </div>
-                    <NTable size="small">
-                        <thead>
-                        <tr>
-                            <th class="w-60px !text-center">序号</th>
-                            <th>文件名</th>
-                            <th class="w-100px !text-center">类型</th>
-                            <th class="w-100px !text-center">文件大小</th>
-                            <th class="w-120px !text-center">上传时间</th>
-                            <th class="w-120px !text-center">上传阶段</th>
-                            <th class="w-90px !text-center">操作</th>
-                        </tr>
-                        </thead>
-                        <tbody>
-                        <tr v-for="(doc,dIndex) in currentInfo?.apply_form?.attachments" :key="dIndex">
-                            <td class="text-center">1</td>
-                            <td>{{doc.file_name}}</td>
-                            <td class="text-center text-xs">{{doc?.file_type}}</td>
-                            <td class="text-center text-xs">{{doc?.file_size}}</td>
-                            <td class="text-center text-xs">{{doc?.created_at?.slice(0,16)}}</td>
-                            <td class="text-center text-xs">
-                                <span v-if="doc?.step_no===1">变更申请表</span>
-                            </td>
-                            <td>
-                                <div class="flex items-center justify-center gap-2">
-                                    <NButton text type="primary" class="text-xs" @click="openPreview(doc)">预览</NButton>
-                                    <NButton text type="primary" class="text-xs" @click="downloadFile(doc)">下载</NButton>
-                                </div>
-                            </td>
-                        </tr>
-                        </tbody>
-                    </NTable>
-                    
-                    <!-- 风险分析记录表 -->
-                    <div class="flex items-center justify-between">
-                        <p 
-                            class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
-                            :style="{'--theme-color': themeStore.themeColor}"
-                        >风险分析记录表</p>
-                        <NButton ghost size="small" class="text-xs" @click="exportFile('risk')"><Icon icon="material-symbols:download" class="size-16px" />导出风险分析记录表</NButton>
-                    </div>
-                    <NTable size="small">
-                        <thead>
-                            <tr>
-                                <th class="w-60px !text-center">序号</th>
-                                <th>风险项</th>
-                                <th>场景描述</th>
-                                <th class="w-80px !text-center">固有风险</th>
-                                <th>现有措施</th>
-                                <th>建议措施</th>
-                                <th class="w-80px !text-center">剩余风险</th>
-                                <th class="w-100px !text-center">来源</th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <tr v-for="(risk,index) in currentInfo?.risk_records?.records" :key="index">
-                                <td class="text-center">{{Number(index)+1}}</td>
-                                <td>{{risk.item}}</td>
-                                <td>{{risk.scene}}</td>
-                                <td class="text-center">{{risk.inherent_level}}</td>
-                                <td>{{risk.safeguards}}</td>
-                                <td>{{risk.suggestions}}</td>
-                                <td class="text-center">{{risk.residual_level}}</td>
-                                <td class="text-center">
-                                    <NTag size="small" type="info" class="text-11px">{{ risk.source==='RISK'?'风险预分析':risk.source==='RISK_CHECK'?'风险检查': risk.source  }}</NTag>
-                                </td>
-                            </tr>
-                        </tbody>
-                    </NTable>
-    
-                    <!-- 变更培训内容 -->
-                    <div>
-                        <div class="flex items-center gap-2 mb-1.5">
-                            <Icon icon="lucide:graduation-cap" class="size-16px text-violet-500" />
-                            <span class="text-sm font-semibold text-slate-700">变更培训内容</span>
-                        </div>
-                        <div class="space-y-2.5 border p-3" :style="{borderRadius: themeStore.themeRadius + 'px'}">
-                            <p>{{currentInfo?.train?.content}}</p>
-                        </div>
-                    </div>
-                    <!-- PSSR 检查内容 -->
-                    <div>
-                        <div class="flex items-center gap-2 mb-1.5">
-                            <Icon icon="lucide:list-checks" class="size-16px text-violet-500" /> 
-                            <span class="text-sm font-semibold text-slate-700">PSSR 检查内容</span>
-                        </div>
-                        <div class="space-y-2.5 border p-3" :style="{borderRadius: themeStore.themeRadius + 'px'}">
-                            <div v-for="(pssr,index) in pssrList" class="border" :key="index" :style="{borderRadius: themeStore.themeRadius + 'px'}">
-                                <div class="bg-slate-100 px-3 py-1.6 font-medium text-slate-600">{{pssr.g}}</div>
-                                <div v-for="item in pssr.items" :key="item.id" class="flex items-center border-t px-3 py-1.6">
-                                    <p class="flex-1">{{item.content}}</p>
-                                    <NTag v-if="item.phase===1" size="small" type="info">投用前完成</NTag>
-                                    <NTag v-else size="small" type="info">关闭前完成</NTag>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <!-- 验收评价 -->
-                    <div>
-                        <div class="flex items-center gap-2 mb-1.5">
-                            <Icon icon="ix:success" class="size-16px text-emerald-500" />
-                            <span class="text-sm font-semibold text-slate-700">验收评价</span>
-                        </div>
-                        <div class="border p-3" :style="{borderRadius: themeStore.themeRadius + 'px'}">
-                            <NTable size="small">
-                                <thead>
-                                    <tr>
-                                        <th class="w-56">验收项目</th>
-                                        <th>量化验收标准</th>
-                                        <th>验收方式</th>
-                                        <th class="w-46 !text-center">组织层级</th>
-                                    </tr>
-                                </thead>
-                                <tbody>
-                                    <tr v-for="(accept,index) in acceptList" :key="index">
-                                        <td class="text-xs">{{accept.item}}</td>
-                                        <td class="text-xs">{{accept.standard}}</td>
-                                        <td class="text-xs">{{accept.method}}</td>
-                                        <td class="text-xs text-center">{{accept.org_name}}</td>
-                                    </tr>
-                                </tbody>
-                            </NTable>
-                        </div>
-                    </div>
-                    <!-- 审批记录 -->
-                    <div class="flex items-center justify-between">
-                        <p 
-                            class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
-                            :style="{'--theme-color': themeStore.themeColor}"
-                        >审批记录</p>
-                    </div>
-                    <NTable size="small">
-                        <thead>
-                            <tr>
-                                <th class="w-120px">流程阶段</th>
-                                <th class="w-120px">操作人</th>
-                                <th class="w-140px !text-center">操作时间</th>
-                                <th>操作内容和意见</th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <tr v-for="(record,index) in currentInfo?.approval_records" :key="index">
-                                <td class="text-xs">{{record.action}}</td>
-                                <td class="text-xs">{{record.user_name}}</td>
-                                <td class="text-center text-xs">{{record.updated_at?.slice(0,16)}}</td>
-                                <td class="text-xs">{{record.remark}}</td>
-                            </tr>
-                        </tbody>
-                    </NTable>
-    
-                    <!-- 审批流程进度 -->
-                    <div class="space-y-2">
-                        <div class="text-sm font-semibold">审批流程{{ matchLabel(levelList,level)?.label? '（'+matchLabel(levelList,level)?.label+'变更）':'' }}</div>
-                        <div class="flex flex-wrap items-center gap-1">
-                            <template v-for="(n, i) in currentInfo?.approval_flow?.steps" :key="n.name">
-                                <div class="flex items-center gap-1">
-                                    <Icon v-if="i !== 0" icon="formkit:right" class="size-14px text-slate-300" />
-                                    <div class="rounded-lg border px-3 py-2 text-center"
-                                    :class="n.status === 'PASSED' ? 'border-emerald-300 bg-emerald-50' : n.status === 'PENDING' ? 'border-amber-400 bg-amber-50' : n.status === 'REJECTED' ? 'border-red-300 bg-red-50' :'border-amber-400 bg-amber-50'">
-                                        <p class="text-xs font-medium">
-                                            {{ n.name }}
-                                        </p>
-                                        <div class="flex items-center justify-center gap-1">
-                                            <span v-for="member in n.members" :key="member.id" class="text-xs text-slate-500">{{ member.user_name }}</span>
-                                        </div>
-                                    </div>
-                                </div>
-                            </template>
-                        </div>
-                        <div v-if="allMembers?.length" class="rounded-lg border border-amber-200 bg-amber-50/60 p-3">
-                            <div class="mb-2 flex flex-wrap items-center gap-2 text-xs font-semibold text-amber-700">
-                                会签进度（全体通过方可流转）
-                                <span class="font-normal text-amber-600">
-                                    {{ allMembers.filter((m) => m.status === 'PASSED').length }}/{{ allMembers.length }} 已签
-                                </span>
-                            </div>
-                            <div class="flex flex-wrap items-center gap-2">
-                            <span v-for="m in allMembers" :key="m.id" class="flex items-center gap-1">
-                                <NTag size="small" :type="m.status === 'PASSED' ? 'success' : m.status === 'REJECTED' ? 'error' : 'default'">
-                                    <template #icon>
-                                        <Icon v-if="m.status === 'PASSED'" icon="ix:success" class="size-14px" />
-                                        <Icon v-if="m.status === 'PENDING'" icon="ant-design:clock-circle-outlined" class="size-12px text-slate-400" />
-                                        <Icon v-if="m.status === 'REJECTED'" icon="ix:close" class="size-12px" />
-                                    </template>
-                                    {{ m.user_name }}
-                                </NTag>
-                                <div v-if="m.status === 'PENDING'"
-                                    class="cursor-pointer inline-flex h-6 items-center gap-1 rounded-md border border-amber-300 bg-white px-2 text-[11px] text-amber-700 transition hover:bg-amber-100"
-                                    @click="handleReminder(m)"
-                                >
-                                    <Icon icon="lucide:bell" class="size-12px" /> 催办
-                                </div>
-                            </span>
-                            </div>
-                        </div>
-                    </div>
-    
+                <div class="grid border-b grid-cols-[100px_1fr_100px_1fr]">
+                  <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">发起日期</p>
+                  <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.created_at?.slice(0,10) }}</div>
+                  <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">计划投用日期</p>
+                  <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.plan_use_date?.slice(0,10) }}</div>
                 </div>
-            </NCard>
+                <div class="grid border-b grid-cols-[100px_1fr_100px_1fr]">
+                  <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更时限</p>
+                  <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.duration_type === 1 ? '永久变更' : '临时变更' }}</div>
+                  <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">紧急</p>
+                  <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.urgent === 1 ? '是' : '否' }}</div>
+                </div>
+                <div class="grid border-b grid-cols-[100px_1fr_100px_1fr]">
+                  <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更等级</p>
+                  <div class="flex items-center flex-wrap gap-2 px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                    <NRadioGroup v-model:value="level">
+                      <NRadio v-for="item in levelList" :key="item.value" :value="item.value" :disabled="true">{{ item.label }}</NRadio>
+                    </NRadioGroup>
+                    <NTag type="error" size="small">合计 {{ totalScore }} 分</NTag>
+                    <NButton ghost type="warning" size="small" round class="text-xs" @click="levelDrawer = true">
+                      <Icon icon="lucide:eye" class="size-12px mr-1" />查看等级判定
+                    </NButton>
+                  </div>
+                  <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更类别</p>
+                  <div class="flex items-center gap-2 px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                    {{ matchLabel(typeList,currentInfo?.apply_form?.change_type)?.label }}
+                    <NButton v-if="isAiOn" ghost type="primary" size="small" round class="text-xs" @click="openTypeSheet">
+                      <Icon icon="lucide:sparkles" class="size-12px mr-1" />判定说明
+                    </NButton>
+                  </div>
+                </div>
+                <div class="grid border-b grid-cols-[100px_1fr]">
+                  <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更目的</p>
+                  <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                    {{ currentInfo?.apply_form?.purposes?.join('、') }}
+                  </div>
+                </div>
+                <div class="grid border-b grid-cols-[100px_1fr]">
+                  <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">预期效果</p>
+                  <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                    {{ currentInfo?.apply_form?.effect }}
+                  </div>
+                </div>
+                <div class="grid border-b grid-cols-[100px_1fr]">
+                  <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">主要变更</p>
+                  <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                    <p v-for="(main,mIndex) in currentInfo?.apply_form?.main_changes" :key="mIndex">{{ Number(mIndex)+1 }}.{{ main }}</p>
+                  </div>
+                </div>
+                <div class="grid border-b grid-cols-[100px_1fr]">
+                  <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">连带变更</p>
+                  <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                    <p v-for="(related,rIndex) in currentInfo?.apply_form?.related_changes" :key="rIndex">{{ Number(rIndex)+1 }}.{{ related }}</p>
+                  </div>
+                </div>
+                <div class="grid border-b grid-cols-[100px_1fr]">
+                  <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">风险评估方法</p>
+                  <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                    <template v-for="(item,index) in currentInfo?.apply_form?.risk_tools" :key="index">
+                      <span v-if="index!==0">、</span>
+                      <span v-if="item==='RISK'">风险预分析</span>
+                      <span v-else-if="item==='RISK_CHECK'">风险检查表</span>
+                      <span v-else>{{ item }}</span>
+                    </template>
+                  </div>
+                </div>
+                <div class="grid border-b grid-cols-[100px_1fr]">
+                  <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">所需材料</p>
+                  <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                    {{ currentInfo?.apply_form?.materials }}
+                  </div>
+                </div>
+                <div class="grid border-b grid-cols-[100px_1fr]">
+                  <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">需更新资料</p>
+                  <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                    {{ currentInfo?.apply_form?.update_docs?.join('、') }}
+                  </div>
+                </div>
+                <div class="grid grid-cols-[100px_1fr]">
+                  <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">涉及专业</p>
+                  <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                    {{ currentInfo?.apply_form?.disciplines?.join('、') }}
+                  </div>
+                </div>
+              </div>
+              <!-- 变更附带资料 -->
+              <div class="flex items-center justify-between">
+                <p
+                  class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
+                  :style="{'--theme-color': themeStore.themeColor}"
+                >
+                  变更附带资料
+                </p>
+                <NButton ghost size="small" class="text-xs" @click="downloadFile(null)"><Icon icon="material-symbols:download" class="size-16px" />一键下载</NButton>
+              </div>
+              <NTable size="small">
+                <thead>
+                  <tr>
+                    <th class="w-60px !text-center">序号</th>
+                    <th>文件名</th>
+                    <th class="w-100px !text-center">类型</th>
+                    <th class="w-100px !text-center">文件大小</th>
+                    <th class="w-120px !text-center">上传时间</th>
+                    <th class="w-120px !text-center">上传阶段</th>
+                    <th class="w-90px !text-center">操作</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr v-for="(doc,dIndex) in currentInfo?.apply_form?.attachments" :key="dIndex">
+                    <td class="text-center">1</td>
+                    <td>{{ doc.file_name }}</td>
+                    <td class="text-center text-xs">{{ doc?.file_type }}</td>
+                    <td class="text-center text-xs">{{ doc?.file_size }}</td>
+                    <td class="text-center text-xs">{{ doc?.created_at?.slice(0,16) }}</td>
+                    <td class="text-center text-xs">
+                      <span v-if="doc?.step_no===1">变更申请表</span>
+                    </td>
+                    <td>
+                      <div class="flex items-center justify-center gap-2">
+                        <NButton text type="primary" class="text-xs" @click="openPreview(doc)">预览</NButton>
+                        <NButton text type="primary" class="text-xs" @click="downloadFile(doc)">下载</NButton>
+                      </div>
+                    </td>
+                  </tr>
+                </tbody>
+              </NTable>
+
+              <!-- 风险分析记录表 -->
+              <div class="flex items-center justify-between">
+                <p
+                  class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
+                  :style="{'--theme-color': themeStore.themeColor}"
+                >
+                  风险分析记录表
+                </p>
+                <NButton ghost size="small" class="text-xs" @click="exportFile('risk')"><Icon icon="material-symbols:download" class="size-16px" />导出风险分析记录表</NButton>
+              </div>
+              <NTable size="small">
+                <thead>
+                  <tr>
+                    <th class="w-60px !text-center">序号</th>
+                    <th>风险项</th>
+                    <th>场景描述</th>
+                    <th class="w-80px !text-center">固有风险</th>
+                    <th>现有措施</th>
+                    <th>建议措施</th>
+                    <th class="w-80px !text-center">剩余风险</th>
+                    <th class="w-100px !text-center">来源</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr v-for="(risk,index) in currentInfo?.risk_records?.records" :key="index">
+                    <td class="text-center">{{ Number(index)+1 }}</td>
+                    <td>{{ risk.item }}</td>
+                    <td>{{ risk.scene }}</td>
+                    <td class="text-center">{{ risk.inherent_level }}</td>
+                    <td>{{ risk.safeguards }}</td>
+                    <td>{{ risk.suggestions }}</td>
+                    <td class="text-center">{{ risk.residual_level }}</td>
+                    <td class="text-center">
+                      <NTag size="small" type="info" class="text-11px">{{ risk.source==='RISK'?'风险预分析':risk.source==='RISK_CHECK'?'风险检查': risk.source }}</NTag>
+                    </td>
+                  </tr>
+                </tbody>
+              </NTable>
+
+              <!-- 变更培训内容 -->
+              <div>
+                <div class="flex items-center gap-2 mb-1.5">
+                  <Icon icon="lucide:graduation-cap" class="size-16px text-violet-500" />
+                  <span class="text-sm font-semibold text-slate-700">变更培训内容</span>
+                </div>
+                <div class="space-y-2.5 border p-3" :style="{borderRadius: themeStore.themeRadius + 'px'}">
+                  <p>{{ currentInfo?.train?.content }}</p>
+                </div>
+              </div>
+              <!-- PSSR 检查内容 -->
+              <div>
+                <div class="flex items-center gap-2 mb-1.5">
+                  <Icon icon="lucide:list-checks" class="size-16px text-violet-500" />
+                  <span class="text-sm font-semibold text-slate-700">PSSR 检查内容</span>
+                </div>
+                <div class="space-y-2.5 border p-3" :style="{borderRadius: themeStore.themeRadius + 'px'}">
+                  <div v-for="(pssr,index) in pssrList" :key="index" class="border" :style="{borderRadius: themeStore.themeRadius + 'px'}">
+                    <div class="bg-slate-100 px-3 py-1.6 font-medium text-slate-600">{{ pssr.g }}</div>
+                    <div v-for="item in pssr.items" :key="item.id" class="flex items-center border-t px-3 py-1.6">
+                      <p class="flex-1">{{ item.content }}</p>
+                      <NTag v-if="item.phase===1" size="small" type="info">投用前完成</NTag>
+                      <NTag v-else size="small" type="info">关闭前完成</NTag>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- 验收评价 -->
+              <div>
+                <div class="flex items-center gap-2 mb-1.5">
+                  <Icon icon="ix:success" class="size-16px text-emerald-500" />
+                  <span class="text-sm font-semibold text-slate-700">验收评价</span>
+                </div>
+                <div class="border p-3" :style="{borderRadius: themeStore.themeRadius + 'px'}">
+                  <NTable size="small">
+                    <thead>
+                      <tr>
+                        <th class="w-56">验收项目</th>
+                        <th>量化验收标准</th>
+                        <th>验收方式</th>
+                        <th class="w-46 !text-center">组织层级</th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr v-for="(accept,index) in acceptList" :key="index">
+                        <td class="text-xs">{{ accept.item }}</td>
+                        <td class="text-xs">{{ accept.standard }}</td>
+                        <td class="text-xs">{{ accept.method }}</td>
+                        <td class="text-xs text-center">{{ accept.org_name }}</td>
+                      </tr>
+                    </tbody>
+                  </NTable>
+                </div>
+              </div>
+              <!-- 审批记录 -->
+              <div class="flex items-center justify-between">
+                <p
+                  class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
+                  :style="{'--theme-color': themeStore.themeColor}"
+                >
+                  审批记录
+                </p>
+              </div>
+              <NTable size="small">
+                <thead>
+                  <tr>
+                    <th class="w-120px">流程阶段</th>
+                    <th class="w-120px">操作人</th>
+                    <th class="w-140px !text-center">操作时间</th>
+                    <th>操作内容和意见</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr v-for="(record,index) in currentInfo?.approval_records" :key="index">
+                    <td class="text-xs">{{ record.action }}</td>
+                    <td class="text-xs">{{ record.user_name }}</td>
+                    <td class="text-center text-xs">{{ record.updated_at?.slice(0,16) }}</td>
+                    <td class="text-xs">{{ record.remark }}</td>
+                  </tr>
+                </tbody>
+              </NTable>
+
+              <!-- 审批流程进度 -->
+              <div class="space-y-2">
+                <div class="text-sm font-semibold">审批流程{{ matchLabel(levelList,level)?.label? '（'+matchLabel(levelList,level)?.label+'变更）':'' }}</div>
+                <div class="flex flex-wrap items-center gap-1">
+                  <template v-for="(n, i) in currentInfo?.approval_flow?.steps" :key="n.name">
+                    <div class="flex items-center gap-1">
+                      <Icon v-if="i !== 0" icon="formkit:right" class="size-14px text-slate-300" />
+                      <div
+                        class="rounded-lg border px-3 py-2 text-center"
+                        :class="n.status === 'PASSED' ? 'border-emerald-300 bg-emerald-50' : n.status === 'PENDING' ? 'border-amber-400 bg-amber-50' : n.status === 'REJECTED' ? 'border-red-300 bg-red-50' :'border-amber-400 bg-amber-50'"
+                      >
+                        <p class="text-xs font-medium">
+                          {{ n.name }}
+                        </p>
+                        <div class="flex items-center justify-center gap-1">
+                          <span v-for="member in n.members" :key="member.id" class="text-xs text-slate-500">{{ member.user_name }}</span>
+                        </div>
+                      </div>
+                    </div>
+                  </template>
+                </div>
+                <div v-if="allMembers?.length" class="rounded-lg border border-amber-200 bg-amber-50/60 p-3">
+                  <div class="mb-2 flex flex-wrap items-center gap-2 text-xs font-semibold text-amber-700">
+                    会签进度（全体通过方可流转）
+                    <span class="font-normal text-amber-600">
+                      {{ allMembers.filter((m) => m.status === 'PASSED').length }}/{{ allMembers.length }} 已签
+                    </span>
+                  </div>
+                  <div class="flex flex-wrap items-center gap-2">
+                    <span v-for="m in allMembers" :key="m.id" class="flex items-center gap-1">
+                      <NTag size="small" :type="m.status === 'PASSED' ? 'success' : m.status === 'REJECTED' ? 'error' : 'default'">
+                        <template #icon>
+                          <Icon v-if="m.status === 'PASSED'" icon="ix:success" class="size-14px" />
+                          <Icon v-if="m.status === 'PENDING'" icon="ant-design:clock-circle-outlined" class="size-12px text-slate-400" />
+                          <Icon v-if="m.status === 'REJECTED'" icon="ix:close" class="size-12px" />
+                        </template>
+                        {{ m.user_name }}
+                      </NTag>
+                      <div
+                        v-if="m.status === 'PENDING'"
+                        class="cursor-pointer inline-flex h-6 items-center gap-1 rounded-md border border-amber-300 bg-white px-2 text-[11px] text-amber-700 transition hover:bg-amber-100"
+                        @click="handleReminder(m)"
+                      >
+                        <Icon icon="lucide:bell" class="size-12px" /> 催办
+                      </div>
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </NCard>
         </NGi>
         <!-- 右侧 -->
         <NGi span="24 s:24 m:24 l:8">
-            <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
-                <div class="flex items-center justify-between flex-wrap pb-2.5 mb-3 border-b">
-                    <span v-if="disposalType === 'unExecute'" class="text-slate-800 font-600 text-sm" :style="{ color: themeStore.themeColor }">未实施情况说明表</span>
-                    <span v-if="disposalType === 'unUse'" class="text-slate-800 font-600 text-sm" :style="{ color: themeStore.themeColor }">未投用情况说明表</span>
-                    <span v-if="disposalType === 'recover'" class="text-slate-800 font-600 text-sm" :style="{ color: themeStore.themeColor }">变更恢复申请表</span>
-                    <span v-if="disposalType === 'delay'" class="text-slate-800 font-600 text-sm" :style="{ color: themeStore.themeColor }">变更延期申请表</span>
-                    <span v-if="disposalType === 'transform'" class="text-slate-800 font-600 text-sm" :style="{ color: themeStore.themeColor }">临时转永久申请表</span>
-                    <NButton v-if="isAiOn" size="small" type="primary" round class="text-xs">AI辅助填报</NButton>
+          <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+            <div class="flex items-center justify-between flex-wrap pb-2.5 mb-3 border-b">
+              <span v-if="disposalType === 'unExecute'" class="text-slate-800 font-600 text-sm" :style="{ color: themeStore.themeColor }">未实施情况说明表</span>
+              <span v-if="disposalType === 'unUse'" class="text-slate-800 font-600 text-sm" :style="{ color: themeStore.themeColor }">未投用情况说明表</span>
+              <span v-if="disposalType === 'recover'" class="text-slate-800 font-600 text-sm" :style="{ color: themeStore.themeColor }">变更恢复申请表</span>
+              <span v-if="disposalType === 'delay'" class="text-slate-800 font-600 text-sm" :style="{ color: themeStore.themeColor }">变更延期申请表</span>
+              <span v-if="disposalType === 'transform'" class="text-slate-800 font-600 text-sm" :style="{ color: themeStore.themeColor }">临时转永久申请表</span>
+              <NButton v-if="isAiOn" size="small" type="primary" round class="text-xs">AI辅助填报</NButton>
+            </div>
+            <div class="right-scroll">
+              <!-- 未实施情况说明 -->
+              <template v-if="disposalType === 'unExecute'">
+                <!-- 情况说明 -->
+                <div class="space-y-1 mt-1">
+                  <p class="text-xs font-600 text-slate-600 flex items-center">情况说明<span class="pl-1" :style="{color: themeStore.otherColor.error}">*</span></p>
+                  <NInput v-model:value="description" type="textarea" :autosize="{minRows: 3}" placeholder="填写情况说明（可点击「AI 辅助填报」生成草稿后修改）…" class="w-full"></NInput>
                 </div>
-                <div class="right-scroll">
-                    <!-- 未实施情况说明 -->
-                    <template v-if="disposalType === 'unExecute'">
-                        <!-- 情况说明 -->
-                        <div class="space-y-1 mt-1">
-                            <p class="text-xs font-600 text-slate-600 flex items-center">情况说明<span class="pl-1" :style="{color: themeStore.otherColor.error}">*</span></p>
-                            <NInput v-model:value="description" type="textarea" :autosize="{minRows: 3}" placeholder="填写情况说明（可点击「AI 辅助填报」生成草稿后修改）…" class="w-full"></NInput>
-                        </div>
-                        <!-- 影响判定 -->
-                        <div class="space-y-1 mt-3">
-                            <p class="text-xs font-600 text-slate-600 flex items-center">{{isAiOn?'影响判定（AI 辅助）':'影响判定'}}</p>
-                            <NInput v-model:value="judge" type="textarea" :autosize="{minRows: 3}" placeholder="风险分析内容（AI 预分析草稿，可手动修改）…" class="w-full"></NInput>
-                        </div>
-                    </template>
-                    <!-- 未投用情况说明 -->
-                    <template v-if="disposalType === 'unUse'">
-                        <!-- 情况说明 -->
-                        <div class="space-y-1 mt-1">
-                            <p class="text-xs font-600 text-slate-600 flex items-center">情况说明<span class="pl-1" :style="{color: themeStore.otherColor.error}">*</span></p>
-                            <NInput v-model:value="description" type="textarea" :autosize="{minRows: 3}" placeholder="填写情况说明（可点击「AI 辅助填报」生成草稿后修改）…" class="w-full"></NInput>
-                        </div>
-                        <!-- 影响判定 -->
-                        <div class="space-y-1 mt-3">
-                            <p class="text-xs font-600 text-slate-600 flex items-center">{{isAiOn?'影响判定（AI 辅助）':'影响判定'}}</p>
-                            <NInput v-model:value="judge" type="textarea" :autosize="{minRows: 3}" placeholder="风险分析内容（AI 预分析草稿，可手动修改）…" class="w-full"></NInput>
-                        </div>
-                    </template>
-                    <!-- 申请恢复 -->
-                    <template v-if="disposalType === 'recover'">
-                        <!-- 原因 -->
-                        <div class="space-y-1 mt-1">
-                            <p class="text-xs font-600 text-slate-600 flex items-center">申请恢复原因<span class="pl-1" :style="{color: themeStore.otherColor.error}">*</span></p>
-                            <NInput v-model:value="description" type="textarea" :autosize="{minRows: 3}" placeholder="填写申请恢复原因（可点击「AI 辅助填报」生成草稿后修改）…" class="w-full"></NInput>
-                        </div>
-                        <!-- 风险分析 -->
-                        <div class="space-y-1 mt-3">
-                            <p class="text-xs font-600 text-slate-600 flex items-center">恢复作业风险分析</p>
-                            <NInput v-model:value="judge" type="textarea" :autosize="{minRows: 3}" placeholder="风险分析内容（AI 预分析草稿，可手动修改）…" class="w-full"></NInput>
-                        </div>
-                    </template>
-                    <!-- 申请延期 -->
-                    <template v-if="disposalType === 'delay'">
-                        <!-- 原因 -->
-                        <div class="space-y-1 mt-1">
-                            <p class="text-xs font-600 text-slate-600 flex items-center">变更延期原因<span class="pl-1" :style="{color: themeStore.otherColor.error}">*</span></p>
-                            <NInput v-model:value="description" type="textarea" :autosize="{minRows: 3}" placeholder="填写变更延期原因（可点击「AI 辅助填报」生成草稿后修改）…" class="w-full"></NInput>
-                        </div>
-                        <div class="flex items-center flex-wrap gap-2 mt-3">
-                            <p class="flex items-center">延期至<span class="pl-1" :style="{color: themeStore.otherColor.error}">*</span></p>
-                            <NDatePicker v-model:value="delayDate" type="date" size="small" class="w-120px" />
-                            <p class="text-xs text-slate-400">原到期 2026-08-20 · 至多延期 1 次</p>
-                        </div>
-                        <!-- 风险分析 -->
-                        <div class="space-y-1 mt-3">
-                            <p class="text-xs font-600 text-slate-600 flex items-center">延期风险分析</p>
-                            <NInput v-model:value="judge" type="textarea" :autosize="{minRows: 3}" placeholder="风险分析内容（AI 预分析草稿，可手动修改）…" class="w-full"></NInput>
-                        </div>
-                    </template>
-                    <!-- 申请转永久 -->
-                    <template v-if="disposalType === 'transform'">
-                        <!-- 原因 -->
-                        <div class="space-y-1 mt-1">
-                            <p class="text-xs font-600 text-slate-600 flex items-center">申请转永久原因<span class="pl-1" :style="{color: themeStore.otherColor.error}">*</span></p>
-                            <NInput v-model:value="description" type="textarea" :autosize="{minRows: 3}" placeholder="填写申请转永久原因（可点击「AI 辅助填报」生成草稿后修改）…" class="w-full"></NInput>
-                        </div>
-                        <!-- 风险分析 -->
-                        <div class="space-y-1 mt-3">
-                            <p class="text-xs font-600 text-slate-600 flex items-center">风险分析缺口补充（按永久变更要求）</p>
-                            <NInput v-model:value="judge" type="textarea" :autosize="{minRows: 3}" placeholder="风险分析内容（AI 预分析草稿，可手动修改）…" class="w-full"></NInput>
-                        </div>
-                    </template>
+                <!-- 影响判定 -->
+                <div class="space-y-1 mt-3">
+                  <p class="text-xs font-600 text-slate-600 flex items-center">{{ isAiOn?'影响判定（AI 辅助）':'影响判定' }}</p>
+                  <NInput v-model:value="judge" type="textarea" :autosize="{minRows: 3}" placeholder="风险分析内容（AI 预分析草稿，可手动修改）…" class="w-full"></NInput>
+                </div>
+              </template>
+              <!-- 未投用情况说明 -->
+              <template v-if="disposalType === 'unUse'">
+                <!-- 情况说明 -->
+                <div class="space-y-1 mt-1">
+                  <p class="text-xs font-600 text-slate-600 flex items-center">情况说明<span class="pl-1" :style="{color: themeStore.otherColor.error}">*</span></p>
+                  <NInput v-model:value="description" type="textarea" :autosize="{minRows: 3}" placeholder="填写情况说明（可点击「AI 辅助填报」生成草稿后修改）…" class="w-full"></NInput>
+                </div>
+                <!-- 影响判定 -->
+                <div class="space-y-1 mt-3">
+                  <p class="text-xs font-600 text-slate-600 flex items-center">{{ isAiOn?'影响判定（AI 辅助）':'影响判定' }}</p>
+                  <NInput v-model:value="judge" type="textarea" :autosize="{minRows: 3}" placeholder="风险分析内容（AI 预分析草稿，可手动修改）…" class="w-full"></NInput>
+                </div>
+              </template>
+              <!-- 申请恢复 -->
+              <template v-if="disposalType === 'recover'">
+                <!-- 原因 -->
+                <div class="space-y-1 mt-1">
+                  <p class="text-xs font-600 text-slate-600 flex items-center">申请恢复原因<span class="pl-1" :style="{color: themeStore.otherColor.error}">*</span></p>
+                  <NInput v-model:value="description" type="textarea" :autosize="{minRows: 3}" placeholder="填写申请恢复原因（可点击「AI 辅助填报」生成草稿后修改）…" class="w-full"></NInput>
+                </div>
+                <!-- 风险分析 -->
+                <div class="space-y-1 mt-3">
+                  <p class="text-xs font-600 text-slate-600 flex items-center">恢复作业风险分析</p>
+                  <NInput v-model:value="judge" type="textarea" :autosize="{minRows: 3}" placeholder="风险分析内容（AI 预分析草稿，可手动修改）…" class="w-full"></NInput>
+                </div>
+              </template>
+              <!-- 申请延期 -->
+              <template v-if="disposalType === 'delay'">
+                <!-- 原因 -->
+                <div class="space-y-1 mt-1">
+                  <p class="text-xs font-600 text-slate-600 flex items-center">变更延期原因<span class="pl-1" :style="{color: themeStore.otherColor.error}">*</span></p>
+                  <NInput v-model:value="description" type="textarea" :autosize="{minRows: 3}" placeholder="填写变更延期原因（可点击「AI 辅助填报」生成草稿后修改）…" class="w-full"></NInput>
+                </div>
+                <div class="flex items-center flex-wrap gap-2 mt-3">
+                  <p class="flex items-center">延期至<span class="pl-1" :style="{color: themeStore.otherColor.error}">*</span></p>
+                  <NDatePicker v-model:value="delayDate" type="date" size="small" class="w-120px" />
+                  <p class="text-xs text-slate-400">原到期 2026-08-20 · 至多延期 1 次</p>
+                </div>
+                <!-- 风险分析 -->
+                <div class="space-y-1 mt-3">
+                  <p class="text-xs font-600 text-slate-600 flex items-center">延期风险分析</p>
+                  <NInput v-model:value="judge" type="textarea" :autosize="{minRows: 3}" placeholder="风险分析内容（AI 预分析草稿，可手动修改）…" class="w-full"></NInput>
+                </div>
+              </template>
+              <!-- 申请转永久 -->
+              <template v-if="disposalType === 'transform'">
+                <!-- 原因 -->
+                <div class="space-y-1 mt-1">
+                  <p class="text-xs font-600 text-slate-600 flex items-center">申请转永久原因<span class="pl-1" :style="{color: themeStore.otherColor.error}">*</span></p>
+                  <NInput v-model:value="description" type="textarea" :autosize="{minRows: 3}" placeholder="填写申请转永久原因（可点击「AI 辅助填报」生成草稿后修改）…" class="w-full"></NInput>
+                </div>
+                <!-- 风险分析 -->
+                <div class="space-y-1 mt-3">
+                  <p class="text-xs font-600 text-slate-600 flex items-center">风险分析缺口补充（按永久变更要求）</p>
+                  <NInput v-model:value="judge" type="textarea" :autosize="{minRows: 3}" placeholder="风险分析内容（AI 预分析草稿，可手动修改）…" class="w-full"></NInput>
+                </div>
+              </template>
 
-                    <!-- 风险分析行动项落实 -->
-                    <div class="rounded-md mt-4 border">
-                        <div class="flex items-center gap-2 py-2 px-2 border-b">
-                            <span class="text-xs font-600 text-slate-600 flex items-center">风险分析行动项落实</span>
-                            <p class="text-xs text-slate-400">{{confirmedPssr}}/{{totalPssr}} 已确认</p>
-                        </div>
-                        <div class="p-2 space-y-2">
-                            <div v-for="(pssr,index) in pssrList" class="border" :key="index" :style="{borderRadius: themeStore.themeRadius + 'px'}">
-                                <div class="bg-slate-100 px-2 py-1.5 font-medium text-xs text-slate-600 flex items-center justify-between">
-                                    {{pssr.g}}
-                                    <NButton text size="small" type="primary" class="text-xs" @click="addItem(index)">
-                                        <Icon icon="ic:round-plus" class="size-12px" />添加检查项
-                                    </NButton>
-                                </div>
-                                <div v-for="(item,subIndex) in pssr.items" :key="subIndex" class="flex items-center border-t px-2 py-1 gap-2">
-                                    <NInput v-if="!item.id" v-model:value="item.content" size="small" type="textarea" :autosize="{minRows: 1}" placeholder="填写检查项内容" class="w-full text-xs"></NInput>
-                                    <NButton v-if="!item.id" text type="success" @click="saveItem(index, subIndex)" title="保存检查项">
-                                        <Icon icon="boxicons:save" class="size-16px" />
-                                    </NButton>
-                                    <NButton v-if="!item.id" text type="error" @click="pssrList[index].items.splice(subIndex, 1)" title="删除">
-                                        <Icon icon="ep:delete" class="size-14px" />
-                                    </NButton>
-                                    <p v-if="item.id" class="flex-1 text-xs">{{item.content}}</p>
-                                    <NButton v-if="item.confirm_flag" size="tiny" ghost type="success" class="text-xs" @click="item.confirm_flag = 0">已确认</NButton>
-                                    <NButton v-else size="tiny" ghost type="warning" class="text-xs" @click="item.confirm_flag = 1">待确认</NButton>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <!-- 资料关闭确认 -->
-                    <div class="rounded-md mt-4 border">
-                        <div class="flex items-center gap-2 py-2 px-2">
-                            <span class="text-xs font-600 text-slate-600 flex items-center">资料关闭确认</span>
-                            <p class="text-xs text-slate-400">提交后纳入资料关闭流程统一归档</p>
-                        </div>
-                        <div v-for="item in closeConfirmList" :key="item.doc_id" class="flex items-center gap-2 py-2 px-2 border-t">
-                            <p class="flex-1 text-xs flex items-center">{{item.name}}</p>
-                            <NButton :type="item.status===1?'primary':'default'" size="tiny" class="text-xs" @click="item.status = 1">已归档</NButton>
-                            <NButton :type="item.status===2?'primary':'default'" size="tiny" class="text-xs" @click="item.status = 2">待归档</NButton>
-                            <NButton :type="item.status===0?'primary':'default'" size="tiny" class="text-xs" @click="item.status = 0">不涉及</NButton>
-                        </div>
-                    </div>
+              <!-- 风险分析行动项落实 -->
+              <div class="rounded-md mt-4 border">
+                <div class="flex items-center gap-2 py-2 px-2 border-b">
+                  <span class="text-xs font-600 text-slate-600 flex items-center">风险分析行动项落实</span>
+                  <p class="text-xs text-slate-400">{{ confirmedPssr }}/{{ totalPssr }} 已确认</p>
                 </div>
-            </NCard>
+                <div class="p-2 space-y-2">
+                  <div v-for="(pssr,index) in pssrList" :key="index" class="border" :style="{borderRadius: themeStore.themeRadius + 'px'}">
+                    <div class="bg-slate-100 px-2 py-1.5 font-medium text-xs text-slate-600 flex items-center justify-between">
+                      {{ pssr.g }}
+                      <NButton text size="small" type="primary" class="text-xs" @click="addItem(index)">
+                        <Icon icon="ic:round-plus" class="size-12px" />添加检查项
+                      </NButton>
+                    </div>
+                    <div v-for="(item,subIndex) in pssr.items" :key="subIndex" class="flex items-center border-t px-2 py-1 gap-2">
+                      <NInput v-if="!item.id" v-model:value="item.content" size="small" type="textarea" :autosize="{minRows: 1}" placeholder="填写检查项内容" class="w-full text-xs"></NInput>
+                      <NButton v-if="!item.id" text type="success" title="保存检查项" @click="saveItem(index, subIndex)">
+                        <Icon icon="boxicons:save" class="size-16px" />
+                      </NButton>
+                      <NButton v-if="!item.id" text type="error" title="删除" @click="pssrList[index].items.splice(subIndex, 1)">
+                        <Icon icon="ep:delete" class="size-14px" />
+                      </NButton>
+                      <p v-if="item.id" class="flex-1 text-xs">{{ item.content }}</p>
+                      <NButton v-if="item.confirm_flag" size="tiny" ghost type="success" class="text-xs" @click="item.confirm_flag = 0">已确认</NButton>
+                      <NButton v-else size="tiny" ghost type="warning" class="text-xs" @click="item.confirm_flag = 1">待确认</NButton>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- 资料关闭确认 -->
+              <div class="rounded-md mt-4 border">
+                <div class="flex items-center gap-2 py-2 px-2">
+                  <span class="text-xs font-600 text-slate-600 flex items-center">资料关闭确认</span>
+                  <p class="text-xs text-slate-400">提交后纳入资料关闭流程统一归档</p>
+                </div>
+                <div v-for="item in closeConfirmList" :key="item.doc_id" class="flex items-center gap-2 py-2 px-2 border-t">
+                  <p class="flex-1 text-xs flex items-center">{{ item.name }}</p>
+                  <NButton :type="item.status===1?'primary':'default'" size="tiny" class="text-xs" @click="item.status = 1">已归档</NButton>
+                  <NButton :type="item.status===2?'primary':'default'" size="tiny" class="text-xs" @click="item.status = 2">待归档</NButton>
+                  <NButton :type="item.status===0?'primary':'default'" size="tiny" class="text-xs" @click="item.status = 0">不涉及</NButton>
+                </div>
+              </div>
+            </div>
+          </NCard>
         </NGi>
-    </NGrid>
-    <!-- 底部 -->
-    <div 
+      </NGrid>
+      <!-- 底部 -->
+      <div
         class="flex flex-wrap items-center justify-end gap-3 px-3 py-2 mt-3 bg-[#fff]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
-    >
+      >
         <NButton size="small" @click="approvalDrawer = true">审批流程设置</NButton>
         <NButton size="small" :disabled="loading" @click="submitDisposal('save')">保存</NButton>
         <NButton size="small" type="primary" :disabled="loading" @click="submitDisposal('submit')">提交</NButton>
-    </div>
-    <!-- 变更类型判定说明（右侧抽屉） -->
-    <NDrawer v-model:show="describeDrawer" :width="576" placement="right" :auto-focus="false">
+      </div>
+      <!-- 变更类型判定说明（右侧抽屉） -->
+      <NDrawer v-model:show="describeDrawer" :width="576" placement="right" :auto-focus="false">
         <NDrawerContent title="变更类型判定说明" closable>
-            <NTag v-if="typeAiLoading" type="info" size="small">
-                <template #icon>
-                    <Icon icon="ri:loader-4-fill" class="size-12px animate-spin" />
-                </template>
-                AI 判定中…
-            </NTag>
-            <div v-else class="flex items-center gap-2 max-h-[22px] mb-3">
-                <span class="inline-flex items-center gap-1 rounded-full border border-violet-200 bg-violet-100 px-2 py-0.5 text-xs font-medium text-violet-700">
-                ✨ AI 生成 · 需人工确认
-                </span>
-                <NTag v-if="typeAi?.type" type="info" size="small">判定：{{ typeAi?.type }}</NTag>
-                <NTag v-if="typeAi" size="small">置信度：{{ `${Math.round(typeAi.confidence * 100)}%` }}</NTag>
-            </div>
-            <div v-if="typeAi" class="space-y-3 text-sm leading-relaxed text-slate-700">
-                <p><b>判定结论：</b>{{ typeAi.conclusion }}</p>
-                <p><b>判定依据：</b></p>
-                <ul class="list-disc space-y-1 pl-5">
-                <li v-for="r in typeAi.hit_rules" :key="r">命中规则：{{ r }}</li>
-                <li v-for="r in typeAi.exclude_rules" :key="r">排除规则：{{ r }}</li>
-                </ul>
-                <p v-if="typeAi.knowledge_refs.length"><b>知识库引用：</b>{{ typeAi.knowledge_refs.join('、') }}。</p>
-                <p class="rounded-lg bg-amber-50 p-3 text-xs text-amber-700">AI 判定结果仅供参考，最终类型以人工确认为准；如调整为其他类型，系统将记录修改留痕。</p>
-            </div>
+          <NTag v-if="typeAiLoading" type="info" size="small">
+            <template #icon>
+              <Icon icon="ri:loader-4-fill" class="size-12px animate-spin" />
+            </template>
+            AI 判定中…
+          </NTag>
+          <div v-else class="flex items-center gap-2 max-h-[22px] mb-3">
+            <span class="inline-flex items-center gap-1 rounded-full border border-violet-200 bg-violet-100 px-2 py-0.5 text-xs font-medium text-violet-700">
+              ✨ AI 生成 · 需人工确认
+            </span>
+            <NTag v-if="typeAi?.type" type="info" size="small">判定：{{ typeAi?.type }}</NTag>
+            <NTag v-if="typeAi" size="small">置信度：{{ `${Math.round(typeAi.confidence * 100)}%` }}</NTag>
+          </div>
+          <div v-if="typeAi" class="space-y-3 text-sm leading-relaxed text-slate-700">
+            <p><b>判定结论：</b>{{ typeAi.conclusion }}</p>
+            <p><b>判定依据：</b></p>
+            <ul class="list-disc space-y-1 pl-5">
+              <li v-for="r in typeAi.hit_rules" :key="r">命中规则：{{ r }}</li>
+              <li v-for="r in typeAi.exclude_rules" :key="r">排除规则：{{ r }}</li>
+            </ul>
+            <p v-if="typeAi.knowledge_refs.length"><b>知识库引用：</b>{{ typeAi.knowledge_refs.join('、') }}。</p>
+            <p class="rounded-lg bg-amber-50 p-3 text-xs text-amber-700">AI 判定结果仅供参考，最终类型以人工确认为准；如调整为其他类型，系统将记录修改留痕。</p>
+          </div>
         </NDrawerContent>
-    </NDrawer>
-    <!-- 变更等级判定表（右侧抽屉查看） -->
-    <NDrawer v-model:show="levelDrawer" :width="576" placement="right" :auto-focus="false">
+      </NDrawer>
+      <!-- 变更等级判定表（右侧抽屉查看） -->
+      <NDrawer v-model:show="levelDrawer" :width="576" placement="right" :auto-focus="false">
         <NDrawerContent title="变更等级判定表" closable>
-            <div class="space-y-4">
-                <div class="flex items-center gap-2">
-                    <NTag 
-                        size="small"
-                        :color="{
-                            color: tagBgColor(matchLabel(levelList,level)?.color),
-                            textColor: tagTextColor(matchLabel(levelList,level)?.color),
-                            borderColor: tagBorderColor(matchLabel(levelList,level)?.color),
-                        }"
-                    >{{ matchLabel(levelList,level)?.label? matchLabel(levelList,level)?.label+'变更':'' }}</NTag>
-                    <span class="text-xs text-slate-400">合计得分 <b class="text-[#17407F]">{{ totalScore }}</b> 分（&lt;20 分为一般，≥20 分为重要）</span>
-                </div>
-                <NTable size="small">
-                    <thead>
-                        <tr class="border-b bg-slate-50">
-                            <th class="w-40">评估维度</th>
-                            <th class="w-20 !text-center">得分</th>
-                            <th>评分依据</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr v-for="s in questions" :key="s.dim" class="border-b last:border-b-0">
-                            <td class="font-medium">{{ s.name }}</td>
-                            <td class="font-bold text-[#17407F] text-center">{{ s.score }}</td>
-                            <td class="text-xs leading-relaxed text-slate-600">{{ matchBasis(s.options,s.score) }}</td>
-                        </tr>
-                    </tbody>
-                </NTable>
+          <div class="space-y-4">
+            <div class="flex items-center gap-2">
+              <NTag
+                size="small"
+                :color="{
+                  color: tagBgColor(matchLabel(levelList,level)?.color),
+                  textColor: tagTextColor(matchLabel(levelList,level)?.color),
+                  borderColor: tagBorderColor(matchLabel(levelList,level)?.color),
+                }"
+              >
+                {{ matchLabel(levelList,level)?.label? matchLabel(levelList,level)?.label+'变更':'' }}
+              </NTag>
+              <span class="text-xs text-slate-400">合计得分 <b class="text-[#17407F]">{{ totalScore }}</b> 分（&lt;20 分为一般，≥20 分为重要）</span>
             </div>
+            <NTable size="small">
+              <thead>
+                <tr class="border-b bg-slate-50">
+                  <th class="w-40">评估维度</th>
+                  <th class="w-20 !text-center">得分</th>
+                  <th>评分依据</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr v-for="s in questions" :key="s.dim" class="border-b last:border-b-0">
+                  <td class="font-medium">{{ s.name }}</td>
+                  <td class="font-bold text-[#17407F] text-center">{{ s.score }}</td>
+                  <td class="text-xs leading-relaxed text-slate-600">{{ matchBasis(s.options,s.score) }}</td>
+                </tr>
+              </tbody>
+            </NTable>
+          </div>
         </NDrawerContent>
-    </NDrawer>
-    <!-- 审批流程设置 -->
-    <NDrawer v-model:show="approvalDrawer" placement="right" width="28rem" :auto-focus="false">
+      </NDrawer>
+      <!-- 审批流程设置 -->
+      <NDrawer v-model:show="approvalDrawer" placement="right" width="28rem" :auto-focus="false">
         <NDrawerContent>
-            <template #header>
+          <template #header>
             <div class="text-base font-semibold text-slate-800">审批流程设置</div>
-            </template>
-            <div class="h-full space-y-4 overflow-y-auto">
-                <p class="text-xs leading-relaxed text-slate-400">审批链：{{ approvalFlowText }}。专业会签人由申请表「涉及专业」勾选自动增减，可在此调整人选；重要变更自动追加安全审查与分管领导终批。</p>
-                <div v-for="(s, idx) in flowList" :key="s.id" class="rounded-lg border border-slate-100 bg-slate-50/40 p-3">
-                    <div class="flex flex-wrap items-center gap-2">
-                        <NTag type="info" size="small">{{Number(idx)+1}}</NTag>
-                        <p class="text-sm">{{s.name}}</p>
-                        <NCheckbox :checked="s.countersign" size="small" @update:checked="(v) => setStepCountersign(s, v)">
-                            <span class="text-xs text-slate-500">专业会签步骤</span>
-                        </NCheckbox>
-                        <NButton ghost type="primary" size="tiny" @click="togglePicker(s)" title="添加预设人员" class="ml-auto">
-                            <Icon icon="ic:round-plus" class="size-16px" />
-                        </NButton>
-                    </div>
-                    <!-- 预设人员：人员必选；仅会签步骤可选择专业（必选），且人员可勾选「必须进行专业会签」 -->
-                    <div class="mt-2 flex gap-2 pl-8">
-                    <span class="shrink-0 text-xs leading-7 text-slate-400">预设人员:</span>
-                    <div class="min-w-0 flex-1 space-y-1.5">
-                        <div v-for="(m, mIdx) in s.members" :key="m.id" class="flex min-h-7 flex-wrap items-center gap-2">
-                            <span class="shrink-0 truncate text-xs font-medium text-slate-700">{{ m.user_name }}</span>
-                            <template v-if="s.countersign">
-                                <span class="text-xs text-slate-400"><span class="text-red-500">*</span>专业:</span>
-                                <NSelect :value="m.specialty || null" clearable size="small" placeholder="请选择专业" class="w-28"
-                                :options="SPECIALTIES"
-                                @update:value="(v) => selectSpecialty(Number(idx), Number(mIdx), v)"
-                                />
-                                <NCheckbox :checked="m.is_sign" size="small"
-                                :checked-value="1"
-                                :unchecked-value="0"
-                                @update:checked="(v) => selectSign(Number(idx), Number(mIdx), v)"
-                                >
-                                <span class="text-xs text-slate-500">必须参与会签</span>
-                                </NCheckbox>
-                            </template>
-                            <NButton text type="error" @click="delMember(s, m.user_id)" title="删除该人员">
-                                <Icon icon="iconamoon:trash" class="size-16px" />
-                            </NButton>
-                        </div>
-                        <p v-if="s.countersign && s.members.length" class="text-[11px] leading-5 text-slate-400">
-                        必须参与会签：勾选的人员必须参与专业会签，未勾选的人员为可选会签（按需参加）
-                        </p>
-                        <NCascader v-if="pickerStepId === s.id" :value="pick" :options="memberList"
-                        placeholder="请选择人员" size="small" check-strategy="child" :show-path="false" expand-trigger="click"
-                        class="w-56" :on-update:value="(v) => addMember(s, v)" />
+          </template>
+          <div class="h-full space-y-4 overflow-y-auto">
+            <p class="text-xs leading-relaxed text-slate-400">审批链：{{ approvalFlowText }}。专业会签人由申请表「涉及专业」勾选自动增减，可在此调整人选；重要变更自动追加安全审查与分管领导终批。</p>
+            <div v-for="(s, idx) in flowList" :key="s.id" class="rounded-lg border border-slate-100 bg-slate-50/40 p-3">
+              <div class="flex flex-wrap items-center gap-2">
+                <NTag type="info" size="small">{{ Number(idx)+1 }}</NTag>
+                <p class="text-sm">{{ s.name }}</p>
+                <NCheckbox :checked="s.countersign" size="small" @update:checked="(v) => setStepCountersign(s, v)">
+                  <span class="text-xs text-slate-500">专业会签步骤</span>
+                </NCheckbox>
+                <NButton ghost type="primary" size="tiny" title="添加预设人员" class="ml-auto" @click="togglePicker(s)">
+                  <Icon icon="ic:round-plus" class="size-16px" />
+                </NButton>
+              </div>
+              <!-- 预设人员：人员必选；仅会签步骤可选择专业（必选），且人员可勾选「必须进行专业会签」 -->
+              <div class="mt-2 flex gap-2 pl-8">
+                <span class="shrink-0 text-xs leading-7 text-slate-400">预设人员:</span>
+                <div class="min-w-0 flex-1 space-y-1.5">
+                  <div v-for="(m, mIdx) in s.members" :key="m.id" class="flex min-h-7 flex-wrap items-center gap-2">
+                    <span class="shrink-0 truncate text-xs font-medium text-slate-700">{{ m.user_name }}</span>
+                    <template v-if="s.countersign">
+                      <span class="text-xs text-slate-400"><span class="text-red-500">*</span>专业:</span>
+                      <NSelect
+                        :value="m.specialty || null" clearable size="small" placeholder="请选择专业" class="w-28"
+                        :options="SPECIALTIES"
+                        @update:value="(v) => selectSpecialty(Number(idx), Number(mIdx), v)"
+                      />
+                      <NCheckbox
+                        :checked="m.is_sign" size="small"
+                        :checked-value="1"
+                        :unchecked-value="0"
+                        @update:checked="(v) => selectSign(Number(idx), Number(mIdx), v)"
+                      >
+                        <span class="text-xs text-slate-500">必须参与会签</span>
+                      </NCheckbox>
+                    </template>
+                    <NButton text type="error" title="删除该人员" @click="delMember(s, m.user_id)">
+                      <Icon icon="iconamoon:trash" class="size-16px" />
+                    </NButton>
+                  </div>
+                  <p v-if="s.countersign && s.members.length" class="text-[11px] leading-5 text-slate-400">
+                    必须参与会签：勾选的人员必须参与专业会签，未勾选的人员为可选会签（按需参加）
+                  </p>
+                  <NCascader
+                    v-if="pickerStepId === s.id" :value="pick" :options="memberList"
+                    placeholder="请选择人员" size="small" check-strategy="child" :show-path="false" expand-trigger="click"
+                    class="w-56" :on-update:value="(v) => addMember(s, v)"
+                  />
 
-                        <span v-if="s.members.length === 0" class="text-xs leading-7 text-slate-300">未预设</span>
-                    </div>
-                    </div>
+                  <span v-if="s.members.length === 0" class="text-xs leading-7 text-slate-300">未预设</span>
                 </div>
+              </div>
             </div>
-            <template #footer>
-                <NButton v-if="flowList.length" type="primary" class="w-full" @click="finishApprover">完成设置</NButton>
-            </template>
+          </div>
+          <template #footer>
+            <NButton v-if="flowList.length" type="primary" class="w-full" @click="finishApprover">完成设置</NButton>
+          </template>
         </NDrawerContent>
-    </NDrawer>
-    <!-- 附件在线预览弹窗 -->
-    <NModal
+      </NDrawer>
+      <!-- 附件在线预览弹窗 -->
+      <NModal
         v-model:show="previewModal"
         preset="card"
         :auto-focus="false"
         :style="{ width: '80%', height: 'auto' }"
         :segmented="{ content: true, footer: true }"
-    >
+      >
         <template #header>
-            <div class="flex items-center gap-2 text-base font-semibold text-slate-800">
+          <div class="flex items-center gap-2 text-base font-semibold text-slate-800">
             <Icon icon="akar-icons:file" class="size-18px" /> {{ previewFile?.file_name }}
-            </div>
+          </div>
         </template>
         <template #default>
-            <div class="space-y-3">
-                <div class="flex flex-wrap gap-x-4 gap-y-1 text-xs text-slate-400">
-                    <span>上传人：{{ previewFile?.uploader_name }}</span>
-                    <span>上传时间：{{ previewFile?.created_at }}</span>
-                    <span v-if="previewFile?.version">{{ `版本：${previewFile?.version}（受控）` }}</span>
-                </div>
-                <previewComponent v-if="previewFile" :previewFile="previewFile" />
+          <div class="space-y-3">
+            <div class="flex flex-wrap gap-x-4 gap-y-1 text-xs text-slate-400">
+              <span>上传人：{{ previewFile?.uploader_name }}</span>
+              <span>上传时间：{{ previewFile?.created_at }}</span>
+              <span v-if="previewFile?.version">{{ `版本：${previewFile?.version}（受控）` }}</span>
             </div>
+            <PreviewComponent v-if="previewFile" :preview-file="previewFile" />
+          </div>
         </template>
-    </NModal>
-</NSpin>
-</NSpace>
+      </NModal>
+    </NSpin>
+  </NSpace>
 </template>
 
 <style scoped lang="scss">
diff --git a/src/views/details/index/index.vue b/src/views/details/index/index.vue
index 8f600fd..60515a4 100644
--- a/src/views/details/index/index.vue
+++ b/src/views/details/index/index.vue
@@ -62,7 +62,7 @@ const previewModal = ref<boolean>(false);
 const questions = ref<any>([
   {
     question_id: 1,
-    name: "1. 设备影响", 
+    name: "1. 设备影响",
     note: "不合适的材质将会导致",
     score: 0,
     options: [
@@ -74,7 +74,7 @@ const questions = ref<any>([
   },
   {
     question_id: 2,
-    name: "2. 财务影响", 
+    name: "2. 财务影响",
     note: "工艺设计错误将会导致",
     score: 0,
     options: [
@@ -86,7 +86,7 @@ const questions = ref<any>([
   },
   {
     question_id: 3,
-    name: "3. 质量影响", 
+    name: "3. 质量影响",
     note: "",
     score: 0,
     options: [
@@ -98,7 +98,7 @@ const questions = ref<any>([
   },
   {
     question_id: 4,
-    name: "4. 设计的复杂程度", 
+    name: "4. 设计的复杂程度",
     note: "工艺设计包含了",
     score: 0,
     options: [
@@ -110,7 +110,7 @@ const questions = ref<any>([
   },
   {
     question_id: 5,
-    name: "5. 工艺设计的成熟度", 
+    name: "5. 工艺设计的成熟度",
     note: "",
     score: 0,
     options: [
@@ -122,7 +122,7 @@ const questions = ref<any>([
   },
   {
     question_id: 6,
-    name: "6. 工艺危害", 
+    name: "6. 工艺危害",
     note: "物料性质和工艺条件",
     score: 0,
     options: [
@@ -322,413 +322,430 @@ onMounted(() => {
 </script>
 
 <template>
-<NSpace vertical :size="16">
+  <NSpace vertical :size="16">
     <!-- 高风险 -->
     <NSpin :show="loading" size="small">
-        <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
-            <div 
-                class="flex flex-wrap items-center gap-3 border border-slate-200 px-3 py-2 mb-3"
-                :style="{ borderRadius: themeStore.themeRadius + 'px' }"
-            >
-                <NButton ghost type="primary" @click="back">
-                    <Icon icon="ep:back" class="size-16px mr-1" />返回
-                </NButton>
-                <div class="min-w-0 flex-1 truncate text-base font-bold text-slate-800">{{ currentInfo?.title }}</div>
-                <NTag size="small" type="info" class="font-mono text-xs">编号：{{ currentInfo?.change_no }}</NTag>
-            </div>
-            <div class="space-y-3 scroll">
-                <!-- 变更申请表 -->
-                <div class="flex items-center justify-between">
-                    <p 
-                        class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
-                        :style="{'--theme-color': themeStore.themeColor}"
-                    >变更申请表</p>
-                    <NButton ghost size="small" class="text-xs" @click="exportFile('change')"><Icon icon="material-symbols:download" class="size-16px" />导出变更申请表</NButton>
-                </div>
-                <div
-                    class="border border-slate-200"
-                    :style="{ borderRadius: themeStore.themeRadius + 'px' }"
-                >
-                    <div class="grid border-b grid-cols-[100px_1fr_100px_1fr]">
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更发起人</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.applicant_name }}</div>
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">申请单位</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.org_name }}</div>
-                    </div>
-                    <div class="grid border-b grid-cols-[100px_1fr_100px_1fr]">
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">发起日期</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.created_at?.slice(0,10) }}</div>
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">计划投用日期</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.plan_use_date?.slice(0,10) }}</div>
-                    </div>
-                    <div class="grid border-b grid-cols-[100px_1fr_100px_1fr]">
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更时限</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.duration_type === 1 ? '永久变更' : '临时变更' }}</div>
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">紧急</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.urgent === 1 ? '是' : '否' }}</div>
-                    </div>
-                    <div class="grid border-b grid-cols-[100px_1fr_100px_1fr]">
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更等级</p>
-                        <div class="flex items-center flex-wrap gap-2 px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                            <NRadioGroup v-model:value="level">
-                                <NRadio v-for="item in levelList" :key="item.value" :value="item.value" :disabled="true">{{item.label}}</NRadio>
-                            </NRadioGroup>
-                            <NTag type="error" size="small">合计 {{totalScore}} 分</NTag>
-                            <NButton ghost type="warning" size="small" round class="text-xs" @click="levelDrawer = true">
-                                <Icon icon="lucide:eye" class="size-12px mr-1" />查看等级判定
-                            </NButton>
-                        </div>
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更类别</p>
-                        <div class="flex items-center gap-2 px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                            {{matchLabel(typeList,currentInfo?.apply_form?.change_type)?.label}} 
-                            <NButton v-if="isAiOn" ghost type="primary" size="small" round class="text-xs" @click="openTypeSheet">
-                                <Icon icon="lucide:sparkles" class="size-12px mr-1" />判定说明
-                            </NButton>
-                        </div>
-                    </div>
-                    <div class="grid border-b grid-cols-[100px_1fr]">
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更目的</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                            {{currentInfo?.apply_form?.purposes?.join('、')}}
-                        </div>
-                    </div>
-                    <div class="grid border-b grid-cols-[100px_1fr]">
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">预期效果</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                            {{currentInfo?.apply_form?.effect}}
-                        </div>
-                    </div>
-                    <div class="grid border-b grid-cols-[100px_1fr]">
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">主要变更</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                            <p v-for="(main,mIndex) in currentInfo?.apply_form?.main_changes" :key="mIndex">{{Number(mIndex)+1}}.{{main}}</p>
-                        </div>
-                    </div>
-                    <div class="grid border-b grid-cols-[100px_1fr]">
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">连带变更</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                            <p v-for="(related,rIndex) in currentInfo?.apply_form?.related_changes" :key="rIndex">{{Number(rIndex)+1}}.{{related}}</p>
-                        </div>
-                    </div>
-                    <div class="grid border-b grid-cols-[100px_1fr]">
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">风险评估方法</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                            {{currentInfo?.apply_form?.risk_tools?.join('、')}}
-                        </div>
-                    </div>
-                    <div class="grid border-b grid-cols-[100px_1fr]">
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">所需材料</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                            {{currentInfo?.apply_form?.materials}}
-                        </div>
-                    </div>
-                    <div class="grid border-b grid-cols-[100px_1fr]">
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">需更新资料</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                            {{currentInfo?.apply_form?.update_docs?.join('、')}}
-                        </div>
-                    </div>
-                    <div class="grid grid-cols-[100px_1fr]">
-                        <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">涉及专业</p>
-                        <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
-                            {{currentInfo?.apply_form?.disciplines?.join('、')}}
-                        </div>
-                    </div>
-                </div>
-                <!-- 变更附带资料 -->
-                <div class="flex items-center justify-between">
-                    <p 
-                        class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
-                        :style="{'--theme-color': themeStore.themeColor}"
-                    >变更附带资料</p>
-                    <NButton ghost size="small" class="text-xs" @click="downloadFile(null)"><Icon icon="material-symbols:download" class="size-16px" />一键下载</NButton>
-                </div>
-                <NTable size="small">
-                    <thead>
-                    <tr>
-                        <th class="w-60px !text-center">序号</th>
-                        <th>文件名</th>
-                        <th class="w-100px !text-center">类型</th>
-                        <th class="w-100px !text-center">文件大小</th>
-                        <th class="w-120px !text-center">上传时间</th>
-                        <th class="w-120px !text-center">上传阶段</th>
-                        <th class="w-90px !text-center">操作</th>
-                    </tr>
-                    </thead>
-                    <tbody>
-                    <tr v-for="(doc,dIndex) in currentInfo?.apply_form?.attachments" :key="dIndex">
-                        <td class="text-center">1</td>
-                        <td>{{doc.file_name}}</td>
-                        <td class="text-center text-xs">{{doc?.file_type}}</td>
-                        <td class="text-center text-xs">{{doc?.file_size}}</td>
-                        <td class="text-center text-xs">{{doc?.created_at?.slice(0,16)}}</td>
-                        <td class="text-center text-xs">
-                            <span v-if="doc?.step_no===1">变更申请表</span>
-                        </td>
-                        <td>
-                            <div class="flex items-center justify-center gap-2">
-                                <NButton text type="primary" class="text-xs" @click="openPreview(doc)">预览</NButton>
-                                <NButton text type="primary" class="text-xs" @click="downloadFile(doc)">下载</NButton>
-                            </div>
-                        </td>
-                    </tr>
-                    </tbody>
-                </NTable>
-                
-                <!-- 风险分析记录表 -->
-                <div class="flex items-center justify-between">
-                    <p 
-                        class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
-                        :style="{'--theme-color': themeStore.themeColor}"
-                    >风险分析记录表</p>
-                    <NButton ghost size="small" class="text-xs" @click="exportFile('risk')"><Icon icon="material-symbols:download" class="size-16px" />导出风险分析记录表</NButton>
-                </div>
-                <NTable size="small">
-                    <thead>
-                        <tr>
-                            <th class="w-60px !text-center">序号</th>
-                            <th>风险项</th>
-                            <th>场景描述</th>
-                            <th class="w-80px !text-center">固有风险</th>
-                            <th>现有措施</th>
-                            <th>建议措施</th>
-                            <th class="w-80px !text-center">剩余风险</th>
-                            <th class="w-100px !text-center">来源</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr v-for="(risk,index) in currentInfo?.risk_records?.records" :key="index">
-                            <td class="text-center">{{Number(index)+1}}</td>
-                            <td>{{risk.item}}</td>
-                            <td>{{risk.scene}}</td>
-                            <td class="text-center">{{risk.inherent_level}}</td>
-                            <td>{{risk.safeguards}}</td>
-                            <td>{{risk.suggestions}}</td>
-                            <td class="text-center">{{risk.residual_level}}</td>
-                            <td class="text-center">
-                                <NTag size="small" type="info" class="text-11px">{{ risk.source==='RISK'?'风险预分析':risk.source==='RISK_CHECK'?'风险检查': risk.source  }}</NTag>
-                            </td>
-                        </tr>
-                    </tbody>
-                </NTable>
-
-                <!-- 变更培训内容 -->
-                <div>
-                    <div class="flex items-center gap-2 mb-1.5">
-                        <Icon icon="lucide:graduation-cap" class="size-16px text-violet-500" />
-                        <span class="text-sm font-semibold text-slate-700">变更培训内容</span>
-                    </div>
-                    <div class="space-y-2.5 border p-3" :style="{borderRadius: themeStore.themeRadius + 'px'}">
-                        <p>{{currentInfo?.train?.content}}</p>
-                    </div>
-                </div>
-                <!-- PSSR 检查内容 -->
-                <div>
-                    <div class="flex items-center gap-2 mb-1.5">
-                        <Icon icon="lucide:list-checks" class="size-16px text-violet-500" /> 
-                        <span class="text-sm font-semibold text-slate-700">PSSR 检查内容</span>
-                    </div>
-                    <div class="space-y-2.5 border p-3" :style="{borderRadius: themeStore.themeRadius + 'px'}">
-                        <div v-for="(pssr,index) in pssrlist" class="border" :key="index" :style="{borderRadius: themeStore.themeRadius + 'px'}">
-                            <div class="bg-slate-100 px-3 py-1.6 font-medium text-slate-600">{{pssr.g}}</div>
-                            <div v-for="item in pssr.items" :key="item.id" class="flex items-center border-t px-3 py-1.6">
-                                <p class="flex-1">{{item.content}}</p>
-                                <NTag v-if="item.phase===1" size="small" type="info">投用前完成</NTag>
-                                <NTag v-else size="small" type="info">关闭前完成</NTag>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <!-- 验收评价 -->
-                <div>
-                    <div class="flex items-center gap-2 mb-1.5">
-                        <Icon icon="ix:success" class="size-16px text-emerald-500" />
-                        <span class="text-sm font-semibold text-slate-700">验收评价</span>
-                    </div>
-                    <div class="border p-3" :style="{borderRadius: themeStore.themeRadius + 'px'}">
-                        <NTable size="small">
-                            <thead>
-                                <tr>
-                                    <th class="w-56">验收项目</th>
-                                    <th>量化验收标准</th>
-                                    <th>验收方式</th>
-                                    <th class="w-46 !text-center">组织层级</th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr v-for="(accept,index) in acceptList" :key="index">
-                                    <td class="text-xs">{{accept.item}}</td>
-                                    <td class="text-xs">{{accept.standard}}</td>
-                                    <td class="text-xs">{{accept.method}}</td>
-                                    <td class="text-xs text-center">{{accept.org_name}}</td>
-                                </tr>
-                            </tbody>
-                        </NTable>
-                    </div>
-                </div>
-                <!-- 审批记录 -->
-                <div class="flex items-center justify-between">
-                    <p 
-                        class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
-                        :style="{'--theme-color': themeStore.themeColor}"
-                    >审批记录</p>
-                </div>
-                <NTable size="small">
-                    <thead>
-                        <tr>
-                            <th class="w-120px">流程阶段</th>
-                            <th class="w-120px">操作人</th>
-                            <th class="w-140px !text-center">操作时间</th>
-                            <th>操作内容和意见</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr v-for="(record,index) in currentInfo?.approval_records" :key="index">
-                            <td class="text-xs">{{record.action}}</td>
-                            <td class="text-xs">{{record.user_name}}</td>
-                            <td class="text-center text-xs">{{record.updated_at?.slice(0,16)}}</td>
-                            <td class="text-xs">{{record.remark}}</td>
-                        </tr>
-                    </tbody>
-                </NTable>
-
-                <!-- 审批流程进度 -->
-                <div class="space-y-2">
-                    <div class="text-sm font-semibold">审批流程{{ matchLabel(levelList,level)?.label? '（'+matchLabel(levelList,level)?.label+'变更）':'' }}</div>
-                    <div class="flex flex-wrap items-center gap-1">
-                        <template v-for="(n, i) in currentInfo?.approval_flow?.steps" :key="n.name">
-                            <div class="flex items-center gap-1">
-                                <Icon v-if="i !== 0" icon="formkit:right" class="size-14px text-slate-300" />
-                                <div class="rounded-lg border px-3 py-2 text-center"
-                                :class="n.status === 'PASSED' ? 'border-emerald-300 bg-emerald-50' : n.status === 'PENDING' ? 'border-amber-400 bg-amber-50' : n.status === 'REJECTED' ? 'border-red-300 bg-red-50' :'border-amber-400 bg-amber-50'">
-                                    <p class="text-xs font-medium">
-                                        {{ n.name }}
-                                    </p>
-                                    <div class="flex items-center justify-center gap-1">
-                                        <span v-for="member in n.members" :key="member.id" class="text-xs text-slate-500">{{ member.user_name }}</span>
-                                    </div>
-                                </div>
-                            </div>
-                        </template>
-                    </div>
-                    <div v-if="allMembers?.length" class="rounded-lg border border-amber-200 bg-amber-50/60 p-3">
-                        <div class="mb-2 flex flex-wrap items-center gap-2 text-xs font-semibold text-amber-700">
-                            会签进度（全体通过方可流转）
-                            <span class="font-normal text-amber-600">
-                                {{ allMembers.filter((m) => m.status === 'PASSED').length }}/{{ allMembers.length }} 已签
-                            </span>
-                        </div>
-                        <div class="flex flex-wrap items-center gap-2">
-                        <span v-for="m in allMembers" :key="m.id" class="flex items-center gap-1">
-                            <NTag size="small" :type="m.status === 'PASSED' ? 'success' : m.status === 'REJECTED' ? 'error' : 'default'">
-                                <template #icon>
-                                    <Icon v-if="m.status === 'PASSED'" icon="ix:success" class="size-14px" />
-                                    <Icon v-if="m.status === 'PENDING'" icon="ant-design:clock-circle-outlined" class="size-12px text-slate-400" />
-                                    <Icon v-if="m.status === 'REJECTED'" icon="ix:close" class="size-12px" />
-                                </template>
-                                {{ m.user_name }}
-                            </NTag>
-                            <div v-if="m.status === 'PENDING'"
-                                class="cursor-pointer inline-flex h-6 items-center gap-1 rounded-md border border-amber-300 bg-white px-2 text-[11px] text-amber-700 transition hover:bg-amber-100"
-                                @click="handleReminder(m)"
-                            >
-                                <Icon icon="lucide:bell" class="size-12px" /> 催办
-                            </div>
-                        </span>
-                        </div>
-                    </div>
-                </div>
-
-            </div>
-        </NCard>
-        <!-- 变更类型判定说明（右侧抽屉） -->
-        <NDrawer v-model:show="describeDrawer" :width="576" placement="right" :auto-focus="false">
-            <NDrawerContent title="变更类型判定说明" closable>
-                <NTag v-if="typeAiLoading" type="info" size="small">
-                    <template #icon>
-                        <Icon icon="ri:loader-4-fill" class="size-12px animate-spin" />
-                    </template>
-                    AI 判定中…
-                </NTag>
-                <div v-else class="flex items-center gap-2 max-h-[22px] mb-3">
-                    <span class="inline-flex items-center gap-1 rounded-full border border-violet-200 bg-violet-100 px-2 py-0.5 text-xs font-medium text-violet-700">
-                    ✨ AI 生成 · 需人工确认
-                    </span>
-                    <NTag v-if="typeAi?.type" type="info" size="small">判定：{{ typeAi?.type }}</NTag>
-                    <NTag v-if="typeAi" size="small">置信度：{{ `${Math.round(typeAi.confidence * 100)}%` }}</NTag>
-                </div>
-                <div v-if="typeAi" class="space-y-3 text-sm leading-relaxed text-slate-700">
-                    <p><b>判定结论：</b>{{ typeAi.conclusion }}</p>
-                    <p><b>判定依据：</b></p>
-                    <ul class="list-disc space-y-1 pl-5">
-                    <li v-for="r in typeAi.hit_rules" :key="r">命中规则：{{ r }}</li>
-                    <li v-for="r in typeAi.exclude_rules" :key="r">排除规则：{{ r }}</li>
-                    </ul>
-                    <p v-if="typeAi.knowledge_refs.length"><b>知识库引用：</b>{{ typeAi.knowledge_refs.join('、') }}。</p>
-                    <p class="rounded-lg bg-amber-50 p-3 text-xs text-amber-700">AI 判定结果仅供参考，最终类型以人工确认为准；如调整为其他类型，系统将记录修改留痕。</p>
-                </div>
-            </NDrawerContent>
-        </NDrawer>
-        <!-- 变更等级判定表（右侧抽屉查看） -->
-        <NDrawer v-model:show="levelDrawer" :width="576" placement="right" :auto-focus="false">
-            <NDrawerContent title="变更等级判定表" closable>
-                <div class="space-y-4">
-                    <div class="flex items-center gap-2">
-                        <NTag 
-                            size="small"
-                            :color="{
-                                color: tagBgColor(matchLabel(levelList,level)?.color),
-                                textColor: tagTextColor(matchLabel(levelList,level)?.color),
-                                borderColor: tagBorderColor(matchLabel(levelList,level)?.color),
-                            }"
-                        >{{ matchLabel(levelList,level)?.label? matchLabel(levelList,level)?.label+'变更':'' }}</NTag>
-                        <span class="text-xs text-slate-400">合计得分 <b class="text-[#17407F]">{{ totalScore }}</b> 分（&lt;20 分为一般，≥20 分为重要）</span>
-                    </div>
-                    <NTable size="small">
-                        <thead>
-                            <tr class="border-b bg-slate-50">
-                                <th class="w-40">评估维度</th>
-                                <th class="w-20 !text-center">得分</th>
-                                <th>评分依据</th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <tr v-for="s in questions" :key="s.dim" class="border-b last:border-b-0">
-                                <td class="font-medium">{{ s.name }}</td>
-                                <td class="font-bold text-[#17407F] text-center">{{ s.score }}</td>
-                                <td class="text-xs leading-relaxed text-slate-600">{{ matchBasis(s.options,s.score) }}</td>
-                            </tr>
-                        </tbody>
-                    </NTable>
-                </div>
-            </NDrawerContent>
-        </NDrawer>
-        <!-- 附件在线预览弹窗 -->
-        <NModal
-            v-model:show="previewModal"
-            preset="card"
-            :auto-focus="false"
-            :style="{ width: '80%', height: 'auto' }"
-            :segmented="{ content: true, footer: true }"
+      <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+        <div
+          class="flex flex-wrap items-center gap-3 border border-slate-200 px-3 py-2 mb-3"
+          :style="{ borderRadius: themeStore.themeRadius + 'px' }"
         >
-            <template #header>
-                <div class="flex items-center gap-2 text-base font-semibold text-slate-800">
-                <Icon icon="akar-icons:file" class="size-18px" /> {{ previewFile?.file_name }}
+          <NButton ghost type="primary" @click="back">
+            <Icon icon="ep:back" class="size-16px mr-1" />返回
+          </NButton>
+          <div class="min-w-0 flex-1 truncate text-base font-bold text-slate-800">{{ currentInfo?.title }}</div>
+          <NTag size="small" type="info" class="font-mono text-xs">编号：{{ currentInfo?.change_no }}</NTag>
+        </div>
+        <div class="space-y-3 scroll">
+          <!-- 变更申请表 -->
+          <div class="flex items-center justify-between">
+            <p
+              class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
+              :style="{'--theme-color': themeStore.themeColor}"
+            >
+              变更申请表
+            </p>
+            <NButton ghost size="small" class="text-xs" @click="exportFile('change')"><Icon icon="material-symbols:download" class="size-16px" />导出变更申请表</NButton>
+          </div>
+          <div
+            class="border border-slate-200"
+            :style="{ borderRadius: themeStore.themeRadius + 'px' }"
+          >
+            <div class="grid border-b grid-cols-[100px_1fr_100px_1fr]">
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更发起人</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.applicant_name }}</div>
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">申请单位</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.org_name }}</div>
+            </div>
+            <div class="grid border-b grid-cols-[100px_1fr_100px_1fr]">
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">发起日期</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.created_at?.slice(0,10) }}</div>
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">计划投用日期</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.plan_use_date?.slice(0,10) }}</div>
+            </div>
+            <div class="grid border-b grid-cols-[100px_1fr_100px_1fr]">
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更时限</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.duration_type === 1 ? '永久变更' : '临时变更' }}</div>
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">紧急</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">{{ currentInfo?.apply_form?.urgent === 1 ? '是' : '否' }}</div>
+            </div>
+            <div class="grid border-b grid-cols-[100px_1fr_100px_1fr]">
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更等级</p>
+              <div class="flex items-center flex-wrap gap-2 px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                <NRadioGroup v-model:value="level">
+                  <NRadio v-for="item in levelList" :key="item.value" :value="item.value" :disabled="true">{{ item.label }}</NRadio>
+                </NRadioGroup>
+                <NTag type="error" size="small">合计 {{ totalScore }} 分</NTag>
+                <NButton ghost type="warning" size="small" round class="text-xs" @click="levelDrawer = true">
+                  <Icon icon="lucide:eye" class="size-12px mr-1" />查看等级判定
+                </NButton>
+              </div>
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更类别</p>
+              <div class="flex items-center gap-2 px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                {{ matchLabel(typeList,currentInfo?.apply_form?.change_type)?.label }}
+                <NButton v-if="isAiOn" ghost type="primary" size="small" round class="text-xs" @click="openTypeSheet">
+                  <Icon icon="lucide:sparkles" class="size-12px mr-1" />判定说明
+                </NButton>
+              </div>
+            </div>
+            <div class="grid border-b grid-cols-[100px_1fr]">
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">变更目的</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                {{ currentInfo?.apply_form?.purposes?.join('、') }}
+              </div>
+            </div>
+            <div class="grid border-b grid-cols-[100px_1fr]">
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">预期效果</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                {{ currentInfo?.apply_form?.effect }}
+              </div>
+            </div>
+            <div class="grid border-b grid-cols-[100px_1fr]">
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">主要变更</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                <p v-for="(main,mIndex) in currentInfo?.apply_form?.main_changes" :key="mIndex">{{ Number(mIndex)+1 }}.{{ main }}</p>
+              </div>
+            </div>
+            <div class="grid border-b grid-cols-[100px_1fr]">
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">连带变更</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                <p v-for="(related,rIndex) in currentInfo?.apply_form?.related_changes" :key="rIndex">{{ Number(rIndex)+1 }}.{{ related }}</p>
+              </div>
+            </div>
+            <div class="grid border-b grid-cols-[100px_1fr]">
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">风险评估方法</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                <template v-for="(item,index) in currentInfo?.apply_form?.risk_tools" :key="index">
+                  <span v-if="index!==0">、</span>
+                  <span v-if="item==='RISK'">风险预分析</span>
+                  <span v-else-if="item==='RISK_CHECK'">风险检查表</span>
+                  <span v-else>{{ item }}</span>
+                </template>
+              </div>
+            </div>
+            <div class="grid border-b grid-cols-[100px_1fr]">
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">所需材料</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                {{ currentInfo?.apply_form?.materials }}
+              </div>
+            </div>
+            <div class="grid border-b grid-cols-[100px_1fr]">
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">需更新资料</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                {{ currentInfo?.apply_form?.update_docs?.join('、') }}
+              </div>
+            </div>
+            <div class="grid grid-cols-[100px_1fr]">
+              <p class="flex items-center justify-end px-3 py-1.6 text-xs text-slate-500 bg-[#fafafc]">涉及专业</p>
+              <div class="px-3 py-1.6 text-sm leading-relaxed text-slate-800">
+                {{ currentInfo?.apply_form?.disciplines?.join('、') }}
+              </div>
+            </div>
+          </div>
+          <!-- 变更附带资料 -->
+          <div class="flex items-center justify-between">
+            <p
+              class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
+              :style="{'--theme-color': themeStore.themeColor}"
+            >
+              变更附带资料
+            </p>
+            <NButton ghost size="small" class="text-xs" @click="downloadFile(null)"><Icon icon="material-symbols:download" class="size-16px" />一键下载</NButton>
+          </div>
+          <NTable size="small">
+            <thead>
+              <tr>
+                <th class="w-60px !text-center">序号</th>
+                <th>文件名</th>
+                <th class="w-100px !text-center">类型</th>
+                <th class="w-100px !text-center">文件大小</th>
+                <th class="w-120px !text-center">上传时间</th>
+                <th class="w-120px !text-center">上传阶段</th>
+                <th class="w-90px !text-center">操作</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr v-for="(doc,dIndex) in currentInfo?.apply_form?.attachments" :key="dIndex">
+                <td class="text-center">1</td>
+                <td>{{ doc.file_name }}</td>
+                <td class="text-center text-xs">{{ doc?.file_type }}</td>
+                <td class="text-center text-xs">{{ doc?.file_size }}</td>
+                <td class="text-center text-xs">{{ doc?.created_at?.slice(0,16) }}</td>
+                <td class="text-center text-xs">
+                  <span v-if="doc?.step_no===1">变更申请表</span>
+                </td>
+                <td>
+                  <div class="flex items-center justify-center gap-2">
+                    <NButton text type="primary" class="text-xs" @click="openPreview(doc)">预览</NButton>
+                    <NButton text type="primary" class="text-xs" @click="downloadFile(doc)">下载</NButton>
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </NTable>
+
+          <!-- 风险分析记录表 -->
+          <div class="flex items-center justify-between">
+            <p
+              class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
+              :style="{'--theme-color': themeStore.themeColor}"
+            >
+              风险分析记录表
+            </p>
+            <NButton ghost size="small" class="text-xs" @click="exportFile('risk')"><Icon icon="material-symbols:download" class="size-16px" />导出风险分析记录表</NButton>
+          </div>
+          <NTable size="small">
+            <thead>
+              <tr>
+                <th class="w-60px !text-center">序号</th>
+                <th>风险项</th>
+                <th>场景描述</th>
+                <th class="w-80px !text-center">固有风险</th>
+                <th>现有措施</th>
+                <th>建议措施</th>
+                <th class="w-80px !text-center">剩余风险</th>
+                <th class="w-100px !text-center">来源</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr v-for="(risk,index) in currentInfo?.risk_records?.records" :key="index">
+                <td class="text-center">{{ Number(index)+1 }}</td>
+                <td>{{ risk.item }}</td>
+                <td>{{ risk.scene }}</td>
+                <td class="text-center">{{ risk.inherent_level }}</td>
+                <td>{{ risk.safeguards }}</td>
+                <td>{{ risk.suggestions }}</td>
+                <td class="text-center">{{ risk.residual_level }}</td>
+                <td class="text-center">
+                  <NTag size="small" type="info" class="text-11px">{{ risk.source==='RISK'?'风险预分析':risk.source==='RISK_CHECK'?'风险检查': risk.source }}</NTag>
+                </td>
+              </tr>
+            </tbody>
+          </NTable>
+
+          <!-- 变更培训内容 -->
+          <div>
+            <div class="flex items-center gap-2 mb-1.5">
+              <Icon icon="lucide:graduation-cap" class="size-16px text-violet-500" />
+              <span class="text-sm font-semibold text-slate-700">变更培训内容</span>
+            </div>
+            <div class="space-y-2.5 border p-3" :style="{borderRadius: themeStore.themeRadius + 'px'}">
+              <p>{{ currentInfo?.train?.content }}</p>
+            </div>
+          </div>
+          <!-- PSSR 检查内容 -->
+          <div>
+            <div class="flex items-center gap-2 mb-1.5">
+              <Icon icon="lucide:list-checks" class="size-16px text-violet-500" />
+              <span class="text-sm font-semibold text-slate-700">PSSR 检查内容</span>
+            </div>
+            <div class="space-y-2.5 border p-3" :style="{borderRadius: themeStore.themeRadius + 'px'}">
+              <div v-for="(pssr,index) in pssrlist" :key="index" class="border" :style="{borderRadius: themeStore.themeRadius + 'px'}">
+                <div class="bg-slate-100 px-3 py-1.6 font-medium text-slate-600">{{ pssr.g }}</div>
+                <div v-for="item in pssr.items" :key="item.id" class="flex items-center border-t px-3 py-1.6">
+                  <p class="flex-1">{{ item.content }}</p>
+                  <NTag v-if="item.phase===1" size="small" type="info">投用前完成</NTag>
+                  <NTag v-else size="small" type="info">关闭前完成</NTag>
                 </div>
-            </template>
-            <template #default>
-                <div class="space-y-3">
-                    <div class="flex flex-wrap gap-x-4 gap-y-1 text-xs text-slate-400">
-                        <span>上传人：{{ previewFile?.uploader_name }}</span>
-                        <span>上传时间：{{ previewFile?.created_at }}</span>
-                        <span v-if="previewFile?.version">{{ `版本：${previewFile?.version}（受控）` }}</span>
+              </div>
+            </div>
+          </div>
+          <!-- 验收评价 -->
+          <div>
+            <div class="flex items-center gap-2 mb-1.5">
+              <Icon icon="ix:success" class="size-16px text-emerald-500" />
+              <span class="text-sm font-semibold text-slate-700">验收评价</span>
+            </div>
+            <div class="border p-3" :style="{borderRadius: themeStore.themeRadius + 'px'}">
+              <NTable size="small">
+                <thead>
+                  <tr>
+                    <th class="w-56">验收项目</th>
+                    <th>量化验收标准</th>
+                    <th>验收方式</th>
+                    <th class="w-46 !text-center">组织层级</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr v-for="(accept,index) in acceptList" :key="index">
+                    <td class="text-xs">{{ accept.item }}</td>
+                    <td class="text-xs">{{ accept.standard }}</td>
+                    <td class="text-xs">{{ accept.method }}</td>
+                    <td class="text-xs text-center">{{ accept.org_name }}</td>
+                  </tr>
+                </tbody>
+              </NTable>
+            </div>
+          </div>
+          <!-- 审批记录 -->
+          <div class="flex items-center justify-between">
+            <p
+              class="rounded-sm bg-[var(--theme-color)] px-3 py-1 text-xs font-semibold text-white"
+              :style="{'--theme-color': themeStore.themeColor}"
+            >
+              审批记录
+            </p>
+          </div>
+          <NTable size="small">
+            <thead>
+              <tr>
+                <th class="w-120px">流程阶段</th>
+                <th class="w-120px">操作人</th>
+                <th class="w-140px !text-center">操作时间</th>
+                <th>操作内容和意见</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr v-for="(record,index) in currentInfo?.approval_records" :key="index">
+                <td class="text-xs">{{ record.action }}</td>
+                <td class="text-xs">{{ record.user_name }}</td>
+                <td class="text-center text-xs">{{ record.updated_at?.slice(0,16) }}</td>
+                <td class="text-xs">{{ record.remark }}</td>
+              </tr>
+            </tbody>
+          </NTable>
+
+          <!-- 审批流程进度 -->
+          <div class="space-y-2">
+            <div class="text-sm font-semibold">审批流程{{ matchLabel(levelList,level)?.label? '（'+matchLabel(levelList,level)?.label+'变更）':'' }}</div>
+            <div class="flex flex-wrap items-center gap-1">
+              <template v-for="(n, i) in currentInfo?.approval_flow?.steps" :key="n.name">
+                <div class="flex items-center gap-1">
+                  <Icon v-if="i !== 0" icon="formkit:right" class="size-14px text-slate-300" />
+                  <div
+                    class="rounded-lg border px-3 py-2 text-center"
+                    :class="n.status === 'PASSED' ? 'border-emerald-300 bg-emerald-50' : n.status === 'PENDING' ? 'border-amber-400 bg-amber-50' : n.status === 'REJECTED' ? 'border-red-300 bg-red-50' :'border-amber-400 bg-amber-50'"
+                  >
+                    <p class="text-xs font-medium">
+                      {{ n.name }}
+                    </p>
+                    <div class="flex items-center justify-center gap-1">
+                      <span v-for="member in n.members" :key="member.id" class="text-xs text-slate-500">{{ member.user_name }}</span>
                     </div>
-                    <previewComponent v-if="previewFile" :previewFile="previewFile" />
+                  </div>
                 </div>
+              </template>
+            </div>
+            <div v-if="allMembers?.length" class="rounded-lg border border-amber-200 bg-amber-50/60 p-3">
+              <div class="mb-2 flex flex-wrap items-center gap-2 text-xs font-semibold text-amber-700">
+                会签进度（全体通过方可流转）
+                <span class="font-normal text-amber-600">
+                  {{ allMembers.filter((m) => m.status === 'PASSED').length }}/{{ allMembers.length }} 已签
+                </span>
+              </div>
+              <div class="flex flex-wrap items-center gap-2">
+                <span v-for="m in allMembers" :key="m.id" class="flex items-center gap-1">
+                  <NTag size="small" :type="m.status === 'PASSED' ? 'success' : m.status === 'REJECTED' ? 'error' : 'default'">
+                    <template #icon>
+                      <Icon v-if="m.status === 'PASSED'" icon="ix:success" class="size-14px" />
+                      <Icon v-if="m.status === 'PENDING'" icon="ant-design:clock-circle-outlined" class="size-12px text-slate-400" />
+                      <Icon v-if="m.status === 'REJECTED'" icon="ix:close" class="size-12px" />
+                    </template>
+                    {{ m.user_name }}
+                  </NTag>
+                  <div
+                    v-if="m.status === 'PENDING'"
+                    class="cursor-pointer inline-flex h-6 items-center gap-1 rounded-md border border-amber-300 bg-white px-2 text-[11px] text-amber-700 transition hover:bg-amber-100"
+                    @click="handleReminder(m)"
+                  >
+                    <Icon icon="lucide:bell" class="size-12px" /> 催办
+                  </div>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </NCard>
+      <!-- 变更类型判定说明（右侧抽屉） -->
+      <NDrawer v-model:show="describeDrawer" :width="576" placement="right" :auto-focus="false">
+        <NDrawerContent title="变更类型判定说明" closable>
+          <NTag v-if="typeAiLoading" type="info" size="small">
+            <template #icon>
+              <Icon icon="ri:loader-4-fill" class="size-12px animate-spin" />
             </template>
-        </NModal>
+            AI 判定中…
+          </NTag>
+          <div v-else class="flex items-center gap-2 max-h-[22px] mb-3">
+            <span class="inline-flex items-center gap-1 rounded-full border border-violet-200 bg-violet-100 px-2 py-0.5 text-xs font-medium text-violet-700">
+              ✨ AI 生成 · 需人工确认
+            </span>
+            <NTag v-if="typeAi?.type" type="info" size="small">判定：{{ typeAi?.type }}</NTag>
+            <NTag v-if="typeAi" size="small">置信度：{{ `${Math.round(typeAi.confidence * 100)}%` }}</NTag>
+          </div>
+          <div v-if="typeAi" class="space-y-3 text-sm leading-relaxed text-slate-700">
+            <p><b>判定结论：</b>{{ typeAi.conclusion }}</p>
+            <p><b>判定依据：</b></p>
+            <ul class="list-disc space-y-1 pl-5">
+              <li v-for="r in typeAi.hit_rules" :key="r">命中规则：{{ r }}</li>
+              <li v-for="r in typeAi.exclude_rules" :key="r">排除规则：{{ r }}</li>
+            </ul>
+            <p v-if="typeAi.knowledge_refs.length"><b>知识库引用：</b>{{ typeAi.knowledge_refs.join('、') }}。</p>
+            <p class="rounded-lg bg-amber-50 p-3 text-xs text-amber-700">AI 判定结果仅供参考，最终类型以人工确认为准；如调整为其他类型，系统将记录修改留痕。</p>
+          </div>
+        </NDrawerContent>
+      </NDrawer>
+      <!-- 变更等级判定表（右侧抽屉查看） -->
+      <NDrawer v-model:show="levelDrawer" :width="576" placement="right" :auto-focus="false">
+        <NDrawerContent title="变更等级判定表" closable>
+          <div class="space-y-4">
+            <div class="flex items-center gap-2">
+              <NTag
+                size="small"
+                :color="{
+                  color: tagBgColor(matchLabel(levelList,level)?.color),
+                  textColor: tagTextColor(matchLabel(levelList,level)?.color),
+                  borderColor: tagBorderColor(matchLabel(levelList,level)?.color),
+                }"
+              >
+                {{ matchLabel(levelList,level)?.label? matchLabel(levelList,level)?.label+'变更':'' }}
+              </NTag>
+              <span class="text-xs text-slate-400">合计得分 <b class="text-[#17407F]">{{ totalScore }}</b> 分（&lt;20 分为一般，≥20 分为重要）</span>
+            </div>
+            <NTable size="small">
+              <thead>
+                <tr class="border-b bg-slate-50">
+                  <th class="w-40">评估维度</th>
+                  <th class="w-20 !text-center">得分</th>
+                  <th>评分依据</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr v-for="s in questions" :key="s.dim" class="border-b last:border-b-0">
+                  <td class="font-medium">{{ s.name }}</td>
+                  <td class="font-bold text-[#17407F] text-center">{{ s.score }}</td>
+                  <td class="text-xs leading-relaxed text-slate-600">{{ matchBasis(s.options,s.score) }}</td>
+                </tr>
+              </tbody>
+            </NTable>
+          </div>
+        </NDrawerContent>
+      </NDrawer>
+      <!-- 附件在线预览弹窗 -->
+      <NModal
+        v-model:show="previewModal"
+        preset="card"
+        :auto-focus="false"
+        :style="{ width: '80%', height: 'auto' }"
+        :segmented="{ content: true, footer: true }"
+      >
+        <template #header>
+          <div class="flex items-center gap-2 text-base font-semibold text-slate-800">
+            <Icon icon="akar-icons:file" class="size-18px" /> {{ previewFile?.file_name }}
+          </div>
+        </template>
+        <template #default>
+          <div class="space-y-3">
+            <div class="flex flex-wrap gap-x-4 gap-y-1 text-xs text-slate-400">
+              <span>上传人：{{ previewFile?.uploader_name }}</span>
+              <span>上传时间：{{ previewFile?.created_at }}</span>
+              <span v-if="previewFile?.version">{{ `版本：${previewFile?.version}（受控）` }}</span>
+            </div>
+            <PreviewComponent v-if="previewFile" :preview-file="previewFile" />
+          </div>
+        </template>
+      </NModal>
     </NSpin>
-</NSpace>
+  </NSpace>
 </template>
 
 <style scoped lang="scss">
diff --git a/src/views/home/modules/template7.vue b/src/views/home/modules/template7.vue
index 5a730f3..6ff043a 100644
--- a/src/views/home/modules/template7.vue
+++ b/src/views/home/modules/template7.vue
@@ -170,466 +170,476 @@ onUnmounted(() => {
 </script>
 
 <template>
-<NSpin :show="loading" size="small">
-<div class="space-y-3.5">
-    <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
-    <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
-        <NGi span="24 s:24 m:8">
-        <div class="flex-y-center">
-            <p 
-            class="py-1.5 px-1.5 flex items-center justify-center bg-[rgb(var(--primary-color))] text-white text-xs font-bold"
+  <NSpin :show="loading" size="small">
+    <div class="space-y-3.5">
+      <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+        <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
+          <NGi span="24 s:24 m:8">
+            <div class="flex-y-center">
+              <p
+                class="py-1.5 px-1.5 flex items-center justify-center bg-[rgb(var(--primary-color))] text-white text-xs font-bold"
+                :style="{ borderRadius: themeStore.themeRadius + 'px' }"
+              >
+                MOC
+              </p>
+              <p class="pl-12px text-14px font-semibold">我的工作台</p>
+            </div>
+          </NGi>
+          <NGi span="24 s:24 m:16" class="flex items-center justify-end gap-12px">
+            <p class="text-#999 text-xs">{{ clock }}</p>
+            <NButton ghost size="small" @click="jumpTo('workshopstatistics')">
+              车间变更看板
+            </NButton>
+            <NButton type="primary" size="small" @click="jumpTo('my_mytask')">
+              <Icon icon="lucide:clipboard-check" class="size-14px" />
+              审批待办
+            </NButton>
+          </NGi>
+        </NGrid>
+      </NCard>
+      <!-- 卡片数据 -->
+      <NGrid cols="s:1 m:2 l:4" responsive="screen" :x-gap="16" :y-gap="16">
+        <NGi>
+          <div
+            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
-            >
-            MOC
-            </p>
-            <p class="pl-12px text-14px font-semibold">我的工作台</p>
-        </div>
-        </NGi>
-        <NGi span="24 s:24 m:16" class="flex items-center justify-end gap-12px">
-        <p class="text-#999 text-xs">{{clock}}</p>
-        <NButton ghost size="small" @click="jumpTo('workshopstatistics')">
-            车间变更看板
-        </NButton>
-        <NButton type="primary" size="small" @click="jumpTo('my_mytask')">
-            <Icon icon="lucide:clipboard-check" class="size-14px" />
-            审批待办
-        </NButton>
-        </NGi>
-    </NGrid>
-    </NCard>
-    <!-- 卡片数据 -->
-    <NGrid cols="s:1 m:2 l:4" responsive="screen" :x-gap="16" :y-gap="16">
-    <NGi>
-        <div 
-        class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer"
-        :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('my_mytask')"
-        >
-        <p class="text-12px font-600">待我审批</p>
-        <div class="flex justify-between">
-            <CountTo
-            :start-value="0"
-            :end-value="homeData?.todo_approvals?.total || 0"
-            class="text-26px font-600 text-[#333]"
-            />
-        </div>
-        <p v-if="homeData?.todo_approvals?.overdue_count" class="text-12px text-[#e15555]">含超期未审 · 请优先处理</p>
-        <p v-else class="text-12px">属地变更审批</p>
-        </div>
-    </NGi>
-    <NGi>
-        <div 
-        class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555] cursor-pointer"
-        :style="{ borderRadius: themeStore.themeRadius + 'px' }"
+          >
+            <p class="text-12px font-600">待我审批</p>
+            <div class="flex justify-between">
+              <CountTo
+                :start-value="0"
+                :end-value="homeData?.todo_approvals?.total || 0"
+                class="text-26px font-600 text-[#333]"
+              />
+            </div>
+            <p v-if="homeData?.todo_approvals?.overdue_count" class="text-12px text-[#e15555]">含超期未审 · 请优先处理</p>
+            <p v-else class="text-12px">属地变更审批</p>
+          </div>
+        </NGi>
+        <NGi>
+          <div
+            class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555] cursor-pointer"
+            :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('changeledger')"
-        >
-        <p class="text-12px font-600">重要变更未关闭</p>
-        <div class="flex justify-between">
-            <CountTo
-            :start-value="0"
-            :end-value="homeData?.important_open?.total || 0"
-            class="text-26px font-600"
-            />
-        </div>
-        <p class="text-12px">本车间 · 需重点跟踪</p>
-        </div>
-    </NGi>
-    <NGi>
-        <div 
-        class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer"
-        :style="{ borderRadius: themeStore.themeRadius + 'px' }"
+          >
+            <p class="text-12px font-600">重要变更未关闭</p>
+            <div class="flex justify-between">
+              <CountTo
+                :start-value="0"
+                :end-value="homeData?.important_open?.total || 0"
+                class="text-26px font-600"
+              />
+            </div>
+            <p class="text-12px">本车间 · 需重点跟踪</p>
+          </div>
+        </NGi>
+        <NGi>
+          <div
+            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer"
+            :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('my_mytask')"
-        >
-        <p class="text-12px font-600">未通过审批</p>
-        <div class="flex justify-between">
-            <CountTo
-            :start-value="0"
-            :end-value="homeData?.rejected_open?.total || 0"
-            class="text-26px font-600 text-[#333]"
-            />
-        </div>
-        <p class="text-12px">本车间 · 驳回待修改重报</p>
-        </div>
-    </NGi>
-    <NGi>
-        <div 
-        class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555] cursor-pointer"
-        :style="{ borderRadius: themeStore.themeRadius + 'px' }"
+          >
+            <p class="text-12px font-600">未通过审批</p>
+            <div class="flex justify-between">
+              <CountTo
+                :start-value="0"
+                :end-value="homeData?.rejected_open?.total || 0"
+                class="text-26px font-600 text-[#333]"
+              />
+            </div>
+            <p class="text-12px">本车间 · 驳回待修改重报</p>
+          </div>
+        </NGi>
+        <NGi>
+          <div
+            class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555] cursor-pointer"
+            :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('changeledger')"
-        >
-        <p class="text-12px font-600">超期未关闭</p>
-        <div class="flex justify-between">
-            <CountTo
-            :start-value="0"
-            :end-value="homeData?.overdue_open?.total || 0"
-            class="text-26px font-600"
-            />
-        </div>
-        <p class="text-12px">本车间 · 红色预警</p>
-        </div>
-    </NGi>
-    </NGrid>
-    
-    <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
+          >
+            <p class="text-12px font-600">超期未关闭</p>
+            <div class="flex justify-between">
+              <CountTo
+                :start-value="0"
+                :end-value="homeData?.overdue_open?.total || 0"
+                class="text-26px font-600"
+              />
+            </div>
+            <p class="text-12px">本车间 · 红色预警</p>
+          </div>
+        </NGi>
+      </NGrid>
+
+      <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive>
         <!-- 左侧 -->
         <NGi span="24 s:24 m:24 l:16">
-            <!-- 审批待办 -->
-            <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
-                <div class="flex items-center justify-between mb-3">
-                    <div class="flex items-center gap-2">
-                    <Icon icon="lucide:clipboard-check" class="size-16px" :style="{ color: themeStore.themeColor }" />
-                    <p class="text-13px font-700 text-#64749a">审批待办</p>
-                    <p class="text-11px text-#94a3b8 mt-2px">属地变更审批</p>
-                    </div>
-                    <NButton v-if="homeData?.todo_approvals?.total > 0" ghost size="small" class="text-xs" @click="jumpTo('my_mytask')">
-                    我的任务
-                    <Icon icon="formkit:right" class="size-12px" />
-                    </NButton>
-                </div>
-                <div class="flex flex-col gap-3">
-                    <template v-if="homeData?.todo_approvals?.total > 0">
-                    <div v-for="row in homeData?.todo_approvals?.items || []" :key="row.change_id" @click="jumpTo('details_approval',row.change_id)"
-                        class="cursor-pointer flex w-full items-center gap-3 border px-3.5 py-2.5 text-left transition"
-                        :style="{ 
-                        borderRadius: themeStore.themeRadius + 'px',
-                        borderColor: row.overdue_status===2?getColorWithOpacity(themeStore.otherColor.error, 0.25):getColorWithOpacity(themeStore.themeColor, 0.25),
-                        backgroundColor: row.overdue_status===2?getColorWithOpacity(themeStore.otherColor.error, 0.05):getColorWithOpacity(themeStore.themeColor, 0.05),
+          <!-- 审批待办 -->
+          <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+            <div class="flex items-center justify-between mb-3">
+              <div class="flex items-center gap-2">
+                <Icon icon="lucide:clipboard-check" class="size-16px" :style="{ color: themeStore.themeColor }" />
+                <p class="text-13px font-700 text-#64749a">审批待办</p>
+                <p class="text-11px text-#94a3b8 mt-2px">属地变更审批</p>
+              </div>
+              <NButton v-if="homeData?.todo_approvals?.total > 0" ghost size="small" class="text-xs" @click="jumpTo('my_mytask')">
+                我的任务
+                <Icon icon="formkit:right" class="size-12px" />
+              </NButton>
+            </div>
+            <div class="flex flex-col gap-3">
+              <template v-if="homeData?.todo_approvals?.total > 0">
+                <div
+                  v-for="row in homeData?.todo_approvals?.items || []" :key="row.change_id" class="cursor-pointer flex w-full items-center gap-3 border px-3.5 py-2.5 text-left transition"
+                  :style="{
+                    borderRadius: themeStore.themeRadius + 'px',
+                    borderColor: row.overdue_status===2?getColorWithOpacity(themeStore.otherColor.error, 0.25):getColorWithOpacity(themeStore.themeColor, 0.25),
+                    backgroundColor: row.overdue_status===2?getColorWithOpacity(themeStore.otherColor.error, 0.05):getColorWithOpacity(themeStore.themeColor, 0.05),
+                  }"
+                  @click="jumpTo('details_approval',row.change_id)"
+                >
+                  <div class="min-w-0 flex-1">
+                    <div class="flex flex-wrap items-center gap-2">
+                      <span class="font-mono text-[11px] text-slate-400">{{ row.change_no }}</span>
+                      <NTag v-if="row.urgent===1" class="text-[11px]" type="error" size="small">紧急</NTag>
+                      <!-- 变更等级 -->
+                      <NTag
+                        size="small"
+                        :color="{
+                          color: tagBgColor(matchObj(levelList,row.change_level)?.color),
+                          textColor: tagTextColor(matchObj(levelList,row.change_level)?.color),
+                          borderColor: tagBorderColor(matchObj(levelList,row.change_level)?.color),
                         }"
-                    >
-                        <div class="min-w-0 flex-1">
-                        <div class="flex flex-wrap items-center gap-2">
-                            <span class="font-mono text-[11px] text-slate-400">{{ row.change_no }}</span>
-                            <NTag class="text-[11px]" v-if="row.urgent===1" type="error" size="small">紧急</NTag>
-                            <!-- 变更等级 -->
-                            <NTag 
-                            size="small"
-                            :color="{
-                                color: tagBgColor(matchObj(levelList,row.change_level)?.color),
-                                textColor: tagTextColor(matchObj(levelList,row.change_level)?.color),
-                                borderColor: tagBorderColor(matchObj(levelList,row.change_level)?.color),
-                            }"
-                            >{{matchObj(levelList,row.change_level)?.label}}</NTag>
-                            <!-- 变更类型 -->
-                            <NTag 
-                            size="small"
-                            :color="{
-                                color: tagBgColor(matchObj(typeList,row.change_type)?.color),
-                                textColor: tagTextColor(matchObj(typeList,row.change_type)?.color),
-                                borderColor: tagBorderColor(matchObj(typeList,row.change_type)?.color),
-                            }"
-                            >{{matchObj(typeList,row.change_type)?.label}}</NTag>
+                      >
+                        {{ matchObj(levelList,row.change_level)?.label }}
+                      </NTag>
+                      <!-- 变更类型 -->
+                      <NTag
+                        size="small"
+                        :color="{
+                          color: tagBgColor(matchObj(typeList,row.change_type)?.color),
+                          textColor: tagTextColor(matchObj(typeList,row.change_type)?.color),
+                          borderColor: tagBorderColor(matchObj(typeList,row.change_type)?.color),
+                        }"
+                      >
+                        {{ matchObj(typeList,row.change_type)?.label }}
+                      </NTag>
 
-                            <NTag class="text-[11px]" v-if="row.duration_type===2" type="warning" size="small">临时</NTag>
-                            <NTag class="text-[11px]" v-else type="info" size="small">永久</NTag>
-                            <span v-if="row.overdue_status===2" class="text-xs" :style="{ color: themeStore.otherColor.error }">已超期 {{row.overdue_days}} 天</span>
-                        </div>
-                        <div class="mt-1 flex items-center gap-2">
-                            <span class="min-w-0 flex-1 truncate text-sm font-medium text-slate-800 dark:text-white">{{ row.title }}</span>
-                            <NTag size="small" type="warning">审批：{{row.step_name}}</NTag>
-                            <NButton size="small" type="primary" class="text-xs">
-                                去审批
-                                <Icon icon="akar-icons:arrow-right" class="size-13px ml-1" />
-                            </NButton>
-                        </div>
-                        <div class="mt-0.5 truncate text-[11px] text-slate-400 flex items-center gap-2">
-                            <p>申请人：{{row.applicant_name}}</p>
-                            <span v-if="row.apply_time" class="text-[11px] text-slate-400">{{ row.apply_time?.slice(0, 10) }}</span>
-                        </div>
-                        </div>
+                      <NTag v-if="row.duration_type===2" class="text-[11px]" type="warning" size="small">临时</NTag>
+                      <NTag v-else class="text-[11px]" type="info" size="small">永久</NTag>
+                      <span v-if="row.overdue_status===2" class="text-xs" :style="{ color: themeStore.otherColor.error }">已超期 {{ row.overdue_days }} 天</span>
                     </div>
-                    </template>
-                    <template v-else>
-                        <div class="h-100% flex items-center justify-center py-3">
-                            <NEmpty description="暂无数据" class="!text-xs"></NEmpty>
-                        </div>
-                    </template>
-                </div>
-            </NCard>
-            <!-- 未关闭变更进度一览 -->
-            <NCard :bordered="false" size="small" class="mt-16px" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
-                <div class="flex items-center justify-between mb-3">
-                    <div class="flex items-center gap-2">
-                    <Icon icon="lets-icons:clock" class="size-16px" :style="{ color: themeStore.themeColor }" />
-                    <p class="text-13px font-700 text-#64749a">未关闭变更进度一览</p>
-                    <p class="text-11px text-#94a3b8 mt-2px">本车间 · 全部未关闭变更</p>
+                    <div class="mt-1 flex items-center gap-2">
+                      <span class="min-w-0 flex-1 truncate text-sm font-medium text-slate-800 dark:text-white">{{ row.title }}</span>
+                      <NTag size="small" type="warning">审批：{{ row.step_name }}</NTag>
+                      <NButton size="small" type="primary" class="text-xs">
+                        去审批
+                        <Icon icon="akar-icons:arrow-right" class="size-13px ml-1" />
+                      </NButton>
                     </div>
-                    <NButton v-if="homeData?.unclosed_progress?.total > 0" ghost size="small" class="text-xs" @click="jumpTo('changeledger')">
-                    变更台账
-                    <Icon icon="formkit:right" class="size-12px" />
-                    </NButton>
-                </div>
-                <div class="flex flex-col gap-3">
-                    <template v-if="homeData?.unclosed_progress?.total > 0">
-                        <div v-for="row in homeData?.unclosed_progress?.items || []" :key="row.change_id" @click="jumpTo('details_index',row.change_id)"
-                            class="cursor-pointer flex w-full items-center gap-3 border px-3.5 py-2.5 text-left transition hover:border-[var(--hover-border)] hover:bg-[var(--hover-bg)]"
-                            :style="{ 
-                            borderRadius: themeStore.themeRadius + 'px',
-                            '--hover-border': getColorWithOpacity(themeStore.themeColor, 0.25),
-                            '--hover-bg': getColorWithOpacity(themeStore.themeColor, 0.05)
-                            }"
-                        >
-                            <div class="min-w-0 flex-1">
-                                <div class="flex flex-wrap items-center gap-2">
-                                    <!-- 状态标签 -->
-                                    <NTag v-if="row.status==='APPROVING'" size="small" type="warning">审批中</NTag>
-                                    <NTag v-if="row.status==='APPROVED'" size="small" type="success">已通过</NTag>
-                                    <NTag v-if="row.status==='IMPLEMENTED'" size="small" type="success">待验收</NTag>
-                                    <NTag v-if="row.status==='ACCEPTED'" size="small" type="error">待关闭</NTag>
-                                    <NTag v-if="row.status==='CLOSED'" size="small" type="success">已关闭</NTag>
-                                    <NTag v-if="row.status==='WITHDRAWN'" size="small" type="error">已撤回</NTag>
-                                    <NTag v-if="row.status==='REJECTED'" size="small" type="error">已驳回</NTag>
-                                    <span class="min-w-0 flex-1 truncate text-sm font-medium text-slate-800 dark:text-white">{{ row.title }}</span>
-                                    <!-- 变更等级 -->
-                                    <NTag 
-                                    size="small"
-                                    :color="{
-                                        color: tagBgColor(matchObj(levelList,row.change_level)?.color),
-                                        textColor: tagTextColor(matchObj(levelList,row.change_level)?.color),
-                                        borderColor: tagBorderColor(matchObj(levelList,row.change_level)?.color),
-                                    }"
-                                    >{{matchObj(levelList,row.change_level)?.label}}</NTag>
-                                </div>
-                                <div class="mt-1 flex items-center gap-2 font-mono text-[11px] text-slate-400">
-                                    <span>{{row.change_no}}</span>
-                                    <span>{{row.org_name}}</span>
-                                    <span>{{row.applicant_name}}</span>
-                                </div>
-                                <!-- 审批流程 -->
-                                <div v-if="row.flow" class="mt-0.5 truncate text-[11px] flex items-center gap-2">
-                                    <div v-for="(item,index) in row.flow" :key="index" class="flex items-center gap-1">
-                                        <Icon v-if="index!==0" icon="formkit:right" class="size-12px text-slate-400" />
-                                        <!-- 通过 -->
-                                        <div v-if="item.status==='PASSED'" class="w-6px h-6px rounded-6px" :style="{ backgroundColor: themeStore.otherColor.success }"></div>
-                                        <p v-if="item.status==='PASSED'" :style="{ color: themeStore.otherColor.success }">{{item.name}}</p>
-                                        <!-- 进行中 -->
-                                        <div v-if="item.status==='ACTIVE'" class="w-6px h-6px rounded-6px" :style="{ backgroundColor: themeStore.otherColor.warning }"></div>
-                                        <p v-if="item.status==='ACTIVE'" :style="{ color: themeStore.otherColor.warning }">{{item.name}}</p>
-                                        <!-- 待 -->
-                                        <div v-if="item.status==='PENDING'" class="w-6px h-6px rounded-6px bg-slate-400"></div>
-                                        <p v-if="item.status==='PENDING'" class="text-slate-400">{{item.name}}</p>
-                                        <!-- 驳回 -->
-                                        <div v-if="item.status==='REJECTED'" class="w-6px h-6px rounded-6px" :style="{ backgroundColor: themeStore.otherColor.error }"></div>
-                                        <p v-if="item.status==='REJECTED'" :style="{ color: themeStore.otherColor.error }">{{item.name}}</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </template>
-                    <template v-else>
-                        <div class="h-100% flex items-center justify-center py-3">
-                            <NEmpty description="暂无数据" class="!text-xs"></NEmpty>
-                        </div>
-                    </template>
-                </div>
-            </NCard>
-            <!-- 临时变更投用后情况 -->
-            <NCard :bordered="false" size="small" class="mt-16px" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
-                <div class="flex items-center justify-between mb-3">
-                    <div class="flex items-center gap-2">
-                    <Icon icon="lets-icons:clock" class="size-16px" :style="{ color: themeStore.themeColor }" />
-                    <p class="text-13px font-700 text-#64749a">临时变更投用后情况</p>
-                    <p class="text-11px text-#94a3b8 mt-2px">临期提醒 · 超期催办 · 延期 / 转永久跟踪</p>
+                    <div class="mt-0.5 truncate text-[11px] text-slate-400 flex items-center gap-2">
+                      <p>申请人：{{ row.applicant_name }}</p>
+                      <span v-if="row.apply_time" class="text-[11px] text-slate-400">{{ row.apply_time?.slice(0, 10) }}</span>
                     </div>
+                  </div>
                 </div>
-                <div class="flex flex-col gap-3">
-                    <template v-if="homeData?.temp_after_use?.total > 0">
-                        <div v-for="row in homeData?.temp_after_use?.items || []" :key="row.change_id"
-                            class="flex w-full items-center gap-3 border px-3.5 py-2.5 text-left transition"
-                            :style="{ 
-                            borderRadius: themeStore.themeRadius + 'px',
-                            borderColor: row.overdue_status===2?getColorWithOpacity(themeStore.otherColor.error, 0.25):getColorWithOpacity(themeStore.themeColor, 0.25),
-                            backgroundColor: row.overdue_status===2?getColorWithOpacity(themeStore.otherColor.error, 0.05):getColorWithOpacity(themeStore.themeColor, 0.05),
-                            }"
-                        >
-                            <div class="min-w-0 flex-1">
-                                <div class="flex flex-wrap items-center gap-2">
-                                    <span class="min-w-0 flex-1 truncate text-sm font-medium text-slate-800 dark:text-white">{{ row.title }}</span>
-                                    <NTag v-if="row.overdue_status===2" size="small" type="error">已超期{{row.overdue_days}}天</NTag>
-                                    <NButton v-if="row.overdue_status===2" size="tiny" :disabled="btnLoading" @click="urge(row.change_id)">去催办</NButton>
-                                    <NButton v-else size="tiny" @click="jumpTo('changeledger')">查看</NButton>
-                                </div>
-                                <div class="mt-1 flex items-center gap-2 text-[11px] text-slate-400">
-                                    <span>{{ row.change_no }}</span>
-                                    <!-- 状态 -->
-                                    <span v-if="row.status==='APPROVING'">审批中</span>
-                                    <span v-if="row.status==='APPROVED'">已通过</span>
-                                    <span v-if="row.status==='IMPLEMENTED'">待验收</span>
-                                    <span v-if="row.status==='ACCEPTED'">待关闭</span>
-                                    <span v-if="row.status==='CLOSED'">已关闭</span>
-                                    <span v-if="row.status==='WITHDRAWN'">已撤回</span>
-                                    <span v-if="row.status==='REJECTED'">已驳回</span>
-                                    <span v-if="row.use_time">{{row.use_time?.slice(0, 16)}} 投用</span>
-                                    <span v-else>尚未投用</span>
-                                    <p v-if="row.use_time">计划恢复 {{row.restore_deadline?.slice(0, 10)}}<span>（已延期 1 次）</span></p>
-                                    <span v-else>原计划恢复 {{row.restore_deadline?.slice(0, 10)}}</span>
-                                </div>
-                            </div>
-                        </div>
-                    </template>
-                    <template v-else>
-                        <div class="h-100% flex items-center justify-center py-3">
-                            <NEmpty description="暂无数据" class="!text-xs"></NEmpty>
-                        </div>
-                    </template>
+              </template>
+              <template v-else>
+                <div class="h-100% flex items-center justify-center py-3">
+                  <NEmpty description="暂无数据" class="!text-xs"></NEmpty>
                 </div>
-            </NCard>
-            <!-- 重点关注 -->
-            <NCard :bordered="false" size="small" class="mt-16px" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
-                <div class="flex items-center justify-between mb-3">
-                    <div class="flex items-center gap-2">
-                    <Icon icon="lucide:shield-alert" class="size-16px" :style="{ color: themeStore.themeColor }" />
-                    <p class="text-13px font-700 text-#64749a">重点关注</p>
-                    <p class="text-11px text-#94a3b8 mt-2px">安全管控重点 · 点击打开变更单（含风险分析）</p>
+              </template>
+            </div>
+          </NCard>
+          <!-- 未关闭变更进度一览 -->
+          <NCard :bordered="false" size="small" class="mt-16px" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+            <div class="flex items-center justify-between mb-3">
+              <div class="flex items-center gap-2">
+                <Icon icon="lets-icons:clock" class="size-16px" :style="{ color: themeStore.themeColor }" />
+                <p class="text-13px font-700 text-#64749a">未关闭变更进度一览</p>
+                <p class="text-11px text-#94a3b8 mt-2px">本车间 · 全部未关闭变更</p>
+              </div>
+              <NButton v-if="homeData?.unclosed_progress?.total > 0" ghost size="small" class="text-xs" @click="jumpTo('changeledger')">
+                变更台账
+                <Icon icon="formkit:right" class="size-12px" />
+              </NButton>
+            </div>
+            <div class="flex flex-col gap-3">
+              <template v-if="homeData?.unclosed_progress?.total > 0">
+                <div
+                  v-for="row in homeData?.unclosed_progress?.items || []" :key="row.change_id" class="cursor-pointer flex w-full items-center gap-3 border px-3.5 py-2.5 text-left transition hover:border-[var(--hover-border)] hover:bg-[var(--hover-bg)]"
+                  :style="{
+                    borderRadius: themeStore.themeRadius + 'px',
+                    '--hover-border': getColorWithOpacity(themeStore.themeColor, 0.25),
+                    '--hover-bg': getColorWithOpacity(themeStore.themeColor, 0.05)
+                  }"
+                  @click="jumpTo('details_index',row.change_id)"
+                >
+                  <div class="min-w-0 flex-1">
+                    <div class="flex flex-wrap items-center gap-2">
+                      <!-- 状态标签 -->
+                      <NTag v-if="row.status==='APPROVING'" size="small" type="warning">审批中</NTag>
+                      <NTag v-if="row.status==='APPROVED'" size="small" type="success">已通过</NTag>
+                      <NTag v-if="row.status==='IMPLEMENTED'" size="small" type="success">待验收</NTag>
+                      <NTag v-if="row.status==='ACCEPTED'" size="small" type="error">待关闭</NTag>
+                      <NTag v-if="row.status==='CLOSED'" size="small" type="success">已关闭</NTag>
+                      <NTag v-if="row.status==='WITHDRAWN'" size="small" type="error">已撤回</NTag>
+                      <NTag v-if="row.status==='REJECTED'" size="small" type="error">已驳回</NTag>
+                      <span class="min-w-0 flex-1 truncate text-sm font-medium text-slate-800 dark:text-white">{{ row.title }}</span>
+                      <!-- 变更等级 -->
+                      <NTag
+                        size="small"
+                        :color="{
+                          color: tagBgColor(matchObj(levelList,row.change_level)?.color),
+                          textColor: tagTextColor(matchObj(levelList,row.change_level)?.color),
+                          borderColor: tagBorderColor(matchObj(levelList,row.change_level)?.color),
+                        }"
+                      >
+                        {{ matchObj(levelList,row.change_level)?.label }}
+                      </NTag>
                     </div>
+                    <div class="mt-1 flex items-center gap-2 font-mono text-[11px] text-slate-400">
+                      <span>{{ row.change_no }}</span>
+                      <span>{{ row.org_name }}</span>
+                      <span>{{ row.applicant_name }}</span>
+                    </div>
+                    <!-- 审批流程 -->
+                    <div v-if="row.flow" class="mt-0.5 truncate text-[11px] flex items-center gap-2">
+                      <div v-for="(item,index) in row.flow" :key="index" class="flex items-center gap-1">
+                        <Icon v-if="index!==0" icon="formkit:right" class="size-12px text-slate-400" />
+                        <!-- 通过 -->
+                        <div v-if="item.status==='PASSED'" class="w-6px h-6px rounded-6px" :style="{ backgroundColor: themeStore.otherColor.success }"></div>
+                        <p v-if="item.status==='PASSED'" :style="{ color: themeStore.otherColor.success }">{{ item.name }}</p>
+                        <!-- 进行中 -->
+                        <div v-if="item.status==='ACTIVE'" class="w-6px h-6px rounded-6px" :style="{ backgroundColor: themeStore.otherColor.warning }"></div>
+                        <p v-if="item.status==='ACTIVE'" :style="{ color: themeStore.otherColor.warning }">{{ item.name }}</p>
+                        <!-- 待 -->
+                        <div v-if="item.status==='PENDING'" class="w-6px h-6px rounded-6px bg-slate-400"></div>
+                        <p v-if="item.status==='PENDING'" class="text-slate-400">{{ item.name }}</p>
+                        <!-- 驳回 -->
+                        <div v-if="item.status==='REJECTED'" class="w-6px h-6px rounded-6px" :style="{ backgroundColor: themeStore.otherColor.error }"></div>
+                        <p v-if="item.status==='REJECTED'" :style="{ color: themeStore.otherColor.error }">{{ item.name }}</p>
+                      </div>
+                    </div>
+                  </div>
                 </div>
-                <div class="flex flex-col gap-3">
-                    <template v-if="homeData?.key_attention?.total > 0">
-                        <div v-for="row in homeData?.key_attention?.items || []" :key="row.change_id"
-                            class="cursor-pointer flex w-full items-center gap-3 border px-3.5 py-2.5 text-left transition !hover:border-[var(--hover-border)]"
-                            @click="jumpTo('details_index',row.change_id)"
-                            :style="{ 
-                            borderRadius: themeStore.themeRadius + 'px',
-                            '--hover-border': getColorWithOpacity(themeStore.otherColor.error, 0.3),
-                            backgroundColor: getColorWithOpacity(themeStore.otherColor.error, 0.05),
-                            borderColor: getColorWithOpacity(themeStore.otherColor.error, 0.05),
-                            }"
-                        >
-                            <div class="min-w-0 flex-1">
-                                <div class="flex flex-wrap items-center gap-2">
-                                    <NTag size="small" type="error">重要</NTag>
-                                    <span class="text-xs text-slate-400">{{ row.change_no }}</span>
-                                </div>
-                                <p class="mt-1 truncate text-sm font-medium text-slate-800">{{ row.title }}</p>
-                                <div class="mt-1 flex items-center gap-2 text-[11px] text-slate-400">
-                                    <!-- 状态 -->
-                                    <span v-if="row.status==='APPROVING'">审批中</span>
-                                    <span v-if="row.status==='APPROVED'">已通过</span>
-                                    <span v-if="row.status==='IMPLEMENTED'">待验收</span>
-                                    <span v-if="row.status==='ACCEPTED'">待关闭</span>
-                                    <span v-if="row.status==='CLOSED'">已关闭</span>
-                                    <span v-if="row.status==='WITHDRAWN'">已撤回</span>
-                                    <span v-if="row.status==='REJECTED'">已驳回</span>
-                                    <span>{{row.applicant_name}}</span>
-                                </div>
-                            </div>
-                            <NButton text><Icon icon="formkit:right" class="size-14px text-slate-400" /></NButton>
-                        </div>
-                    </template>
-                    <template v-else>
-                        <div class="h-100% flex items-center justify-center py-3">
-                            <NEmpty description="暂无数据" class="!text-xs"></NEmpty>
-                        </div>
-                    </template>
+              </template>
+              <template v-else>
+                <div class="h-100% flex items-center justify-center py-3">
+                  <NEmpty description="暂无数据" class="!text-xs"></NEmpty>
                 </div>
-            </NCard>
+              </template>
+            </div>
+          </NCard>
+          <!-- 临时变更投用后情况 -->
+          <NCard :bordered="false" size="small" class="mt-16px" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+            <div class="flex items-center justify-between mb-3">
+              <div class="flex items-center gap-2">
+                <Icon icon="lets-icons:clock" class="size-16px" :style="{ color: themeStore.themeColor }" />
+                <p class="text-13px font-700 text-#64749a">临时变更投用后情况</p>
+                <p class="text-11px text-#94a3b8 mt-2px">临期提醒 · 超期催办 · 延期 / 转永久跟踪</p>
+              </div>
+            </div>
+            <div class="flex flex-col gap-3">
+              <template v-if="homeData?.temp_after_use?.total > 0">
+                <div
+                  v-for="row in homeData?.temp_after_use?.items || []" :key="row.change_id"
+                  class="flex w-full items-center gap-3 border px-3.5 py-2.5 text-left transition"
+                  :style="{
+                    borderRadius: themeStore.themeRadius + 'px',
+                    borderColor: row.overdue_status===2?getColorWithOpacity(themeStore.otherColor.error, 0.25):getColorWithOpacity(themeStore.themeColor, 0.25),
+                    backgroundColor: row.overdue_status===2?getColorWithOpacity(themeStore.otherColor.error, 0.05):getColorWithOpacity(themeStore.themeColor, 0.05),
+                  }"
+                >
+                  <div class="min-w-0 flex-1">
+                    <div class="flex flex-wrap items-center gap-2">
+                      <span class="min-w-0 flex-1 truncate text-sm font-medium text-slate-800 dark:text-white">{{ row.title }}</span>
+                      <NTag v-if="row.overdue_status===2" size="small" type="error">已超期{{ row.overdue_days }}天</NTag>
+                      <NButton v-if="row.overdue_status===2" size="tiny" :disabled="btnLoading" @click="urge(row.change_id)">去催办</NButton>
+                      <NButton v-else size="tiny" @click="jumpTo('changeledger')">查看</NButton>
+                    </div>
+                    <div class="mt-1 flex items-center gap-2 text-[11px] text-slate-400">
+                      <span>{{ row.change_no }}</span>
+                      <!-- 状态 -->
+                      <span v-if="row.status==='APPROVING'">审批中</span>
+                      <span v-if="row.status==='APPROVED'">已通过</span>
+                      <span v-if="row.status==='IMPLEMENTED'">待验收</span>
+                      <span v-if="row.status==='ACCEPTED'">待关闭</span>
+                      <span v-if="row.status==='CLOSED'">已关闭</span>
+                      <span v-if="row.status==='WITHDRAWN'">已撤回</span>
+                      <span v-if="row.status==='REJECTED'">已驳回</span>
+                      <span v-if="row.use_time">{{ row.use_time?.slice(0, 16) }} 投用</span>
+                      <span v-else>尚未投用</span>
+                      <p v-if="row.use_time">计划恢复 {{ row.restore_deadline?.slice(0, 10) }}<span>（已延期 1 次）</span></p>
+                      <span v-else>原计划恢复 {{ row.restore_deadline?.slice(0, 10) }}</span>
+                    </div>
+                  </div>
+                </div>
+              </template>
+              <template v-else>
+                <div class="h-100% flex items-center justify-center py-3">
+                  <NEmpty description="暂无数据" class="!text-xs"></NEmpty>
+                </div>
+              </template>
+            </div>
+          </NCard>
+          <!-- 重点关注 -->
+          <NCard :bordered="false" size="small" class="mt-16px" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+            <div class="flex items-center justify-between mb-3">
+              <div class="flex items-center gap-2">
+                <Icon icon="lucide:shield-alert" class="size-16px" :style="{ color: themeStore.themeColor }" />
+                <p class="text-13px font-700 text-#64749a">重点关注</p>
+                <p class="text-11px text-#94a3b8 mt-2px">安全管控重点 · 点击打开变更单（含风险分析）</p>
+              </div>
+            </div>
+            <div class="flex flex-col gap-3">
+              <template v-if="homeData?.key_attention?.total > 0">
+                <div
+                  v-for="row in homeData?.key_attention?.items || []" :key="row.change_id"
+                  class="cursor-pointer flex w-full items-center gap-3 border px-3.5 py-2.5 text-left transition !hover:border-[var(--hover-border)]"
+                  :style="{
+                    borderRadius: themeStore.themeRadius + 'px',
+                    '--hover-border': getColorWithOpacity(themeStore.otherColor.error, 0.3),
+                    backgroundColor: getColorWithOpacity(themeStore.otherColor.error, 0.05),
+                    borderColor: getColorWithOpacity(themeStore.otherColor.error, 0.05),
+                  }"
+                  @click="jumpTo('details_index',row.change_id)"
+                >
+                  <div class="min-w-0 flex-1">
+                    <div class="flex flex-wrap items-center gap-2">
+                      <NTag size="small" type="error">重要</NTag>
+                      <span class="text-xs text-slate-400">{{ row.change_no }}</span>
+                    </div>
+                    <p class="mt-1 truncate text-sm font-medium text-slate-800">{{ row.title }}</p>
+                    <div class="mt-1 flex items-center gap-2 text-[11px] text-slate-400">
+                      <!-- 状态 -->
+                      <span v-if="row.status==='APPROVING'">审批中</span>
+                      <span v-if="row.status==='APPROVED'">已通过</span>
+                      <span v-if="row.status==='IMPLEMENTED'">待验收</span>
+                      <span v-if="row.status==='ACCEPTED'">待关闭</span>
+                      <span v-if="row.status==='CLOSED'">已关闭</span>
+                      <span v-if="row.status==='WITHDRAWN'">已撤回</span>
+                      <span v-if="row.status==='REJECTED'">已驳回</span>
+                      <span>{{ row.applicant_name }}</span>
+                    </div>
+                  </div>
+                  <NButton text><Icon icon="formkit:right" class="size-14px text-slate-400" /></NButton>
+                </div>
+              </template>
+              <template v-else>
+                <div class="h-100% flex items-center justify-center py-3">
+                  <NEmpty description="暂无数据" class="!text-xs"></NEmpty>
+                </div>
+              </template>
+            </div>
+          </NCard>
         </NGi>
         <!-- 右侧 -->
         <NGi span="24 s:24 m:24 l:8">
-            <!-- 本车间统计 -->
-            <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+          <!-- 本车间统计 -->
+          <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
             <div class="flex items-center flex-wrap gap-2">
-                <Icon icon="akar-icons:file" class="size-16px" :style="{ color: themeStore.themeColor }" />
-                <p class="text-13px font-700 text-#64749a">本车间统计</p>
-                <p class="text-11px text-#94a3b8">一车间 · 近一年</p>
-                <NSelect :value="dateRange" size="small" :options="DATE_RANGE_OPTIONS" class="ml-auto w-120px" :on-update:value="timeChange"></NSelect>
+              <Icon icon="akar-icons:file" class="size-16px" :style="{ color: themeStore.themeColor }" />
+              <p class="text-13px font-700 text-#64749a">本车间统计</p>
+              <p class="text-11px text-#94a3b8">一车间 · 近一年</p>
+              <NSelect :value="dateRange" size="small" :options="DATE_RANGE_OPTIONS" class="ml-auto w-120px" :on-update:value="timeChange"></NSelect>
             </div>
             <div v-if="dateRange==='custom'" class="flex items-center gap-2 mt-2">
-                <NDatePicker :value="from" type="date" size="small" class="w-full" :on-update:value="(v) => customTimeChange('start',v)"  />
-                <span class="text-xs text-slate-400 flex-1">至</span>
-                <NDatePicker :value="to" type="date" size="small" class="w-full" :on-update:value="(v) => customTimeChange('end',v)" />
+              <NDatePicker :value="from" type="date" size="small" class="w-full" :on-update:value="(v) => customTimeChange('start',v)" />
+              <span class="text-xs text-slate-400 flex-1">至</span>
+              <NDatePicker :value="to" type="date" size="small" class="w-full" :on-update:value="(v) => customTimeChange('end',v)" />
             </div>
             <div class="flex flex-col gap-3 mt-3">
-                <div class="flex items-end justify-between">
-                    <div>
-                        <span class="text-3xl font-extrabold text-slate-800">{{ homeData?.dept_summary?.total || 0 }}</span>
-                        <span class="ml-1.5 text-[11px] text-slate-500">变更总数</span>
-                    </div>
-                    <span class="text-[11px] text-slate-400">状态构成占比条</span>
+              <div class="flex items-end justify-between">
+                <div>
+                  <span class="text-3xl font-extrabold text-slate-800">{{ homeData?.dept_summary?.total || 0 }}</span>
+                  <span class="ml-1.5 text-[11px] text-slate-500">变更总数</span>
                 </div>
-                <div class="flex h-3 w-full overflow-hidden rounded-full bg-slate-100">
-                    <div :title="`已关闭 ${homeData?.dept_summary?.closed || 0} 起`" :style="{width: `${(homeData?.dept_summary?.closed || 0) / (homeData?.dept_summary?.total || 0) * 100}%`, background: themeStore.themeColor}"></div>
-                    <div :title="`审批中 ${homeData?.dept_summary?.approving || 0} 起`" :style="{width: `${(homeData?.dept_summary?.approving || 0) / (homeData?.dept_summary?.total || 0) * 100}%`, background: themeStore.otherColor.warning}"></div>
-                    <div :title="`实施中 ${homeData?.dept_summary?.executing || 0} 起`" :style="{width: `${(homeData?.dept_summary?.executing || 0) / (homeData?.dept_summary?.total || 0) * 100}%`, background: themeStore.otherColor.success}"></div>
-                    <div :title="`超期未关闭 ${homeData?.dept_summary?.overdue || 0} 起`" :style="{width: `${(homeData?.dept_summary?.overdue || 0) / (homeData?.dept_summary?.total || 0) * 100}%`, background: themeStore.otherColor.error}"></div>
+                <span class="text-[11px] text-slate-400">状态构成占比条</span>
+              </div>
+              <div class="flex h-3 w-full overflow-hidden rounded-full bg-slate-100">
+                <div :title="`已关闭 ${homeData?.dept_summary?.closed || 0} 起`" :style="{width: `${(homeData?.dept_summary?.closed || 0) / (homeData?.dept_summary?.total || 0) * 100}%`, background: themeStore.themeColor}"></div>
+                <div :title="`审批中 ${homeData?.dept_summary?.approving || 0} 起`" :style="{width: `${(homeData?.dept_summary?.approving || 0) / (homeData?.dept_summary?.total || 0) * 100}%`, background: themeStore.otherColor.warning}"></div>
+                <div :title="`实施中 ${homeData?.dept_summary?.executing || 0} 起`" :style="{width: `${(homeData?.dept_summary?.executing || 0) / (homeData?.dept_summary?.total || 0) * 100}%`, background: themeStore.otherColor.success}"></div>
+                <div :title="`超期未关闭 ${homeData?.dept_summary?.overdue || 0} 起`" :style="{width: `${(homeData?.dept_summary?.overdue || 0) / (homeData?.dept_summary?.total || 0) * 100}%`, background: themeStore.otherColor.error}"></div>
+              </div>
+              <div class="grid grid-cols-2 gap-1.5">
+                <div class="flex items-center gap-1.5 rounded-lg px-2 py-1.5 bg-slate-50">
+                  <span class="h-2 w-2 shrink-0 rounded-full" :style="{ background: themeStore.themeColor }"></span>
+                  <span class="text-[11px] text-slate-500">已关闭</span>
+                  <span class="ml-auto text-sm font-bold text-slate-800">{{ homeData?.dept_summary?.closed || 0 }}</span>
                 </div>
-                <div class="grid grid-cols-2 gap-1.5">
-                    <div class="flex items-center gap-1.5 rounded-lg px-2 py-1.5 bg-slate-50">
-                        <span class="h-2 w-2 shrink-0 rounded-full" :style="{ background: themeStore.themeColor }"></span>
-                        <span class="text-[11px] text-slate-500">已关闭</span>
-                        <span class="ml-auto text-sm font-bold text-slate-800">{{ homeData?.dept_summary?.closed || 0 }}</span>
-                    </div>
-                    <div class="flex items-center gap-1.5 rounded-lg px-2 py-1.5 bg-slate-50">
-                        <span class="h-2 w-2 shrink-0 rounded-full" :style="{ background: themeStore.otherColor.warning }"></span>
-                        <span class="text-[11px] text-slate-500">审批中</span>
-                        <span class="ml-auto text-sm font-bold text-slate-800">{{ homeData?.dept_summary?.approving || 0 }}</span>
-                    </div>
-                    <div class="flex items-center gap-1.5 rounded-lg px-2 py-1.5 bg-slate-50">
-                        <span class="h-2 w-2 shrink-0 rounded-full" :style="{ background: themeStore.otherColor.success }"></span>
-                        <span class="text-[11px] text-slate-500">实施中</span>
-                        <span class="ml-auto text-sm font-bold text-slate-800">{{ homeData?.dept_summary?.executing || 0 }}</span>
-                    </div>
-                    <div class="flex items-center gap-1.5 rounded-lg px-2 py-1.5 bg-red-50">
-                        <span class="h-2 w-2 shrink-0 rounded-full" :style="{ background: themeStore.otherColor.error }"></span>
-                        <span class="text-[11px] text-slate-500">超期未关闭</span>
-                        <span class="ml-auto text-sm font-bold" :style="{ color: themeStore.otherColor.error }">{{ homeData?.dept_summary?.overdue || 0 }}</span>
-                    </div>
+                <div class="flex items-center gap-1.5 rounded-lg px-2 py-1.5 bg-slate-50">
+                  <span class="h-2 w-2 shrink-0 rounded-full" :style="{ background: themeStore.otherColor.warning }"></span>
+                  <span class="text-[11px] text-slate-500">审批中</span>
+                  <span class="ml-auto text-sm font-bold text-slate-800">{{ homeData?.dept_summary?.approving || 0 }}</span>
                 </div>
+                <div class="flex items-center gap-1.5 rounded-lg px-2 py-1.5 bg-slate-50">
+                  <span class="h-2 w-2 shrink-0 rounded-full" :style="{ background: themeStore.otherColor.success }"></span>
+                  <span class="text-[11px] text-slate-500">实施中</span>
+                  <span class="ml-auto text-sm font-bold text-slate-800">{{ homeData?.dept_summary?.executing || 0 }}</span>
+                </div>
+                <div class="flex items-center gap-1.5 rounded-lg px-2 py-1.5 bg-red-50">
+                  <span class="h-2 w-2 shrink-0 rounded-full" :style="{ background: themeStore.otherColor.error }"></span>
+                  <span class="text-[11px] text-slate-500">超期未关闭</span>
+                  <span class="ml-auto text-sm font-bold" :style="{ color: themeStore.otherColor.error }">{{ homeData?.dept_summary?.overdue || 0 }}</span>
+                </div>
+              </div>
             </div>
-            </NCard>
-            <!-- 资料管理 -->
-            <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px',marginTop:'16px' }">
+          </NCard>
+          <!-- 资料管理 -->
+          <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px',marginTop:'16px' }">
             <div class="flex items-center mb-3 gap-2">
-                <Icon icon="material-symbols:folder-open-outline" class="size-16px" :style="{ color: themeStore.themeColor }" />
-                <p class="text-13px font-700 text-#64749a">资料管理</p>
+              <Icon icon="material-symbols:folder-open-outline" class="size-16px" :style="{ color: themeStore.themeColor }" />
+              <p class="text-13px font-700 text-#64749a">资料管理</p>
             </div>
-            <div 
-            class="space-y-2"
-            :style="{ 
-            '--hover-border': getColorWithOpacity(themeStore.themeColor, 0.25),
-            '--hover-bg': getColorWithOpacity(themeStore.themeColor, 0.05)
-            }"
+            <div
+              class="space-y-2"
+              :style="{
+                '--hover-border': getColorWithOpacity(themeStore.themeColor, 0.25),
+                '--hover-bg': getColorWithOpacity(themeStore.themeColor, 0.05)
+              }"
             >
-                <div 
+              <div
                 class="cursor-pointer flex w-full items-center gap-3 rounded-lg border px-3.5 py-2.5 text-left transition hover:border-[var(--hover-border)] hover:bg-[var(--hover-bg)]"
                 @click="jumpTo('docs_archives')"
-                >
-                    <Icon icon="material-symbols:folder-open-outline" class="size-16px" :style="{ color: themeStore.themeColor }" />
-                    <div class="min-w-0 flex-1">
-                        <p class="truncate text-xs font-semibold text-slate-700">本车间操作规程</p>
-                        <p class="truncate text-[11px] text-slate-400">现行受控版本查阅</p>
-                    </div>
-                    <Icon icon="formkit:right" class="size-14px text-slate-400" />
+              >
+                <Icon icon="material-symbols:folder-open-outline" class="size-16px" :style="{ color: themeStore.themeColor }" />
+                <div class="min-w-0 flex-1">
+                  <p class="truncate text-xs font-semibold text-slate-700">本车间操作规程</p>
+                  <p class="truncate text-[11px] text-slate-400">现行受控版本查阅</p>
                 </div>
-                <div 
+                <Icon icon="formkit:right" class="size-14px text-slate-400" />
+              </div>
+              <div
                 class="cursor-pointer flex w-full items-center gap-3 rounded-lg border px-3.5 py-2.5 text-left transition hover:border-[var(--hover-border)] hover:bg-[var(--hover-bg)]"
                 @click="jumpTo('docs_archives')"
-                >
-                    <Icon icon="material-symbols:folder-open-outline" class="size-16px" :style="{ color: themeStore.themeColor }" />
-                    <div class="min-w-0 flex-1">
-                        <p class="truncate text-xs font-semibold text-slate-700">本车间变更档案</p>
-                        <p class="truncate text-[11px] text-slate-400">历史变更记录与验收材料</p>
-                    </div>
-                    <Icon icon="formkit:right" class="size-14px text-slate-400" />
+              >
+                <Icon icon="material-symbols:folder-open-outline" class="size-16px" :style="{ color: themeStore.themeColor }" />
+                <div class="min-w-0 flex-1">
+                  <p class="truncate text-xs font-semibold text-slate-700">本车间变更档案</p>
+                  <p class="truncate text-[11px] text-slate-400">历史变更记录与验收材料</p>
                 </div>
+                <Icon icon="formkit:right" class="size-14px text-slate-400" />
+              </div>
             </div>
-            </NCard>
-            <!-- 近一年验收结论占比 -->
-            <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px',marginTop:'16px' }">
+          </NCard>
+          <!-- 近一年验收结论占比 -->
+          <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px',marginTop:'16px' }">
             <div class="flex items-center mb-3 gap-2">
-                <Icon icon="akar-icons:file" class="size-16px" :style="{ color: themeStore.themeColor }" />
-                <p class="text-13px font-700 text-#64749a">近一年验收结论占比</p>
-                <p class="text-11px text-#94a3b8">本车间 · 已验收变更</p>
+              <Icon icon="akar-icons:file" class="size-16px" :style="{ color: themeStore.themeColor }" />
+              <p class="text-13px font-700 text-#64749a">近一年验收结论占比</p>
+              <p class="text-11px text-#94a3b8">本车间 · 已验收变更</p>
             </div>
             <RingChart v-if="homeData" :data="homeData?.accept_conclusion?.items || []" :total="homeData?.accept_conclusion?.total_count || 0" />
             <div class="flex items-center justify-between border-slate-200 border-t pt-2 border-dashed">
-                <span class="text-[11px] text-slate-400">投入合计（变更材料和实施费）</span>
-                <span class="text-xs font-bold" :style="{ color: themeStore.themeColor }">{{homeData?.accept_conclusion?.total_fee || 0}} 万元</span>
+              <span class="text-[11px] text-slate-400">投入合计（变更材料和实施费）</span>
+              <span class="text-xs font-bold" :style="{ color: themeStore.themeColor }">{{ homeData?.accept_conclusion?.total_fee || 0 }} 万元</span>
             </div>
-            </NCard>
+          </NCard>
         </NGi>
-    </NGrid>
-</div>
-</NSpin>
+      </NGrid>
+    </div>
+  </NSpin>
 </template>
 
 <style scoped></style>