feat: 企微数据 - 账号数据趋势 - mp列表接口联调

project/src/assets/config/interface_api.js

 
   dataBoard_dataCycleList: "/api/statistics/dataCycleList", // 数据循环统计
   dataBoard_adqAccount: "/api/accountDataTrend/adqAccount", // 账号数据趋势 - adq
+  dataBoard_mpAccount: "/api/accountDataTrend/mpAccount", // 账号数据趋势 - mp
 };
 
 export { api };

project/src/components/dataBoard/accountTrends.vue

             <div v-if="item.column === 'ref_date'">
               <span>{{ row['expense_date'] }}</span><span v-if="row['expense_date_end']"> - {{ row['expense_date_end'] }}</span>
             </div>
-            <!-- 日期 -->
+            <!-- adq账号 -->
             <span v-else-if="item.column === 'account_id'">
               {{ row['account_id'] || '-' }}
             </span>
     // 获取列表数据
     async handleGetList() {
       console.log('handleGetList => ',)
-      console.log('filter => ', JSON.parse(JSON.stringify(this.filter)))
-      console.log('pagination => ', JSON.parse(JSON.stringify(this.pagination)))
       try {
         this.loading = true
         const params = {
           page_size: this.pagination.page_size,
           start_date: this.filter.time[0],
           end_date: this.filter.time[1],
-          account_id: this.isADQ ? this.filter.account_id_adq : (this.isMP ? this.filter.account_id : ''),
           closing_date: this.filter.closing_date,
           plat_order_type: this.filter.plat_order_type,
           cost_cover_min: this.filter.costCover[0],
           sort_field: this.filter.sort_field,
           sort_type: this.filter.sort_type,
         }
-        const { data: res = {} } = await this.$axios.post(`${this.URL.BASEURL}${this.URL.dataBoard_adqAccount}`, params)
+        let url = ''
+
+        if (this.isADQ) { // adq 参数 & api
+          params.account_id = this.filter.account_id_adq
+          url = `${this.URL.BASEURL}${this.URL.dataBoard_adqAccount}`
+        } else if (this.isMP) { // mp 参数 & api
+          params.app_id = this.filter.account_id
+          url = `${this.URL.BASEURL}${this.URL.dataBoard_mpAccount}`
+        }
+
+        const { data: res = {} } = await this.$axios.post(url, params)
         this.loading = false
         if (res && res.errno == 0) {
           res.rst.extra[0].fixed = 'left' // 前2列固定左侧
           res.rst.extra[1].fixed = 'left' // 前2列固定左侧
           const detailsTableCol = []
           const detailsTableColDays = []
-          res.rst.extra.forEach(item => { // 处理列宽问题 给长字符列设置min_width
-            if (item.name.includes('DAY')) {
+          res.rst.extra.forEach(item => {
+            if (item.name.includes('DAY')) { // 收集 DAY1、DAY2...表头
               detailsTableColDays.push(item)
-            } else {
-              if (item.name && item.name.length > 6) {
+            } else { // 普通表头
+              if (item.name && item.name.length > 6) { // 长字符宽度
                 item['min_width'] = item.name.length * 20
               }
-              if (item.column === 'ref_date' && ((this.isMP && !this.filter.account_id) || (this.isADQ && !this.filter.account_id_adq))) {
+              if (item.column === 'ref_date' && ((this.isMP && !this.filter.account_id) || (this.isADQ && !this.filter.account_id_adq))) { // 时间（日期）列宽度
                 item['min_width'] = 200
               }
-              detailsTableCol.push(item)
+              detailsTableCol.push(item) // 收集普通表头
             }
           })
           this.detailsTableCol = Object.freeze(detailsTableCol)
       this.filter.closing_date = '',
       this.filter.plat_order_type = ''
       this.filter.costCover = ['', '']
-      this.filter.sort_field = ''
-      this.filter.sort_type = ''
+      this.filter.sort_field = 'expense_date'
+      this.filter.sort_type = 'desc'
       this.pagination.page = 1
       this.handleGetList()
     },