From 8aee36e808ac72fb5e728a4eace6ca36d7613d20 Mon Sep 17 00:00:00 2001
From: liuye <liuye@sinoecare.com>
Date: Wed, 20 Jul 2022 14:25:28 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=A3=E5=8F=91=E7=BB=9F=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AppAnnounceStatistics.vue                 | 60 +++++++++----------
 1 file changed, 30 insertions(+), 30 deletions(-)

diff --git a/project/sass/apps/Announce/AppAnnounceStatistics/AppAnnounceStatistics.vue b/project/sass/apps/Announce/AppAnnounceStatistics/AppAnnounceStatistics.vue
index e726c90b..6ce0644a 100644
--- a/project/sass/apps/Announce/AppAnnounceStatistics/AppAnnounceStatistics.vue
+++ b/project/sass/apps/Announce/AppAnnounceStatistics/AppAnnounceStatistics.vue
@@ -104,7 +104,9 @@
             <div class="time-select" :class="departType == index ? 'active' : ''" v-for="(item, index) in dateTypeList" :key="index" @click="changeDepartType(index)">{{item}}</div>
           </div>
         </div>
-        <div id="departBarChart"></div>
+        <div id="departBarChart">
+          <ai-empty v-if="!isDepartData"></ai-empty>
+        </div>
       </div>
 
       <ai-dialog :visible.sync="dialogDate" title="选择时间" width="500px" customFooter :show-close="false">
@@ -119,7 +121,7 @@
 
 <script>
   import * as echarts from "echarts";
-import { mapActions } from 'vuex';
+  import { mapActions, mapState } from 'vuex';
   export default {
     name: 'AppAnnounceStatistics',
     label: '协同宣发统计',
@@ -150,10 +152,13 @@ import { mapActions } from 'vuex';
         timeList: '',
         deptList: [],
         selectDeptName: '',
-
+        isDepartData: true,
         type: '',
       }
     },
+    computed: {
+      ...mapState(['user']),
+    },
     watch: {
       calendarDate: function() {
         var year = '' , month = '', date = ''
@@ -201,24 +206,7 @@ import { mapActions } from 'vuex';
       this.getCalendarList(year, month)
       this.getEffect()
       this.getDepart()
-      this.dict.load("mstSendType")
-
-      var items = [{type: 'departmentName', id: '10'}]
-      this.initOpenData({canvas:true})
-      setTimeout(() => {
-        this.transCanvas(items).then((data) => {
-          console.log(data)
-        })
-      }, 2000)
-      
-      
-      // WWOpenData.prefetch({ items }, (err, data) => {
-      //   if (err) {
-      //     console.log(err)
-      //   }
-      //   console.log(data)
-      // })
-
+      this.dict.load("mstSendType") 
     },
     methods: {
       ...mapActions(['initOpenData', 'transCanvas']),
@@ -325,17 +313,29 @@ import { mapActions } from 'vuex';
         var startTime = this.timeList[0] || '' , endTime = this.timeList[1] || ''
         this.instance.post(`/app/appmasssendingtask/statisticsDepart?type=${this.departType}&startTime=${startTime}&endTime=${endTime}`).then(res => {
           if (res.code == 0) {
-            // this.dateList = res.data
-            // this.getTaskList(this.chooseDay)
+            if(res.data && res.data.length) {
+              this.isDepartData = true
+              var items = [], xData = [], yData = []
+              res.data.map((item) => {
+                var i = {type: 'departmentName', id: item.deptId, corpid: this.user.info.corpId}
+                items.push(i)
+                yData.push(item.taskCount)
+              })
 
-            this.setBarChart()
+              this.initOpenData({canvas:true})
+              this.transCanvas(items).then((data) => {
+                data.items.map((i) => {
+                  xData.push(i.data)
+                })
+                this.setBarChart(xData, yData)
+              })
+            }else {
+              this.isDepartData = false
+            }
           }
         })
-
-        
-
       },
-      setBarChart() {
+      setBarChart(xData, yData) {
         this.departBarChart = echarts.init(document.querySelector(`#departBarChart`))
         var option = {
           color: ['#2891FF'],
@@ -371,7 +371,7 @@ import { mapActions } from 'vuex';
             }
           ],
           xAxis: {
-            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+            data: xData,
             silent: false,
             splitLine: {
               show: false
@@ -388,7 +388,7 @@ import { mapActions } from 'vuex';
           series: [
             {
               type: 'bar',
-              data:[120, 200, 150, 80, 70, 110, 130],
+              data: yData,
               barWidth: 20,
               barGap: '250%',
               large: true