From 7d0b9cdb0039de03529e51474f98b46abc8e8afe Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Tue, 2 Aug 2022 17:59:10 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B9=96=E9=87=8C=E5=A4=A7=E5=B1=8F(=E8=B4=A8?=
 =?UTF-8?q?=E9=87=8F=E7=AE=A1=E7=90=86)=EF=BC=9A=E5=AE=8C=E6=88=90?=
 =?UTF-8?q?=E8=B4=A8=E9=87=8F=E9=97=AE=E9=A2=98=E5=9B=BE=E8=A1=A8=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../projectHuScreen/jChart/pie/JRingChart.vue |  2 +-
 .../qualityManage/centerTop.vue               | 39 ++++++++++++++-----
 .../projectHuScreen/qualityManage/index.vue   | 28 +++++++------
 3 files changed, 47 insertions(+), 22 deletions(-)

diff --git a/src/views/projectAdmin/dataBoard/projectHuScreen/jChart/pie/JRingChart.vue b/src/views/projectAdmin/dataBoard/projectHuScreen/jChart/pie/JRingChart.vue
index 4a807150..23219efc 100644
--- a/src/views/projectAdmin/dataBoard/projectHuScreen/jChart/pie/JRingChart.vue
+++ b/src/views/projectAdmin/dataBoard/projectHuScreen/jChart/pie/JRingChart.vue
@@ -59,7 +59,7 @@ export default {
           {
             name: '',
             type: 'pie',
-            radius: ['50%', '70%'],
+            radius: ['65%', '80%'],
             avoidLabelOverlap: false,
             hoverAnimation: false,
             label: {
diff --git a/src/views/projectAdmin/dataBoard/projectHuScreen/qualityManage/centerTop.vue b/src/views/projectAdmin/dataBoard/projectHuScreen/qualityManage/centerTop.vue
index 2f183160..6e7f3aff 100644
--- a/src/views/projectAdmin/dataBoard/projectHuScreen/qualityManage/centerTop.vue
+++ b/src/views/projectAdmin/dataBoard/projectHuScreen/qualityManage/centerTop.vue
@@ -1,10 +1,27 @@
 <template>
   <!-- 质量问题 -->
-  <div class="container">
-    <div class="titleTxt">{{ title }}</div>
+  <div class="wrap">
+    <div class="title">{{ title }}</div>
     <div class="charts">
       <div class="chart">
-        <JRingChart title="hello" subTitle="world" />
+        <JRingChart title="45" subTitle="问题总数" :color="['#3CABFD']" />
+      </div>
+      <div class="chart">
+        <JRingChart title="45" subTitle="未闭合问题" :color="['#557DEE']" />
+      </div>
+      <div class="chart">
+        <JRingChart title="45" subTitle="未整改问题" :color="['#FE6C7F']" />
+      </div>
+      <div class="chart">
+        <JRingChart
+          title="90%"
+          subTitle="即时整改问题"
+          :color="['#557DEE', '#43D7B5']"
+          :data="[
+            { value: 1, name: '' },
+            { value: 9, name: '' }
+          ]"
+        />
       </div>
     </div>
   </div>
@@ -27,21 +44,25 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.container {
+.wrap {
   width: 100%;
   height: 100%;
   border: 1px solid #0081c3;
 
-  .titleTxt {
+  .title {
+    padding-left: 6px;
+    height: 30px;
+    line-height: 30px;
     font-size: 18px;
     color: #6ee4f0;
-    margin-top: 5px;
-    margin-left: 5px;
   }
   .charts {
+    padding: 10px 30px 0;
+    display: flex;
+    justify-content: space-around;
     .chart {
-      width: 300px;
-      height: 180px;
+      width: 200px;
+      height: 200px;
     }
   }
 }
diff --git a/src/views/projectAdmin/dataBoard/projectHuScreen/qualityManage/index.vue b/src/views/projectAdmin/dataBoard/projectHuScreen/qualityManage/index.vue
index 9b87207b..f5095cbd 100644
--- a/src/views/projectAdmin/dataBoard/projectHuScreen/qualityManage/index.vue
+++ b/src/views/projectAdmin/dataBoard/projectHuScreen/qualityManage/index.vue
@@ -1,23 +1,23 @@
 <template>
-<!-- CIM -->
+  <!-- CIM -->
   <div class="container">
     <div class="leftBox">
       <div class="leftTop">
-            <leftTop title="问题类型"  /> 
+        <leftTop title="问题类型" />
       </div>
       <div class="leftCenter">
-            <leftCenter title="问题占比" />
+        <leftCenter title="问题占比" />
       </div>
       <div class="leftBottom">
-            <leftCenter title="频发问题" />
+        <leftCenter title="频发问题" />
       </div>
     </div>
     <div class="centerBox">
       <div class="centerTop">
-           <centerTop title="质量问题" />
+        <centerTop title="质量问题" />
       </div>
       <div class="centerBottom">
-           <centerTop title="问题趋势" />
+        <centerTop title="问题趋势" />
       </div>
     </div>
   </div>
@@ -28,11 +28,15 @@ import leftTop from './leftTop'
 import leftCenter from './leftCenter'
 import leftBottom from './leftBottom'
 import centerTop from './centerTop'
-import centerBottom from './centerBottom';
+import centerBottom from './centerBottom'
 export default {
   components: {
-    leftTop,leftCenter,leftBottom,centerTop,centerBottom
-  },
+    leftTop,
+    leftCenter,
+    leftBottom,
+    centerTop,
+    centerBottom
+  }
 }
 </script>
 
@@ -68,11 +72,11 @@ export default {
   height: 100%;
   margin-right: 15px;
   .centerTop {
-    height: 66%;
+    height: 35%;
     margin-bottom: 15px;
   }
   .centerBottom {
-    height: 30%;
+    height: 62%;
   }
 }
-</style>
\ No newline at end of file
+</style>