feat(接单中心): 增强我的分成筛选功能

引入新的查询参数管理，支持"我的分成"的筛选条件，优化数据获取逻辑，确保分页和状态筛选的准确性。调整样式以提升用户体验。

pages/pagereceivecenter/pagereceivecenter.vue

@@ -1,12 +1,15 @@
 <script>
 // import orderCard from "./compounts/orderCard.vue";
 import filterQuery from "../order/components/orderCenter/filterQuery.vue";
+import commissionFilterQuery from "../order/components/commission/filterQuery.vue";
+import dayjs from "dayjs";
 
 // status 状态 1 发单（刚发出来） 2 接单（处理中） 3 收单（入库了） 4 未收（没有收到）
 export default {
     components: {
         // orderCard,
         filterQuery,
+        commissionFilterQuery,
     },
     data() {
         return {
@@ -65,7 +68,24 @@ export default {
                 crmFormTacticDict: [],
             },
 
-            mapHeight: "0px"
+            mapHeight: "0px",
+
+            // 我的分成的查询参数
+            commissionQueryParams: {
+                receiptDateEnd: dayjs().format("YYYY-MM-DD"),
+                receiptDateStart: dayjs().startOf('month').format("YYYY-MM-DD"),
+                item: undefined,
+                phone: undefined,
+                receiptUserId: undefined,
+                pageNum: 1,
+                pageSize: 10,
+            },
+        }
+    },
+    computed: {
+        // 根据当前选择的类型返回对应的查询参数
+        currentQueryParams() {
+            return this.activeType === 3 ? this.commissionQueryParams : this.queryParams;
         }
     },
     onLoad() {
@@ -131,11 +151,10 @@ export default {
                 // 如果是"我的分成"，调用分成接口
                 if (this.activeType === 3) {
                     result = await uni.$u.api.selectCommissionList({
-                        pageSize: this.queryParams.pageSize,
-                        pageNum: this.queryParams.pageNum,
+                        pageSize: this.commissionQueryParams.pageSize,
+                        pageNum: this.commissionQueryParams.pageNum,
                     }, {
-                        type: '2',
-                        ...this.queryParams
+                        ...this.commissionQueryParams
                     });
                     console.log('分成列表', result);
                 } else {
@@ -162,16 +181,19 @@ export default {
                     })
                 }
 
+                // 获取当前使用的查询参数
+                const params = this.activeType === 3 ? this.commissionQueryParams : this.queryParams;
+                
                 // 如果是第一页（下拉刷新或初始加载），直接替换列表
-                if (this.queryParams.pageNum === 1) {
+                if (params.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;
+                this.page.pageNum = params.pageNum;
+                this.page.pageSize = params.pageSize;
 
             } catch (error) {
                 console.error('列表接口调用失败:', error);
@@ -185,6 +207,8 @@ export default {
             this.refresherTriggered = true;
             // 重置页码和列表
             this.page.pageNum = 1;
+            this.queryParams.pageNum = 1;
+            this.commissionQueryParams.pageNum = 1;
             this.orderList = [];
             // 重新获取数据
             await this.getOrderList();
@@ -290,7 +314,8 @@ export default {
             if (this.orderList.length >= this.page.total) {
                 //到底了，没有更多
             } else {
-                this.queryParams.pageNum++;
+                const params = this.activeType === 3 ? this.commissionQueryParams : this.queryParams;
+                params.pageNum++;
                 this.page.pageNum++;
                 this.getOrderList();
             }
@@ -345,6 +370,7 @@ export default {
 
             this.page.pageNum = 1;
             this.queryParams.pageNum = 1;
+            this.commissionQueryParams.pageNum = 1;
             this.orderList = [];
 
             this.getOrderList();
@@ -352,26 +378,30 @@ export default {
         },
         // 处理关键词搜索
         handleKeyword() {
-            this.queryParams.pageNum = 1;
+            const params = this.activeType === 3 ? this.commissionQueryParams : this.queryParams;
+            params.pageNum = 1;
             this.page.pageNum = 1;
             this.orderList = [];
             this.getOrderList();
         },
         // 处理关键词清空
         handleKeywordClear() {
-            this.queryParams.phone = "";
-            this.queryParams.pageNum = 1;
+            const params = this.activeType === 3 ? this.commissionQueryParams : this.queryParams;
+            params.phone = "";
+            params.pageNum = 1;
             this.page.pageNum = 1;
             this.orderList = [];
             this.getOrderList();
         },
         // 显示筛选弹窗
         handleshowFilter() {
-            this.$refs.filter.show();
+            const refName = this.activeType === 3 ? 'commissionFilter' : 'filter';
+            this.$refs[refName].show();
         },
         // 处理筛选查询
         handleFilterQuery() {
-            this.queryParams.pageNum = 1;
+            const params = this.activeType === 3 ? this.commissionQueryParams : this.queryParams;
+            params.pageNum = 1;
             this.page.pageNum = 1;
             this.orderList = [];
             this.getOrderList();
@@ -431,12 +461,13 @@ export default {
     <view class="container">
         <u-navbar title="接单中心" :autoBack="true" :placeholder="true" v-hideNav></u-navbar>
 
-
+        <!-- 筛选条件 -->
+        <u-tabs :list="filterList" @click="changeFilter"></u-tabs>
 
         <!-- 查询参数区域 -->
         <view class="queryParams_wrap">
             <view class="search">
-                <u--input clearable prefixIcon="search" v-model="queryParams.phone" shape="circle" @blur="handleKeyword"
+                <u--input clearable prefixIcon="search" v-model="currentQueryParams.phone" shape="circle" @blur="handleKeyword"
                     @clear="handleKeywordClear" placeholder="请输入电话"></u--input>
             </view>
             <view class="query">
@@ -445,9 +476,6 @@ export default {
             </view>
         </view>
 
-        <!-- 筛选条件 -->
-        <u-tabs :list="filterList" @click="changeFilter"></u-tabs>
-
 
 
         <!-- 统计数据 -->
@@ -599,9 +627,12 @@ export default {
             <!-- </view> -->
         </u-modal>
 
-        <!-- 筛选组件 -->
-        <filter-query ref="filter" v-model="queryParams" @getList="handleFilterQuery" :mapHeight="mapHeight"
+        <!-- 筛选组件 - 订单列表 -->
+        <filter-query v-if="activeType !== 3" ref="filter" v-model="queryParams" @getList="handleFilterQuery" :mapHeight="mapHeight"
             :dicts="dicts"></filter-query>
+        
+        <!-- 筛选组件 - 我的分成 -->
+        <commission-filter-query v-if="activeType === 3" ref="commissionFilter" v-model="commissionQueryParams" @getList="handleFilterQuery" :mapHeight="mapHeight"></commission-filter-query>
     </view>
 </template>
 
@@ -616,7 +647,8 @@ export default {
 .queryParams_wrap {
     display: flex;
     background: #fff;
-    padding: 14px 0;
+    padding: 10px 0;
+    border-bottom: 1px solid #f0f0f0;
 
     .query,
     .search {
@@ -630,11 +662,13 @@ export default {
 
     .query {
         flex: 1;
+        cursor: pointer;
     }
 
     .search {
         flex: 2;
         padding-left: 20px;
+        padding-right: 10px;
     }
 }
 
@@ -847,6 +881,7 @@ export default {
     flex-wrap: nowrap;
     white-space: nowrap;
     padding: 0 0rpx;
+    margin-top: 20rpx;
 }
 
 .statisticsItem {
@@ -912,4 +947,8 @@ export default {
 .followUpBox {
     height: 600rpx;
 }
+
+.u-tabs{
+    background-color: #fff;
+}
 </style>