接单中心样式修改

pages/pagereceivecenter/pagereceivecenter.vue

@@ -39,8 +39,8 @@ export default {
             handler(newVal, oldVal) {
                 if (newVal <= 0) {
                     this.orderList.forEach(order => {
-                        if(order.status == 1){
-                            this.handleBtnClick('isBusy',order)
+                        if (order.status == 1) {
+                            this.handleBtnClick('isBusy', order)
                         }
                     })
                 }
@@ -49,7 +49,7 @@ export default {
         }
     },
     methods: {
-        countdownInterval(){
+        countdownInterval() {
             this.countdownInterval = setInterval(() => {
                 this.countdown--
             }, 1000);
@@ -229,12 +229,30 @@ export default {
                             <view class="itemName">{{ item.item || '暂无项目' }}</view>
 
                             <view class="mainLindInfo">
-                                <view>发单人:{{ item.createNickName || '未知' }}</view>
-                                <view>机构：{{ item.orgName || '暂无机构' }}</view>
-                                <view>电话：{{ item.phone || '暂无电话' }}</view>
-                                <view>接单人：{{ item.identificationName || '暂无所属人' }}</view>
-                                <view>运营人：{{ item.clueOperationName || '暂无运营人' }}</view>
-                                <view>发单日期：{{ item.sendDate || '暂无时间' }}</view>
+                                <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>
 
@@ -247,27 +265,24 @@ export default {
 
                         <view class="Btns">
 
-                            <view class="btnGroup"
-                                v-if="item && (item.status == '1')">
+                            <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)">在忙（{{countdown}}s）</view>
+                                <view class=" card-button isBusy" @click.stop="handleBtnClick('isBusy', item)">
+                                    在忙（{{ countdown }}s）</view>
                             </view>
 
-                            <view class="btnGroup"
-                                v-if="item && (item.status == '2')">
+                            <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="btnGroup"
-                                v-if="item && (item.status == '3')">
+                            <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="btnGroup" v-if="item && (item.status == '4')">
                                 <view class="card-button oneFollow" @click.stop="handleBtnClick('oneFollow', item)">待跟进
                                 </view>
                             </view>
@@ -406,6 +421,15 @@ export default {
     gap: 10rpx;
     font-size: 24rpx;
     color: #6b7280;
+    text-wrap: nowrap;
+
+    .infoItem {
+        display: flex;
+
+        .infoItemTitle {
+            font-weight: 700;
+        }
+    }
 }
 
 /* 商品名称 */