feat: 数据看板 - 运营数据 - 接口联调

project/src/assets/config/interface_api.js

@@ -88,6 +88,7 @@ var api = {
   statistics_playletData: "/api/statistics/playletData",
   pitcher_wxAccountList: "/api/pitcher/wxAccountList",
   stat_operateDayRetrieve: "/api/stat/operateDayRetrieve",
+  stat_operateDayRetrieveByAccount: "/api/stat/operateDayRetrieveByAccount",
   pitcher_dramaList: "/api/pitcher/dramaList",
   stat_playletPopulariz: "/api/stat/playletPopulariz",
   stat_momentsPopulariz: "/api/stat/momentsPopulariz",

project/src/components/dataBoard/operateDayRetrieve.vue

@@ -17,9 +17,9 @@
         <el-button v-if="isCanExport" type="primary" size="mini" @click="init(1,'export')">导出Excel</el-button>
       </div>
       <div class="screenBox filter-wrap">
-        <date-picker style="margin-left: -20px;" :labelWidth="true" title="选择日期" @changeTime="changeTime"></date-picker>
-        <self-channel v-show="isMP" title="公众号" type='thePublic' @channelDefine="(val)=>{account_id = val;init(1)}"></self-channel>
-        <self-channel v-show="isMP" title="剧集" type='dramaList' @channelDefine="(val)=>{playlet_id = val;init(1)}"></self-channel>
+        <date-picker :labelWidth="true" title="选择日期" :quickFlag="true" @changeTime="changeTime" />
+        <self-channel v-show="isMP" title="公众号" type='thePublic' labelWidth style="margin-right: 30px;margin-left: -10px;" @channelDefine="(val)=>{account_id = val;init(1)}" />
+        <self-channel v-show="isMP" title="剧集" type='dramaList' labelWidth style="margin-right: 30px;margin-left: -30px;" @channelDefine="(val)=>{playlet_id = val;init(1)}" />
       </div>
 
       <ux-grid style="margin-top:10px" ref="plxTable" :border="false" @row-click="()=>{return}" :header-cell-style="()=>{return { backgroundColor: '#FFFFFF !important', border: 'none!important' }}" :height="height" show-footer-overflow="tooltip" show-overflow="tooltip" size="mini">
@@ -128,39 +128,36 @@ export default {
       }
     },
     changeTime (time) {//筛选时间变化
-      if (!time || time && time.length == 0) {
-        this.time = []
-      } else {
-        this.time = time
-      }
+      this.time = (Array.isArray(time) && time.length) ? time : []
       this.init(1)
     },
-    init (page, type) {
-      if (type != 'export') {
-        this.page = page ? page : this.page;
-      } else {
-        if (this.total == 0) {
-          this.$message({
-            message: '暂无数据可导出',
-            type: "warning"
-          })
-          return
+    async init (page, type) {
+      try {
+        if (type != 'export') {
+          this.page = page ? page : this.page;
+        } else {
+          if (this.total == 0) {
+            this.$message({
+              message: '暂无数据可导出',
+              type: "warning"
+            })
+            return
+          }
         }
-      }
-      this.loading = true
-      this.$axios.get(this.URL.BASEURL + this.URL.stat_operateDayRetrieve, {
-        params: {
-          start: this.time[0],
-          end: this.time[1],
+
+        this.loading = true
+        const params = {
+          start: this.time[0] || '',
+          end: this.time[1] || '',
           order_type: this.order_type,
           drama_id: this.isMP ? this.playlet_id : '',
           app_id: this.isMP ? this.account_id: '',
           page: type == 'export' ? 1 : this.page,
           pagesize: type == 'export' ? this.$store.state.exportNumber : this.page_size,
         }
-      }).then((res) => {
-        var res = res.data
-        this.loading = false
+        const url = `${this.URL.BASEURL}${this.URL.stat_operateDayRetrieveByAccount}`
+
+        const { data: res = {} } = await this.$axios.get(url, { params })
         if (res && res.errno == 0) {
           if (type == 'export') {
             this.exportEvent(res.rst.data)
@@ -189,9 +186,11 @@ export default {
             type: "warning"
           })
         }
-      }).catch((err) => {
+      } catch (error) {
+        console.log('error => ', error)
+      } finally {
         this.loading = false
-      });
+      }
     },
     handleCurrentChange (val) {
       this.init(val)