qingyiay
2023-07-07 b8a7d477f894fcffc32c2d5fb1f3ff5bf6409fc4
pages/driver-page/driver-index/driver-index.vue
@@ -4,7 +4,7 @@
         <view class="driver-index-body">
            <!-- 待领取提煤单 -->
            <view class="wait-collection"
               style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/diverbanner.png') no-repeat;background-size:contain">
               :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/diverbanner.png)`, backgroundSize: 'contain', backgroundRepeat: 'no-repeat' }">
            </view>
            <view class="collection-form">
               <view class="collection-form-item"
@@ -45,9 +45,6 @@
                        </view>
                     </view>
                  </view>
                  <!-- <view class="second-line">
                     <view class="coal-name">{{ item.coalName }}</view>
                  </view> -->
                  <view class="third-line">
                     <view class="time-icon"><u-icon name="clock"
                           color="#515151"
@@ -58,7 +55,7 @@
                     </view>
                  </view>
                  <view class="fourth-line"
                     @click="qiangDanBtn(item)"
                     @click.stop="qiangDanBtn(item)"
                     v-if="item.carNum - item.taskNum !== 0">
                     <view class="button-img">立即抢单</view>
                  </view>
@@ -127,6 +124,11 @@
                                 size="40"></u-icon></view>
                        </view>
                     </view>
                     <!-- <view class="status">
                        <u-tag :text="coalStatus[item.statusWeigh] || ''"
                           plain>
                        </u-tag>
                     </view> -->
                     <view class="third-line">
                        <view class="clock">
                           <view class="time-icon"><u-icon name="clock"
@@ -203,6 +205,11 @@
                                 size="40"></u-icon></view>
                        </view>
                     </view>
                     <view class="status">
                        <u-tag :text="coalStatus[item.statusWeigh] || ''"
                           plain>
                        </u-tag>
                     </view>
                     <view class="third-line">
                        <view class="clock havedclock">
                           <view class="time-icon"><u-icon name="clock"
@@ -227,7 +234,7 @@
<script>
   import { customerId } from '@/utils/status';
   import combinedTitle from '@/components/combined-title/combined-title.vue';
   import { onlineurl } from '@/api/request.js'
   export default {
      components: {
         combinedTitle
@@ -261,7 +268,9 @@
            qiangDanOrderPlanId: null,
            fleetId: '',
            xsUserId: '',
            customerId: ''
            customerId: '',
            coalStatus: ['未称重', '称重中', '验质中', '称重完成'],
            onlineurl,
         };
      },
      onShow() {
@@ -461,7 +470,7 @@
            .collection-form-item {
               width: vww(345);
               height: vww(185);
               height: vww(195);
               margin-top: vww(5);
               background: #ffffff;
               box-shadow: 4rpx 6rpx 25rpx 0rpx rgba(73, 120, 240, 0.15);
@@ -561,8 +570,9 @@
                  align-items: center;
                  .coal-name {
                     @include flex;
                     min-width: vww(50);
                     height: 35rpx;
                     height: 100%;
                     font-size: 30rpx;
                     font-weight: 300;
                     color: #515151;
@@ -681,7 +691,7 @@
            .appointment-form-item {
               @include formItem;
               height: vww(191);
               height: vww(220);
               justify-content: space-between;
               overflow: hidden;
@@ -772,6 +782,10 @@
                  }
               }
               .status {
                  @include thirdLine;
               }
               .third-line {
                  @include thirdLine;
                  width: 94%;