feat(接单中心): 引入分成卡片组件并优化订单列表展示

新增分成卡片组件以展示我的分成信息，调整订单列表的渲染逻辑，确保在不同状态下的正确显示。优化样式以提升用户体验。

pages/pagereceivecenter/pagereceivecenter.vue

@@ -2,6 +2,7 @@
 // import orderCard from "./compounts/orderCard.vue";
 import filterQuery from "../order/components/orderCenter/filterQuery.vue";
 import commissionFilterQuery from "../order/components/commission/filterQuery.vue";
+import commissionItem from "../order/components/commission/commissionItem.vue";
 import dayjs from "dayjs";
 
 // status 状态 1 发单（刚发出来） 2 接单（处理中） 3 收单（入库了） 4 未收（没有收到）
@@ -10,6 +11,7 @@ export default {
         // orderCard,
         filterQuery,
         commissionFilterQuery,
+        commissionItem,
     },
     data() {
         return {
@@ -494,90 +496,96 @@ export default {
             <scroll-view class="scrollView" scroll-y refresher-enabled :refresher-triggered="refresherTriggered"
                 @refresherrefresh="onRefresh" @scrolltolower="scrolltolower">
                 <transition-group name="order-move" tag="div">
+                    <!-- 我的分成 - 使用专门的分成卡片组件 -->
+                    <view class="commission_item_wrap" v-for="item in orderList" :key="activeType === 3 ? item.id : (item.receiptId + item.id)" v-if="activeType === 3">
+                        <commission-item :item="item" :type="'2'"></commission-item>
+                    </view>
+                    
+                    <!-- 全部列表和我的接发单 - 使用订单卡片 -->
                     <!-- <orderCard v-for="item in orderList" :key="item.receiptId + item.id" :order="item"
                         @handleBtnClick="handleBtnClick">
                     </orderCard> -->
-                    <view class="orderCard" v-for="item in orderList" :key="item.receiptId + item.id"
-                        @click.stop="toOrderDetail(item)">
-                        <view class="bandAndPrice">
-                            <view class="bandName">{{ item.itemBrand || '暂无品牌' }}</view>
-                            <view class="price">￥{{ item.priceRange || '?' }}</view>
-                        </view>
+                    <view class="orderCard" v-for="item in orderList" :key="activeType === 3 ? item.id : (item.receiptId + item.id)"
+                        v-if="activeType !== 3" @click.stop="toOrderDetail(item)">
+                            <view class="bandAndPrice">
+                                <view class="bandName">{{ item.itemBrand || '暂无品牌' }}</view>
+                                <view class="price">￥{{ item.priceRange || '?' }}</view>
+                            </view>
 
-                        <view class="mainLind">
-                            <!-- <view class="mainLindImg">
-                                <image :src="'/static/acceptOrder/orderCardPic.jpg'" v-if="item.src" />
-                            </view> -->
-                            <view class="itemName">{{ item.item || '暂无项目' }}</view>
+                            <view class="mainLind">
+                                <!-- <view class="mainLindImg">
+                                    <image :src="'/static/acceptOrder/orderCardPic.jpg'" v-if="item.src" />
+                                </view> -->
+                                <view class="itemName">{{ item.item || '暂无项目' }}</view>
 
-                            <view class="mainLindInfo">
-                                <view class="infoItem">
-                                    <view class="infoItemTitle">发单人:</view>
-                                    <view>{{ item.createNickName || '未知' }}</view>
-                                </view>
-                                <view class="infoItem">
-                                    <view class="infoItemTitle">机构：</view>
-                                    <view>{{ item.orgName || '暂无机构' }}</view>
-                                </view>
-                                <view class="infoItem">
-                                    <view class="infoItemTitle">电话：</view>
-                                    <view>{{ item.phone || '暂无电话' }}</view>
-                                </view>
-                                <view class="infoItem">
-                                    <view class="infoItemTitle">接单人：</view>
-                                    <view>{{ item.identificationName || '暂无所属人' }}</view>
-                                </view>
-                                <view class="infoItem">
-                                    <view class="infoItemTitle">运营人：</view>
-                                    <view>{{ item.clueOperationName || '暂无运营人' }}</view>
-                                </view>
-                                <view class="infoItem">
-                                    <view class="infoItemTitle">发单日期：</view>
-                                    <view>{{ item.sendDate || '暂无时间' }}</view>
+                                <view class="mainLindInfo">
+                                    <view class="infoItem">
+                                        <view class="infoItemTitle">发单人:</view>
+                                        <view>{{ item.createNickName || '未知' }}</view>
+                                    </view>
+                                    <view class="infoItem">
+                                        <view class="infoItemTitle">机构：</view>
+                                        <view>{{ item.orgName || '暂无机构' }}</view>
+                                    </view>
+                                    <view class="infoItem">
+                                        <view class="infoItemTitle">电话：</view>
+                                        <view>{{ item.phone || '暂无电话' }}</view>
+                                    </view>
+                                    <view class="infoItem">
+                                        <view class="infoItemTitle">接单人：</view>
+                                        <view>{{ item.identificationName || '暂无所属人' }}</view>
+                                    </view>
+                                    <view class="infoItem">
+                                        <view class="infoItemTitle">运营人：</view>
+                                        <view>{{ item.clueOperationName || '暂无运营人' }}</view>
+                                    </view>
+                                    <view class="infoItem">
+                                        <view class="infoItemTitle">发单日期：</view>
+                                        <view>{{ item.sendDate || '暂无时间' }}</view>
+                                    </view>
                                 </view>
                             </view>
-                        </view>
-
-                        <view class="tags">
-                            <view class="tag" v-for="(tag, index) in item.tags" :key="index"
-                                :style="{ backgroundColor: tag.color, opacity: 0.8 }">
-                                {{ tag.name }}</view>
 
-                        </view>
+                            <view class="tags">
+                                <view class="tag" v-for="(tag, index) in item.tags" :key="index"
+                                    :style="{ backgroundColor: tag.color, opacity: 0.8 }">
+                                    {{ tag.name }}</view>
 
-                        <view class="Btns">
-                            <!-- status 状态 1 发单（刚发出来） 2 接单（处理中） 3 收单（入库了） 4 未收（没有收到） -->
+                            </view>
 
-                            <view class="btnGroup" v-if="item && (item.status == '1')">
-                                <view class="card-button" @click.stop="handleBtnClick('acceptOrder', item)">立即接单</view>
-                                <view class=" card-button isBusy" @click.stop="handleBtnClick('isBusy', item)">
-                                    <view>
-                                        在忙
-                                    </view>
-                                    <view v-if="countdown > 0">
-                                        （{{ countdown }} s）
+                            <view class="Btns">
+                                <!-- status 状态 1 发单（刚发出来） 2 接单（处理中） 3 收单（入库了） 4 未收（没有收到） -->
+
+                                <view class="btnGroup" v-if="item && (item.status == '1')">
+                                    <view class="card-button" @click.stop="handleBtnClick('acceptOrder', item)">立即接单</view>
+                                    <view class=" card-button isBusy" @click.stop="handleBtnClick('isBusy', item)">
+                                        <view>
+                                            在忙
+                                        </view>
+                                        <view v-if="countdown > 0">
+                                            （{{ countdown }} s）
+                                        </view>
                                     </view>
                                 </view>
-                            </view>
 
-                            <view class="btnGroup" v-if="item && (item.status == '2')">
-                                <view class="card-button willFollow" @click.stop="handleBtnClick('willFollow', item)">
-                                    待跟进
+                                <view class="btnGroup" v-if="item && (item.status == '2')">
+                                    <view class="card-button willFollow" @click.stop="handleBtnClick('willFollow', item)">
+                                        待跟进
+                                    </view>
+                                    <view class="card-button isBusy" @click.stop="handleBtnClick('tag', item)">打标签</view>
                                 </view>
-                                <view class="card-button isBusy" @click.stop="handleBtnClick('tag', item)">打标签</view>
-                            </view>
 
-                            <!-- <view class="btnGroup" v-if="item && (item.status == '3')">
-                                <view class="card-button share" @click.stop="handleBtnClick('share', item)">一键分享</view>
-                            </view> -->
+                                <!-- <view class="btnGroup" v-if="item && (item.status == '3')">
+                                    <view class="card-button share" @click.stop="handleBtnClick('share', item)">一键分享</view>
+                                </view> -->
 
-                            <view class="btnGroup" v-if="item && (item.status == '4')">
-                                <view class="card-button oneFollow" @click.stop="handleBtnClick('oneFollow', item)">待跟进
+                                <view class="btnGroup" v-if="item && (item.status == '4')">
+                                    <view class="card-button oneFollow" @click.stop="handleBtnClick('oneFollow', item)">待跟进
+                                    </view>
                                 </view>
-                            </view>
 
+                            </view>
                         </view>
-                    </view>
                 </transition-group>
                 <view class="hasMore">
                     {{ orderList.length >= page.total ? '没有更多了~' : '向下滑动加载更多~' }}
@@ -951,4 +959,8 @@ export default {
 .u-tabs{
     background-color: #fff;
 }
+
+.commission_item_wrap {
+    padding: 20px 20px;
+}
 </style>