From d66ade4e4783850b6c7625c6f164a5a0fc0aa509 Mon Sep 17 00:00:00 2001
From: xiaojunnuo <xiaojunnuo@qq.com>
Date: Mon, 24 Mar 2025 18:39:08 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E5=A2=9E=E5=8A=A0=E6=9C=8D=E5=8A=A1?=
 =?UTF-8?q?=E5=99=A8=E6=97=B6=E9=97=B4=E8=AD=A6=E5=91=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/framework/home/dashboard/index.vue  | 26 ++++++++++++++-----
 .../src/views/framework/home/index.vue        |  4 +--
 2 files changed, 22 insertions(+), 8 deletions(-)

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 e5b459e1..6b018e07 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
@@ -14,7 +14,12 @@
               <span>您好，{{ userInfo.nickName || userInfo.username }}， 欢迎使用 【{{ siteInfo.title }}】</span>
             </div>
             <div class="flex-o flex-wrap profile-badges">
-              <a-tag color="green" class="flex-inline pointer"> <fs-icon icon="ion:time-outline"></fs-icon> {{ now }}</a-tag>
+              <a-tooltip :title="deltaTimeTip">
+                <a-badge :dot="deltaTimeWarning">
+                  <a-tag :color="deltaTimeWarning ? 'red' : 'green'" class="flex-inline pointer"> <fs-icon icon="ion:time-outline"></fs-icon> {{ now }}</a-tag>
+                </a-badge>
+              </a-tooltip>
+
               <template v-if="userStore.isAdmin">
                 <a-divider type="vertical" />
                 <a-badge :dot="hasNewVersion">
@@ -138,11 +143,11 @@ import { GetStatisticCount } from "/@/views/framework/home/dashboard/api";
 import { useRouter } from "vue-router";
 import * as api from "./api";
 defineOptions({
-  name: "DashboardUser"
+  name: "DashboardUser",
 });
 
 const version = ref(import.meta.env.VITE_APP_VERSION);
-const latestVersion = ref();
+const latestVersion = ref("");
 const hasNewVersion = computed(() => {
   if (!latestVersion.value) {
     return false;
@@ -174,7 +179,16 @@ const userInfo: ComputedRef<UserInfoRes> = computed(() => {
   return userStore.getUserInfo;
 });
 const now = computed(() => {
-  return dayjs().format("YYYY-MM-DD HH:mm:ss");
+  const serverTime = settingStore.app.deltaTime + Date.now();
+  return dayjs(serverTime).format("YYYY-MM-DD HH:mm:ss");
+});
+
+const deltaTimeWarning = computed(() => {
+  return Math.abs(settingStore.app.deltaTime) > 1000 * 60 * 4;
+});
+const deltaTimeTip = computed(() => {
+  const deltaMin = (Math.abs(settingStore.app.deltaTime) / 1000 / 60).toFixed(2);
+  return `服务器时间相差:${deltaMin}分钟${deltaTimeWarning.value ? "，请检查服务器时间是否正确" : ""}`;
 });
 const router = useRouter();
 function goPipeline() {
@@ -189,7 +203,7 @@ function transformStatusCount() {
     { name: "start", label: "运行中" },
     { name: "error", label: "失败" },
     { name: "canceled", label: "已取消" },
-    { name: null, label: "未执行" }
+    { name: null, label: "未执行" },
   ];
   const result = [];
   for (const item of sorted) {
@@ -208,7 +222,7 @@ async function loadCount() {
   count.value.historyCountPerDay = count.value.historyCountPerDay.map((item: any) => {
     return {
       name: item.date,
-      value: item.count
+      value: item.count,
     };
   });
 }
diff --git a/packages/ui/certd-client/src/views/framework/home/index.vue b/packages/ui/certd-client/src/views/framework/home/index.vue
index 16967f09..c57c23f8 100644
--- a/packages/ui/certd-client/src/views/framework/home/index.vue
+++ b/packages/ui/certd-client/src/views/framework/home/index.vue
@@ -22,10 +22,10 @@ onMounted(() => {
       content: "为了您的账户安全，请立即修改密码",
       onOk: () => {
         changePasswordButtonRef.value.open({
-          password: "123456"
+          password: "123456",
         });
       },
-      okText: "立即修改"
+      okText: "立即修改",
     });
   }
 });