专业会签首页

src/views/home/modules/template4.vue

@@ -22,14 +22,11 @@ const clock = ref<string>('');
 let timer: any = null;
 // 首页数据
 const homeData = ref<any>(null);
-// 尚未关闭总数
-const openTotal = computed(() => {
-  return homeData.value?.unclosed_status?.items?.reduce((sum:number, item:any) => sum + item.count, 0) || 0;
-});
-// 临时变更到期提醒情况
-const tempTotal = computed(() => {
-  return (homeData.value?.dept_stats?.unclosed_total || 0) + (homeData.value?.dept_stats?.near_overdue_total || 0) + (homeData.value?.dept_stats?.overdue_total || 0);
-});
+
+const highRisk = [
+  { title: "聚合反应温度控制上限调整", why: "涉及工艺安全边界，建议参与 HAZOP 分析" },
+  { title: "R-101 搅拌提速至 180rpm", why: "搅拌轴强度与密封形式需校核" },
+];
 
 
 // 跳转变更申请页面、变更台账、我的任务、发起变更
@@ -42,9 +39,9 @@ const jumpTo = (key: string,qid:number = 0) => {
     routerPushByKey(key as any);
   }
 }
-// 打开变更详情
+// 打开审批详情
 const openDetail = (row: any) => {
-  routerPushByKey("details_index",{ query: { id: row?.change_id?.toString(),status:row?.status?.toString() || '',key:'home' } });
+  routerPushByKey("details_approval",{ query: { id: row?.change_id?.toString(),status:row?.status?.toString() || '',key:'home' } });
 };
 
 // 获取当前时间字符串
@@ -130,23 +127,26 @@ onUnmounted(() => {
 <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:16">
-        <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 span="24 s:24 m:12">
+            <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:8" class="flex items-center justify-end gap-12px">
-        <p class="text-#999 text-xs">{{clock}}</p>
-        <NButton type="primary" size="small" @click="jumpTo('my_initiatechange')">
-            <Icon icon="ic:round-plus" class="size-18px" />
-            发起变更
-        </NButton>
+        <NGi span="24 s:24 m:12" class="flex items-center justify-end gap-12px">
+            <p class="text-#999 text-xs">{{clock}}</p>
+            <NButton ghost size="small" @click="jumpTo('changeledger')">
+                专业变更查询
+            </NButton>
+            <NButton type="primary" size="small" @click="jumpTo('my_mytask')">
+                <Icon icon="lucide:clipboard-check" class="size-14px" />
+                审批待办
+            </NButton>
         </NGi>
     </NGrid>
     </NCard>
@@ -154,70 +154,82 @@ onUnmounted(() => {
     <NGrid cols="s:1 m:2 l:4" responsive="screen" :x-gap="16" :y-gap="16">
     <NGi>
         <div 
-        class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555] cursor-pointer"
+        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3"
         :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?.dept_stats?.reject_count || 0"
-            class="text-26px font-600"
-            />
-        </div>
-        <p class="text-12px">修改后重新提交</p>
+            <div class="flex justify-between">
+                <CountTo
+                :start-value="0"
+                :end-value="homeData?.dept_stats?.reject_count || 0"
+                class="text-26px font-600"
+                :style="{ color: themeStore.otherColor.error }"
+                />
+            </div>
+            <div>
+                <p class="text-12px font-600">待我会签</p>
+                <p class="text-12px" :style="{ color: themeStore.otherColor.error }">其中超期 1 项 · 请优先处理</p>
+            </div>
         </div>
     </NGi>
     <NGi>
         <div 
-        class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer"
+        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3"
         :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?.archive_todo?.total || 0"
-            class="text-26px font-600 text-[#333]"
-            />
-        </div>
-        <p class="text-12px">培训 / PSSR / 验收材料补交</p>
+            <div class="flex justify-between">
+                <CountTo
+                :start-value="0"
+                :end-value="homeData?.dept_stats?.reject_count || 0"
+                class="text-26px font-600"
+                :style="{ color: themeStore.themeColor }"
+                />
+            </div>
+            <div>
+                <p class="text-12px font-600">本月已会签</p>
+                <p class="text-12px text-slate-400">含驳回 1 起 · 系统自动采集</p>
+            </div>
         </div>
     </NGi>
     <NGi>
         <div 
-        class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer"
+        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3"
         :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?.dept_stats?.near_overdue_total || 0"
-            class="text-26px font-600 text-[#333]"
-            />
-        </div>
-        <p class="text-12px">到期 ≤ {{remindDays}} 天 · 及时处置</p>
+            <div class="flex justify-between">
+                <CountTo
+                :start-value="0"
+                :end-value="homeData?.dept_stats?.reject_count || 0"
+                class="text-26px font-600"
+                :style="{ color: themeStore.themeColor }"
+                />
+            </div>
+            <div>
+                <p class="text-12px font-600">在办高风险</p>
+                <p class="text-12px text-slate-400">本专业相关 · 建议关注</p>
+            </div>
         </div>
     </NGi>
     <NGi>
         <div 
-        class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555] cursor-pointer"
+        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3"
         :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?.dept_stats?.overdue_total || 0"
-            class="text-26px font-600"
-            />
-        </div>
-        <p class="text-12px">超期临时变更 · 需恢复 / 延期 / 转永久</p>
+            <div class="flex justify-between">
+                <CountTo
+                :start-value="0"
+                :end-value="homeData?.dept_stats?.reject_count || 0"
+                class="text-26px font-600"
+                :style="{ color: themeStore.themeColor }"
+                />
+            </div>
+            <div>
+                <p class="text-12px font-600">参与风险分析</p>
+                <p class="text-12px text-slate-400">作为分析组成员（选择式）· 近一年</p>
+            </div>
         </div>
     </NGi>
     </NGrid>
@@ -229,12 +241,12 @@ onUnmounted(() => {
         <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="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 mt-2px">阶段进度与台账实时联动</p>
+            <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?.my_changes_progress?.total > 0" ghost size="small" class="text-xs" @click="jumpTo('changeledger')">
-            全部台账
+            <NButton v-if="homeData?.my_changes_progress?.total > 0" ghost size="small" class="text-xs" @click="jumpTo('my_mytask')">
+            我的任务
             <Icon icon="formkit:right" class="size-12px" />
             </NButton>
         </div>
@@ -273,11 +285,10 @@ onUnmounted(() => {
 
                     <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.apply_time" class="ml-auto text-[11px] text-slate-400">申请时间 {{ row.apply_time?.slice(0, 10) }}</span>
+                    <span class="text-xs" :style="{ color: themeStore.otherColor.error }">已超期 3 天</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>
-                    <span class="shrink-0 text-[11px] text-slate-400">当前状态</span>
                     <!-- 状态标签 -->
                     <NTag v-if="row.status==='APPROVING'" size="small" type="warning">审批中</NTag>
                     <NTag v-if="row.status==='APPROVED'" size="small" type="success">已通过</NTag>
@@ -286,15 +297,19 @@ onUnmounted(() => {
                     <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>
+                    <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">
-                    <p v-if="row.status === 'CLOSED'">阶段全部完成，流程闭环已归档</p>
-                    <p v-else>当前节点：{{row.step_name}}</p>
+                <div class="mt-0.5 truncate text-[11px] text-slate-400 flex items-center gap-2">
+                    <p>申请人：{{row.step_name}}</p>
+                    <span v-if="row.apply_time" class="text-[11px] text-slate-400">{{ row.apply_time?.slice(0, 10) }}</span>
                 </div>
                 </div>
             </div>
-            <NButton dashed type="primary" size="small" class="text-xs" @click="jumpTo('changeledger')">
-                还有{{(homeData?.my_changes_progress?.total - 3) > 0 ? (homeData?.my_changes_progress?.total - 3) : 0}}条，前往台账查看全部 →
+            <NButton dashed type="primary" size="small" class="text-xs" @click="jumpTo('my_mytask')">
+                还有{{(homeData?.my_changes_progress?.total - 3) > 0 ? (homeData?.my_changes_progress?.total - 3) : 0}}条，前往我的任务查看全部 →
             </NButton>
             </template>
             <template v-else>
@@ -304,138 +319,112 @@ onUnmounted(() => {
         </NCard>
 
         <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive class="mt-[16px]">
-        <!-- 临时变更到期提醒情况 -->
-        <NGi span="12 s:12 m:12 l:12">
-            <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
-            <div class="flex items-center mb-3 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">共 {{tempTotal}} 项</p>
-            </div>
-            <div class="flex flex-col gap-3">
-                <div class="rounded-lg border px-3 py-2">
-                <div class="flex items-center gap-2 text-xs">
-                    <span class="h-2 w-2 rounded-full" :style="{ background: themeStore.otherColor.success }"></span>
-                    <span class="font-medium text-slate-700">正常（到期 > {{remindDays}} 天）</span>
-                    <span class="ml-auto font-semibold text-slate-600">{{homeData?.dept_stats?.unclosed_total || 0}} 项</span>
-                </div>
-                </div>
-                <div class="rounded-lg border px-3 py-2">
-                <div class="flex items-center gap-2 text-xs">
-                <span class="h-2 w-2 rounded-full" :style="{ background: themeStore.otherColor.warning }"></span>
-                <span class="font-medium text-slate-700">临期（到期 ≤ {{remindDays}} 天）</span>
-                <span class="ml-auto font-semibold text-slate-600">{{homeData?.dept_stats?.near_overdue_total || 0}} 项</span>
-                </div>
-            </div>
-            <div class="rounded-lg border px-3 py-2">
-                <div class="flex items-center gap-2 text-xs">
-                <span class="h-2 w-2 rounded-full" :style="{ background: themeStore.otherColor.error }"></span>
-                <span class="font-medium text-slate-700">已超期</span>
-                <span class="ml-auto font-semibold text-slate-600">{{homeData?.dept_stats?.overdue_total || 0}} 项</span>
-                </div>
-            </div>
-            <div class="text-[11px] text-slate-400">提醒规则：到期前 {{remindDays}} 天触发（可在「我的任务 · 我的申请」中调整）· 临期 / 超期项请按期办理延期、恢复或转永久</div>
-                <NButton dashed type="primary" size="small" class="text-xs" @click="jumpTo('my_mytask')">
-                前往「我的任务」办理延期 / 恢复 / 转永久 →
-                </NButton>
-            </div>
-            </NCard>
-        </NGi>
-        <!-- 尚未关闭的变更所处状态 -->
-        <NGi span="12 s:12 m:12 l:12">
-            <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px',height:'100%' }">
-            <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">共 {{openTotal}} 项</p>
-            </div>
-            <div class="flex flex-col gap-3">
-                <div v-for="s in homeData?.unclosed_status?.items" :key="s.status">
-                <div class="flex items-center gap-2 text-xs">
-                    <span class="min-w-0 flex-1 text-slate-700">{{ s.label }}</span>
-                    <span class="shrink-0 font-semibold text-slate-600">{{ s.count }} 项</span>
-                </div>
-                <div class="mt-1 h-1.5 w-full overflow-hidden rounded-full bg-slate-100">
-                    <!-- 审批中 -->
-                <div v-if="s.status === 'APPROVING'" class="h-full rounded-full" :style="{ width: `${openTotal ? (s.count / openTotal) * 100 : 0}%`, background: themeStore.otherColor.warning }"></div>
-                <!-- 已驳回 -->
-                <div v-if="s.status === 'REJECTED'" class="h-full rounded-full" :style="{ width: `${openTotal ? (s.count / openTotal) * 100 : 0}%`, background: themeStore.otherColor.error }"></div>
-                <!-- 已批准待投用 -->
-                <div v-if="s.status === 'APPROVED'" class="h-full rounded-full" :style="{ width: `${openTotal ? (s.count / openTotal) * 100 : 0}%`, background: themeStore.themeColor }"></div>
-                <!-- 待验收 -->
-                <div v-if="s.status === 'IMPLEMENTED'" class="h-full rounded-full" :style="{ width: `${openTotal ? (s.count / openTotal) * 100 : 0}%`, background: themeStore.otherColor.success }"></div>
-                <!-- 待关闭 -->
-                <div v-if="s.status === 'ACCEPTED'" class="h-full rounded-full" :style="{ width: `${openTotal ? (s.count / openTotal) * 100 : 0}%`, background: themeStore.otherColor.error }"></div>
-                </div>
-                </div>
-                <div class="text-[11px] text-slate-400">阶段口径：审批中（含会签）→ 已批准待投用 → 待验收 → 待关闭 · 培训 / PSSR 线下签字后拍照上传，并入资料归档</div>
-                <NButton dashed type="primary" size="small" class="text-xs" @click="jumpTo('changeledger')">
-                明细见变更台账 →
-                </NButton>
-            </div>
-            </NCard>
-        </NGi>
+            <!-- 最近已会签 -->
+            <NGi span="24 s:24 m:24 l:24">
+                <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+                    <div class="flex items-center mb-3 gap-2">
+                        <Icon icon="ix:success" 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 class="flex flex-col gap-3">
+                        <div class="rounded-md border px-3 py-2 flex items-center justify-between gap-2 cursor-pointer">
+                            <div>
+                                <p class="min-w-0 flex-1 truncate text-sm font-medium text-slate-800 dark:text-white">R-102 安全阀校验周期调整</p>
+                                <p class="font-mono text-[11px] text-slate-400">
+                                    <span>MOC-2026-R02-0037</span>
+                                    <span> · 07-30 10:24</span>
+                                </p>
+                            </div>
+                            <NTag size="small" type="success" class="text-xs">同意</NTag>
+                        </div>
+                        <div class="rounded-md border px-3 py-2 flex items-center justify-between gap-2 cursor-pointer">
+                            <div>
+                                <p class="min-w-0 flex-1 truncate text-sm font-medium text-slate-800 dark:text-white">R-102 安全阀校验周期调整</p>
+                                <p class="font-mono text-[11px] text-slate-400">
+                                    <span>MOC-2026-R02-0037</span>
+                                    <span> · 07-30 10:24</span>
+                                </p>
+                            </div>
+                            <NTag size="small" type="success" class="text-xs">同意</NTag>
+                        </div>
+                        <div class="rounded-md border px-3 py-2 flex items-center justify-between gap-2 cursor-pointer">
+                            <div>
+                                <p class="min-w-0 flex-1 truncate text-sm font-medium text-slate-800 dark:text-white">R-102 安全阀校验周期调整</p>
+                                <p class="font-mono text-[11px] text-slate-400">
+                                    <span>MOC-2026-R02-0037</span>
+                                    <span> · 07-30 10:24</span>
+                                </p>
+                            </div>
+                            <NTag size="small" type="success" class="text-xs">同意</NTag>
+                        </div>
+                    </div>
+                    <!-- <p class="text-xs text-slate-400 text-center">暂无数据</p> -->
+                </NCard>
+            </NGi>
         </NGrid>
     </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 mb-3 gap-2">
-            <Icon icon="system-uicons:reset" 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="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">在办 · 建议重点关注</p>
         </div>
-        <div class="flex flex-col gap-3">
-            <template v-if="homeData?.rejected_todo?.total > 0">
-            <div 
-                v-for="r in homeData?.rejected_todo?.items?.slice(0, 1)" 
-                :key="r.id" 
-                class="border border-red-100 bg-red-50/50 px-3.5 py-2.5"
-                :style="{ 
-                borderRadius: themeStore.themeRadius + 'px',
-                }"
-            >
-                <div class="flex items-center gap-2">
-                <NTag type="error" size="small" class="text-11px">已驳回</NTag>
-                <span class="font-mono text-[11px] text-slate-400">{{ r.change_no }}</span>
-                <span class="ml-auto text-[11px] text-slate-400">{{ r.rejected_at?.slice(0, 10) }}</span>
+        <template v-if="highRisk.length">
+            <div class="space-y-2.5">
+                <div v-for="h in highRisk" :key="h.title" class="rounded-md border border-amber-200 bg-amber-50/60 px-3.5 py-2.5">
+                    <div class="flex items-center gap-2">
+                    <span class="min-w-0 flex-1 truncate text-sm font-medium text-slate-800">{{ h.title }}</span>
+                    <NButton size="small" type="warning" class="text-xs">查看分析</NButton>
+                    </div>
+                    <div class="mt-1 text-[11px]" :style="{ color: themeStore.otherColor.warning }">{{ h.why }}</div>
                 </div>
-                <div class="mt-0.5 text-sm font-medium text-slate-800">{{ r.title }}</div>
-                <div class="mt-0.5 text-[11px] leading-4 text-red-600/80">驳回原因：{{ r.reject_comment }}</div>
-                <div class="mt-0.5 text-[11px] text-slate-400">驳回人：{{r.reject_user_name}}</div>
-                <NButton ghost type="error" size="small" class="text-xs mt-1.5" @click="jumpTo('my_initiatechange',r.change_id)">修改重报 →</NButton>
             </div>
-            <NButton dashed type="error" size="small" class="text-xs" @click="jumpTo('my_mytask')">
-                还有 {{ (homeData?.rejected_todo?.total - 1) > 0 ? (homeData?.rejected_todo?.total - 1) : 0 }} 条驳回，前往我的任务处理 →
-            </NButton>
-            </template>
-            <template v-else>
+        </template>
+        <template v-else>
             <p class="text-xs text-slate-400 text-center">暂无数据</p>
-            </template>
-        </div>
+        </template>
         </NCard>
-        <!-- 资料归档待办 -->
+        <!-- 我的会签效率 -->
         <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px',marginTop:'16px' }">
-        <div class="flex items-center mb-3 gap-2">
-            <Icon icon="quill:folder-open" class="size-16px" :style="{ color: themeStore.themeColor }" />
-            <p class="text-13px font-700 text-#64749a">资料归档待办</p>
-            <p class="text-11px text-#94a3b8">{{homeData?.archive_todo?.total || 0}} 项待补交</p>
-        </div>
-        <div class="flex flex-col gap-3">
-            <div v-for="d in homeData?.archive_todo?.items" :key="d.change_id" class="rounded-lg border border-[#ACC6E5] bg-[#EAF0F9]/40 px-3.5 py-2.5">
-            <div class="flex items-center gap-2">
-                <NTag type="warning" size="small" class="text-11px">待归档</NTag>
-                <span class="font-mono text-[11px] text-slate-400">{{ d.change_no }}</span>
+            <div class="flex items-center mb-3 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">系统自动采集 · 近 30 天</p>
             </div>
-            <div class="mt-0.5 text-sm font-medium text-slate-800">{{ d.title }}</div>
-            <div class="mt-0.5 line-clamp-1 text-[11px] leading-4 text-slate-400">缺项：{{ d.missing_names }}</div>
-            <NButton type="primary" size="small" class="text-xs mt-1.5" @click="jumpTo('details_closedoc',d.change_id)">
-                去补交（资料关闭页上传）→
-            </NButton>
+            <div class="flex flex-col gap-3">
+                <div class="flex items-center gap-2">
+                    <span class="text-xs text-slate-500 w-16">平均耗时</span>
+                    <NProgress
+                        type="line"
+                        status="info"
+                        :percentage="50"
+                        :height="10"
+                        border-radius="6px"
+                    >
+                        <span class="text-xs text-slate-700 font-semibold">1.8天</span>
+                    </NProgress>
+                </div>
+                <div class="flex items-center gap-2">
+                    <span class="text-xs text-slate-500 w-16">平均耗时</span>
+                    <NProgress
+                        type="line"
+                        status="error"
+                        :percentage="50"
+                        :height="10"
+                        border-radius="6px"
+                    >
+                        <span class="text-xs text-slate-700 font-semibold" :style="{ color: themeStore.otherColor.error }">2.6天</span>
+                    </NProgress>
+                </div>
+                <div class="flex items-center justify-between text-[11px] text-slate-400">
+                    <span>会签及时率 <b :style="{ color: themeStore.otherColor.success }">92%</b></span>
+                    <span>目标 2 天内签署</span>
+                </div>
             </div>
-            <div class="text-[11px] leading-4 text-slate-400">上传纸质扫描件 / 照片即视为完成确认并联动归档清单；支持传错删除重传、阶段性保存</div>
-        </div>
         </NCard>
     </NGi>
     </NGrid>

src/views/home/modules/template6.vue

@@ -22,14 +22,11 @@ const clock = ref<string>('');
 let timer: any = null;
 // 首页数据
 const homeData = ref<any>(null);
-// 尚未关闭总数
-const openTotal = computed(() => {
-  return homeData.value?.unclosed_status?.items?.reduce((sum:number, item:any) => sum + item.count, 0) || 0;
-});
-// 临时变更到期提醒情况
-const tempTotal = computed(() => {
-  return (homeData.value?.dept_stats?.unclosed_total || 0) + (homeData.value?.dept_stats?.near_overdue_total || 0) + (homeData.value?.dept_stats?.overdue_total || 0);
-});
+
+const highRisk = [
+  { title: "聚合反应温度控制上限调整", why: "涉及工艺安全边界，建议参与 HAZOP 分析" },
+  { title: "R-101 搅拌提速至 180rpm", why: "搅拌轴强度与密封形式需校核" },
+];
 
 
 // 跳转变更申请页面、变更台账、我的任务、发起变更
@@ -42,9 +39,9 @@ const jumpTo = (key: string,qid:number = 0) => {
     routerPushByKey(key as any);
   }
 }
-// 打开变更详情
+// 打开审批详情
 const openDetail = (row: any) => {
-  routerPushByKey("details_index",{ query: { id: row?.change_id?.toString(),status:row?.status?.toString() || '',key:'home' } });
+  routerPushByKey("details_approval",{ query: { id: row?.change_id?.toString(),status:row?.status?.toString() || '',key:'home' } });
 };
 
 // 获取当前时间字符串
@@ -130,23 +127,26 @@ onUnmounted(() => {
 <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:16">
-        <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 span="24 s:24 m:12">
+            <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:8" class="flex items-center justify-end gap-12px">
-        <p class="text-#999 text-xs">{{clock}}</p>
-        <NButton type="primary" size="small" @click="jumpTo('my_initiatechange')">
-            <Icon icon="ic:round-plus" class="size-18px" />
-            发起变更
-        </NButton>
+        <NGi span="24 s:24 m:12" class="flex items-center justify-end gap-12px">
+            <p class="text-#999 text-xs">{{clock}}</p>
+            <NButton ghost size="small" @click="jumpTo('changeledger')">
+                专业变更查询
+            </NButton>
+            <NButton type="primary" size="small" @click="jumpTo('my_mytask')">
+                <Icon icon="lucide:clipboard-check" class="size-14px" />
+                审批待办
+            </NButton>
         </NGi>
     </NGrid>
     </NCard>
@@ -154,70 +154,82 @@ onUnmounted(() => {
     <NGrid cols="s:1 m:2 l:4" responsive="screen" :x-gap="16" :y-gap="16">
     <NGi>
         <div 
-        class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555] cursor-pointer"
+        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3"
         :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?.dept_stats?.reject_count || 0"
-            class="text-26px font-600"
-            />
-        </div>
-        <p class="text-12px">修改后重新提交</p>
+            <div class="flex justify-between">
+                <CountTo
+                :start-value="0"
+                :end-value="homeData?.dept_stats?.reject_count || 0"
+                class="text-26px font-600"
+                :style="{ color: themeStore.otherColor.error }"
+                />
+            </div>
+            <div>
+                <p class="text-12px font-600">待我会签</p>
+                <p class="text-12px" :style="{ color: themeStore.otherColor.error }">其中超期 1 项 · 请优先处理</p>
+            </div>
         </div>
     </NGi>
     <NGi>
         <div 
-        class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer"
+        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3"
         :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?.archive_todo?.total || 0"
-            class="text-26px font-600 text-[#333]"
-            />
-        </div>
-        <p class="text-12px">培训 / PSSR / 验收材料补交</p>
+            <div class="flex justify-between">
+                <CountTo
+                :start-value="0"
+                :end-value="homeData?.dept_stats?.reject_count || 0"
+                class="text-26px font-600"
+                :style="{ color: themeStore.themeColor }"
+                />
+            </div>
+            <div>
+                <p class="text-12px font-600">本月已会签</p>
+                <p class="text-12px text-slate-400">含驳回 1 起 · 系统自动采集</p>
+            </div>
         </div>
     </NGi>
     <NGi>
         <div 
-        class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer"
+        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3"
         :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?.dept_stats?.near_overdue_total || 0"
-            class="text-26px font-600 text-[#333]"
-            />
-        </div>
-        <p class="text-12px">到期 ≤ {{remindDays}} 天 · 及时处置</p>
+            <div class="flex justify-between">
+                <CountTo
+                :start-value="0"
+                :end-value="homeData?.dept_stats?.reject_count || 0"
+                class="text-26px font-600"
+                :style="{ color: themeStore.themeColor }"
+                />
+            </div>
+            <div>
+                <p class="text-12px font-600">在办高风险</p>
+                <p class="text-12px text-slate-400">本专业相关 · 建议关注</p>
+            </div>
         </div>
     </NGi>
     <NGi>
         <div 
-        class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555] cursor-pointer"
+        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3"
         :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?.dept_stats?.overdue_total || 0"
-            class="text-26px font-600"
-            />
-        </div>
-        <p class="text-12px">超期临时变更 · 需恢复 / 延期 / 转永久</p>
+            <div class="flex justify-between">
+                <CountTo
+                :start-value="0"
+                :end-value="homeData?.dept_stats?.reject_count || 0"
+                class="text-26px font-600"
+                :style="{ color: themeStore.themeColor }"
+                />
+            </div>
+            <div>
+                <p class="text-12px font-600">参与风险分析</p>
+                <p class="text-12px text-slate-400">作为分析组成员（选择式）· 近一年</p>
+            </div>
         </div>
     </NGi>
     </NGrid>
@@ -229,12 +241,12 @@ onUnmounted(() => {
         <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="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 mt-2px">阶段进度与台账实时联动</p>
+            <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?.my_changes_progress?.total > 0" ghost size="small" class="text-xs" @click="jumpTo('changeledger')">
-            全部台账
+            <NButton v-if="homeData?.my_changes_progress?.total > 0" ghost size="small" class="text-xs" @click="jumpTo('my_mytask')">
+            我的任务
             <Icon icon="formkit:right" class="size-12px" />
             </NButton>
         </div>
@@ -273,11 +285,10 @@ onUnmounted(() => {
 
                     <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.apply_time" class="ml-auto text-[11px] text-slate-400">申请时间 {{ row.apply_time?.slice(0, 10) }}</span>
+                    <span class="text-xs" :style="{ color: themeStore.otherColor.error }">已超期 3 天</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>
-                    <span class="shrink-0 text-[11px] text-slate-400">当前状态</span>
                     <!-- 状态标签 -->
                     <NTag v-if="row.status==='APPROVING'" size="small" type="warning">审批中</NTag>
                     <NTag v-if="row.status==='APPROVED'" size="small" type="success">已通过</NTag>
@@ -286,15 +297,19 @@ onUnmounted(() => {
                     <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>
+                    <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">
-                    <p v-if="row.status === 'CLOSED'">阶段全部完成，流程闭环已归档</p>
-                    <p v-else>当前节点：{{row.step_name}}</p>
+                <div class="mt-0.5 truncate text-[11px] text-slate-400 flex items-center gap-2">
+                    <p>申请人：{{row.step_name}}</p>
+                    <span v-if="row.apply_time" class="text-[11px] text-slate-400">{{ row.apply_time?.slice(0, 10) }}</span>
                 </div>
                 </div>
             </div>
-            <NButton dashed type="primary" size="small" class="text-xs" @click="jumpTo('changeledger')">
-                还有{{(homeData?.my_changes_progress?.total - 3) > 0 ? (homeData?.my_changes_progress?.total - 3) : 0}}条，前往台账查看全部 →
+            <NButton dashed type="primary" size="small" class="text-xs" @click="jumpTo('my_mytask')">
+                还有{{(homeData?.my_changes_progress?.total - 3) > 0 ? (homeData?.my_changes_progress?.total - 3) : 0}}条，前往我的任务查看全部 →
             </NButton>
             </template>
             <template v-else>
@@ -304,138 +319,112 @@ onUnmounted(() => {
         </NCard>
 
         <NGrid :x-gap="16" :y-gap="16" responsive="screen" item-responsive class="mt-[16px]">
-        <!-- 临时变更到期提醒情况 -->
-        <NGi span="12 s:12 m:12 l:12">
-            <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
-            <div class="flex items-center mb-3 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">共 {{tempTotal}} 项</p>
-            </div>
-            <div class="flex flex-col gap-3">
-                <div class="rounded-lg border px-3 py-2">
-                <div class="flex items-center gap-2 text-xs">
-                    <span class="h-2 w-2 rounded-full" :style="{ background: themeStore.otherColor.success }"></span>
-                    <span class="font-medium text-slate-700">正常（到期 > {{remindDays}} 天）</span>
-                    <span class="ml-auto font-semibold text-slate-600">{{homeData?.dept_stats?.unclosed_total || 0}} 项</span>
-                </div>
-                </div>
-                <div class="rounded-lg border px-3 py-2">
-                <div class="flex items-center gap-2 text-xs">
-                <span class="h-2 w-2 rounded-full" :style="{ background: themeStore.otherColor.warning }"></span>
-                <span class="font-medium text-slate-700">临期（到期 ≤ {{remindDays}} 天）</span>
-                <span class="ml-auto font-semibold text-slate-600">{{homeData?.dept_stats?.near_overdue_total || 0}} 项</span>
-                </div>
-            </div>
-            <div class="rounded-lg border px-3 py-2">
-                <div class="flex items-center gap-2 text-xs">
-                <span class="h-2 w-2 rounded-full" :style="{ background: themeStore.otherColor.error }"></span>
-                <span class="font-medium text-slate-700">已超期</span>
-                <span class="ml-auto font-semibold text-slate-600">{{homeData?.dept_stats?.overdue_total || 0}} 项</span>
-                </div>
-            </div>
-            <div class="text-[11px] text-slate-400">提醒规则：到期前 {{remindDays}} 天触发（可在「我的任务 · 我的申请」中调整）· 临期 / 超期项请按期办理延期、恢复或转永久</div>
-                <NButton dashed type="primary" size="small" class="text-xs" @click="jumpTo('my_mytask')">
-                前往「我的任务」办理延期 / 恢复 / 转永久 →
-                </NButton>
-            </div>
-            </NCard>
-        </NGi>
-        <!-- 尚未关闭的变更所处状态 -->
-        <NGi span="12 s:12 m:12 l:12">
-            <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px',height:'100%' }">
-            <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">共 {{openTotal}} 项</p>
-            </div>
-            <div class="flex flex-col gap-3">
-                <div v-for="s in homeData?.unclosed_status?.items" :key="s.status">
-                <div class="flex items-center gap-2 text-xs">
-                    <span class="min-w-0 flex-1 text-slate-700">{{ s.label }}</span>
-                    <span class="shrink-0 font-semibold text-slate-600">{{ s.count }} 项</span>
-                </div>
-                <div class="mt-1 h-1.5 w-full overflow-hidden rounded-full bg-slate-100">
-                    <!-- 审批中 -->
-                <div v-if="s.status === 'APPROVING'" class="h-full rounded-full" :style="{ width: `${openTotal ? (s.count / openTotal) * 100 : 0}%`, background: themeStore.otherColor.warning }"></div>
-                <!-- 已驳回 -->
-                <div v-if="s.status === 'REJECTED'" class="h-full rounded-full" :style="{ width: `${openTotal ? (s.count / openTotal) * 100 : 0}%`, background: themeStore.otherColor.error }"></div>
-                <!-- 已批准待投用 -->
-                <div v-if="s.status === 'APPROVED'" class="h-full rounded-full" :style="{ width: `${openTotal ? (s.count / openTotal) * 100 : 0}%`, background: themeStore.themeColor }"></div>
-                <!-- 待验收 -->
-                <div v-if="s.status === 'IMPLEMENTED'" class="h-full rounded-full" :style="{ width: `${openTotal ? (s.count / openTotal) * 100 : 0}%`, background: themeStore.otherColor.success }"></div>
-                <!-- 待关闭 -->
-                <div v-if="s.status === 'ACCEPTED'" class="h-full rounded-full" :style="{ width: `${openTotal ? (s.count / openTotal) * 100 : 0}%`, background: themeStore.otherColor.error }"></div>
-                </div>
-                </div>
-                <div class="text-[11px] text-slate-400">阶段口径：审批中（含会签）→ 已批准待投用 → 待验收 → 待关闭 · 培训 / PSSR 线下签字后拍照上传，并入资料归档</div>
-                <NButton dashed type="primary" size="small" class="text-xs" @click="jumpTo('changeledger')">
-                明细见变更台账 →
-                </NButton>
-            </div>
-            </NCard>
-        </NGi>
+            <!-- 最近已会签 -->
+            <NGi span="24 s:24 m:24 l:24">
+                <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+                    <div class="flex items-center mb-3 gap-2">
+                        <Icon icon="ix:success" 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 class="flex flex-col gap-3">
+                        <div class="rounded-md border px-3 py-2 flex items-center justify-between gap-2 cursor-pointer">
+                            <div>
+                                <p class="min-w-0 flex-1 truncate text-sm font-medium text-slate-800 dark:text-white">R-102 安全阀校验周期调整</p>
+                                <p class="font-mono text-[11px] text-slate-400">
+                                    <span>MOC-2026-R02-0037</span>
+                                    <span> · 07-30 10:24</span>
+                                </p>
+                            </div>
+                            <NTag size="small" type="success" class="text-xs">同意</NTag>
+                        </div>
+                        <div class="rounded-md border px-3 py-2 flex items-center justify-between gap-2 cursor-pointer">
+                            <div>
+                                <p class="min-w-0 flex-1 truncate text-sm font-medium text-slate-800 dark:text-white">R-102 安全阀校验周期调整</p>
+                                <p class="font-mono text-[11px] text-slate-400">
+                                    <span>MOC-2026-R02-0037</span>
+                                    <span> · 07-30 10:24</span>
+                                </p>
+                            </div>
+                            <NTag size="small" type="success" class="text-xs">同意</NTag>
+                        </div>
+                        <div class="rounded-md border px-3 py-2 flex items-center justify-between gap-2 cursor-pointer">
+                            <div>
+                                <p class="min-w-0 flex-1 truncate text-sm font-medium text-slate-800 dark:text-white">R-102 安全阀校验周期调整</p>
+                                <p class="font-mono text-[11px] text-slate-400">
+                                    <span>MOC-2026-R02-0037</span>
+                                    <span> · 07-30 10:24</span>
+                                </p>
+                            </div>
+                            <NTag size="small" type="success" class="text-xs">同意</NTag>
+                        </div>
+                    </div>
+                    <!-- <p class="text-xs text-slate-400 text-center">暂无数据</p> -->
+                </NCard>
+            </NGi>
         </NGrid>
     </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 mb-3 gap-2">
-            <Icon icon="system-uicons:reset" 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="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">在办 · 建议重点关注</p>
         </div>
-        <div class="flex flex-col gap-3">
-            <template v-if="homeData?.rejected_todo?.total > 0">
-            <div 
-                v-for="r in homeData?.rejected_todo?.items?.slice(0, 1)" 
-                :key="r.id" 
-                class="border border-red-100 bg-red-50/50 px-3.5 py-2.5"
-                :style="{ 
-                borderRadius: themeStore.themeRadius + 'px',
-                }"
-            >
-                <div class="flex items-center gap-2">
-                <NTag type="error" size="small" class="text-11px">已驳回</NTag>
-                <span class="font-mono text-[11px] text-slate-400">{{ r.change_no }}</span>
-                <span class="ml-auto text-[11px] text-slate-400">{{ r.rejected_at?.slice(0, 10) }}</span>
+        <template v-if="highRisk.length">
+            <div class="space-y-2.5">
+                <div v-for="h in highRisk" :key="h.title" class="rounded-md border border-amber-200 bg-amber-50/60 px-3.5 py-2.5">
+                    <div class="flex items-center gap-2">
+                    <span class="min-w-0 flex-1 truncate text-sm font-medium text-slate-800">{{ h.title }}</span>
+                    <NButton size="small" type="warning" class="text-xs">查看分析</NButton>
+                    </div>
+                    <div class="mt-1 text-[11px]" :style="{ color: themeStore.otherColor.warning }">{{ h.why }}</div>
                 </div>
-                <div class="mt-0.5 text-sm font-medium text-slate-800">{{ r.title }}</div>
-                <div class="mt-0.5 text-[11px] leading-4 text-red-600/80">驳回原因：{{ r.reject_comment }}</div>
-                <div class="mt-0.5 text-[11px] text-slate-400">驳回人：{{r.reject_user_name}}</div>
-                <NButton ghost type="error" size="small" class="text-xs mt-1.5" @click="jumpTo('my_initiatechange',r.change_id)">修改重报 →</NButton>
             </div>
-            <NButton dashed type="error" size="small" class="text-xs" @click="jumpTo('my_mytask')">
-                还有 {{ (homeData?.rejected_todo?.total - 1) > 0 ? (homeData?.rejected_todo?.total - 1) : 0 }} 条驳回，前往我的任务处理 →
-            </NButton>
-            </template>
-            <template v-else>
+        </template>
+        <template v-else>
             <p class="text-xs text-slate-400 text-center">暂无数据</p>
-            </template>
-        </div>
+        </template>
         </NCard>
-        <!-- 资料归档待办 -->
+        <!-- 我的会签效率 -->
         <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px',marginTop:'16px' }">
-        <div class="flex items-center mb-3 gap-2">
-            <Icon icon="quill:folder-open" class="size-16px" :style="{ color: themeStore.themeColor }" />
-            <p class="text-13px font-700 text-#64749a">资料归档待办</p>
-            <p class="text-11px text-#94a3b8">{{homeData?.archive_todo?.total || 0}} 项待补交</p>
-        </div>
-        <div class="flex flex-col gap-3">
-            <div v-for="d in homeData?.archive_todo?.items" :key="d.change_id" class="rounded-lg border border-[#ACC6E5] bg-[#EAF0F9]/40 px-3.5 py-2.5">
-            <div class="flex items-center gap-2">
-                <NTag type="warning" size="small" class="text-11px">待归档</NTag>
-                <span class="font-mono text-[11px] text-slate-400">{{ d.change_no }}</span>
+            <div class="flex items-center mb-3 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">系统自动采集 · 近 30 天</p>
             </div>
-            <div class="mt-0.5 text-sm font-medium text-slate-800">{{ d.title }}</div>
-            <div class="mt-0.5 line-clamp-1 text-[11px] leading-4 text-slate-400">缺项：{{ d.missing_names }}</div>
-            <NButton type="primary" size="small" class="text-xs mt-1.5" @click="jumpTo('details_closedoc',d.change_id)">
-                去补交（资料关闭页上传）→
-            </NButton>
+            <div class="flex flex-col gap-3">
+                <div class="flex items-center gap-2">
+                    <span class="text-xs text-slate-500 w-16">平均耗时</span>
+                    <NProgress
+                        type="line"
+                        status="info"
+                        :percentage="50"
+                        :height="10"
+                        border-radius="6px"
+                    >
+                        <span class="text-xs text-slate-700 font-semibold">1.8天</span>
+                    </NProgress>
+                </div>
+                <div class="flex items-center gap-2">
+                    <span class="text-xs text-slate-500 w-16">平均耗时</span>
+                    <NProgress
+                        type="line"
+                        status="error"
+                        :percentage="50"
+                        :height="10"
+                        border-radius="6px"
+                    >
+                        <span class="text-xs text-slate-700 font-semibold" :style="{ color: themeStore.otherColor.error }">2.6天</span>
+                    </NProgress>
+                </div>
+                <div class="flex items-center justify-between text-[11px] text-slate-400">
+                    <span>会签及时率 <b :style="{ color: themeStore.otherColor.success }">92%</b></span>
+                    <span>目标 2 天内签署</span>
+                </div>
             </div>
-            <div class="text-[11px] leading-4 text-slate-400">上传纸质扫描件 / 照片即视为完成确认并联动归档清单；支持传错删除重传、阶段性保存</div>
-        </div>
         </NCard>
     </NGi>
     </NGrid>