From 7298d5354963a88643a543b51b90192dc9fc934c Mon Sep 17 00:00:00 2001
From: doum <doum>
Date: 星期四, 11 九月 2025 18:43:14 +0800
Subject: [PATCH] 最新版本541200007

---
 admin/src/views/business/dangerStatic.vue |   89 ++++++++++++++++++++++++++++----------------
 1 files changed, 56 insertions(+), 33 deletions(-)

diff --git a/admin/src/views/business/dangerStatic.vue b/admin/src/views/business/dangerStatic.vue
index a89c44e..b43d2af 100644
--- a/admin/src/views/business/dangerStatic.vue
+++ b/admin/src/views/business/dangerStatic.vue
@@ -34,7 +34,7 @@
 <!--    </QueryForm>-->
     <div class="main_content">
       <div class="type_wrap">
-        <div class="title">闅愭偅绫诲瀷缁熻</div>
+        <div class="title">鏈湀闅愭偅绫诲瀷缁熻</div>
         <div v-show="typeList && typeList.length > 0" class="echart1" ref="typeRef"></div>
         <div v-show="typeList.length == 0" style="width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;">
           <img style="width: 240px;" src="@/assets/images/default_homeimg.png" alt="">
@@ -42,7 +42,7 @@
 
       </div>
       <div class="dept_wrap">
-        <div class="title">闅愭偅褰掑睘閮ㄩ棬缁熻</div>
+        <div class="title">鏈湀闅愭偅褰掑睘閮ㄩ棬缁熻</div>
         <div v-show="deptList && deptList.length > 0" class="echart2" ref="deptRef"></div>
         <div v-show="deptList.length == 0" style="width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;">
           <img style="width: 240px;" src="@/assets/images/default_homeimg.png" alt="">
@@ -268,7 +268,7 @@
         grid: {
           left: '10%',
           right: '10%',
-          bottom: '0%',
+          bottom: '10%',
           top: '20%',
           containLabel: true
         },
@@ -287,7 +287,7 @@
           minInterval: 1,
           axisLine: {
             show: true,
-          },
+          }
         },
         series: [
           {
@@ -325,7 +325,10 @@
 
       let option = {
         tooltip: {
-          trigger: 'item'
+          trigger: 'axis',
+          axisPointer: {
+            type: 'line'
+          }
         },
         grid: {
           left: '5%',
@@ -342,6 +345,12 @@
           type: 'value',
           axisLine: {
             show: true
+          },
+          axisLabel: {
+            formatter: function (value) {
+              // 鍥涜垗浜斿叆鍒版渶杩戠殑鏁存暟
+              return Math.round(value);
+            }
           }
         },
         series: [
@@ -416,47 +425,52 @@
   overflow-x: hidden;
   padding: 15px;
   box-sizing: border-box;
-  background-color: #ffffff;
+  background-color: #F4F7FC;
   .main_head {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
-    margin-bottom: 20px;
+    margin-bottom: 10px;
+    background-color: #ffffff;
+    padding: 20px;
+    box-sizing: border-box;
     .blue {
-      border-left: 5px solid blue;
+      border-left: 8px solid #12BB8B;
     }
     .red {
-      border-left: 5px solid red;
+      border-left: 8px solid #F6CF46;
     }
     .yellow {
-      border-left: 5px solid yellow;
+      border-left: 8px solid #5DC9FB;
     }
     .orange {
-      border-left: 5px solid orange;
+      border-left: 8px solid #FF9E56;
     }
     .darkBlue {
-      border-left: 5px solid #0000a8;
+      border-left: 8px solid #6B6EFF;
     }
     .main_head_item {
       width: 19%;
-      height: 70px;
+      height: 112px;
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
       box-sizing: border-box;
       border-radius: 5px;
-      background-color: #ffffff;
+      background: #F4F7FC;
       span {
         &:nth-child(1) {
-          font-size: 22px;
-          color: black;
-          font-weight: bold;
+          font-weight: 600;
+          font-size: 30px;
+          color: #222222;
         }
         &:nth-child(2) {
-          font-size: 16px;
-          color: black;
+          font-weight: 400;
+          font-size: 14px;
+          color: #222222;
+          margin-top: 10px;
         }
       }
     }
@@ -467,8 +481,11 @@
     align-items: start;
     justify-content: space-between;
     .main_table_echart {
-      flex: 1;
+      width: 64%;
       height: 400px;
+      background-color: #ffffff;
+      padding: 20px;
+      box-sizing: border-box;
       .title {
         font-weight: 600;
         font-size: 16px;
@@ -480,9 +497,11 @@
       }
     }
     .main_table_list {
-      margin-left: 20px;
       flex-shrink: 0;
-      width: 500px;
+      width: 35%;
+      padding: 20px;
+      box-sizing: border-box;
+      background-color: #ffffff;
       .title {
         font-weight: 600;
         font-size: 16px;
@@ -535,38 +554,42 @@
 
   .main_content {
     display: flex;
+    align-items: start;
+    justify-content: space-between;
     height: 500px;
-
+    margin-bottom: 10px;
     .title {
       font-weight: 600;
       font-size: 16px;
       color: #222222;
       /*margin-bottom: 20px;*/
-      margin-top: 20px;
     }
 
     .type_wrap {
-      flex: 11;
+      width: 49.5%;
       flex-shrink: 0;
-      height: calc(100% - 20px);
+      height: 100%;
       /*border-right: 12px solid #f7f7f7;*/
-
+      background-color: #ffffff;
+      padding: 20px;
+      box-sizing: border-box;
 
       .echart1 {
         width: 100%;
-        height: calc(100% - 60px);
+        height: 100%;
       }
     }
 
     .dept_wrap {
-      flex: 10;
+      width: 49.5%;
       flex-shrink: 0;
-      height: calc(100% - 20px);
-      padding-left: 20px;
-
+      height: 100%;
+      background-color: #ffffff;
+      padding: 20px;
+      box-sizing: border-box;
       .echart2 {
         width: 100%;
-        height: calc(100% - 60px);
+        height: 100%;
       }
     }
   }

--
Gitblit v1.9.3