feat: 花生平台 - 数据循环统计 - 新增"推广类型"

project/src/components/dataBoard/regRangeReportHS.vue

@@ -1,24 +1,16 @@
 <template>
   <div v-loading="loading">
-    <!-- <div class="screenBox flex">
-      <div />
-      <el-button type="primary" size="mini" @click="init(1, 'export')">导出Excel</el-button>
-    </div> -->
-    <div class="screenBox flex">
-      <div class="flex">
-        <date-picker :reset="reset" title="自定义" :quickFlag='true' :afferent_time="default_time" :clearFlag='false'
-          @changeTime="changeTime"></date-picker>
-        <!-- 收益截止日期 -->
-        <div style="margin-left: 30px;" class="common-screen-item">
-          <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>
-        <!-- 花生mp账号 -->
-        <selfChannel :reset="reset" title="账号" type="mpAccountHS" labelWidth @channelDefine="onChangeAccountHS" />
-      </div>
-    </div>
-    <!-- S 新增区间筛选项 -->
     <div class="screenBox filter-wrap">
+      <date-picker :reset="reset" title="自定义" :quickFlag='true' :afferent_time="default_time" :clearFlag='false' @changeTime="changeTime"></date-picker>
+      <!-- 推广类型 -->
+      <selfChannel :reset="reset" title="推广类型" type="promotionType" @channelDefine="onChangePlatOrderType" style="margin-left: -30px; margin-right: 0;" />
+      <!-- 收益截止日期 -->
+      <div class="common-screen-item">
+        <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>
+      <!-- 花生mp账号 -->
+      <selfChannel :reset="reset" title="账号" type="mpAccountHS" @channelDefine="onChangeAccountHS" style="margin-left: -60px;" />
       <input-range v-model="firstDayRoi" label="首日ROI" />
       <input-range v-model="firstOrderCost " label="下单成本" />
       <input-range v-model="perFollowCost" label="企微成本" />
@@ -30,7 +22,6 @@
         <el-button type="primary" size="mini" @click="init(1, 'export')">导出Excel</el-button>
       </div>
     </div>
-    <!-- S 新增区间筛选项 -->
     <!-- S 数据更新时间 -->
     <div class="update-time"><i class="el-icon-warning-outline" />数据更新时间：{{ updateTime || '-' }}</div>
     <!-- E 数据更新时间 -->
@@ -109,6 +100,7 @@ export default {
       totalRoi: ['', ''], // 回本率（范围）
       paid: ['', ''], // 消耗（范围）
       reset: false,
+      plat_order_type: '', // 推广类型
       closing_date: '', // 收益截止日期
       app_id: '', // 花生mp账号
       sort_field: 'date', // 排序字段 默认 时间 & 降序
@@ -126,6 +118,7 @@ export default {
     // 重置
     handleReset() {
       this.reset = !this.reset
+      this.plat_order_type = ''
       this.closing_date = ''
       this.app_id = ''
       this.time = this.default_time
@@ -200,6 +193,7 @@ export default {
             total_roi_max: this.totalRoi[1],
             first_day_roi_min: this.firstDayRoi[0],
             first_day_roi_max: this.firstDayRoi[1],
+            plat_order_type: this.plat_order_type,
             closing_date: this.closing_date,
             app_id: this.app_id,
             paid_min: this.paid[0],
@@ -272,6 +266,12 @@ export default {
       this.init(1)
       this.handleGetUpdateTime()
     },
+    // 监听“推广类型”筛选变化
+    onChangePlatOrderType(val) {
+      this.plat_order_type = val
+      this.init(1)
+      this.handleGetUpdateTime()
+    },
     // 监听“收益截止日期”筛选变化
     onChangeClosingDate(val) {
       this.closing_date = val || ''