From 8d9e89a590860186f0f1c72047e257aff09b2a24 Mon Sep 17 00:00:00 2001
From: bestlee <bestlee@djxinxi.net>
Date: Tue, 15 Sep 2026 15:45:10 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BE=85=E6=88=91=E5=A4=84=E7=90=86=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E6=8E=A5=E5=8F=A3=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/service/api/{pending.ts => myTasks.ts} |    6 +-
 src/views/my/pending/index.vue             | 1080 +++++++-------------
 2 files changed, 396 insertions(+), 690 deletions(-)
 rename src/service/api/{pending.ts => myTasks.ts} (61%)

diff --git a/src/service/api/pending.ts b/src/service/api/myTasks.ts
similarity index 61%
rename from src/service/api/pending.ts
rename to src/service/api/myTasks.ts
index d83f6cc..7ba0742 100644
--- a/src/service/api/pending.ts
+++ b/src/service/api/myTasks.ts
@@ -1,9 +1,7 @@
 import { request } from '../request';
 
-/** 获取列表
- *
- */
-export function pendingListApi() {
+//  获取列表
+export function myTasksListApi() {
   return request({
     url: `/api/my-tasks`,
     method: 'get',
diff --git a/src/views/my/pending/index.vue b/src/views/my/pending/index.vue
index 45c36a2..c88da70 100644
--- a/src/views/my/pending/index.vue
+++ b/src/views/my/pending/index.vue
@@ -1,11 +1,12 @@
 <script setup lang="ts">
-import { ref, computed } from 'vue';
-import { useAppStore } from '@/store/modules/app';
+import { ref, computed, onMounted } from 'vue';
 import { Icon } from '@iconify/vue'
 import { useThemeStore } from '@/store/modules/theme';
 import { useRouterPush } from '@/hooks/common/router';
+import { tagTextColor, tagBgColor, tagBorderColor } from '@/utils/common';
+import { myTasksListApi } from '@/service/api/myTasks';
+import { systemConfigApi } from '@/service/api/system';
 
-const appStore = useAppStore();
 const themeStore = useThemeStore();
 const { routerPushByKey } = useRouterPush();
 
@@ -16,13 +17,56 @@ interface MyChange {
     stage: string; meta: string; left?: number; extended?: boolean;
     node?: string; members?: { name: string; done: boolean }[];
 }
-
+const loading = ref<boolean>(false);
 const currentRow = ref<any>(null);
 const progressDrawer = ref<boolean>(false);
 const revokeModal = ref<boolean>(false);
 const revokeSaving = ref<boolean>(false);
 const revokeReason = ref<string>("");
 const disposalModal = ref<boolean>(false);
+// 选项卡
+const currentTab = ref<string>("all");
+const visibleTabs = ref<{ k: string; name: string; count: number }[]>([
+  { k: "all", name: "全部", count: 0 },
+  { k: "approval", name: "待我审批", count: 0 },
+  { k: "apply", name: "我的申请", count: 0 },
+  { k: "tempOverdue", name: "临时变更超期未处理", count: 0 },
+  { k: "closeOverdue", name: "变更超期未关闭", count: 0 },
+  { k: "reject", name: "驳回处理", count: 0 },
+]);
+// 选项卡切换
+const tabChange = (k: string) => {
+    currentTab.value = k;
+    // 全部
+    if(k === "all"){
+        list.value = resetGrouped([...dataSource.value.my_applications,...dataSource.value.todo]);
+    }
+    // 待我审批
+    if(k === "approval"){
+        list.value = resetGrouped([...dataSource.value.todo]);
+    }
+    // 我的申请
+    if(k === "apply"){
+        list.value = resetGrouped([...dataSource.value.my_applications]);
+    }
+    // 临时变更超期未处理
+    if(k === "tempOverdue"){
+        
+    }
+    // 变更超期未关闭
+    if(k === "closeOverdue"){
+        
+    }
+    // 驳回处理
+    if(k === "reject"){
+        
+    }
+};
+
+// 变更类型
+const typeList = ref<any[]>([]);
+// 变更等级
+const levelList = ref<any[]>([]);
 
 const stages = ["提交申请", "审批", "实施与投用前确认", "投用", "验收", "关闭"];
 const curIdx = computed(() => ({ 审批中: 1, 已批准: 2, 实施中: 2, 待PSSR: 2, 待验收: 4, 待关闭: 5, 已关闭: 6 } as Record<string, number>)[currentRow.value?.status ?? ""] ?? 1);
@@ -30,17 +74,6 @@ const closed = computed(() => currentRow.value?.status === "已关闭");
 const timeOf = (i: number) => (i === 0 ? currentRow.value?.applyTime : i === 3 ? currentRow.value?.actualUse : i === 5 ? currentRow.value?.closeTime : undefined);
 
 const role = ref<string>("applicant");
-const currentTab = ref<string>("all");
-const visibleTabs = ref<{ k: string; name: string; count: number }[]>([
-  { k: "all", name: "全部", count: 10 },
-  { k: "approval", name: "待我审批", count: 1 },
-  { k: "apply", name: "我的申请", count: 8 },
-  { k: "tempOverdue", name: "临时变更超期未处理", count: 1 },
-  { k: "closeOverdue", name: "变更超期未关闭", count: 1 },
-  { k: "reject", name: "驳回处理", count: 2 },
-  { k: "accept", name: "参与验收", count: 3 },
-  { k: "upload", name: "资料上传", count: 2 },
-]);
 const remindDays = ref<number>(7);
 const specialTab = computed(() => currentTab.value === "tempOverdue" || currentTab.value === "closeOverdue");
 const myChanges = ref<MyChange[]>([
@@ -55,396 +88,10 @@ const myChanges = ref<MyChange[]>([
 ]);
 const tempOverdueList = computed(() => (role.value === "applicant" ? myChanges.value : []).filter((c: MyChange) => c.stage === "pass" && c.dur === "临时" && (c.left ?? 0) < 0));
 const closeOverdueList = computed(() => (role.value === "applicant" ? myChanges.value : []).filter((c: MyChange) => c.stage === "closing" && (c.left ?? 0) < 0));
-
-interface ListType {
-    id: string;
-    title: string;
-    status: string;
-    list: any[];
-}
-const list = ref<ListType[]>([
-    {
-        id: "MOC-2026-R01-001",
-        title: '待我审批',
-        status: 'pending',
-        list: [
-            {
-                id: "MOC-2026-R01-0001",
-                title:'R-201 反应釜搅拌器电机更换（55kW→75kW 防爆电机）',
-                level: "重要",
-                dur: "永久",
-                stage: "pending",
-                status: "审批中",
-                node: "专业会签",
-                overdue: false,//是否超期
-                near: false,//是否临期
-                extended: false,//是否延期
-                extendedCount: 0,//延期次数
-                day: 0,
-                urgent: false,
-                members: [{ name: "王仪表", done: true },{ name: "周设备", done: false },{ name: "王海燕", done: false }],
-                applyTime: "2026-07-28 09:12",
-                updateTime: "2026-07-30 14:20",
-                meta: "计划投用 2026-08-10",
-                detail: "专业会签中（周设备、王海燕待签）"
-            },
-            {
-                id: "MOC-2026-R01-0002",
-                title:'操作规程修订（夏季工况）',
-                level: "一般",
-                dur: "临时",
-                stage: "pending",
-                status: "审批中",
-                node: "部门审核",
-                overdue: true,
-                near: false,
-                extended: false,
-                extendedCount: 0,
-                day: 2,
-                urgent: false,
-                members: [{ name: "李主任", done: false }],
-                applyTime: "2026-06-20 11:26",
-                updateTime: "2026-06-21 08:40",
-                meta: "计划投用 2026-07-01",
-                deadline: "2026-08-01",
-                detail: "部门审核（李主任）"
-            },
-        ]
-    },
-    {
-        id: "MOC-2026-R01-002",
-        title: '我的申请',
-        status: 'my',
-        list: [
-            {
-                id: "MOC-2026-R02-0001",
-                title:'循环水加药泵冲程临时调整',
-                level: "一般",
-                dur: "临时",
-                stage: "approved",
-                status: "已批准",
-                node: "投用准备",
-                overdue: false,//是否超期
-                near: false,//是否临期
-                extended: false,//是否延期
-                extendedCount: 0,//延期次数
-                day: 0,
-                urgent: false,
-                members: [{ name: "张工艺", done: false }],
-                applyTime: "2026-07-26 10:15",
-                updateTime: "2026-07-30 16:20",
-                meta: "批准 2026-07-30 · 待实施",
-                deadline: "2026-08-20",
-                detail: "培训 / PSSR 资料待上传（线下签字后拍照上传）",
-            },
-            {
-                id: "MOC-2026-R02-0002",
-                title:'氮气吹扫流程临时调整',
-                level: "一般",
-                dur: "临时",
-                stage: "approved",
-                status: "已批准",
-                node: "实施执行",
-                overdue: true,
-                near: false,
-                extended: false,
-                extendedCount: 0,
-                day: 3,
-                urgent: false,
-                members: [],
-                applyTime: "2026-07-10 10:05",
-                updateTime: "2026-07-31 08:10",
-                meta: "批准 2026-07-12 · 待实施",
-                deadline: "2026-07-31",
-                detail: "已到期未办理恢复 / 延期 / 转永久",
-            },
-            {
-                id: "MOC-2026-R02-0003",
-                title:'P-204 出口管线伴热改造',
-                level: "一般",
-                dur: "永久",
-                stage: "approved",
-                status: "已批准",
-                node: "实施执行",
-                overdue: false,
-                near: false,
-                extended: false,
-                extendedCount: 0,
-                day: 0,
-                urgent: false,
-                members: [],
-                applyTime: "2026-07-15 09:40",
-                updateTime: "2026-07-20 11:00",
-                meta: "审批通过 2026-07-20 · 计划投用 2026-07-30",
-                detail: "因装置检修窗口调整未实施",
-            },
-            {
-                id: "MOC-2026-R02-0004",
-                title:'循环水旁滤器临时绕流运行',
-                level: "一般",
-                dur: "临时",
-                stage: "inuse",
-                status: "待验收",
-                node: "变更验收",
-                overdue: false,
-                near: true,
-                extended: false,
-                extendedCount: 0,
-                day: 6,
-                urgent: false,
-                members: [],
-                applyTime: "2026-07-28 14:10",
-                updateTime: "2026-08-02 08:30",
-                deadline: "2026-08-09",
-                meta: "投用 2026-08-02 · 到期 2026-08-09",
-                detail: "验收材料准备中",
-            },
-            {
-                id: "MOC-2026-R02-0005",
-                title:'空压站干燥器再生周期调整',
-                level: "一般",
-                dur: "永久",
-                stage: "inuse",
-                status: "待验收",
-                node: "运行验证",
-                overdue: false,
-                near: false,
-                extended: false,
-                extendedCount: 0,
-                day: 0,
-                urgent: false,
-                members: [],
-                applyTime: "2026-07-18 10:25",
-                updateTime: "2026-07-25 09:12",
-                meta: "投用 2026-07-25 · 计划验收 2026-08-24",
-                detail: "运行数据收集中（验收周期 30 天）",
-            },
-            {
-                id: "MOC-2026-R02-0006",
-                title:'V-102 安全阀起跳压力临时调整（紧急补办）',
-                level: "一般",
-                dur: "临时",
-                stage: "closing",
-                status: "待关闭",
-                node: "关闭确认",
-                overdue: true,
-                near: false,
-                extended: false,
-                extendedCount: 0,
-                day: 4,
-                urgent: true,
-                members: [{ name: "钱峰", done: false }],
-                applyTime: "2026-07-15 19:40",
-                updateTime: "2026-07-27 09:02",
-                deadline: "2026-07-27",
-                meta: "已投用 · 到期 2026-07-27",
-                detail: "待关闭确认（资料更新核查中）",
-            },
-        ]
-    },
-    {
-        id: "MOC-2026-R01-001",
-        title: '审批流转中',
-        status: 'approval',
-        list: [
-            {
-                id: "MOC-2026-R01-0001",
-                title:'R-201 反应釜搅拌器电机更换（55kW→75kW 防爆电机）',
-                level: "重要",
-                dur: "永久",
-                stage: "pending",
-                status: "审批中",
-                node: "专业会签",
-                overdue: false,//是否超期
-                near: false,//是否临期
-                extended: false,//是否延期
-                extendedCount: 0,//延期次数
-                day: 0,
-                urgent: false,
-                members: [{ name: "王仪表", done: true },{ name: "周设备", done: false },{ name: "王海燕", done: false }],
-                applyTime: "2026-07-28 09:12",
-                updateTime: "2026-07-30 14:20",
-                meta: "计划投用 2026-08-10",
-                detail: "专业会签中（周设备、王海燕待签）"
-            },
-            {
-                id: "MOC-2026-R01-0002",
-                title:'操作规程修订（夏季工况）',
-                level: "一般",
-                dur: "临时",
-                stage: "pending",
-                status: "审批中",
-                node: "部门审核",
-                overdue: true,
-                near: false,
-                extended: false,
-                extendedCount: 0,
-                day: 2,
-                urgent: false,
-                members: [{ name: "李主任", done: false }],
-                applyTime: "2026-06-20 11:26",
-                updateTime: "2026-06-21 08:40",
-                meta: "计划投用 2026-07-01",
-                deadline: "2026-08-01",
-                detail: "部门审核（李主任）"
-            },
-        ]
-    },
-    {
-        id: "MOC-2026-R01-002",
-        title: '审批通过',
-        status: 'pass',
-        list: [
-            {
-                id: "MOC-2026-R02-0001",
-                title:'循环水加药泵冲程临时调整',
-                level: "一般",
-                dur: "临时",
-                stage: "approved",
-                status: "已批准",
-                node: "投用准备",
-                overdue: false,//是否超期
-                near: false,//是否临期
-                extended: false,//是否延期
-                extendedCount: 0,//延期次数
-                day: 0,
-                urgent: false,
-                members: [{ name: "张工艺", done: false }],
-                applyTime: "2026-07-26 10:15",
-                updateTime: "2026-07-30 16:20",
-                meta: "批准 2026-07-30 · 待实施",
-                deadline: "2026-08-20",
-                detail: "培训 / PSSR 资料待上传（线下签字后拍照上传）",
-            },
-            {
-                id: "MOC-2026-R02-0002",
-                title:'氮气吹扫流程临时调整',
-                level: "一般",
-                dur: "临时",
-                stage: "approved",
-                status: "已批准",
-                node: "实施执行",
-                overdue: true,
-                near: false,
-                extended: false,
-                extendedCount: 0,
-                day: 3,
-                urgent: false,
-                members: [],
-                applyTime: "2026-07-10 10:05",
-                updateTime: "2026-07-31 08:10",
-                meta: "批准 2026-07-12 · 待实施",
-                deadline: "2026-07-31",
-                detail: "已到期未办理恢复 / 延期 / 转永久",
-            },
-            {
-                id: "MOC-2026-R02-0003",
-                title:'P-204 出口管线伴热改造',
-                level: "一般",
-                dur: "永久",
-                stage: "approved",
-                status: "已批准",
-                node: "实施执行",
-                overdue: false,
-                near: false,
-                extended: false,
-                extendedCount: 0,
-                day: 0,
-                urgent: false,
-                members: [],
-                applyTime: "2026-07-15 09:40",
-                updateTime: "2026-07-20 11:00",
-                meta: "审批通过 2026-07-20 · 计划投用 2026-07-30",
-                detail: "因装置检修窗口调整未实施",
-            },
-            {
-                id: "MOC-2026-R02-0004",
-                title:'循环水旁滤器临时绕流运行',
-                level: "一般",
-                dur: "临时",
-                stage: "inuse",
-                status: "待验收",
-                node: "变更验收",
-                overdue: false,
-                near: true,
-                extended: false,
-                extendedCount: 0,
-                day: 6,
-                urgent: false,
-                members: [],
-                applyTime: "2026-07-28 14:10",
-                updateTime: "2026-08-02 08:30",
-                deadline: "2026-08-09",
-                meta: "投用 2026-08-02 · 到期 2026-08-09",
-                detail: "验收材料准备中",
-            },
-            {
-                id: "MOC-2026-R02-0005",
-                title:'空压站干燥器再生周期调整',
-                level: "一般",
-                dur: "永久",
-                stage: "inuse",
-                status: "待验收",
-                node: "运行验证",
-                overdue: false,
-                near: false,
-                extended: false,
-                extendedCount: 0,
-                day: 0,
-                urgent: false,
-                members: [],
-                applyTime: "2026-07-18 10:25",
-                updateTime: "2026-07-25 09:12",
-                meta: "投用 2026-07-25 · 计划验收 2026-08-24",
-                detail: "运行数据收集中（验收周期 30 天）",
-            },
-            {
-                id: "MOC-2026-R02-0006",
-                title:'V-102 安全阀起跳压力临时调整（紧急补办）',
-                level: "一般",
-                dur: "临时",
-                stage: "closing",
-                status: "待关闭",
-                node: "关闭确认",
-                overdue: true,
-                near: false,
-                extended: false,
-                extendedCount: 0,
-                day: 4,
-                urgent: true,
-                members: [{ name: "钱峰", done: false }],
-                applyTime: "2026-07-15 19:40",
-                updateTime: "2026-07-27 09:02",
-                deadline: "2026-07-27",
-                meta: "已投用 · 到期 2026-07-27",
-                detail: "待关闭确认（资料更新核查中）",
-            },
-        ]
-    },
-    {
-        id: "MOC-2026-R01-003",
-        title: '驳回处理',
-        status: 'reject',
-        list: [
-            {
-                id: "MOC-2026-R03-0001",
-                title: 'P-301 机封冲洗方案调整',
-                stage: "reject",
-                overdue: false,
-                rejectReason: '变更前后对比描述不完整，缺少冲洗流量核算数据（李主任 · 车间主任）',
-                updateTime: "2026-07-29",
-            },
-            {
-                id: "MOC-2026-R03-0002",
-                title: '活性炭更换周期延长（3→6 个月）',
-                stage: "reject",
-                overdue: true,
-                rejectReason: '风险分析未覆盖吸附饱和穿透情景，请补充 JSA 分析（王海燕 · 安全工程师）',
-                updateTime: "2026-07-25",
-            },
-        ]
-    },
-]);
+// 源数据
+const dataSource = ref<any>(null);
+// 列表
+const list = ref<any[]>([]);
 
 interface SubOrder {
   id: string;                    // 子单号：原单号-Y1（延期）/ -Z1（转永久）
@@ -540,303 +187,364 @@ const revokeSave = () => {
         window.$message?.success(`已撤回 ${currentRow.value?.id}，申请退回草稿箱，审批记录保留可查，修改后可重新提交`);
     }, 1000);
 };
+
+// 匹配变更等级
+const getChangeLevel = (level:number) => {
+    const changeLevel = levelList.value.find((item:any) => item.value == level);
+    return changeLevel || null;
+}
+
+// 按 status 归纳
+const resetGrouped = (data:any) => {
+    const grouped = Object.values(
+        data.reduce((acc:any, item:any) => {
+            const key = item.status;
+            if (!acc[key]) {
+                acc[key] = { status: key, items: [] };
+            }
+            acc[key].items.push(item);
+            return acc;
+        }, {})
+    );
+    return grouped;
+}
+
+// 获取列表数据
+const getList = async () => {
+    loading.value = true;
+    const {data,error} = await myTasksListApi();
+    if(!error){
+        dataSource.value = data;
+        list.value = resetGrouped([...dataSource.value.my_applications,...dataSource.value.todo]);
+    }
+    loading.value = false;
+};
+// 获取配置
+const getConfig = async () => {
+    loading.value = true;
+    const {data,error} = await systemConfigApi();
+    if(!error){
+        // 解析 变更类型设置
+        const changeTypeGroup = data.find((group:{group_key:string}) => group.group_key === 'change_type');
+        if (changeTypeGroup) {
+            typeList.value = changeTypeGroup.items;
+        }
+        // 解析 变更等级设置
+        const changeLevelGroup = data.find((group:{group_key:string}) => group.group_key === 'change_level');
+        if (changeLevelGroup) {
+            levelList.value = changeLevelGroup.items;
+        }
+        getList();
+    }
+    loading.value = false;
+};
+
+onMounted(() => {
+    getConfig();
+});
 </script>
 
 <template>
 <NSpace vertical :size="16">
-    <!-- 我的任务 -->
-    <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
-        <div 
-            class="h-100% flex flex-wrap items-center gap-2 border border-slate-200 px-3 py-2 mb-3"
-            :style="{ borderRadius: themeStore.themeRadius + 'px' }"
-        >
-            <div v-for="t in visibleTabs" :key="t.k" @click="currentTab = t.k"
-                class="flex items-center gap-1.5 px-3 py-1.5 text-sm cursor-pointer select-none"
-                :style="{ 
-                    borderRadius: themeStore.themeRadius + 'px',
-                    '--theme-color': themeStore.themeColor,
-                }"
-                :class="currentTab === t.k ? 'bg-[var(--theme-color)] font-medium text-white' : 'text-slate-600 hover:bg-slate-100'">
-                {{ t.name }}
-                <!-- 驳回处理/资料上传/临时变更超期未处理/变更超期未关闭 -->
-                <NTag v-if="t.k==='reject' || t.k==='upload' || t.k==='tempOverdue' || t.k==='closeOverdue'" size="tiny" round :type="currentTab === t.k ?'default':'error'">{{ t.count }}</NTag>
-                <NTag v-else size="tiny" round :type="currentTab === t.k ?'default':'primary'">{{ t.count }}</NTag>
+    <NSpin :show="loading" size="small">
+        <!-- 我的任务 -->
+        <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+            <div 
+                class="h-100% flex flex-wrap items-center gap-2 border border-slate-200 px-3 py-2 mb-3"
+                :style="{ borderRadius: themeStore.themeRadius + 'px' }"
+            >
+                <div v-for="t in visibleTabs" :key="t.k" @click="tabChange(t.k)"
+                    class="flex items-center gap-1.5 px-3 py-1.5 text-sm cursor-pointer select-none"
+                    :style="{ 
+                        borderRadius: themeStore.themeRadius + 'px',
+                        '--theme-color': themeStore.themeColor,
+                    }"
+                    :class="currentTab === t.k ? 'bg-[var(--theme-color)] font-medium text-white' : 'text-slate-600 hover:bg-slate-100'">
+                    {{ t.name }}
+                    <!-- 驳回处理/资料上传/临时变更超期未处理/变更超期未关闭 -->
+                    <NTag v-if="t.k==='reject' || t.k==='upload' || t.k==='tempOverdue' || t.k==='closeOverdue'" size="tiny" round :type="currentTab === t.k ?'default':'error'">{{ t.count }}</NTag>
+                    <NTag v-else size="tiny" round :type="currentTab === t.k ?'default':'primary'">{{ t.count }}</NTag>
+                </div>
             </div>
-        </div>
-        <!-- 临时变更临期提醒 -->
-        <div 
-            class="flex flex-wrap items-center gap-2 border border-slate-200 px-3 py-2 text-xs text-slate-400 mb-3"
-            :style="{ borderRadius: themeStore.themeRadius + 'px' }"
-        >
-            <Icon icon="lets-icons:clock" class="size-16px text-amber-600" />
-            临时变更临期提醒：到期前
-            <NInputNumber v-model:value="remindDays" :min="1" :max="30" size="tiny" placeholder="" :show-button="false" class="text-11px w-14 text-center" />
-            天提醒（可设置）· 超期红色、临期琥珀色标识
-            <span class="ml-auto">
-                {{ specialTab ? (currentTab === 'tempOverdue' ? `超期 ${tempOverdueList.length} 项 · 点击行内按钮办理恢复 / 延期 / 转永久` : `超期 ${closeOverdueList.length} 项 · 点击行内按钮进入关闭确认`) : `共 ${myChanges.length} 项 · 点击行内按钮办理各阶段业务` }}
-            </span>
-        </div>
-        <div class="space-y-2 scroll">
-            <div class="flex flex-col gap-3">
-                <div 
-                    class="border border-slate-200 p-4"
-                    :style="{ borderRadius: themeStore.themeRadius + 'px' }"
-                    v-for="item in list"
-                    :key="item.id"
-                >
-                    <div class="flex items-center gap-2">
-                        <!-- 待我审批 -->
-                        <Icon v-if="item.status==='pending'" icon="ix:success" class="size-16px" :style="{ color: themeStore.otherColor.success }" />
-                        <!-- 我的申请 -->
-                        <Icon v-if="item.status==='my'" icon="akar-icons:file" class="size-16px" :style="{ color: themeStore.themeColor }" />
-                        <!-- 审批流转中/已通过 -->
-                        <Icon v-if="item.status==='approval' || item.status==='pass'" icon="akar-icons:file" class="size-16px" :style="{ color: themeStore.themeColor }" />
-                        <!-- 被驳回处理 -->
-                        <Icon v-if="item.status==='reject'" icon="system-uicons:reset" class="size-16px" :style="{ color: themeStore.themeColor }" />
-                        <p class="text-13px font-700 text-#64749a">{{item.title}}</p>
-                        <!-- 待我审批 -->
-                        <p v-if="item.status==='pending'" class="text-11px text-slate-400">共 {{ item.list.length }} 项 · 流程当前节点轮到您处理 · 点击进入审批</p>
-                        <!-- 我的申请 -->
-                        <p v-if="item.status==='my'" class="text-11px text-slate-400">共 {{item.list.length}} 项</p>
-                        <!-- 审批流转中 -->
-                        <p v-if="item.status==='approval'" class="text-11px text-#94a3b8">共 {{item.list.length}} 项 · 审批流程推进中 · 可查看进度或撤回</p>
+            <!-- 临时变更临期提醒 -->
+            <div 
+                class="flex flex-wrap items-center gap-2 border border-slate-200 px-3 py-2 text-xs text-slate-400 mb-3"
+                :style="{ borderRadius: themeStore.themeRadius + 'px' }"
+            >
+                <Icon icon="lets-icons:clock" class="size-16px text-amber-600" />
+                临时变更临期提醒：到期前
+                <NInputNumber v-model:value="remindDays" :min="1" :max="30" size="tiny" placeholder="" :show-button="false" class="text-11px w-14 text-center" />
+                天提醒（可设置）· 超期红色、临期琥珀色标识
+                <span class="ml-auto">
+                    {{ specialTab ? (currentTab === 'tempOverdue' ? `超期 ${tempOverdueList.length} 项 · 点击行内按钮办理恢复 / 延期 / 转永久` : `超期 ${closeOverdueList.length} 项 · 点击行内按钮进入关闭确认`) : `共 ${myChanges.length} 项 · 点击行内按钮办理各阶段业务` }}
+                </span>
+            </div>
+            <div class="space-y-2 scroll">
+                <div class="flex flex-col gap-3">
+                    <div 
+                        class="border border-slate-200 p-4"
+                        :style="{ borderRadius: themeStore.themeRadius + 'px' }"
+                        v-for="(item,index) in list"
+                        :key="index"
+                    >
+                        <!-- 审批中 -->
+                        <div v-if="item.status==='APPROVING'" class="flex items-center gap-2">
+                            <Icon icon="ant-design:clock-circle-outlined" class="size-16px" :style="{ color: themeStore.otherColor.warning }" />
+                            <p class="text-13px font-700" :style="{ color: themeStore.otherColor.warning }">审批中</p>
+                            <p class="text-11px text-#94a3b8">共 {{item.items.length}} 项 · 审批流程推进中 · 可查看进度或撤回</p>
+                        </div>
                         <!-- 已通过 -->
-                        <p v-if="item.status==='pass'" class="text-11px text-#94a3b8">共 {{item.list.length}} 项 · 待实施 / 待验收 / 待关闭 · 处置申请与资料关闭在行内办理</p>
-                        <!-- 驳回处理 -->
-                         <p v-if="item.status==='reject'" class="text-11px text-#94a3b8">{{item.list.length}} 项待处理</p>
-                    </div>
-                    <div v-if="item.list && item.list.length" class="flex flex-col gap-3 mt-3">
-                        <div v-for="c in item.list" :key="c.id"
-                            class="flex flex-wrap items-center gap-3 border px-4 py-3"
-                            :class="c.overdue ? 'border-red-200 bg-[#FFF2F0]' : c.near ? 'border-amber-200 bg-amber-50/40' : ''"
-                            :style="{ borderRadius: themeStore.themeRadius + 'px' }"
-                        >
-                            <!-- 左区 -->
-                            <!-- 审批流转中/已通过 -->
-                            <div v-if="item.status==='approval' || item.status==='pass'" class="min-w-0 flex-1">
-                                <div class="flex flex-wrap items-center gap-2">
-                                    <span class="font-mono text-[11px] text-slate-400">{{ c.id }}</span>
-                                    <NTag v-if="c.level==='重要'" size="small" type="error">{{c.level}}</NTag>
-                                    <NTag v-if="c.level==='一般'" size="small" type="primary">{{c.level}}</NTag>
-                                    <NTag v-if="c.dur==='临时'" size="small" type="warning">{{c.dur}}</NTag>
-                                    <NTag v-if="c.dur==='永久'" size="small" type="primary">{{c.dur}}</NTag>
-                                    <NTag v-if="c.dur==='临时转永久'" size="small">{{c.dur}}</NTag>
-                                    <NTag v-if="c.urgent" size="small" type="error">紧急</NTag>
-                                    <NTag v-if="c.overdue" size="small" type="error">已超期 {{ c.day }} 天</NTag>
-                                    <NTag v-if="c.near" size="small" type="warning">临期 · 剩 {{ c.day }} 天</NTag>
-                                    <NTag v-if="c.extended" size="small">已延期 {{ c.extendedCount }} 次</NTag>
-                                    <NTag v-if="c.status==='审批中'" size="small" type="warning">{{c.status}}</NTag>
-                                    <NTag v-if="c.status==='已批准'" size="small" type="primary">{{c.status}}</NTag>
-                                    <NTag v-if="c.status==='待验收'" size="small" type="success">{{c.status}}</NTag>
-                                    <NTag v-if="c.status==='待关闭'" size="small" type="error">{{c.status}}</NTag>
-                                </div>
-                                <div class="mt-1 flex flex-wrap items-baseline gap-x-2">
-                                    <span class="text-sm font-medium text-slate-800">{{ c.title }}</span>
-                                    <span v-if="c.applyTime" class="text-[11px] text-slate-400">申请 {{ c.applyTime }}</span>
-                                </div>
-                                <div v-if="c.stage === 'closing'" class="mt-0.5 text-[11px] text-slate-400">{{ c.meta }}</div>
-                                <!-- 当前节点与会签成员进度；状态更新时间跟在审核人员名字后面 -->
-                                <div class="mt-1 flex flex-wrap items-center gap-1.5 text-[11px]">
-                                    <span class="text-slate-400">当前节点</span>
-                                    <span class="font-medium text-slate-600">{{ c.node ?? c.status }}</span>
-                                    <div v-if="c.members && c.members.length" class="flex items-center gap-1">
-                                        <div v-for="(m, mi) in c.members" :key="mi">
-                                            <NTag v-if="m.done" size="small" type="success">
-                                                <div class="flex items-center">
-                                                    <Icon icon="ix:success" />{{ m.name }}
-                                                </div>
-                                            </NTag>
-                                            <NTag v-else size="small" type="warning">
-                                                <div class="flex items-center">
-                                                    <Icon icon="tabler:clock" />{{ m.name }}
-                                                </div>
-                                            </NTag>
-                                        </div>
+                        <div v-if="item.status==='APPROVED'" class="flex items-center gap-2">
+                            <Icon icon="ix:success" class="size-16px" :style="{ color: themeStore.otherColor.success }" />
+                            <p class="text-13px font-700" :style="{ color: themeStore.otherColor.success }">审批通过</p>
+                            <p class="text-11px text-#94a3b8">共 {{item.items.length}} 项 · 待实施 / 待验收 / 待关闭 · 处置申请与资料关闭在行内办理</p>
+                        </div>
+                        <!-- 已驳回 -->
+                        <div v-if="item.status==='REJECTED'" class="flex items-center gap-2">
+                            <Icon icon="system-uicons:reset" class="size-16px" :style="{ color: themeStore.otherColor.error }" />
+                            <p class="text-13px font-700" :style="{ color: themeStore.otherColor.error }">驳回处理</p>
+                            <p class="text-11px text-#94a3b8">{{item.items.length}} 项待处理</p>
+                        </div>
+
+                        <div v-if="item.items && item.items.length" class="flex flex-col gap-3 mt-3">
+                            <div v-for="c in item.items" :key="c.id"
+                                class="flex flex-wrap items-center gap-3 border px-4 py-3"
+                                :class="c.overdue ? 'border-red-200 bg-[#FFF2F0]' : c.near ? 'border-amber-200 bg-amber-50/40' : ''"
+                                :style="{ borderRadius: themeStore.themeRadius + 'px' }"
+                            >
+                                <!-- 左区 -->
+                                <!-- 审批中/已通过 -->
+                                <div v-if="item.status==='APPROVING' || item.status==='APPROVED'" class="min-w-0 flex-1">
+                                    <div class="flex flex-wrap items-center gap-2">
+                                        <!-- 变更编号 -->
+                                        <span class="font-mono text-[11px] text-slate-400">{{ c.change_no }}</span>
+                                        <!-- 变更等级 -->
+                                        <NTag 
+                                            size="small"
+                                            :color="{
+                                                color: tagBgColor(getChangeLevel(c.change_level)?.color),
+                                                textColor: tagTextColor(getChangeLevel(c.change_level)?.color),
+                                                borderColor: tagBorderColor(getChangeLevel(c.change_level)?.color),
+                                            }"
+                                        >{{getChangeLevel(c.change_level)?.label}}</NTag>
+                                        <!-- 变更时限 -->
+                                        <NTag v-if="c.duration_type===2" size="small" type="warning">临时</NTag>
+                                        <NTag v-if="c.duration_type===1" size="small" type="primary">永久</NTag>
+                                        <NTag v-if="c.urgent===1" size="small" type="error">紧急</NTag>
+                                        <!-- 超期/临期/延期 -->
+                                        <NTag v-if="c.overdue_status===2" size="small" type="error">已超期 {{ c.overdue_days }} 天</NTag>
+                                        <NTag v-if="c.overdue_status===1" size="small" type="warning">临期 · 剩 {{ c.overdue_days }} 天</NTag>
+                                        <NTag v-if="c.extend_count" size="small">已延期 {{ c.extend_count }} 次</NTag>
+                                        <!-- 变更状态 -->
+                                        <NTag v-if="c.status==='APPROVING'" size="small" type="warning">审批中</NTag>
+                                        <NTag v-if="c.status==='APPROVED'" size="small" type="success">已通过</NTag>
                                     </div>
-                                    <span v-else class="text-slate-400">{{ c.detail }}</span>
-                                    <span v-if="c.updateTime" class="text-slate-400">状态更新 {{ c.updateTime }}</span>
+                                    <div class="mt-1 flex flex-wrap items-baseline gap-x-2">
+                                        <span class="text-sm font-medium text-slate-800">{{ c.title }}</span>
+                                        <span v-if="c.apply_time" class="text-[11px] text-slate-400">申请 {{ c.apply_time.slice(0, 16) }}</span>
+                                    </div>
+                                    <!-- 当前节点与会签成员进度；状态更新时间跟在审核人员名字后面 -->
+                                    <div class="mt-1 flex flex-wrap items-center gap-1.5 text-[11px]">
+                                        <span class="text-slate-400">当前节点</span>
+                                        <span class="font-medium text-slate-600">{{ c.step_name }}</span>
+                                        <div v-if="c.current_step_members && c.current_step_members.length" class="flex items-center gap-1">
+                                            <div v-for="(m, mi) in c.current_step_members" :key="mi">
+                                                <NTag v-if="m.status==='PENDING'" size="small" type="warning">
+                                                    <div class="flex items-center">
+                                                        <Icon icon="tabler:clock" />{{ m.user_name }}
+                                                    </div>
+                                                </NTag>
+                                                <NTag v-else size="small" type="success">
+                                                    <div class="flex items-center">
+                                                        <Icon icon="ix:success" />{{ m.user_name }}
+                                                    </div>
+                                                </NTag>
+                                            </div>
+                                        </div>
+                                        <span v-if="c.status_changed_at" class="text-slate-400">状态更新 {{ c.status_changed_at.slice(0, 16) }}</span>
+                                    </div>
+                                </div>
+                                <!-- 驳回处理 -->
+                                <NTag v-if="item.status==='REJECTED'" size="small" type="error">
+                                    <div class="flex items-center">
+                                        <Icon icon="system-uicons:reset" />驳回处理
+                                    </div>
+                                </NTag>
+                                <div v-if="item.status==='REJECTED'" class="min-w-0 flex-1">
+                                    <div class="flex flex-wrap items-center gap-2">
+                                        <span class="text-sm font-medium text-slate-800">{{ c.title }}</span>
+                                        <span class="font-mono text-[11px] text-slate-400">{{ c.change_no }}</span>
+                                    </div>
+                                    <p class="px-2 py-1 text-xs border border-red-100 bg-red-50/60 px-2 py-1 text-red-600 rounded-md mt-1">
+                                        驳回原因：{{ c.reject_comment }}
+                                    </p>
+                                    <span v-if="c.rejected_at" class="text-11px text-slate-400">驳回于 {{ c.rejected_at.slice(0, 16) }}</span>
+                                </div>
+                                <!-- 右区 -->
+                                <!-- 审批中 -->
+                                <div v-if="c.status === 'APPROVING'" class="flex gap-1.5">
+                                    <NButton class="text-xs" text type="primary" @click="openDetail(c)">详情</NButton>
+                                    <NButton class="text-xs" text type="warning" @click="openProgress(c)">进度</NButton>
+                                    <NButton class="text-xs" text type="error" @click="openWithdraw(c)">撤回</NButton>
+                                </div>
+                                <!-- 审批通过 -->
+                                <div v-if="c.status === 'APPROVED'" class="flex gap-1.5">
+                                    <NButton class="text-xs" text type="primary" @click="openDetail(c)">详情</NButton>
+                                    <NButton class="text-xs" text type="warning" @click="openProgress(c)">进度</NButton>
+                                    <NButton class="text-xs" text type="primary" @click="openDisposal(c)">处置申请</NButton>
+                                    <NButton class="text-xs" text type="error" @click="openClosure(c)">资料关闭</NButton>
+                                </div>
+                                <!-- 驳回处理 -->
+                                 <div v-if="c.status === 'REJECTED'" class="flex gap-1.5">
+                                    <NButton class="text-xs" text type="primary" @click="openDetail(c,'reject')">详情</NButton>
+                                    <NButton class="text-xs" text type="warning" @click="openProgress(c,'reject')">进度</NButton>
+                                    <NButton class="text-xs" text type="primary" @click="openDisposal(c,'reject')">修改重报</NButton>
+                                    <NButton class="text-xs" text type="error" @click="openClosure(c,'reject')">关闭变更</NButton>
                                 </div>
                             </div>
-                            <!-- 驳回处理 -->
-                            <NTag v-if="item.status==='reject'" size="small" type="error">
-                                <div class="flex items-center">
-                                    <Icon icon="system-uicons:reset" />驳回处理
+                        </div>
+                        
+                    </div>
+                </div>
+            </div>
+            <!-- 进度弹框 -->
+            <NDrawer v-model:show="progressDrawer" :width="502" placement="right">
+                <NDrawerContent title="变更进度">
+                    <div class="rounded-lg border bg-slate-50/60 px-3 py-2.5">
+                        <div class="text-sm font-semibold text-slate-800">{{ currentRow?.title }}</div>
+                        <div class="mt-1.5 flex flex-wrap items-center gap-1.5 text-[11px] text-slate-400">
+                            <span class="font-mono">{{ currentRow?.id }}</span>
+                            <NTag v-if="currentRow?.status==='审批中'" size="small" type="warning">{{currentRow.status}}</NTag>
+                            <NTag v-if="currentRow?.status==='已批准'" size="small" type="primary">{{currentRow.status}}</NTag>
+                            <NTag v-if="currentRow?.status==='待验收'" size="small" type="success">{{currentRow.status}}</NTag>
+                            <NTag v-if="currentRow?.status==='待关闭'" size="small" type="error">{{currentRow.status}}</NTag>
+                            <span v-if="currentRow?.overdue" class="font-medium text-red-500">超期 {{ currentRow?.day }} 天</span>
+                        </div>
+                        <div v-if="currentRow?.dept || currentRow?.applicant" class="mt-1 text-[11px] text-slate-400">{{ [currentRow?.dept, currentRow?.applicant].filter(Boolean).join(' · ') }}</div>
+                        <div v-if="currentRow?.meta" class="mt-1 text-[11px] text-slate-400">{{ currentRow?.meta }}</div>
+                    </div>
+                    <div class="mt-4">
+                        <div v-for="(s, i) in stages" :key="s" class="flex gap-3">
+                            <div class="flex flex-col items-center">
+                                <span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full border-2"
+                                    :class="i < curIdx || closed ? 'border-[#7CC242] bg-[#7CC242] text-white' : i === curIdx && !closed ? 'border-[#1D4E9C] bg-[#1D4E9C] text-white' : 'border-slate-200 bg-white text-slate-300'">
+                                    <Icon v-if="i < curIdx || closed" icon="ix:success" />
+                                    <Icon v-else-if="i === curIdx" icon="tabler:clock" />
+                                    <span v-else class="text-[10px]">{{ i + 1 }}</span>
+                                </span>
+                                <span v-if="i < stages.length - 1" class="w-0.5 flex-1" :class="i < curIdx ? 'bg-[#7CC242]' : 'bg-slate-200'" />
+                            </div>
+                            <div class="pb-5">
+                                <div class="text-sm" :class="i === curIdx && !closed ? 'font-semibold text-[#1D4E9C]' : i < curIdx || closed ? 'font-medium text-slate-700' : 'text-slate-400'">
+                                    {{ s }}{{ i === curIdx && !closed ? '（当前）' : '' }}
                                 </div>
-                            </NTag>
-                            <div v-if="item.status==='reject'" class="min-w-0 flex-1">
-                                <div class="flex flex-wrap items-center gap-2">
-                                    <span class="text-sm font-medium text-slate-800">{{ c.title }}</span>
-                                    <span class="font-mono text-[11px] text-slate-400">{{ c.id }}</span>
+                                <div v-if="timeOf(i)" class="mt-0.5 text-[11px] text-slate-400">{{ timeOf(i) }}</div>
+                                <div v-if="i === curIdx && !closed && (currentRow?.detail || currentRow?.updateTime)" class="mt-0.5 text-[11px] text-slate-400">
+                                    {{ [currentRow?.detail, currentRow?.updateTime ? `更新 ${currentRow?.updateTime}` : ''].filter(Boolean).join(' · ') }}
                                 </div>
-                                <p class="px-2 py-1 text-xs border border-red-100 bg-red-50/60 px-2 py-1 text-red-600 rounded-md mt-1">
-                                    驳回原因：{{ c.rejectReason }}
-                                </p>
-                                <span v-if="c.updateTime" class="text-11px text-slate-400">驳回于 {{ c.updateTime }}</span>
                             </div>
-                            <!-- 右区 -->
-                            <!-- 审批流转中 -->
-                            <div v-if="c.stage === 'approval'" class="flex gap-1.5">
-                                <NButton class="text-xs" text type="primary" @click="openDetail(c)">详情</NButton>
-                                <NButton class="text-xs" text type="warning" @click="openProgress(c)">进度</NButton>
-                                <NButton class="text-xs" text type="error" @click="openWithdraw(c)">撤回</NButton>
-                            </div>
-                            <!-- 审批通过、待验收、待关闭 -->
-                            <div v-if="c.stage === 'pass' || c.stage === 'inuse' || c.stage === 'closing'" class="flex gap-1.5">
-                                <NButton class="text-xs" text type="primary" @click="openDetail(c)">详情</NButton>
-                                <NButton class="text-xs" text type="warning" @click="openProgress(c)">进度</NButton>
-                                <NButton class="text-xs" text type="primary" @click="openDisposal(c)">处置申请</NButton>
-                                <NButton class="text-xs" text type="error" @click="openClosure(c)">资料关闭</NButton>
-                            </div>
-                            <!-- 驳回处理 -->
-                             <div v-if="c.stage === 'reject'" class="flex gap-1.5">
-                                <NButton class="text-xs" text type="primary" @click="openDetail(c,'reject')">详情</NButton>
-                                <NButton class="text-xs" text type="warning" @click="openProgress(c,'reject')">进度</NButton>
-                                <NButton class="text-xs" text type="primary" @click="openDisposal(c,'reject')">修改重报</NButton>
-                                <NButton class="text-xs" text type="error" @click="openClosure(c,'reject')">关闭变更</NButton>
+                        </div>
+                    </div>
+                    <div v-if="currentRow?.dur === '临时'" class="rounded-lg border border-amber-200 bg-amber-50/50 px-3 py-2 text-[11px] leading-5 text-amber-700">
+                        临时变更：计划恢复 {{ currentRow?.deadline ?? '—' }}{{ currentRow?.extended ? ` · 延期后恢复 ${currentRow?.deadline}` : '' }} · 恢复 / 延期 / 转永久请在详情页中操作
+                    </div>
+                </NDrawerContent>
+            </NDrawer>
+            <!-- 撤回弹框 -->
+            <NModal
+                v-model:show="revokeModal"
+                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>
+                    <div class="rounded-lg bg-slate-50 px-3 py-2 text-xs leading-5 text-slate-500">
+                        变更编号 {{ currentRow?.id }}：撤回后申请退回草稿状态，已产生的审批记录保留可查；修改内容后可重新提交，重新提交按新申请计。
+                    </div>
+                    <NInput
+                        class="mt-3"
+                        v-model:value="revokeReason"
+                        type="textarea"
+                        :rows="3"
+                        placeholder="撤回理由（必填）：如补充材料、变更范围调整、需重新组织风险分析…"
+                    />
+                </template>
+                <template #footer>
+                    <div class="flex justify-end gap-[10px]">
+                        <NButton size="small" @click="revokeCancel">取消</NButton>
+                        <NButton size="small" type="primary" :loading="revokeSaving" @click="revokeSave">保存</NButton>
+                    </div>
+                </template>
+            </NModal>
+            <!-- 处置申请弹框 -->
+            <NModal
+                v-model:show="disposalModal"
+                preset="card"
+                :auto-focus="false"
+                :style="{ width: '670px', height: 'auto' }"
+                :segmented="{ content: true, footer: false }"
+            >
+                <template #header>
+                    <div class="flex items-center gap-2 flex-wrap">
+                        <h3 class="text-base font-semibold text-slate-800">处置申请 · {{ currentRow?.title }}</h3>
+                        <span class="shrink-0 border-slate-200 bg-slate-100 font-mono text-xs text-slate-600 px-1.5 py-0.5 border rounded-md">编号：{{ currentRow?.id }}</span>
+                    </div>
+                </template>
+                <template #default>
+                    <div class="rounded-lg border bg-white px-4 py-3">
+                        <div class="flex flex-wrap items-center gap-2">
+                            <NTag v-if="currentRow?.level=== '重要'" type="error" size="small">{{ currentRow?.level }}</NTag>
+                            <NTag v-else type="primary" size="small">{{ currentRow?.level }}</NTag>
+                            <NTag v-if="currentRow?.dur=== '临时'" type="warning" size="small">{{ currentRow?.dur }}</NTag>
+                            <NTag v-else type="primary" size="small">{{ currentRow?.dur }}</NTag>
+                            <NTag v-if="currentRow?.status==='审批中'" size="small" type="warning">{{currentRow?.status}}</NTag>
+                            <NTag v-if="currentRow?.status==='已批准'" size="small" type="primary">{{currentRow?.status}}</NTag>
+                            <NTag v-if="currentRow?.status==='实施中'" size="small" type="warning">{{currentRow?.status}}</NTag>
+                            <NTag v-if="currentRow?.status==='待PSSR'" size="small" type="warning">{{currentRow?.status}}</NTag>
+                            <NTag v-if="currentRow?.status==='待验收'" size="small" type="success">{{currentRow?.status}}</NTag>
+                            <NTag v-if="currentRow?.status==='待关闭'" size="small" type="error">{{currentRow?.status}}</NTag>
+                            <NTag v-if="currentRow?.status==='已关闭'" size="small" type="primary">{{currentRow?.status}}</NTag>
+                            <span v-if="currentRow?.applyTime" class="text-[11px] text-slate-400">申请 {{ currentRow?.applyTime }}</span>
+                            <span v-if="currentRow?.dur === '临时' && currentRow?.deadline" class="text-[11px] text-amber-600">
+                                到期 {{ currentRow?.deadline }}{{ (currentRow?.day ?? 0) < 0 ? ` · 已超期 ${-(currentRow?.day ?? 0)} 天` : currentRow?.day !== undefined ? ` · 剩 ${currentRow?.day} 天` : '' }}
+                            </span>
+                        </div>
+                        <div class="mt-1 text-[11px] text-slate-400">{{ currentRow?.detail }}</div>
+                    </div>
+                    <!-- 进行中的子单提示 -->
+                    <div v-if="pendingSubs.length" class="rounded-lg border border-amber-200 bg-amber-50/60 px-4 py-2.5 text-xs text-amber-700">
+                    已有子单在审批中：{{ pendingSubs.map((s:any) => s.id).join('、') }} · 审批进度见「待我处理」列表行内展示
+                    </div>
+                    <!-- 处置选项 -->
+                    <div class="rounded-lg border bg-white mt-3">
+                        <div class="border-b px-4 py-2.5 text-sm font-bold text-slate-800">
+                            选择处置方式
+                            <span class="ml-2 text-[11px] font-normal text-slate-400">申请恢复所有变更可发起；申请延期 / 申请转为永久仅临时变更可用</span>
+                        </div>
+                        <div class="divide-y">
+                            <div v-for="o in opts" :key="o.act" class="flex flex-wrap items-center gap-3 px-4 py-3.5">
+                                <div class="min-w-0 flex-1">
+                                    <div class="flex flex-wrap items-center gap-2">
+                                        <span class="text-sm font-semibold text-slate-800">{{ o.name }}</span>
+                                        <NTag v-if="o.note" type="warning" size="small">{{ o.note }}</NTag>
+                                    </div>
+                                    <div class="mt-0.5 text-[11px] leading-4 text-slate-400">{{ o.desc }}</div>
+                                </div>
+                                <NButton size="small" type="primary" :disabled="o.disabled">
+                                    发起<Icon icon="formkit:right" class="size-12px text-white ml-1" />
+                                </NButton>
                             </div>
                         </div>
                     </div>
                     
-                </div>
-            </div>
-        </div>
-        <!-- 进度弹框 -->
-        <NDrawer v-model:show="progressDrawer" :width="502" placement="right">
-            <NDrawerContent title="变更进度">
-                <div class="rounded-lg border bg-slate-50/60 px-3 py-2.5">
-                    <div class="text-sm font-semibold text-slate-800">{{ currentRow?.title }}</div>
-                    <div class="mt-1.5 flex flex-wrap items-center gap-1.5 text-[11px] text-slate-400">
-                        <span class="font-mono">{{ currentRow?.id }}</span>
-                        <NTag v-if="currentRow?.status==='审批中'" size="small" type="warning">{{currentRow.status}}</NTag>
-                        <NTag v-if="currentRow?.status==='已批准'" size="small" type="primary">{{currentRow.status}}</NTag>
-                        <NTag v-if="currentRow?.status==='待验收'" size="small" type="success">{{currentRow.status}}</NTag>
-                        <NTag v-if="currentRow?.status==='待关闭'" size="small" type="error">{{currentRow.status}}</NTag>
-                        <span v-if="currentRow?.overdue" class="font-medium text-red-500">超期 {{ currentRow?.day }} 天</span>
-                    </div>
-                    <div v-if="currentRow?.dept || currentRow?.applicant" class="mt-1 text-[11px] text-slate-400">{{ [currentRow?.dept, currentRow?.applicant].filter(Boolean).join(' · ') }}</div>
-                    <div v-if="currentRow?.meta" class="mt-1 text-[11px] text-slate-400">{{ currentRow?.meta }}</div>
-                </div>
-                <div class="mt-4">
-                    <div v-for="(s, i) in stages" :key="s" class="flex gap-3">
-                        <div class="flex flex-col items-center">
-                            <span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full border-2"
-                                :class="i < curIdx || closed ? 'border-[#7CC242] bg-[#7CC242] text-white' : i === curIdx && !closed ? 'border-[#1D4E9C] bg-[#1D4E9C] text-white' : 'border-slate-200 bg-white text-slate-300'">
-                                <Icon v-if="i < curIdx || closed" icon="ix:success" />
-                                <Icon v-else-if="i === curIdx" icon="tabler:clock" />
-                                <span v-else class="text-[10px]">{{ i + 1 }}</span>
-                            </span>
-                            <span v-if="i < stages.length - 1" class="w-0.5 flex-1" :class="i < curIdx ? 'bg-[#7CC242]' : 'bg-slate-200'" />
-                        </div>
-                        <div class="pb-5">
-                            <div class="text-sm" :class="i === curIdx && !closed ? 'font-semibold text-[#1D4E9C]' : i < curIdx || closed ? 'font-medium text-slate-700' : 'text-slate-400'">
-                                {{ s }}{{ i === curIdx && !closed ? '（当前）' : '' }}
-                            </div>
-                            <div v-if="timeOf(i)" class="mt-0.5 text-[11px] text-slate-400">{{ timeOf(i) }}</div>
-                            <div v-if="i === curIdx && !closed && (currentRow?.detail || currentRow?.updateTime)" class="mt-0.5 text-[11px] text-slate-400">
-                                {{ [currentRow?.detail, currentRow?.updateTime ? `更新 ${currentRow?.updateTime}` : ''].filter(Boolean).join(' · ') }}
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div v-if="currentRow?.dur === '临时'" class="rounded-lg border border-amber-200 bg-amber-50/50 px-3 py-2 text-[11px] leading-5 text-amber-700">
-                    临时变更：计划恢复 {{ currentRow?.deadline ?? '—' }}{{ currentRow?.extended ? ` · 延期后恢复 ${currentRow?.deadline}` : '' }} · 恢复 / 延期 / 转永久请在详情页中操作
-                </div>
-            </NDrawerContent>
-        </NDrawer>
-        <!-- 撤回弹框 -->
-        <NModal
-            v-model:show="revokeModal"
-            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>
-                <div class="rounded-lg bg-slate-50 px-3 py-2 text-xs leading-5 text-slate-500">
-                    变更编号 {{ currentRow?.id }}：撤回后申请退回草稿状态，已产生的审批记录保留可查；修改内容后可重新提交，重新提交按新申请计。
-                </div>
-                <NInput
-                    class="mt-3"
-                    v-model:value="revokeReason"
-                    type="textarea"
-                    :rows="3"
-                    placeholder="撤回理由（必填）：如补充材料、变更范围调整、需重新组织风险分析…"
-                />
-            </template>
-            <template #footer>
-                <div class="flex justify-end gap-[10px]">
-                    <NButton size="small" @click="revokeCancel">取消</NButton>
-                    <NButton size="small" type="primary" :loading="revokeSaving" @click="revokeSave">保存</NButton>
-                </div>
-            </template>
-        </NModal>
-        <!-- 处置申请弹框 -->
-        <NModal
-            v-model:show="disposalModal"
-            preset="card"
-            :auto-focus="false"
-            :style="{ width: '670px', height: 'auto' }"
-            :segmented="{ content: true, footer: false }"
-        >
-            <template #header>
-                <div class="flex items-center gap-2 flex-wrap">
-                    <h3 class="text-base font-semibold text-slate-800">处置申请 · {{ currentRow?.title }}</h3>
-                    <span class="shrink-0 border-slate-200 bg-slate-100 font-mono text-xs text-slate-600 px-1.5 py-0.5 border rounded-md">编号：{{ currentRow?.id }}</span>
-                </div>
-            </template>
-            <template #default>
-                <div class="rounded-lg border bg-white px-4 py-3">
-                    <div class="flex flex-wrap items-center gap-2">
-                        <NTag v-if="currentRow?.level=== '重要'" type="error" size="small">{{ currentRow?.level }}</NTag>
-                        <NTag v-else type="primary" size="small">{{ currentRow?.level }}</NTag>
-                        <NTag v-if="currentRow?.dur=== '临时'" type="warning" size="small">{{ currentRow?.dur }}</NTag>
-                        <NTag v-else type="primary" size="small">{{ currentRow?.dur }}</NTag>
-                        <NTag v-if="currentRow?.status==='审批中'" size="small" type="warning">{{currentRow?.status}}</NTag>
-                        <NTag v-if="currentRow?.status==='已批准'" size="small" type="primary">{{currentRow?.status}}</NTag>
-                        <NTag v-if="currentRow?.status==='实施中'" size="small" type="warning">{{currentRow?.status}}</NTag>
-                        <NTag v-if="currentRow?.status==='待PSSR'" size="small" type="warning">{{currentRow?.status}}</NTag>
-                        <NTag v-if="currentRow?.status==='待验收'" size="small" type="success">{{currentRow?.status}}</NTag>
-                        <NTag v-if="currentRow?.status==='待关闭'" size="small" type="error">{{currentRow?.status}}</NTag>
-                        <NTag v-if="currentRow?.status==='已关闭'" size="small" type="primary">{{currentRow?.status}}</NTag>
-                        <span v-if="currentRow?.applyTime" class="text-[11px] text-slate-400">申请 {{ currentRow?.applyTime }}</span>
-                        <span v-if="currentRow?.dur === '临时' && currentRow?.deadline" class="text-[11px] text-amber-600">
-                            到期 {{ currentRow?.deadline }}{{ (currentRow?.day ?? 0) < 0 ? ` · 已超期 ${-(currentRow?.day ?? 0)} 天` : currentRow?.day !== undefined ? ` · 剩 ${currentRow?.day} 天` : '' }}
-                        </span>
-                    </div>
-                    <div class="mt-1 text-[11px] text-slate-400">{{ currentRow?.detail }}</div>
-                </div>
-                <!-- 进行中的子单提示 -->
-                <div v-if="pendingSubs.length" class="rounded-lg border border-amber-200 bg-amber-50/60 px-4 py-2.5 text-xs text-amber-700">
-                已有子单在审批中：{{ pendingSubs.map((s:any) => s.id).join('、') }} · 审批进度见「待我处理」列表行内展示
-                </div>
-                <!-- 处置选项 -->
-                <div class="rounded-lg border bg-white mt-3">
-                    <div class="border-b px-4 py-2.5 text-sm font-bold text-slate-800">
-                        选择处置方式
-                        <span class="ml-2 text-[11px] font-normal text-slate-400">申请恢复所有变更可发起；申请延期 / 申请转为永久仅临时变更可用</span>
-                    </div>
-                    <div class="divide-y">
-                        <div v-for="o in opts" :key="o.act" class="flex flex-wrap items-center gap-3 px-4 py-3.5">
-                            <div class="min-w-0 flex-1">
-                                <div class="flex flex-wrap items-center gap-2">
-                                    <span class="text-sm font-semibold text-slate-800">{{ o.name }}</span>
-                                    <NTag v-if="o.note" type="warning" size="small">{{ o.note }}</NTag>
-                                </div>
-                                <div class="mt-0.5 text-[11px] leading-4 text-slate-400">{{ o.desc }}</div>
-                            </div>
-                            <NButton size="small" type="primary" :disabled="o.disabled">
-                                发起<Icon icon="formkit:right" class="size-12px text-white ml-1" />
-                            </NButton>
-                        </div>
-                    </div>
-                </div>
-                
-            </template>
-        </NModal>
-    </NCard>
+                </template>
+            </NModal>
+        </NCard>
+    </NSpin>
 </NSpace>
 </template>