From ba599468025af384daee2a807c5f0742e11de579 Mon Sep 17 00:00:00 2001
From: 董国庆 <364620639@qq.com>
Date: 星期三, 23 四月 2025 18:05:54 +0800
Subject: [PATCH] 首页

---
 src/view/home/index.vue |   21 +++++++++++++--------
 1 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/view/home/index.vue b/src/view/home/index.vue
index 5ad0378..6571df1 100644
--- a/src/view/home/index.vue
+++ b/src/view/home/index.vue
@@ -283,6 +283,9 @@
     this.getWarnTop10Data();
 
     this.initMap();
+    if (this.timer) {
+      clearInterval(this.timer);
+    }
     // 设置定时器,每分钟刷新一次数据
     this.timer = setInterval(() => {
       this.getCarCountData();
@@ -959,7 +962,7 @@
   .leftMap {
     // width: 100%;
     height: 100%;
-    flex: 1;
+    flex: 3;
     display: flex;
     position: relative;
 
@@ -977,7 +980,7 @@
     right: 513px;
     display: flex;
     justify-content: space-between;
-    width: calc(100% - 570px);
+    width: calc(100% - 770px);
 
     .title {
       font-weight: 600;
@@ -1158,13 +1161,15 @@
   }
 
   .right {
-    width: 493px;
+    // width: 493px;
+    flex: 1;
     height: calc(100% - 20px);
     margin: 20px 17px 0 20px;
     background: #ffffff;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
     border-radius: 10px 10px 0px 0px;
     padding: 20px;
+    overflow-y: auto;
 
     .title {
       margin-top: 30px;
@@ -1185,7 +1190,7 @@
 
       .companyCard {
         width: 140px;
-        height: 90px;
+        // height: 90px;
         background: #f4f4ff;
         border-radius: 0px 10px 10px 0px;
         position: relative;
@@ -1195,7 +1200,7 @@
           left: 0;
           top: 0;
           width: 4px;
-          height: 90px;
+          // height: 90px;
           background: #0e6efd;
           border-radius: 2px;
         }
@@ -1332,7 +1337,7 @@
       position: relative;
 
       #countChart {
-        width: 453px;
+        width: 100%;
         height: 180px;
       }
 
@@ -1353,8 +1358,8 @@
       position: relative;
 
       .rankChart {
-        width: 453px;
-        height: 300px;
+        width: 100%;
+        // height: 300px;
 
         .rankItem {
           display: flex;

--
Gitblit v1.7.1