From 414212d6d55f8d3e924787bece138ede7e0ab6af Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期一, 28 十月 2024 12:19:33 +0800
Subject: [PATCH] 数据中心视频优化完

---
 src/views/screen/index.vue |  114 +++++++++++++++++++++++++++++++--------------------------
 1 files changed, 62 insertions(+), 52 deletions(-)

diff --git a/src/views/screen/index.vue b/src/views/screen/index.vue
index 5080d2e..2649739 100644
--- a/src/views/screen/index.vue
+++ b/src/views/screen/index.vue
@@ -71,10 +71,10 @@
               />
               <ul>
                 <li v-for="(item, index) in facilityData.video" :key="index">
-                  <div class="value">
+                  <div style="font-size: 14px" class="value">
                     <animate-number from="0" :to="item.value" :key="item.value"></animate-number>
                   </div>
-                  <div class="title">{{ item.title }}</div>
+                  <div style="font-size: 14px" class="title">{{ item.title }}</div>
                 </li>
               </ul>
             </div>
@@ -86,8 +86,8 @@
               <ul>
                 <li v-for="(item, index) in facilityData.car" :key="index">
 <!--                  <div class="value">{{ item.value ? item.value : "-" }}</div>-->
-                  <div class="value"><animate-number from="0" :to="item.value" :key="item.value"></animate-number></div>
-                  <div class="title">{{ item.title }}</div>
+                  <div style="font-size: 14px" class="value"><animate-number from="0" :to="item.value" :key="item.value"></animate-number></div>
+                  <div style="font-size: 14px" class="title">{{ item.title }}</div>
                 </li>
               </ul>
             </div>
@@ -102,8 +102,8 @@
                   :key="index"
                 >
 <!--                  <div class="value">{{ item.value ? item.value : "-" }}</div>-->
-                  <div class="value"><animate-number from="0" :to="item.value" :key="item.value"></animate-number></div>
-                  <div class="title">{{ item.title }}</div>
+                  <div style="font-size: 14px" class="value"><animate-number from="0" :to="item.value" :key="item.value"></animate-number></div>
+                  <div style="font-size: 14px" class="title">{{ item.title }}</div>
                 </li>
               </ul>
             </div>
@@ -213,6 +213,7 @@
     return {
       deptList: [],
       deptId: '',
+      intervalId: null, // 鐢ㄤ簬瀛樺偍瀹氭椂鍣ㄧ殑ID
       carList: [],
       videoList: [],
       faceList: [],
@@ -220,49 +221,49 @@
       workOrderRegion: [],
       platformData: null,
       scoreData: {
-          鑷祦浜曞尯: [
-            {
-              value: 0,
-              name: '寰楀垎'
-            }
-          ],
-          楂樻柊鍖�: [
-            {
-              value: 0,
-              name: '寰楀垎'
-            }
-          ],
-          澶у畨鍖�: [
-            {
-              value: 0,
-              name: '寰楀垎'
-            }
-          ],
-          娌挎哗鍖�: [
-            {
-              value: 0,
-              name: '寰楀垎'
-            }
-          ],
-          璐′簳鍖�: [
-            {
-              value: 0,
-              name: '寰楀垎'
-            }
-          ],
-          鑽ｅ幙: [
-            {
-              value: 0,
-              name: '寰楀垎'
-            }
-          ],
-          瀵岄『鍘�: [
-            {
-              value: 0,
-              name: '寰楀垎'
-            }
-          ]
-        },
+        鑷祦浜曞尯: [
+          {
+            value: 0,
+            name: '寰楀垎'
+          }
+        ],
+        楂樻柊鍖�: [
+          {
+            value: 0,
+            name: '寰楀垎'
+          }
+        ],
+        澶у畨鍖�: [
+          {
+            value: 0,
+            name: '寰楀垎'
+          }
+        ],
+        娌挎哗鍖�: [
+          {
+            value: 0,
+            name: '寰楀垎'
+          }
+        ],
+        璐′簳鍖�: [
+          {
+            value: 0,
+            name: '寰楀垎'
+          }
+        ],
+        鑽ｅ幙: [
+          {
+            value: 0,
+            name: '寰楀垎'
+          }
+        ],
+        瀵岄『鍘�: [
+          {
+            value: 0,
+            name: '寰楀垎'
+          }
+        ]
+      },
       // 璁惧鏁版嵁
       facilityData: {
         video: [],
@@ -308,8 +309,16 @@
       })
       .catch((err) => {
       });
-    // 鏌ヨ鏁版嵁
     this.getData();
+    // 鏌ヨ鏁版嵁
+    this.intervalId = setInterval(this.getData,  3600000); //涓�灏忔椂涓�娆�
+  },
+  beforeDestroy() {
+    // 缁勪欢閿�姣佸墠娓呴櫎瀹氭椂鍣紝闃叉鍐呭瓨娉勬紡
+    if (this.intervalId) {
+      clearInterval(this.intervalId);
+      this.intervalId = null;
+    }
   },
   methods: {
     getDeptId(deptName) {
@@ -366,7 +375,7 @@
         });
       checkScore(this.activerBtnType, this.deptId)
         .then((res) => {
-          if(res.data && Object.keys(res.data).length > 0){
+          if (res.data && Object.keys(res.data).length > 0) {
             this.scoreData = res.data;
           }
         })
@@ -374,7 +383,7 @@
         });
       getPlatform(this.activerBtnType, this.deptId)
         .then((res) => {
-          if(res.data && Object.keys(res.data).length > 0){
+          if (res.data && Object.keys(res.data).length > 0) {
             this.platformData = res.data;
           }
         })
@@ -1118,6 +1127,7 @@
               list-style-type: none;
               border-bottom: 1px dashed #223654;
               margin: 7px 0;
+
               li {
                 width: 25%;
                 text-align: center;

--
Gitblit v1.8.0