日历

project/sass/apps/Announce/AppAnnounceStatistics/AppAnnounceStatistics.vue

@@ -56,9 +56,7 @@
           <div class="right-search">
             <div class="time-select" :class="effectType == index ? 'active' : ''" v-for="(item, index) in dateTypeList" :key="index" @click="changeEffectType(index)">{{item}}</div>
             <ai-picker :instance="instance" v-model="deptList" style="display:inlie=block;">
-              <template>
-                <!-- <ai-select size="medium" clearable placeholder="宣发部门"/> -->
-              </template>
+              <div class="time-select"><span class="dept-name" :style="deptList.length ? '' : 'color:#999;'">宣发部门</span><i class="el-icon-arrow-down"></i></div>
             </ai-picker>
           </div>
         </div>
@@ -117,6 +115,7 @@
 
 <script>
   import * as echarts from "echarts";
+import { mapActions } from 'vuex';
   export default {
     name: 'AppAnnounceStatistics',
     label: '协同宣发统计',
@@ -146,6 +145,7 @@
         dialogDate: false,
         timeList: '',
         deptList: [],
+        selectDeptName: '',
 
         type: '',
       }
@@ -185,7 +185,6 @@
       }
     },
     created() {
-      this.$store.dispatch('initOpenData')
       var year = this.calendarDate.getFullYear();
       var month = this.calendarDate.getMonth() + 1;
       var date = this.calendarDate.getDate()
@@ -199,10 +198,27 @@
       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)
+      // })
+
     },
     methods: {
+      ...mapActions(['initOpenData', 'transCanvas']),
       selectDete() {
-        console.log(this.timeList)
         if(!this.timeList || !this.timeList.length) {
           return this.$message.error('请选择自定义时间');
         }
@@ -312,13 +328,7 @@
           }
         })
 
-        // var items = [{type: 'departmentName', id: '10', corpid: 'ww596787bb70f08288'}]
-        // WWOpenData.prefetch({ items }, (err, data) => {
-        //   if (err) {
-        //     console.log(err)
-        //   }
-        //   console.log(data)
-        // })
+        
 
       },
       setBarChart() {
@@ -543,6 +553,10 @@
           margin-right: 8px;
           box-sizing: border-box;
           cursor: pointer;
+          .dept-name{
+            display: inline-block;
+            width: 200px;
+          }
         }
         .active{
           border: 1px solid #26f;
@@ -669,4 +683,8 @@
       padding: 0 0 0!important;
     }
   }
+
+  ::v-deep .AiPicker{
+    display: inline-block;
+  }
 </style>