feat: 客户群数据统计 - 群人数

project/src/components/dataBoard/chatGroupData.vue

@@ -8,9 +8,14 @@
         <!-- 群主 -->
         <!-- <selfChannelV2 v-model="filter.owner" title="群主" type="chatGroupOwner" ref="selectOwnerEl" labelWidth :afferent_params="{ isSelectedCorp: true, corpid: filter.corpid }" @change="onChangeOwner" @visible-change="onSelectOwnerVisibleChange" /> -->
         <!-- 多主体选择成员（群主） -->
-        <customerServiceCorpV2 title="群主" :reset="resetFlag" :isRequired="false"  @customerDefine="onChangeMultiCorpUsers" />
+        <customerServiceCorpV2 style="margin-left: -40px;" title="群主" :reset="resetFlag" :isRequired="false"  @customerDefine="onChangeMultiCorpUsers" />
+        <inputRange v-model="filter.member" label="群人数" style="margin-left: 20px;" />
+        <div style="margin-left: 20px;">
+          <el-button size="mini" type="primary" plain @click="init(1);init_predata();">确定</el-button>
+          <el-button size="mini" plain @click="resetEvent">重置</el-button>
+        </div>
       </div>
-      <div class="reset" @click="resetEvent">重置</div>
+      <!-- <div class="reset" @click="resetEvent">重置</div> -->
       <el-button v-if="isCanExport" class="export-btn" type="primary" size="mini" @click="onClickExport">导出Excel</el-button>
     </div>
     <div class="dataInfoBox" v-loading="dataLoading">
@@ -68,6 +73,7 @@ import selfChannelV2 from '@/components/assembly/screen/channelV2.vue'
 import selfSelectCorp from '@/components/assembly/screen/selectCorp.vue'
 import customerServiceCorpV2 from '@/components/assembly/screen/customerServiceCorpV2.vue'
 import { chatGroupStatusCodeMap } from '@/assets/js/staticTypes'
+import inputRange from '@/components/dataBoard/inputRange.vue'
 
 export default {
   name: 'orderData',
@@ -76,6 +82,7 @@ export default {
     selfChannelV2,
     selfSelectCorp,
     customerServiceCorpV2,
+    inputRange,
   },
   data () {
     return {
@@ -139,6 +146,7 @@ export default {
         corpid: '', // 企微主体
         owner: '', // 群主
         multiple_senders: [], // 多个主体时选择的客服成员结果
+        member: ['', ''], // 群人数
       },
     }
   },
@@ -169,6 +177,8 @@ export default {
         owner_list: this.filter.multiple_senders,
         create_time_st: this.filter.time[0] || '',
         create_time_et: this.filter.time[1] || '',
+        min_member: this.filter.member[0] || '',
+        max_member: this.filter.member[1] || '',
       }
       try {
         this.dataLoading = true
@@ -199,6 +209,8 @@ export default {
         owner_list: this.filter.multiple_senders,
         create_time_st: this.filter.time[0] || '',
         create_time_et: this.filter.time[1] || '',
+        min_member: this.filter.member[0] || '',
+        max_member: this.filter.member[1] || '',
         page: this.page,
         page_size: this.page_size,
       }
@@ -282,6 +294,7 @@ export default {
       this.filter.multiple_senders = []
       this.filter.corpid = ''
       this.filter.owner = ''
+      this.filter.member = ['', '']
       await this.$nextTick()
       this.$refs.selectOwnerEl && this.$refs.selectOwnerEl.handleGetOptions()
       this.init_predata()
@@ -299,6 +312,8 @@ export default {
         owner_list: this.filter.multiple_senders,
         create_time_st: this.filter.time[0] || '',
         create_time_et: this.filter.time[1] || '',
+        min_member: this.filter.member[0] || '',
+        max_member: this.filter.member[1] || '',
         page: 1,
         page_size: this.$store.state.exportNumber,
       }