From 407e15ca3c9924ac5cec07088ff1b4df8db64540 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Tue, 21 Nov 2023 18:38:55 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=BA=95=E9=83=A8=E6=97=B6=E9=97=B4?=
 =?UTF-8?q?=E5=AF=BC=E8=87=B4=E9=A1=B5=E9=9D=A2=E9=87=8D=E7=BB=98=E5=90=83?=
 =?UTF-8?q?=E5=AD=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/BasicLayout.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/layouts/BasicLayout.vue b/src/layouts/BasicLayout.vue
index 4a8dd8fb..b87b2a58 100644
--- a/src/layouts/BasicLayout.vue
+++ b/src/layouts/BasicLayout.vue
@@ -137,7 +137,6 @@ onMounted(() => {
 });
 
 // ==== 服务器时间显示 start
-let serverTimeStr = ref<string>('');
 let serverTime = reactive({
   timestamp: 0,
   zone: 'UTC', // 时区 UTC
@@ -148,11 +147,16 @@ let serverTime = reactive({
 function fnGetServerTime() {
   getServerTime().then(res => {
     if (res.code === RESULT_CODE_SUCCESS && res.data) {
+      const serverTimeDom = document.getElementById('serverTimeDom');
       // 时间戳
       serverTime.timestamp = parseInt(res.data.timestamp);
       serverTime.interval = setInterval(() => {
         serverTime.timestamp += 1000;
-        serverTimeStr.value = parseDateToStr(serverTime.timestamp);
+        // serverTimeStr.value = parseDateToStr(serverTime.timestamp);
+        // 用DOM直接修改
+        if (serverTimeDom) {
+          serverTimeDom.innerText = parseDateToStr(serverTime.timestamp);
+        }
       }, 1000);
 
       // 时区
@@ -271,7 +275,7 @@ document.addEventListener('visibilitychange', function () {
             </div>
             <div>
               <span class="footer-time">
-                {{ serverTimeStr }} {{ serverTime.zone }}
+                <span id="serverTimeDom"></span> {{ serverTime.zone }}
               </span>
             </div>
           </div>