feat: 企微数据 - 短剧数据趋势 - 默认排序逻辑

project/src/components/dataBoard/shortDramaTrends.vue

         closing_date: '', // 收益截止日期
         plat_order_type: '', // 推广类型
         costCover: ['', ''], // 回本率（范围）
-        sort_field: 'expense_date', // 排序字段 - 默认值
+        sort_field: 'paid', // 排序字段 - 默认值
         sort_type: 'desc', // 升序/降序
       },
     }
     isADQ() {
       return this.filter.order_type === orderTypeOptions.ADQ
     },
+    // 当前"时间"列是否展示的为"时间段" => 是时间段 默认排序"消耗"、非时间段 默认排序时间
+    isShowTimes() {
+      // 没选"短剧" => 展示的为时间段
+      return !this.filter.playlet_id
+    },
   },
   created () {
     this.initTableHeight()
     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()
       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()
     },
       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 {
           // 点击的是当前排序字段 && 非当前排序类型 => 设置排序类型
       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()