feat(接单中心): 添加查询参数和筛选功能

引入筛选组件并实现查询参数管理，支持关键词搜索和筛选条件的动态更新。优化订单列表的获取逻辑，确保分页和状态筛选的正确性。

pages/pagereceivecenter/pagereceivecenter.vue

@@ -1,10 +1,12 @@
 <script>
 // import orderCard from "./compounts/orderCard.vue";
+import filterQuery from "../order/components/orderCenter/filterQuery.vue";
 
 // status 状态 1 发单（刚发出来） 2 接单（处理中） 3 收单（入库了） 4 未收（没有收到）
 export default {
     components: {
         // orderCard,
+        filterQuery,
     },
     data() {
         return {
@@ -36,10 +38,61 @@ export default {
             activeStatus: '',//当前选择的状态,统计数据的类型
 
             currentFollowUp: [],//当前订单的跟进记录
-            showMoreFollowUp: false
+            showMoreFollowUp: false,
+
+            // 查询参数
+            queryParams: {
+                sendDateStart: '',
+                sendDateEnd: '',
+                type: '1',
+                item: undefined,
+                phone: undefined,
+                deptId: undefined,
+                state: undefined,
+                status: undefined,
+                allTagList: [],
+                identification: undefined,
+                createBy: undefined,
+                pageNum: 1,
+                pageSize: 10,
+            },
+
+            // 字典数据
+            dicts: {
+                crmFormStatusDict: [],
+                crmFormCategoryDict: [],
+                crmFormStateDict: [],
+                crmFormTacticDict: [],
+            },
+
+            mapHeight: "0px"
         }
     },
     onLoad() {
+        // 初始化字典数据
+        this.$getDicts('crm_form_status').then(res => {
+            this.dicts.crmFormStatusDict = res;
+        });
+        this.$getDicts('crm_form_category').then(res => {
+            this.dicts.crmFormCategoryDict = res;
+        });
+        this.$getDicts('crm_form_state').then(res => {
+            this.dicts.crmFormStateDict = res;
+        });
+        this.$getDicts('crm_form_tactic').then(res => {
+            this.dicts.crmFormTacticDict = res;
+        });
+
+        // 设置 mapHeight
+        uni.getSystemInfo({
+            success: (e) => {
+                const {
+                    windowHeight
+                } = e;
+                this.mapHeight = (windowHeight - 70) + 'px';
+            }
+        });
+
         //初始调用
         this.getOrderList();
         this.getStatisticsSendStatus();
@@ -74,25 +127,33 @@ export default {
         async getOrderList() {
             try {
                 let result;
-                
+
                 // 如果是"我的分成"，调用分成接口
                 if (this.activeType === 3) {
                     result = await uni.$u.api.selectCommissionList({
-                        pageSize: this.page.pageSize,
-                        pageNum: this.page.pageNum,
+                        pageSize: this.queryParams.pageSize,
+                        pageNum: this.queryParams.pageNum,
                     }, {
                         type: '2',
+                        ...this.queryParams
                     });
                     console.log('分成列表', result);
                 } else {
                     // 否则调用订单列表接口
-                    result = await uni.$u.api.selectClueOrderFormList({
-                        pageSize: this.page.pageSize,
-                        pageNum: this.page.pageNum,
-                    }, {
+                    // 合并查询参数和筛选参数
+                    const params = {
+                        ...this.queryParams,
                         type: this.activeType,
-                        status: this.activeStatus,
-                    });
+                        status: this.activeStatus || this.queryParams.status,
+                    };
+                    // 移除分页参数，因为已经在第一个参数中传递
+                    delete params.pageNum;
+                    delete params.pageSize;
+
+                    result = await uni.$u.api.selectClueOrderFormList({
+                        pageSize: this.queryParams.pageSize,
+                        pageNum: this.queryParams.pageNum,
+                    }, params);
                     console.log('接单列表', result);
                     // 把数组按照status的大小排序，从小到大
                     result.rows.sort((a, b) => {
@@ -102,13 +163,15 @@ export default {
                 }
 
                 // 如果是第一页（下拉刷新或初始加载），直接替换列表
-                if (this.page.pageNum === 1) {
+                if (this.queryParams.pageNum === 1) {
                     this.orderList = result.rows;
                 } else {
                     // 否则追加数据（上拉加载更多）
                     this.orderList.push(...result.rows);
                 }
                 this.page.total = result.total;
+                this.page.pageNum = this.queryParams.pageNum;
+                this.page.pageSize = this.queryParams.pageSize;
 
             } catch (error) {
                 console.error('列表接口调用失败:', error);
@@ -227,6 +290,7 @@ export default {
             if (this.orderList.length >= this.page.total) {
                 //到底了，没有更多
             } else {
+                this.queryParams.pageNum++;
                 this.page.pageNum++;
                 this.getOrderList();
             }
@@ -277,24 +341,56 @@ export default {
             this.activeType = param.type;
             // 切换筛选条件时，重置状态筛选
             this.activeStatus = '';
+            this.queryParams.status = undefined;
 
             this.page.pageNum = 1;
+            this.queryParams.pageNum = 1;
             this.orderList = [];
 
             this.getOrderList();
             this.getStatisticsSendStatus()
         },
+        // 处理关键词搜索
+        handleKeyword() {
+            this.queryParams.pageNum = 1;
+            this.page.pageNum = 1;
+            this.orderList = [];
+            this.getOrderList();
+        },
+        // 处理关键词清空
+        handleKeywordClear() {
+            this.queryParams.phone = "";
+            this.queryParams.pageNum = 1;
+            this.page.pageNum = 1;
+            this.orderList = [];
+            this.getOrderList();
+        },
+        // 显示筛选弹窗
+        handleshowFilter() {
+            this.$refs.filter.show();
+        },
+        // 处理筛选查询
+        handleFilterQuery() {
+            this.queryParams.pageNum = 1;
+            this.page.pageNum = 1;
+            this.orderList = [];
+            this.getOrderList();
+        },
         //切换统计数据的类型
         changeStatus(param) {
             if (param == this.activeStatus) {
                 //如果当前点击的状态和当前选中的状态相同，则取消选中
                 this.activeStatus = '';
+                this.queryParams.status = undefined;
+                this.queryParams.pageNum = 1;
                 this.page.pageNum = 1;
                 this.orderList = [];
                 this.getOrderList();
             } else {
                 //如果当前点击的状态和当前选中的状态不同，则切换选中状态
                 this.activeStatus = param;
+                this.queryParams.status = param;
+                this.queryParams.pageNum = 1;
                 this.page.pageNum = 1;
                 this.orderList = [];
                 this.getOrderList();
@@ -335,9 +431,25 @@ export default {
     <view class="container">
         <u-navbar title="接单中心" :autoBack="true" :placeholder="true" v-hideNav></u-navbar>
 
+
+
+        <!-- 查询参数区域 -->
+        <view class="queryParams_wrap">
+            <view class="search">
+                <u--input clearable prefixIcon="search" v-model="queryParams.phone" shape="circle" @blur="handleKeyword"
+                    @clear="handleKeywordClear" placeholder="请输入电话"></u--input>
+            </view>
+            <view class="query">
+                <view style="margin-right: 10rpx;" @click="handleshowFilter">筛选</view>
+                <u-icon name="arrow-down-fill" color="#aaa" size="10"></u-icon>
+            </view>
+        </view>
+
         <!-- 筛选条件 -->
         <u-tabs :list="filterList" @click="changeFilter"></u-tabs>
 
+
+
         <!-- 统计数据 -->
         <scroll-view scroll-x class="statusScrollView" style="width: 100%;">
             <view class="statisticsContainer">
@@ -351,13 +463,8 @@ export default {
 
 
         <view class="scrollViewContainer">
-            <scroll-view 
-                class="scrollView" 
-                scroll-y 
-                refresher-enabled
-                :refresher-triggered="refresherTriggered"
-                @refresherrefresh="onRefresh"
-                @scrolltolower="scrolltolower">
+            <scroll-view class="scrollView" scroll-y refresher-enabled :refresher-triggered="refresherTriggered"
+                @refresherrefresh="onRefresh" @scrolltolower="scrolltolower">
                 <transition-group name="order-move" tag="div">
                     <!-- <orderCard v-for="item in orderList" :key="item.receiptId + item.id" :order="item"
                         @handleBtnClick="handleBtnClick">
@@ -491,6 +598,10 @@ export default {
             </scroll-view>
             <!-- </view> -->
         </u-modal>
+
+        <!-- 筛选组件 -->
+        <filter-query ref="filter" v-model="queryParams" @getList="handleFilterQuery" :mapHeight="mapHeight"
+            :dicts="dicts"></filter-query>
     </view>
 </template>
 
@@ -502,8 +613,33 @@ export default {
     color: #999;
 }
 
+.queryParams_wrap {
+    display: flex;
+    background: #fff;
+    padding: 14px 0;
+
+    .query,
+    .search {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 16px;
+        font-weight: 700;
+        color: #202020;
+    }
+
+    .query {
+        flex: 1;
+    }
+
+    .search {
+        flex: 2;
+        padding-left: 20px;
+    }
+}
+
 .scrollViewContainer {
-    height: calc(100vh - 44px - 44px - 27px - 10rpx);
+    height: calc(100vh - 44px - 44px - 27px - 60px - 10rpx);
 }
 
 .followUpScroll {