湖里大屏(质量管理):问题占比接口对接

src/views/projectAdmin/jlw/qualityManage/leftCenter.vue

@@ -5,20 +5,20 @@
     <div class="content">
       <div class="chart">
         <JRingChart
-          :title="{ text: 3412, subTitle: '问题总数' }"
+          :title="{ text: total.totalNum, subTitle: '问题总数' }"
           :color="['#557DEE', '#43D7B5']"
-          :data="[{ value: 2314 }, { value: 987 }]"
+          :data="[{ value: total.jyUrgentLevelNum }, { value: total.ybUrgentLevelNum }]"
           :radius="['55%', '80%']"
         />
       </div>
       <div class="count">
         <div class="count-item">
           <div class="label">紧要问题</div>
-          <div class="num">2314</div>
+          <div class="num">{{total.jyUrgentLevelNum}}</div>
         </div>
         <div class="count-item">
           <div class="label">一般问题</div>
-          <div class="num">987</div>
+          <div class="num">{{total.ybUrgentLevelNum}}</div>
         </div>
       </div>
     </div>
@@ -27,6 +27,7 @@
 
 <script>
 import JRingChart from '../jChart/pie/JRingChart.vue'
+import { selectQualityStatisticsApi } from '@/assets/js/api/dataBoard'
 export default {
   components: { JRingChart },
   props: {
@@ -36,7 +37,28 @@ export default {
     }
   },
   data() {
-    return {}
+    return {
+      total:{
+        totalNum:3412,
+        jyUrgentLevelNum:26,
+        ybUrgentLevelNum:58,
+      }
+    }
+  },
+  created(){
+    this.getData()
+  },
+  methods:{
+   //获取数据
+    getData() {
+      let data = {
+        projectSn: this.projectSn
+      }
+      selectQualityStatisticsApi(data).then(res => {
+        console.log('-------',res)
+        this.total = res.result.total
+      })
+    }
   }
 }
 </script>