task#14196，中道首页不显示数据问题

src/views/kpi/components/circleChar.vue

@@ -20,8 +20,14 @@ export default {
     setTimeout(()=>{
       this.drawHandle();
     },500)
+
   },
   methods:{
+    initCircle(){
+      // setTimeout(()=>{
+        this.drawHandle();
+      // },500)
+    },
     handle(){
       if(this.titleText == '投诉率'){
         this.$emit('clickComplain')

src/views/kpi/kpiIndex.vue

@@ -17,7 +17,7 @@
             reserve-keyword
             placeholder="请输入后选择"
             :remote-method="remoteMethod"
-            @change="getData"
+            @change="selectSupplierNameHanldle"
             :loading="selectLoading">
           <el-option
               v-for="item in selectOption"
@@ -53,23 +53,23 @@
       <div :class="{'reciceOrder':true,'webCom':!isMobile,'evaluate':isMobile}">
         <div class="title">客户评价</div>
         <div class="reciceOrderIWrap" v-if="indexData">
-          <circle-char :data="indexData && indexData.complainOrderRate" :title-text="'投诉率'" :bg-color="'#9485ED'"
+          <circle-char  ref="Doughnut1"  :data="indexData && indexData.complainOrderRate" :title-text="'投诉率'" :bg-color="'#9485ED'"
                        :is-store="false" @clickComplain="clickJumpHandle(7)"></circle-char>
-          <circle-char :data="indexData && indexData.customerSatisfaction" :title-text="'客户满意度'"
+          <circle-char  ref="Doughnut2" :data="indexData && indexData.customerSatisfaction" :title-text="'客户满意度'"
                        :bg-color="'#5DDECF'"></circle-char>
-          <circle-char :data="indexData && indexData.urgeRate" :title-text="'催促率'"
+          <circle-char  ref="Doughnut3" :data="indexData && indexData.urgeRate" :title-text="'催促率'"
                        :bg-color="'#FFADAD'"></circle-char>
         </div>
       </div>
       <div :class="{'reciceOrder':true,'webCom':!isMobile,'appUse':isMobile}">
         <div class="title">APP使用</div>
         <div class="reciceOrderIWrap" v-if="indexData">
-          <circle-char :data="indexData && indexData.appRate" :title-text="'使用率'" :bg-color="'#3AA1FF'"
+          <circle-char  ref="Doughnut4" :data="indexData && indexData.appRate" :title-text="'使用率'" :bg-color="'#3AA1FF'"
                        :is-store="false"
                        @clickUse="clickJumpHandle(8)"></circle-char>
-          <circle-char :data="indexData && indexData.threeMinutesContactRate" :title-text="'3′联系客户率'"
+          <circle-char  ref="Doughnut5" :data="indexData && indexData.threeMinutesContactRate" :title-text="'3′联系客户率'"
                        :bg-color="'#5D7FD7'"></circle-char>
-          <circle-char :data="indexData && indexData.polymerizationSuccessRate" :title-text="'总聚合成功率'"
+          <circle-char  ref="Doughnut6" :data="indexData && indexData.polymerizationSuccessRate" :title-text="'总聚合成功率'"
                        :bg-color="'#4ECB73'"></circle-char>
         </div>
       </div>
@@ -95,7 +95,7 @@
       <div :class="{'reciceOrder':true,'webCom':!isMobile,'store':isMobile}">
         <div class="title">综合打分</div>
         <div class="storeWrap" v-if="indexData">
-          <circle-char :data="indexData && indexData.score" :bg-color="'#00D273'" :is-store="true"></circle-char>
+          <circle-char  ref="Doughnut7" :data="indexData && indexData.score" :bg-color="'#00D273'" :is-store="true"></circle-char>
         </div>
       </div>
       <div v-if="isMobile" style="padding: 20px"></div>
@@ -262,6 +262,18 @@ export default {
   async activated() {
   },
   methods: {
+    async selectSupplierNameHanldle(){
+      await this.getData()
+      setTimeout(()=>{
+        this.$refs.Doughnut1.initCircle()
+        this.$refs.Doughnut2.initCircle()
+        this.$refs.Doughnut3.initCircle()
+        this.$refs.Doughnut4.initCircle()
+        this.$refs.Doughnut5.initCircle()
+        this.$refs.Doughnut6.initCircle()
+        this.$refs.Doughnut7.initCircle()
+      },500)
+    },
     async remoteMethod(query) {
       if (query !== '') {
         this.selectLoading = true;
@@ -326,7 +338,6 @@ export default {
       }
     },
     drawLine() { // 基于准备好的dom，初始化echarts实例
-      // console.log("执行图表加载")
       let myChart = echarts.init(document.getElementById('chartWrap'))
       let option;
       //接单指标
@@ -381,11 +392,9 @@ export default {
       ]
       let series2 = [{
         name: '客户评价率',
-        type: 'bar',
+        type: 'line',
         data: this.v1,
-        yAxisIndex: 0,
         smooth: true,
-        barWidth: this.isMobile ? 35 : 60,
         label: {
           show: true, // 显示标签
           position: 'top', // 标签位置在柱形顶部
@@ -395,7 +404,6 @@ export default {
           name: '投诉率',
           type: "line",
           data: this.v3,
-          yAxisIndex: 1,
           smooth: true,
           label: {
             show: true,
@@ -408,7 +416,6 @@ export default {
           type: 'line',
           smooth: true,
           data: this.v2,
-          yAxisIndex: 1,
           label: {
             show: true,
             position: 'top',
@@ -567,14 +574,7 @@ export default {
           axisLabel: {
             formatter: '{value}%'
           }
-        },
-        {
-          type: 'value',
-          axisLabel: {
-            formatter: '{value}%'
-          }
-        },
-      ]
+        } ]
       let yAxis3 = [
         {
           type: 'value',
@@ -825,7 +825,7 @@ export default {
             this.labelList = [
               {label: '案件编号', prop: 'orderCode'},
               {label: '服务内容', prop: 'serviceName'},
-              {label: '接单师傅手机号', prop: 'driverName'},
+              {label: '接单师傅手机号', prop: 'driverPhone'},
             ]
           } else if (this.active === 9) {//车辆在线情况
             this.labelList = [