feat: 客户群数据 - 新增"导出"逻辑

project/src/components/dataBoard/chatGroupData.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="screenBox">
-      <div class="flex-align-center" style="flex-wrap: wrap;margin-right: 60px;">
+      <div class="flex-align-center" style="flex-wrap: wrap;margin-right: 60px;min-height: 60px;">
         <datePicker title="创建时间" :quickFlag="false" :afferent_time="default_time" :clearFlag='true' :reset="resetFlag" @changeTime="onChangeTime" style="margin-right: 10px;" />
         <!-- 企微主体 -->
         <!-- <selfSelectCorp style="margin-right: 30px;" v-model="filter.corpid" @change="onChangeCorpid" /> -->
@@ -11,7 +11,7 @@
         <customerServiceCorpV2 title="群主" :reset="resetFlag" :isRequired="false"  @customerDefine="onChangeMultiCorpUsers" />
       </div>
       <div class="reset" @click="resetEvent">重置</div>
-      <!-- <el-button v-if="isCanExport" class="export-btn" type="primary" size="mini" @click="onClickExport">导出Excel</el-button> -->
+      <el-button v-if="isCanExport" class="export-btn" type="primary" size="mini" @click="onClickExport">导出Excel</el-button>
     </div>
     <div class="dataInfoBox" v-loading="dataLoading">
       <div class="dataInfoItem" v-for="(item, index) in dataInfoArrs" :key="index">
@@ -184,7 +184,7 @@ export default {
         this.dataLoading = false
       }
     },
-    async init (page, type) {
+    async init (page) {
       this.page = page ? page : this.page;
       this.loading = true
       const url = `${this.URL.BASEURL}${this.URL.dataBoard_chatGroupData_list}`
@@ -282,6 +282,65 @@ export default {
       this.init_predata()
       this.init(1)
     },
+
+    // 监听点击"导出"按钮
+    async onClickExport() {
+      if (!this.total) return this.$message.warning('暂无数据可导出')
+      this.loading = true
+      const url = `${this.URL.BASEURL}${this.URL.dataBoard_chatGroupData_list}`
+      const params = {
+        corpid: this.filter.corpid,
+        owner: this.filter.owner,
+        owner_list: this.filter.multiple_senders,
+        create_time_st: this.filter.time[0] || '',
+        create_time_et: this.filter.time[1] || '',
+        page: 1,
+        page_size: this.$store.state.exportNumber,
+      }
+      try {
+        const { data: res = {} } = await this.$axios.post(url, params)
+        if (res && res.errno == 0) {
+          this.handleExport(res.rst.data)
+        } else if (res.errno != 4002) {
+          this.$message.warning(res.err)
+        }
+      } catch (error) {
+        console.log('error => ', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    handleExport(list) {
+      let tHeader = []
+      let filterVal = []
+      let tableDatas = []
+
+      list.forEach(item => {
+        item['status'] = this.getChatGroupStatusDesc(item['status']).label
+      })
+
+      tHeader = [
+        ...this.desCol.map(d => `${d.label}`),
+      ]
+
+      filterVal = [
+        ...this.desCol.map(d => `${d.prop}`),
+      ]
+
+      tableDatas = [
+        ...list,
+      ]
+
+      const excelDatas = [
+        {
+          tHeader, // sheet表一头部
+          filterVal, // 表一的数据字段
+          tableDatas, // 表一的整体json数据
+          sheetName: ''// 表一的sheet名字
+        }
+      ]
+      this.$exportOrder({ excelDatas, name: `客户群数据统计（导出时间：${this.$getDay(0)}）` })
+    },
   }
 }
 </script>