更新

src/views/backOfficeSystem/HumanIntelligence/RlStatisticalAnalysis/index.vue

@@ -35,7 +35,7 @@
             <el-button type="primary">导出统计表</el-button>
           </div>
           <div class="chart">
-            <PieEcharts echartsId="bsqkEpieChart" color="#333" :data="obj.xslxList"></PieEcharts>
+            <PieEcharts echartsId="bsqkEpieChart" :key="ketcount" color="#333" :data="obj.xslxList"></PieEcharts>
           </div>
         </div>
         <div class="chart-item">
@@ -44,7 +44,7 @@
             <el-button type="primary">导出统计表</el-button>
           </div>
           <div class="chart">
-            <DbarEcharts echartsId="bar3DChart" :data="obj.cnList"></DbarEcharts>
+            <DbarEcharts echartsId="bar3DChart" :key="ketcount" :data="obj.cnList"></DbarEcharts>
           </div>
         </div>
         <div class="chart-item">
@@ -66,7 +66,7 @@
             <span>奖惩情况</span>
             <el-button type="primary">导出统计表</el-button>
           </div>
-          <lineEcharts color="#333" echartsId="areaChart" :data="obj.jcqkList"></lineEcharts>
+          <lineEcharts color="#333" :key="ketcount" echartsId="areaChart" :data="obj.jcqkList"></lineEcharts>
         </div>
       </div>
     </div>
@@ -81,6 +81,7 @@ import PieEcharts from "@/views/home/echarts/pieEcharts.vue";
 import DbarEcharts from "@/views/home/echarts/3DbarEcharts.vue";
 import { qcckPost } from "@/api/qcckApi.js";
 import { reactive, ref, onMounted, getCurrentInstance } from "vue";
+const ketcount = ref(0);
 const radio = ref(0);
 const timeList = ref([
   { label: "日", num: 0 },
@@ -106,45 +107,43 @@ onMounted(() => {
   init() //初始化数据
 });
 
-const init = () => {
+const init = async () => {
+  
   let data = {
     ssbmdm: listQuery.value.ssbmdm,
     kssj: dateRange.value[0] + ' 00:00:00',
     jssj: dateRange.value[1] + ' 23:59:59',
     cjLx: 1 // 1-临安吗
   };
-  
   // 获取线索类型统计
-  qcckPost(data, '/mosty-gsxt/qbcj/getXscjTjByXslx').then(res => {
-    let arr = res || [];
-    obj.xslxList = arr.map(v=>{
-      return { label:v.zdmc,value:v.count }
-    })
-  });
+  let res = await qcckPost(data, '/mosty-gsxt/qbcj/getXscjTjByXslx')
+  let arr = res || [];
+  obj.xslxList = arr.map(v=>{
+    return { label:v.zdmc,value:v.count }
+  })
 
   // 获取奖惩情况统计
-  qcckPost(data, '/mosty-gsxt/tbJlqk/getShygkhtj').then(res => {
-    let arr = res || [];
-    obj.jcqkList = arr.map(v=>{
-      return { label:v.zdmc,value:v.count }
-    })
-  });
+  let res1 = await qcckPost(data, '/mosty-gsxt/tbJlqk/getShygkhtj');
+  let arr1 = res1 || [];
+  obj.jcqkList = arr1.map(v=>{
+    return { label:v.zdmc,value:v.count }
+  })
 
   // 获取处置状态统计 
-  qcckPost(data, '/mosty-gsxt/qbcj/getXscjTjByCzzt').then(res => {
-    let arr = res || [];
-    obj.czztList = arr.map(v=>{
-      return { label:v.zdmc,value:v.count }
-    })
-  });
+  let res2 = await qcckPost(data, '/mosty-gsxt/qbcj/getXscjTjByCzzt');
+  let arr2 = res2 || [];
+  obj.czztList = arr2.map(v=>{
+    return { label:v.zdmc,value:v.count }
+  })
 
   // 获取采纳情况统计
-  qcckPost(data, '/mosty-gsxt/qbcj/getXscjTjByShzt').then(res => {
-    let arr = res || [];
-    obj.cnList.list = arr.map(v=>{
-      return { label:v.zdmc,value:v.count }
-    })
-  });
+  let res3 = await qcckPost(data, '/mosty-gsxt/qbcj/getXscjTjByShzt');
+  let arr3 = res3 || [];
+  obj.cnList.list = arr3.map(v=>{
+    return { label:v.zdmc,value:v.count }
+  })
+
+  ketcount.value++;
 }
 
 const changeRadio = (val) =>{