feat: 企微数据 - 粉丝激活趋势 - 默认排序逻辑

project/src/components/dataBoard/fansActiveTrends.vue

@@ -206,7 +206,7 @@ export default {
         closing_date: '', // 收益截止日期
         plat_order_type: '', // 推广类型
         costCover: ['', ''], // 回本率（范围）
-        sort_field: 'expense_date', // 排序字段 - 默认值
+        sort_field: 'paid', // 排序字段 - 默认值
         sort_type: 'desc', // 升序/降序
       },
     }
@@ -220,6 +220,15 @@ export default {
     isADQ() {
       return this.filter.order_type === orderTypeOptions.ADQ
     },
+    // 当前"时间"列是否展示的为"时间段" => 是时间段 默认排序"消耗"、非时间段 默认排序时间
+    isShowTimes() {
+      // (MP && 选了MP账号 && 选了短剧) || (ADQ && 选了ADQ账号 && 选了短剧)
+      if ((this.isMP && this.filter.account_id && this.filter.playlet_id) || (this.isADQ && this.filter.account_id_adq && this.filter.playlet_id)) {
+        return false
+      } else {
+        return true
+      }
+    },
   },
   created () {
     this.initTableHeight()
@@ -553,7 +562,7 @@ export default {
     onChangeOrderType() {
       this.handleGetChart()
       this.handleGetSummaryList()
-      this.filter.sort_field = 'expense_date'
+      this.filter.sort_field = this.isShowTimes ? 'paid' : 'expense_date'
       this.filter.sort_type = 'desc'
       this.pagination.page = 1
       this.handleGetList()
@@ -571,6 +580,8 @@ export default {
       this.filter.account_id = val
       this.handleGetChart()
       this.handleGetSummaryList()
+      this.filter.sort_field = this.isShowTimes ? 'paid' : 'expense_date'
+      this.filter.sort_type = 'desc'
       this.pagination.page = 1
       this.handleGetList()
     },
@@ -579,6 +590,8 @@ export default {
       this.filter.account_id_adq = val
       this.handleGetChart()
       this.handleGetSummaryList()
+      this.filter.sort_field = this.isShowTimes ? 'paid' : 'expense_date'
+      this.filter.sort_type = 'desc'
       this.pagination.page = 1
       this.handleGetList()
     },
@@ -587,6 +600,8 @@ export default {
       this.filter.playlet_id = val
       this.handleGetChart()
       this.handleGetSummaryList()
+      this.filter.sort_field = this.isShowTimes ? 'paid' : 'expense_date'
+      this.filter.sort_type = 'desc'
       this.pagination.page = 1
       this.handleGetList()
     },
@@ -624,7 +639,7 @@ export default {
       if (this.filter.sort_field === sort_field) {
         if (this.filter.sort_type === sort_type) {
           // 点击的是当前排序字段 && 是当前排序类型 => 重置 取消排序
-          this.filter.sort_field = 'expense_date'
+          this.filter.sort_field = this.isShowTimes ? 'paid' : 'expense_date'
           this.filter.sort_type = 'desc'
         } else {
           // 点击的是当前排序字段 && 非当前排序类型 => 设置排序类型
@@ -650,7 +665,7 @@ export default {
       this.filter.closing_date = '',
       this.filter.plat_order_type = ''
       this.filter.costCover = ['', '']
-      this.filter.sort_field = 'expense_date'
+      this.filter.sort_field = 'paid'
       this.filter.sort_type = 'desc'
       this.pagination.page = 1
       this.handleGetChart()