1.待领取列表增加字段 矿、煤场、煤种、客户名称、发运日期、日计划编号（完成） 2.多次抢单弹框再次确认是否抢单（完成） 3.待预约提煤单列表显示样式...

付延余

2023-03-23 8903e1a476fd1140acbc1a91e187de6d771e4664

 pages/driver-page/driver-index/driver-index.vue

@@ -16,21 +16,31 @@
                  <text>{{ item.carNum }}</text>
                  张
               </view>
               <view class="card-left__utils"><u-button @tap.stop="qiangDan(item.orderPlanId)" text="抢单" type="primary" shape="circle"></u-button></view>
               <view class="card-left__utils"><u-button @tap.stop="qiangDanBtn(item)" text="抢单" type="primary" shape="circle"></u-button></view>
            </template>
            <template v-slot:right-top>
               <view class="right-top">
                  <view class="card-right-top-row">
                     <view>
                        <text>{{ item.compName }}</text>
                        <text>{{ item.deptName ||''}}</text>
                     </view>
                     <view>
                        <text>{{ item.coalName }}</text>
                        <text>{{ item.coalName ||''}}</text>
                     </view>
                  </view>
                  <view class="card-right-top-row">
                     <view>
                        <text>剩余{{ item.carNum - item.taskNum }}张</text>
                     </view>
                  </view>
                  <view class="card-right-top-row">
                     <view>
                        <text>{{item.filedName||''}}</text>
                     </view>
                  </view>
                  <view class="card-right-top-row">
                     <view>
                        <text>{{item.orderCode||''}}</text>
                     </view>
                  </view>
               </view>
@@ -126,7 +136,8 @@
         // 抢单模态框
         qiangDanShow: false,
         qiangDanTitle: '抢单提示',
         qiangDanContent: ''
         qiangDanContent: '',
         qiangDanOrderPlanId: null
      };
   },
   onShow() {
@@ -141,33 +152,37 @@
         uni.showLoading({
            title: '加载中...'
         });
         // this.$reqGet('qiangDanList', { id: customerId }).then(res => {
         this.$reqGet('qiangDanList').then(res => {
            console.log('抢单列表', res);
            uni.hideLoading();
            this.driverBillOfLoadingData = res.data;
         });
      },
      // 抢单按钮
      qiangDanBtn(value) {
         if (value.taskNum == 0) {
         if (value.tmcCount == '0') {
            this.qiangDan(value.orderPlanId);
         } else {
            this.qiangDanOrderPlanId = value.orderPlanId;
            this.qiangDanShow = true;
            this.qiangDanContent = `已抢${value.tmcCount}单，确定抢单？`;
         }
      },
      // 抢单模态框
      qiangDanConfirm() {},
      qiangDanConfirm() {
         this.qiangDanContent = '';
         this.qiangDan(this.qiangDanOrderPlanId);
      },
      qiangDanCancel() {
         this.qiangDanShow = false;
      },
      // 抢单请求
      qiangDan(id) {
         // this.$reqPost('qiangDan', { orderPlanId: id, wxUserId: customerId }, 'params').then(res => {
         this.$reqPost('qiangDan', { orderPlanId: id }, 'params').then(res => {
            if (res.code == 0) {
               this.$u.toast('抢单成功');
            } else {
               this.$u.toast(res.data ? res.data : '抢单失败');
            }
            console.log('抢单', res);
            this.qiangDanList();
         });
      },
@@ -252,14 +267,16 @@
         }
         &Table {
            .uni-table {
               min-width: 94%!important;
               .uni-table-tr {
                  padding: 0;
                  .uni-table-th {
                     width:33.3%;
                     line-height: 58rpx;
                     padding: vww(5) vww(10);
                     color: #111111;
                     font-weight: 400;
                     background: #e5e5e5;
                     background: #f5f5f5;
                  }
                  .uni-table-td {
                     font-weight: 400;