异步问题

src/project/saas/AppPropagandaStatistics/AppPropagandaStatistics.vue

@@ -255,7 +255,7 @@ export default {
     ...mapState(['user'])
   },
   methods: {
-    ...mapActions(['initOpenData', 'transCanvas']),
+    ...mapActions(['initOpenData', 'transCanvas','selectEnterpriseContact']),
     checkTime(index) {
       if (index == 3) {
         this.timeSelect = index;
@@ -563,25 +563,31 @@ export default {
           },
         })
         .then((res) => {
-          if(res?.data) {
-            let items = [], xData = [], yData = []
-            res.data.forEach((item) => {
-              const i = {type: 'departmentName', id: item.deptId, corpid: this.user.corpId}
-              items.push(i)
-              yData.push(item.taskCount)
-            })
-            
-            this.initOpenData({canvas:true})
-
-            this.transCanvas(items).then((data) => {
-              // console.log(data.items,"data.items");
-              data.items.map((a) => {
-                xData.push(a.data)
-                console.log( xData)
+          if (res.code ===0) {
+            if(res.data && res.data.length) {
+              let items = [], xData = [], yData = []
+              res.data.forEach((item) => {
+                const i = {type: 'departmentName', id: item.deptId, corpid: this.user.corpId}
+                items.push(i)
+                yData.push(item.taskCount)
               })
-              // console.log(xData, yData, '111222');
-              this.getColumnarEcharts(xData, yData)
-            })
+              console.log('111');
+              
+              this.initOpenData({canvas:true})
+              console.log('222');
+              setTimeout(() => {
+                this.transCanvas(items).then((data) => {
+                  console.log("333");
+                  data.items.map((a) => {
+                    xData.push(a.data)
+                    console.log( xData)
+                  })
+                  console.log('4444');
+                  this.getColumnarEcharts(xData, yData)
+                })
+              },600)
+              
+            }
           }
         });
     },
@@ -630,9 +636,7 @@ export default {
         ],
       });
     },
-
     // 选择部门
-    ...mapActions(['selectEnterpriseContact']),
     getDept() {
       this.selectEnterpriseContact({
         fromDepartmentId: 0,