中建四局大屏页面细节修复

src/views/projectAdmin/common/jChart/pie/JRingChart.vue

@@ -40,7 +40,6 @@ export default {
         }
       },
       deep: true,
-      immediate: true
     },
     title: {
       handler(newVal, oldVal) {
@@ -49,7 +48,6 @@ export default {
         }
       },
       deep: true,
-      immediate: true
     }
   },
   methods: {

src/views/projectAdmin/zjsj/govComp/Col3.vue

@@ -37,8 +37,8 @@
         <template>
           <el-table :data="tableData" :show-header="false" style="width: 100%">
             <el-table-column prop="date" label="建材类型" width="150"></el-table-column>
-            <el-table-column prop="name" label="检测报告数" width="120"></el-table-column>
-            <el-table-column prop="address" label="合格数"></el-table-column>
+            <el-table-column prop="name" label="检测报告数" width="110"></el-table-column>
+            <el-table-column prop="address" label="合格数" width="100"></el-table-column>
             <el-table-column prop="rale" style="color:red" label="合格率">
                <template slot-scope="scope">
                 <span class="raleRow"
@@ -142,7 +142,10 @@ export default {
   color: white;
   margin-top: 2%;
   margin-left: 1%;
+  width: 100%;
+  height: 100%;
   .topBox {
+    height: 16%;
     .point {
       width: 8px;
       height: 8px;
@@ -158,7 +161,7 @@ export default {
     .top {
       display: flex;
       margin-top: 4%;
-      height: 30%;
+      height:100%;
       .left {
         width: 70%;
         .rowInfo,
@@ -182,25 +185,32 @@ export default {
         }
       }
       .right {
-        width: 25%;
+        width: 29%;
         background-image: url(../assets/images/common/bgc_bluechart.png);
         background-size: 100%;
         .row {
           font-size: 12px;
           color: #c4c7cc;
-          margin-left: 32%;
-          margin-top: 38%;
+          margin-left: 35%;
+          margin-top: 39%;
         }
       }
     }
   }
   .titleRow{
-     margin-top: 5%;
+     margin-top: 3%;
      color: #5ec2c8;
      display: flex;
      span{
       flex: 1;
       margin-left: 5%;
+      // text-align: center;
+      &:nth-child(2) {
+        margin-left: 8%;
+      }
+      &:nth-child(3) {
+        margin-left: 9%;
+      }
      }
   }
   .contentBtn {

src/views/projectAdmin/zjsj/quality/leftTop.vue

@@ -37,7 +37,7 @@
             :title="{ text: '质量整改', subTitle: '987条件' }"
             :color="['#6EE4F0', '#E7622A']"
             :data="[{ value: 2314 }, { value: 987 }]"
-            :radius="['55%', '80%']"
+            :radius="['60%', '85%']"
           />
         </div>
         <div class="legend">

src/views/projectAdmin/zjsj/security/leftTop.vue

@@ -37,7 +37,7 @@
             :title="{ text: '质量整改', subTitle: '987条件', fontSize: 16 }"
             :color="['#6EE4F0', '#E7622A']"
             :data="[{ value: 2314 }, { value: 987 }]"
-            :radius="['55%', '80%']"
+            :radius="['60%', '85%']"
           />
         </div>
         <div class="legend">