feat: 花生平台 - 数据循环统计 - 接口联调

project/src/assets/config/interface_api.js

   dataBoardHS_adqAccountList: "/api/provisionalStat/adqAccountList", // 花生平台 - adq账号授权列表
   dataBoardHS_wxAccountList: "/api/provisionalStat/wxAccountList", // 花生平台 - mp账号授权列表
   dataBoardHS_bindAdq: "/api/provisionalStat/bind", // 花生平台 - 绑定ADQ账号
+  dataBoardHS_dataCycleList: "/api/statistics/HuaShengDataCycleList", // 花生平台 - 数据循环统计
 
 };
 

project/src/components/assembly/screen/channel.vue

     } else if (this.type == 'platform') { // 平台选项
       this.getPlatformList()
       this.placeholderVal = '请选择平台'
+    } else if (this.type == 'mpAccountHS') { // 花生平台 MP账号
+      this.getMpAccountHSList()
+      this.placeholderVal = '请选择账号'
     } else {
       this.init()
     }
 
   },
   methods: {
+    getMpAccountHSList() { // 花生平台 MP账号
+      this.$axios.get(this.URL.BASEURL + this.URL.dataBoardHS_wxAccountList, {
+        params: {
+          is_select: 1
+        }
+      }).then((res) => {
+        var res = res.data
+        if (res && res.errno == 0) {
+          this.options = res.rst
+          this.options.forEach((item) => {
+            item.val = item.account_name
+            item.key = item.wechat_account_id
+          });
+        } else if (res.errno != 4002) {
+        }
+      }).catch((err) => {
+      });
+    },
     getPlatformList() { // 平台选项
       this.$axios.post(this.URL.BASEURL + this.URL.getPlatformOptions, {}).then((res) => {
         var res = res.data

project/src/components/assembly/screen/channelMultiple.vue

     } else if (this.type == 'paySource') {//充值订单管理-付费来源
       this.options = [
         { key: 1, val: '柚子' },
-        { key: 2, val: '家书' },
+        { key: 2, val: '嘉书' },
         { key: 3, val: '迈步' },
         { key: 4, val: '点众-阳光' },
         // { key: 5, val: '中文在线' },

project/src/components/dataBoard/regRangeReportHS.vue

           <label class="common-screen-label">收益截止日期</label>
           <el-date-picker v-model="closing_date" value-format="yyyy-MM-dd" type="date" placeholder="选择日期" size="small" style="width:150px" @change="onChangeClosingDate" />
         </div>
-        <!-- 花生账户 -->
-        <selfChannel :reset="reset" title="账户" type="adqAccount" labelWidth @channelDefine="onChangeAccountHS" />
+        <!-- 花生mp账号 -->
+        <selfChannel :reset="reset" title="账号" type="mpAccountHS" labelWidth @channelDefine="onChangeAccountHS" />
       </div>
     </div>
     <!-- S 新增区间筛选项 -->
       paid: ['', ''], // 消耗（范围）
       reset: false,
       closing_date: '', // 收益截止日期
-      account_id_hs: '', // 花生账户
+      app_id: '', // 花生mp账号
       sort_field: 'date', // 排序字段 默认 时间 & 降序
       sort_type: 'desc', // 升序/降序
       updateTime: '', // 数据更新时间
     this.handleGetUpdateTime()
   },
   methods: {
-    // 获取"数据更新时间"
-    async handleGetUpdateTime() {
-      console.log('handleGetUpdateTime => ')
-      try {
-        const params = { type: '' }
-
-        params.type = 'data_cycle_adq' // mock
-
-        const { data: res = {} } = await this.$axios.get(`${this.URL.BASEURL}${this.URL.dataBoard_uptime}`, { params })
-        if (res && res.errno == 0) {
-          this.updateTime = res.rst.uptime
-        } else if (res.errno != 4002) {
-          this.$message.warning(res.err)
-          this.updateTime = ''
-        }
-      } catch (error) {
-        this.updateTime = ''
-      }
-    },
+    // 重置
     handleReset() {
       this.reset = !this.reset
       this.closing_date = ''
-      this.account_id_hs = ''
+      this.app_id = ''
       this.time = this.default_time
       this.firstDayRoi = ['', ''] // 首日ROI（范围）
       this.firstOrderCost = ['', ''] // 下单成本（范围）
       this.init(1)
       this.handleGetUpdateTime()
     },
-    changeTime (time) {//筛选时间变化
-      if (!time || time && time.length == 0) {
-        this.time = []
+    // 监听排序变化
+    onClickSort(sort_field, sort_type) {
+      // sort_type：升序asc、降序desc
+      if (this.sort_field === sort_field) {
+        if (this.sort_type === sort_type) {
+          // 点击的是当前排序字段 && 是当前排序类型 => 重置 取消排序
+          this.sort_field = 'date'
+          this.sort_type = 'desc'
+        } else {
+          // 点击的是当前排序字段 && 非当前排序类型 => 设置排序类型
+          this.sort_type = sort_type
+        }
       } else {
-        this.time = time
+        // 点击的不是当前排序字段 => 设置排序字段和类型
+        this.sort_field = sort_field
+        this.sort_type = sort_type
       }
+      // 后端排序 => 获取最新数据
       this.init(1)
       this.handleGetUpdateTime()
     },
+    // 获取"数据更新时间"
+    async handleGetUpdateTime() {
+      console.log('handleGetUpdateTime => ')
+      try {
+        const params = { type: 'data_cycle_nur' }
+        const { data: res = {} } = await this.$axios.get(`${this.URL.BASEURL}${this.URL.dataBoard_uptime}`, { params })
+        if (res && res.errno == 0) {
+          this.updateTime = res.rst.uptime
+        } else if (res.errno != 4002) {
+          this.$message.warning(res.err)
+          this.updateTime = ''
+        }
+      } catch (error) {
+        this.updateTime = ''
+      }
+    },
+    // 获取列表数据
     async init(page, type) {
       console.log('init => ')
       try {
           if (this.total == 0) return this.$message.warning('暂无数据可导出')
         }
         this.loading = true
-        const { data: res = {} } = await this.$axios.get(`${this.URL.BASEURL}${this.URL.dataBoard_dataCycleList}`, {
+        const { data: res = {} } = await this.$axios.get(`${this.URL.BASEURL}${this.URL.dataBoardHS_dataCycleList}`, {
           params: {
             page: type == 'export' ? 1 : this.page,
             page_size: type == 'export' ? this.$store.state.exportNumber : this.page_size,
             first_day_roi_min: this.firstDayRoi[0],
             first_day_roi_max: this.firstDayRoi[1],
             closing_date: this.closing_date,
-            account_id_hs: this.account_id_hs,
+            app_id: this.app_id,
             paid_min: this.paid[0],
             paid_max: this.paid[1],
             sort_field: this.sort_field,
             sort_type: this.sort_type,
-
-            order_type: 2, // mock
           }
         })
 
           } else {
             res.rst.data.list.head[0].fixed = 'left' // 第一列固定左侧
             res.rst.data.overview.head[0].fixed = 'left' // 第一列固定左侧
+
+            res.rst.data.list.head.forEach(item => {
+              if (item.name && item.name.length > 6) { // 长字符宽度
+                item['min_width'] = item.name.length * 21
+              }
+            })
+
+            res.rst.data.overview.head.forEach(item => {
+              if (item.name && item.name.length > 6) { // 长字符宽度
+                item['min_width'] = item.name.length * 20
+              }
+            })
+
             this.summaryTableCol = Object.freeze(res.rst.data.overview.head || [])
             this.detailsTableCol = Object.freeze(res.rst.data.list.head || [])
             await this.$nextTick()
       this.total = 0;
       this.pages = 0;
     },
+    // 监听分页变化
     handleCurrentChange (val) {
       this.init(val)
       this.handleGetUpdateTime()
     },
+    // 筛选时间变化
+    changeTime(time) {
+      if (!time || time && time.length == 0) {
+        this.time = []
+      } else {
+        this.time = time
+      }
+      this.init(1)
+      this.handleGetUpdateTime()
+    },
     // 监听“收益截止日期”筛选变化
     onChangeClosingDate(val) {
       this.closing_date = val || ''
       this.init(1)
       this.handleGetUpdateTime()
     },
-    // 监听“花生账户”筛选变化
+    // 监听“花生mp账号”筛选变化
     onChangeAccountHS(val) {
-      this.account_id_hs = val || ''
-      this.init(1)
-      this.handleGetUpdateTime()
-    },
-    // 监听排序变化
-    onClickSort(sort_field, sort_type) {
-      // sort_type：升序asc、降序desc
-      if (this.sort_field === sort_field) {
-        if (this.sort_type === sort_type) {
-          // 点击的是当前排序字段 && 是当前排序类型 => 重置 取消排序
-          this.sort_field = 'date'
-          this.sort_type = 'desc'
-        } else {
-          // 点击的是当前排序字段 && 非当前排序类型 => 设置排序类型
-          this.sort_type = sort_type
-        }
-      } else {
-        // 点击的不是当前排序字段 => 设置排序字段和类型
-        this.sort_field = sort_field
-        this.sort_type = sort_type
-      }
-      // 后端排序 => 获取最新数据
+      this.app_id = val || ''
       this.init(1)
       this.handleGetUpdateTime()
     },
-    exportEvent (data) {
+    // 导出
+    exportEvent(data) {
       const tHeader = data.list.head.map(v => v.name)
       const filterVal = data.list.head.map(v => v.column)
       const tableDatas = [data.overview.list, ...data.list.list]
           sheetName: '', // 表一的sheet名字
         },
       ]
-      this.$exportOrder({ excelDatas, name: `数据循环统计（导出时间：${this.$getDay(0)}）` })
+      this.$exportOrder({ excelDatas, name: `花生数据循环统计（导出时间：${this.$getDay(0)}）` })
     }
   }
 }