样式优化

gassafetyprogress-web/src/components/bigWindow/leftBar.vue

@@ -43,7 +43,7 @@
 
     <!-- 任务完成率 -->
     <div>
-      <div class="item1" style="margin-top: 30px;">
+      <div class="item1" style="margin-top: 25px;">
         <span class="dot">
           <span class="dot-inner"></span>
         </span>
@@ -201,6 +201,10 @@
                       color: "#00ffff"
                   }
               },
+              grid: {
+                bottom: "7%",
+                containLabel: true,
+              },
             tooltip: {
               trigger: 'item',
             },
@@ -243,7 +247,7 @@
                         padding: [0, -55],
                         rich: {
                             a_set: {
-                                color: "#fff",
+                                color: "#cddbe4",
                                 lineHeight: 20,
                                 align: "center",
                                 padding: [55, -40, -15, -40],
@@ -378,7 +382,6 @@
     height: 30px;
     font-size: 18px;
     line-height: 30px;
-    color: #ffffff;
     padding-left: 10px;
     font-weight: 700;
     font-style: italic;

gassafetyprogress-web/src/components/bigWindow/rightBar.vue

 <template>
   <div style="height: 100%">
 
-    <!-- 报警信息 -->
+    <!-- 预警信息 -->
     <div>
       <div class="item1">
         <span class="dot">
@@ -168,21 +168,21 @@
     <div class="usernum">
       <div class="usernumin in1">
         <span> ● </span>
-        <span style="color: #fff">在线数量 </span>
+        <span style="color: #cddbe4">在线数量 </span>
         <span style="font-family: 'arialbd'; letter-spacing: 2px">
           : {{ diviceNum.changNum }}</span
         >
       </div>
       <div class="usernumin in2">
         <span> ● </span>
-        <span style="color: #fff">离线数量 </span>
+        <span style="color: #cddbe4">离线数量 </span>
         <span style="font-family: 'arialbd'; letter-spacing: 2px">
           : {{ diviceNum.liNum }}</span
         >
       </div>
       <div class="usernumin in3">
         <span> ● </span>
-        <span style="color: #fff">报警数量 </span>
+        <span style="color: #cddbe4">报警数量 </span>
         <span style="font-family: 'arialbd'; letter-spacing: 2px">
           : {{ diviceNum.baoNum }}</span
         >
@@ -192,7 +192,7 @@
 
     <!-- 资源统计 -->
     <div>
-      <div class="item1" style="margin-top: 10px">
+      <div class="item1" style="margin-top: 15px">
         <span class="dot">
           <span class="dot-inner"></span>
         </span>
@@ -281,7 +281,7 @@ export default {
       changeTimer: false,
 
       repeatFinshed: false,
-      tableHeight: 230,
+      tableHeight: 215,
       tableData: [],
       scrollHeight: 0,
     };
@@ -394,8 +394,8 @@ export default {
         grid: {
           top: "8%",
           left: "8%",
-          right: "8%",
-          bottom: "13%",
+          right: "4%",
+          bottom: "7%",
           containLabel: true,
         },
         xAxis: {
@@ -663,7 +663,6 @@ export default {
   height: 30px;
   font-size: 18px;
   line-height: 30px;
-  color: #ffffff;
   padding-left: 10px;
   font-weight: 700;
   font-style: italic;
@@ -732,14 +731,14 @@ export default {
   height: 100%;
   text-align: center;
   float: left;
-  color: #e8f2ff;
+  color: #cddbe4;
 }
 .outusertwo {
   width: 50%;
   height: 100%;
   text-align: center;
   float: right;
-  color: #e8f2ff;
+  color: #cddbe4;
 }
 .outuserspan {
   font-family: "arialbd";
@@ -775,7 +774,7 @@ export default {
   margin-top: -138px;
   margin-left: 172px;
   font-size: 15px;
-  color: #fff;
+  color: #cddbe4;
   text-align: center;
   line-height: 25px;
   padding: 28px 0px 0px 0px;