From 7b8d062bd8d23005701c52bbc3af2f9c8463d147 Mon Sep 17 00:00:00 2001
From: duanxiaohai <1812246227@qq.com>
Date: Thu, 1 Aug 2024 15:15:43 +0800
Subject: [PATCH] gx

---
 src/assets/cd.png                     | Bin 0 -> 543 bytes
 src/components/header.vue             |  67 +++++++++++++++-----------
 src/view/echart_analyze/FlipClock.vue |   2 +-
 3 files changed, 40 insertions(+), 29 deletions(-)
 create mode 100644 src/assets/cd.png

diff --git a/src/assets/cd.png b/src/assets/cd.png
new file mode 100644
index 0000000000000000000000000000000000000000..7dc23b4fbb3cb649170a3304ce69ae112d62c5a4
GIT binary patch
literal 543
zcmV+)0^t3LP)<h;3K|Lk000e1NJLTq001li001lq1^@s69)wx}00001b5ch_0Itp)
z=>Px$*-1n}R9HvtnB7VnK@`V-XX6*O){pkKx1yFnLF!GwI3`G+q>tbO^wK^-^9VkH
zq&BhGn`%H1HVS^#q!ol-^{Q&Kr`@nhkidq7=nU-MEi-4%Z~rrM&e<b4_K0J=B*6XN
zu|(m%D_pATdten9?zgiZ*S`YRq*T=!@Uq9n9?HBfWnbSSyaPra%4?T?{-6|+OV_1(
z9h)TzcPv$x6BC8I6s}`4s}%n1>#_)$pg|#@mdkcuVGVGlqJzJm@C$eboTM6<Y+CB~
zp{)T9!Ae!#0<sb0nS#m9$$2ZZRlu7E`rK1Cf!7h_xd=;UR=(dtTLm0KZSU*k%>bW(
z`3SNW3}EupavHu{2OL6`_jH00imJS6LJL16z?fHZ92P%M)nmoB;zyNnfe*lFr1V7~
zn6SM31}t<O2p@Oij+75{=T7>^g^Bep!mfNh)Uj)2MFP9(VHL*1KaAERfyc5NmkxfW
zz+~s-$U5K+U#EtIVoO-7YXg%@%ZYVitzF_sd6?{soLQMTN>%;xKSM7%k($?i9eN?n
z;%CgA;>Xt<9+}`TAFVGhV}o!s!MZ3B2c7`ODb(wDqHwPY#@V~q40NvD>RdxR?#$RW
ho<xa$?}&2>{{v=Gl_p?g?biSR002ovPDHLkV1hu@`&Iw|

literal 0
HcmV?d00001

diff --git a/src/components/header.vue b/src/components/header.vue
index e53d51c..c35ff71 100644
--- a/src/components/header.vue
+++ b/src/components/header.vue
@@ -7,16 +7,15 @@
       <div class="header">
         <div class="headerGo" @click="to('/guide')"></div>
         <!-- <img class="title" src="../assets/img_07.png" alt="" /> -->
-        <!-- <div class="time">
-      <div id="date-display"></div>
-      <div id="clock" style="margin-top: 4px">加载中...</div>
-    </div> -->
-
+        <div class="time">
+          <div id="date-display"></div>
+          <div id="clock" style="margin-top: 4px">加载中...</div>
+        </div>
         <div class="header-menu">
           <div class="header-menu-item header-menu-left">
             <div
               :class="data.nowTab == item.url ? 'leftItemC' : 'leftItem'"
-              v-for="item in data.urlLeft.slice(0, 4)"
+              v-for="item in data.urlLeft.slice(0, 2)"
               :key="item.name"
             >
               <div class="itemText" @click="to(item.url)">{{ item.name }}</div>
@@ -25,13 +24,16 @@
           <div class="header-menu-item header-menu-right">
             <div
               :class="data.nowTab == item.url ? 'rightItemC' : 'rightItem'"
-              v-for="item in data.urlLeft.slice(4, 8)"
+              v-for="item in data.urlLeft.slice(2, 4)"
               :key="item.name"
             >
               <div class="itemText" @click="to(item.url)">{{ item.name }}</div>
             </div>
           </div>
         </div>
+        <div class="cd">
+          <img class="title" src="../assets/cd.png" alt="" />
+        </div>
         <img src="../assets/RightLine.gif" class="rightLineClass" />
         <img src="../assets/RightLine.gif" class="leftLineClass" />
       </div>
@@ -61,9 +63,9 @@ const updateClock = () => {
   const formattedDate = year + "/" + month + "/" + day;
 
   // 更新页面上的时钟显示
-  // document.getElementById("clock").textContent = timeString;
+  document.getElementById("clock").textContent = timeString;
   // 将格式化后的日期更新到 div 中
-  // document.getElementById("date-display").innerText = formattedDate;
+  document.getElementById("date-display").innerText = formattedDate;
 };
 const to = (url) => {
   router.push({
@@ -88,22 +90,22 @@ const data = reactive({
       name: "总体概览",
       url: "/home/index",
     },
-    {
-      name: "养老",
-      url: "/home/yl",
-    },
-    {
-      name: "卫生",
-      url: "/home/hygiene",
-    },
-    {
-      name: "教育",
-      url: "/home/education",
-    },
-    {
-      name: "救助",
-      url: "/home/work",
-    },
+    // {
+    //   name: "养老",
+    //   url: "/home/yl",
+    // },
+    // {
+    //   name: "卫生",
+    //   url: "/home/hygiene",
+    // },
+    // {
+    //   name: "教育",
+    //   url: "/home/education",
+    // },
+    // {
+    //   name: "救助",
+    //   url: "/home/work",
+    // },
     {
       name: "智能分析",
       url: "/home/analyze",
@@ -149,7 +151,16 @@ onMounted(() => {
     width: 146px;
     height: 55px;
   }
-
+  .cd {
+    position: absolute;
+    right: 50px;
+    top: 38px;
+    cursor: pointer;
+    img {
+      width: 22px;
+      height: 22px;
+    }
+  }
   .time {
     width: 200px;
     height: 70%;
@@ -199,11 +210,11 @@ onMounted(() => {
     }
 
     &-left {
-      left: 2%;
+      left: 10%;
     }
 
     &-right {
-      right: 2%;
+      right: 10%;
     }
 
     .leftItem {
diff --git a/src/view/echart_analyze/FlipClock.vue b/src/view/echart_analyze/FlipClock.vue
index 9aa7e16..b6c57c7 100644
--- a/src/view/echart_analyze/FlipClock.vue
+++ b/src/view/echart_analyze/FlipClock.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="flipbox">
-    <div class="clock" id="clock">
+    <div class="clock" id="clocks">
       <div v-for="(digit, index) in data.digits" :key="index" class="flip down">
         <div class="digital front number0"></div>
         <div class="digital back number1"></div>