From 86db97ae7a6fc5ed609bf269c19b0166ef9fa709 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AA=86=E4=B9=90?= <342503599@qq.com>
Date: Tue, 30 Aug 2022 16:23:45 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AD=E5=BB=BA=E5=9B=9B=E5=B1=80(=E6=94=BF?=
 =?UTF-8?q?=E4=BC=81=E8=81=94=E5=90=88):=E7=9B=91=E7=9D=A3=E5=B7=A1?=
 =?UTF-8?q?=E6=9F=A5=E6=A8=A1=E5=9D=97=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../projectAdmin/zjsj/govComp/leftMiddle.vue  | 68 +++++++------------
 1 file changed, 26 insertions(+), 42 deletions(-)

diff --git a/src/views/projectAdmin/zjsj/govComp/leftMiddle.vue b/src/views/projectAdmin/zjsj/govComp/leftMiddle.vue
index 2b140be4..d0043b0d 100644
--- a/src/views/projectAdmin/zjsj/govComp/leftMiddle.vue
+++ b/src/views/projectAdmin/zjsj/govComp/leftMiddle.vue
@@ -46,20 +46,14 @@
       <div class="echarts">
         <div class="checkChart" ref="checkChart"></div>
         <div class="right">
-          <div class="one">
-            <div class="point"></div>
-            <div class="checkNum">
-              <span>监督检查</span>
-              <p>(数)</p>
-            </div>
-          </div>
-          <div class="two">
-            <div class="point point2"></div>
-            <div class="checkNum">
-              <span>下发整改</span>
-              <p>(份)</p>
-            </div>
-          </div>
+        <span class="point"></span>
+        <span>监督检查<p class="num">(数)</p></span>
+        
+        <span class="point point2"></span>
+        <span>下发整改</span>
+        <div class="num">(份)</div>
+      </div>
+        <div class="right">
         </div>
       </div>
     </div>
@@ -82,7 +76,7 @@ export default {
       const checkChart = echarts.init(this.$refs.checkChart);
       const option = {
         grid: {
-        x: "8%",//x 偏移量
+        x: "6%",//x 偏移量
         y: "10%", // y 偏移量
         width: "86%", // 宽度
         height: "60%"// 高度
@@ -220,34 +214,24 @@ export default {
       height: 100%;
     }
     .right {
-      width: 30%;
-      margin-top: 12%;
-      margin-left: 3%;
-      font-size: 12px;
-      color: #9ea3ab;
-      .one,
-      .two {
-        margin-bottom: 10%;
-        .point {
-          width: 7px;
-          height: 7px;
-          margin-right: 5%;
-          margin-bottom: 5%;
-          display: inline-block;
-          background-color: #f56c35;
-          border-radius: 50%;
-        }
-        .checkNum {
-          display: inline-block;
-          margin-bottom: 5%;
-        }
-      }
-      .two {
-        .point2 {
-          background-color: #66d4d9;
-        }
-      }
+    margin-top: 30px;
+    font-size: 12px;
+    .point {
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      display: inline-block;
+      background-color: #fb6a2e;
+      margin-right: 15px;
     }
+    .point2{
+      background-color: #65d3d8;
+    }
+    .num{
+      color: #d2a104;
+      margin: 5px 0px 30px 25px;
+    }
+  }
   }
 }
 </style>