代码初始化

k94314517

2024-10-16 17efddc6a667670dca682bf36b51a43e99615e6d

 h5/pages/driver/taskConfirm.vue

@@ -16,16 +16,28 @@
            <view class="label">手机号</view>
            <view class="value">{{ param.drivierPhone }}</view>
         </view>
         <view class="line">
         <view class="line" v-if="param.billCode">
            <view class="label">运输单号</view>
            <view class="value" @click="showDetail = true">
               <text class="waybill_num">{{ param.contractNum }}</text>
            <view class="value" @click="wmsDetail">
               <text class="waybill_num">{{ param.billCode }}</text>
               <text class="btn">运单详情</text>
            </view>
         </view>
         <view class="line">
         <view class="line" v-else>
            <view class="label">合同编号</view>
            <view class="value">{{param.contractNum}}</view>
         </view>
         <view class="line" v-if="type != 4">
            <view class="label">作业类型</view>
            <view class="value">{{ param.inType == 0 ? '整托盘' : '件烟' }}</view>
            <view class="value" v-if="param.type == 0">自有车卸货</view>
            <view class="value" v-if="param.type == 1">自有车装货</view>
            <view class="value" v-if="param.type == 2">外协车卸货</view>
            <view class="value" v-if="param.type == 3">外协车装货</view>
         </view>
         <view class="line" v-if="type == 4">
            <view class="label">入库类型</view>
            <view class="value" v-if="param.inType == 0">整托盘</view>
            <view class="value" v-if="param.inType == 1">件烟</view>
         </view>
         <view class="empty"></view>
         <!--  -->
@@ -59,49 +71,47 @@
      <u-popup :show="showDetail" :round="10" :safeAreaInsetBottom="true" closeOnClickOverlay :closeable="true" mode="bottom" @close="showDetail = false">
         <view class="detail_modal">
            <view class="modal_title">运单详情</view>
            <view class="id_card">
               <view class="last">皖</view>
               <view class="name">AD1111</view>
            <view v-if="wmsInfo.plateNumber" class="id_card">
               <text>{{ wmsInfo.plateNumber.slice(0, 1) }}</text>
               <text>{{ wmsInfo.plateNumber.slice(1, 2) }}</text>
               <text>·</text>
               <text>{{ wmsInfo.plateNumber.slice(2) }}</text>
            </view>
            <!--  -->
            <view class="info">
               <view class="line">
                  <view class="label">运输单号</view>
                  <view class="value">2222</view>
                  <view class="value">{{ wmsInfo.carryBillCode }}</view>
               </view>
               <view class="line">
                  <view class="label">驾驶员</view>
                  <view class="value">2222</view>
                  <view class="value">{{ wmsInfo.driverName }} {{ wmsInfo.driverPhone }}</view>
               </view>
               <view class="line">
                  <view class="label">总运输量</view>
                  <view class="value">2222</view>
                  <view class="value">{{ wmsInfo.ioQty }}万支</view>
               </view>
               <view class="line">
                  <view class="label">运输公司</view>
                  <view class="value">2222</view>
                  <view class="value">{{ wmsInfo.carrierName }}</view>
               </view>
            </view>
            <view class="separate"></view>
            <view class="contract_list">
               <view class="title">合同号：111</view>
               <view class="address">aadd</view>
               <view class="list">
                  <view class="line">
                     <view class="label">物料：</view>
                     <view class="value">黄山黑马</view>
                  </view>
                  <view class="line">
                     <view class="label">数量：</view>
                     <view class="value">黄山黑马</view>
                  </view>
                  <view class="line">
                     <view class="label">物料：</view>
                     <view class="value">黄山黑马</view>
                  </view>
                  <view class="line">
                     <view class="label">数量：</view>
                     <view class="value">黄山黑马</view>
            <view class="contract_wrap">
               <view class="contract_list" v-for="item in wmsInfo.wmsJobContractVOList">
                  <view class="title">合同号：{{ item.contractCode }}</view>
                  <view class="address">收货地：{{ item.address }}</view>
                  <view class="list">
                     <view class="item" v-for="line in item.platformWmsDetailList">
                        <view class="line">
                           <view class="label">物料：</view>
                           <view class="value">{{ line.materialName }}</view>
                        </view>
                        <view class="line">
                           <view class="label">数量：</view>
                           <view class="value">{{ line.ioQty }}</view>
                        </view>
                     </view>
                  </view>
               </view>
            </view>
@@ -115,7 +125,7 @@

<script>
import keyboardInput from '@/components/keyboard-input/keyboard-input.vue';
import { driverTaskJobDetail, driverConfirmTask } from '@/api';
import { driverTaskJobDetail, driverConfirmTask, wmsJobDetail } from '@/api';
import dayjs from 'dayjs'
export default {
   components: {
@@ -124,6 +134,7 @@
   data() {
      return {
         param: {},
         wmsInfo: {},
         showDate: false,
         showDetail: false,
         minDate: '',
@@ -146,7 +157,7 @@
            arriveDate: param.date + ':59'
         }).then(res =>{
            this.showToast('确认成功')
            uni.navigateBack()
            this.$goBack()
         })
      },
      getDetail(jobId) {
@@ -155,6 +166,13 @@
         }).then(ress => {
            this.param = { ...ress.data, carCodeBack: '' };
         });
      },
      wmsDetail() {
         const { param } = this
         wmsJobDetail({ id: param.id }).then(res => {
            this.wmsInfo = res.data
            this.showDetail = true
         })
      },
      dateEnter(e) {
         setTimeout(() => {
@@ -356,106 +374,127 @@
}

.detail_modal {
   padding: 36rpx 30rpx;
      height: calc( 100vh - 88rpx );
      padding: 36rpx 30rpx;
      border-radius: 12rpx;
      box-shadow: 0 0 6rpx rgba(0, 0, 0, 0.5);
      .modal_title {
         font-weight: 600;
         font-size: 32rpx;
         color: #222222;
         line-height: 44rpx;
         text-align: center;
         margin-bottom: 36rpx;
      }
      .contract_wrap{
         height: calc( 100% - 400rpx );
         overflow-y: auto;
      }
      .contract_list {
         border-top: 1rpx solid #E5E5E5;
         margin-bottom: 30rpx;
         padding-top: 30rpx;
         &:nth-last-child(1){
            margin-bottom: 0;
         }
         .list {
            background: #f7f7f7;
            border-radius: 8rpx;
            padding: 20rpx;
            .item{
               border-bottom: 1rpx solid #e5e5e5;
               padding-bottom: 20rpx;
               margin-bottom: 20rpx;
               &:nth-last-child(1){
                  border: none;
                  padding-bottom: 0;
                  margin-bottom: 0;
               }
            }
            .line {
               display: flex;
               margin-bottom: 20rpx;
               &:nth-last-child(1){
                  margin-bottom: 0rpx;
               }
               .label {
                  color: #666666;
                  width: 92rpx;
               }

   .modal_title {
      font-weight: 600;
      font-size: 32rpx;
      color: #222222;
      line-height: 44rpx;
      text-align: center;
      margin-bottom: 36rpx;
   }
               .value {
                  flex: 1;
                  color: #222222;
               }
            }
         }

   .contract_list {
      .list {
         background: #f7f7f7;
         border-radius: 8rpx;
         padding: 20rpx;
         .title {
            font-weight: 600;
            font-size: 30rpx;
            color: $uni-color-primary;
            margin-bottom: 12rpx;
         }

         .address {
            font-size: 26rpx;
            color: #666666;
            margin-bottom: 20rpx;
         }
      }

      .info {
         .line {
            display: flex;
            margin-bottom: 20rpx;

            &:nth-of-type(3n) {
               border-top: 1rpx solid #e5e5e5;
               padding-top: 20rpx;
            }

            .label {
               font-size: 30rpx;
               color: #666666;
               width: 86rpx;
               width: 150rpx;
            }

            .value {
               flex: 1;
               font-size: 30rpx;
               color: #222222;
            }
         }
      }

      .title {
         font-weight: 600;
         font-size: 30rpx;
         color: $uni-color-primary;
         margin-bottom: 12rpx;
      .separate {
         width: 750rpx;
         height: 2rpx;
         margin: 30rpx -30rpx;
         border: 1rpx solid #e5e5e5;
      }

      .address {
         font-size: 26rpx;
         color: #666666;
         margin-bottom: 20rpx;
      }
   }

   .info {
      .line {
      .id_card {
         display: flex;
         margin-bottom: 20rpx;
         font-weight: 600;
         height: 60rpx;
         line-height: 60rpx;
         font-size: 32rpx;
         color: #111111;
         border-radius: 8rpx;
         border: 1rpx solid #dfdede;
         width: 220rpx;
         margin-bottom: 15rpx;

         .label {
            font-size: 30rpx;
            color: #666666;
            width: 150rpx;
         }
         text {
            &:nth-of-type(1) {
               background: #e9f5f6;
               padding: 0 12rpx;
            }

         .value {
            flex: 1;
            font-size: 30rpx;
            color: #222222;
            &:nth-of-type(2) {
               padding-left: 10rpx;
            }

            &:nth-of-type(4) {
               padding-right: 6rpx;
            }
         }
      }
   }

   .separate {
      width: 750rpx;
      height: 2rpx;
      margin: 30rpx -30rpx;
      border: 1rpx solid #e5e5e5;
   }

   .id_card {
      border-radius: 8rpx;
      display: flex;
      height: 60rpx;
      line-height: 60rpx;
      font-weight: 600;
      font-size: 36rpx;
      color: #111111;
      text-align: center;
      margin-bottom: 30rpx;

      .last {
         background: #e9f5f6;
         width: 60rpx;
         border-radius: 8rpx 0rpx 0rpx 8rpx;
         border: 1rpx solid #dfdede;
      }

      .name {
         width: 186rpx;
         border: 1rpx solid #dfdede;
      }
   }
}
</style>