From 52cbff0e15329aecd3edcf81315fb7ceab9ec290 Mon Sep 17 00:00:00 2001
From: xiaojunnuo <xiaojunnuo@qq.com>
Date: Sat, 31 Jan 2026 01:09:49 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E9=A6=96=E9=A1=B5=E8=AF=81=E4=B9=A6?=
 =?UTF-8?q?=E6=95=B0=E9=87=8F=E6=94=AF=E6=8C=81=E7=82=B9=E5=87=BB=E8=B7=B3?=
 =?UTF-8?q?=E8=BD=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../vben/layouts/basic/menu/use-mixed-menu.ts |  1 +
 .../vben/layouts/basic/menu/use-navigation.ts |  6 ++++-
 .../src/views/certd/monitor/cert/crud.tsx     |  1 -
 .../src/views/certd/pipeline/index.vue        |  2 +-
 .../home/dashboard/charts/expiring-list.vue   |  2 +-
 .../views/framework/home/dashboard/index.vue  | 26 +++++++++++++++----
 .../home/dashboard/statistic-card.vue         | 24 ++++++++++++-----
 7 files changed, 46 insertions(+), 16 deletions(-)

diff --git a/packages/ui/certd-client/src/vben/layouts/basic/menu/use-mixed-menu.ts b/packages/ui/certd-client/src/vben/layouts/basic/menu/use-mixed-menu.ts
index 23a28eccd..8021b472e 100644
--- a/packages/ui/certd-client/src/vben/layouts/basic/menu/use-mixed-menu.ts
+++ b/packages/ui/certd-client/src/vben/layouts/basic/menu/use-mixed-menu.ts
@@ -167,6 +167,7 @@ function useMixedMenu() {
    * @param path 路由路径
    */
   function calcSideMenus(path: string = route.path) {
+    debugger;
     let { rootMenu } = findRootMenuByPath(menus.value, path);
     if (!rootMenu) {
       rootMenu = menus.value.find((item: any) => item.path === path);
diff --git a/packages/ui/certd-client/src/vben/layouts/basic/menu/use-navigation.ts b/packages/ui/certd-client/src/vben/layouts/basic/menu/use-navigation.ts
index 44a8bf0a0..583375ddf 100644
--- a/packages/ui/certd-client/src/vben/layouts/basic/menu/use-navigation.ts
+++ b/packages/ui/certd-client/src/vben/layouts/basic/menu/use-navigation.ts
@@ -1,11 +1,12 @@
 import type { RouteRecordNormalized } from "vue-router";
 
-import { useRouter } from "vue-router";
+import { useRoute, useRouter } from "vue-router";
 
 import { isHttpUrl, openRouteInNewWindow, openWindow } from "../../../utils";
 
 function useNavigation() {
   const router = useRouter();
+  const route1 = useRoute();
   const routes = router.getRoutes();
 
   const routeMetaMap = new Map<string, RouteRecordNormalized>();
@@ -15,6 +16,9 @@ function useNavigation() {
   });
 
   const navigation = async (path: string) => {
+    if (route1.path === path) {
+      return;
+    }
     const route = routeMetaMap.get(path);
     const { openInNewWindow = false, query = {} as any } = route?.meta ?? {};
     if (isHttpUrl(path)) {
diff --git a/packages/ui/certd-client/src/views/certd/monitor/cert/crud.tsx b/packages/ui/certd-client/src/views/certd/monitor/cert/crud.tsx
index 88012dd53..c69fe0646 100644
--- a/packages/ui/certd-client/src/views/certd/monitor/cert/crud.tsx
+++ b/packages/ui/certd-client/src/views/certd/monitor/cert/crud.tsx
@@ -33,7 +33,6 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
     const res = await api.AddObj(form);
     return res;
   };
-  const { openCrudFormDialog } = useFormWrapper();
   const router = useRouter();
 
   const settingStore = useSettingStore();
diff --git a/packages/ui/certd-client/src/views/certd/pipeline/index.vue b/packages/ui/certd-client/src/views/certd/pipeline/index.vue
index 35fa4a950..c2c7b8fec 100644
--- a/packages/ui/certd-client/src/views/certd/pipeline/index.vue
+++ b/packages/ui/certd-client/src/views/certd/pipeline/index.vue
@@ -3,7 +3,7 @@
     <template #header>
       <div class="title">
         {{ t("certd.myPipelines") }}
-        <div class="sub">{{ t("certd.pipelinePage.myPipelinesDesc") }}</div>
+        <span class="sub">{{ t("certd.pipelinePage.myPipelinesDesc") }}</span>
       </div>
     </template>
     <!-- <a-alert v-if="settingStore.sysPublic.notice" type="warning" show-icon>
diff --git a/packages/ui/certd-client/src/views/framework/home/dashboard/charts/expiring-list.vue b/packages/ui/certd-client/src/views/framework/home/dashboard/charts/expiring-list.vue
index 18db458b1..c2f2f5e04 100644
--- a/packages/ui/certd-client/src/views/framework/home/dashboard/charts/expiring-list.vue
+++ b/packages/ui/certd-client/src/views/framework/home/dashboard/charts/expiring-list.vue
@@ -1,6 +1,6 @@
 <template>
   <div v-if="data.length !== 0" class="expiring-pipeline-list">
-    <div v-for="item of data" class="pipeline-row">
+    <div v-for="item of data" :key="item.id" class="pipeline-row">
       <div class="title" :title="item.title">
         <pi-status-show :status="item.status"></pi-status-show> <a @click="goDetail(item)">{{ item.title }}</a>
       </div>
diff --git a/packages/ui/certd-client/src/views/framework/home/dashboard/index.vue b/packages/ui/certd-client/src/views/framework/home/dashboard/index.vue
index 7247edb8e..abd8eecc1 100644
--- a/packages/ui/certd-client/src/views/framework/home/dashboard/index.vue
+++ b/packages/ui/certd-client/src/views/framework/home/dashboard/index.vue
@@ -67,7 +67,7 @@
     <div class="statistic-data m-20">
       <a-row :gutter="20" class="flex-wrap">
         <a-col :md="6" :xs="24">
-          <statistic-card icon="fluent-color:data-line-24" :title="t('certd.dashboard.pipelineCount')" :count="count.pipelineCount" :sub-counts="count.pipelineEnableCount">
+          <statistic-card icon="fluent-color:data-line-24" :title="t('certd.dashboard.pipelineCount')" :count="count.pipelineCount" link="/certd/pipeline" :sub-counts="count.pipelineEnableCount">
             <template v-if="count.pipelineCount === 0" #default>
               <div class="flex-center flex-1 flex-col">
                 <div style="font-size: 18px; font-weight: 700">{{ t("certd.dashboard.noPipeline") }}</div>
@@ -85,7 +85,7 @@
           </statistic-card>
         </a-col> -->
         <a-col :md="6" :xs="24">
-          <statistic-card icon="fluent-color:certificate-24" :title="t('certd.dashboard.certCount')" :count="count.certCount" :sub-counts="count.certStatusCount">
+          <statistic-card icon="fluent-color:certificate-24" :title="t('certd.dashboard.certCount')" :count="count.certCount" link="/certd/monitor/cert" :sub-counts="count.certStatusCount">
             <template v-if="count.certCount === 0" #default>
               <div class="flex-center flex-1 flex-col">
                 <div style="font-size: 18px; font-weight: 700">{{ t("certd.dashboard.noCert") }}</div>
@@ -216,6 +216,9 @@ const siteInfo: Ref<SiteInfo> = computed(() => {
   return settingStore.siteInfo;
 });
 const settingsStore = useSettingStore();
+const defaultExpireDays = computed(() => {
+  return settingsStore.sysPublic.defaultCertRenewDays || settingsStore.sysPublic.defaultWillExpireDays || 15;
+});
 const userStore = useUserStore();
 const userInfo: ComputedRef<UserInfoRes> = computed(() => {
   return userStore.getUserInfo;
@@ -266,9 +269,16 @@ function transformStatusCount() {
   ];
   const certCount = count.value.certCount;
   count.value.certStatusCount = [
-    { name: t("certd.dashboard.certExpiredCount"), value: certCount.expired, color: "red", checkIcon: "mingcute:warning-fill:#f44336" },
-    { name: t("certd.dashboard.certExpiringCount"), value: certCount.expiring, color: "yellow", checkIcon: "mingcute:alert-fill:#ff9800", title: "到期不足15天" },
-    { name: t("certd.dashboard.certNoExpireCount"), value: certCount.notExpired, color: "green" },
+    { name: t("certd.dashboard.certExpiredCount"), value: certCount.expired, color: "red", checkIcon: "mingcute:warning-fill:#f44336", link: { path: "/certd/monitor/cert", query: { expireStatus: "expired" } } },
+    {
+      name: t("certd.dashboard.certExpiringCount"),
+      value: certCount.expiring,
+      color: "yellow",
+      checkIcon: "mingcute:alert-fill:#ff9800",
+      title: `到期不足${defaultExpireDays.value}天`,
+      link: { path: "/certd/monitor/cert", query: { expireStatus: "expiring" } },
+    },
+    { name: t("certd.dashboard.certNoExpireCount"), value: certCount.notExpired, color: "green", link: { path: "/certd/monitor/cert", query: { expireStatus: "noExpired" } } },
   ];
   count.value.certCount = certCount.total;
 }
@@ -380,6 +390,12 @@ const { tour, tourHandleOpen } = useTour();
 
 <style lang="less">
 .dashboard-user {
+  .ant-card-head {
+    padding: 0px 18px;
+  }
+  .ant-card-body {
+    padding: 15px 18px;
+  }
   .warning {
     .ant-alert {
       border-left: 0;
diff --git a/packages/ui/certd-client/src/views/framework/home/dashboard/statistic-card.vue b/packages/ui/certd-client/src/views/framework/home/dashboard/statistic-card.vue
index f8f20893c..ed29403b2 100644
--- a/packages/ui/certd-client/src/views/framework/home/dashboard/statistic-card.vue
+++ b/packages/ui/certd-client/src/views/framework/home/dashboard/statistic-card.vue
@@ -12,13 +12,13 @@
         <div class="content">
           <div v-if="!slots.default" class="statistic">
             <div v-if="count !== 0" class="value flex items-center w-full">
-              <div class="total flex-center flex-1 flex-col">
+              <div class="total flex-center flex-1 flex-col pointer" @click="goDetail(link)">
                 <span>{{ count }}</span>
                 <span class="sub-title">{{ title }}</span>
               </div>
               <a-divider type="vertical h-10"></a-divider>
-              <div class="sub flex-1 flex-col h-[80%] flex-evenly pl-4">
-                <div v-for="item in subCounts" :key="item.name" class="sub-item flex justify-center w-full" :title="item.title">
+              <div class="sub flex-1 flex-col h-[80%] flex-evenly pl-1 2xl:pl-4">
+                <div v-for="item in subCounts" :key="item.name" class="sub-item flex justify-center w-full pointer" :title="item.title" @click="goDetail(item.link)">
                   <div class="flex items-center w-[60%] ellipsis overflow-hidden">
                     <div class="status-indicator" :class="`bg-${item.color}`"></div>
                     {{ item.name }}：
@@ -45,27 +45,37 @@
 </template>
 <script setup lang="ts">
 import { FsIcon } from "@fast-crud/fast-crud";
+import { useRouter } from "vue-router";
 const props = defineProps<{
   icon: string;
   title: string;
   count?: number;
+  link?: any;
   subCounts?: {
     name: string;
     value: number;
     color: string;
     checkIcon?: string;
     title?: string;
+    link?: any;
   }[];
 }>();
 const slots = defineSlots();
+const router = useRouter();
+function goDetail(link: any) {
+  if (!link) {
+    return;
+  }
+  if (typeof link === "string") {
+    router.push({ path: link });
+  } else {
+    router.push(link);
+  }
+}
 </script>
 <style lang="less">
 .statistic-card {
   margin-bottom: 10px;
-
-  .ant-card-body {
-    padding: 15px 24px;
-  }
   .icon-text {
     display: inline-flex;
     justify-content: left;