lll

liukangdong

2024-09-25 b44b5aa1dda1d9196416cbf84e610cfd1f5b1c82

 h5/pages/driver/taskConfirm.vue

@@ -18,8 +18,8 @@
         </view>
         <view class="line">
            <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>
@@ -59,49 +59,45 @@
      <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="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">黄山黑马</view>
                        <view class="value">{{ line.materialName }}</view>
                  </view>
                  <view class="line">
                     <view class="label">数量：</view>
                     <view class="value">黄山黑马</view>
                        <view class="value">{{ line.ioQty }}</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>
            </view>
@@ -115,7 +111,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 +120,7 @@
   data() {
      return {
         param: {},
         wmsInfo: {},
         showDate: false,
         showDetail: false,
         minDate: '',
@@ -155,6 +152,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(() => {
@@ -435,26 +439,29 @@
   }

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

      .last {
         background: #e9f5f6;
         width: 60rpx;
         border-radius: 8rpx 0rpx 0rpx 8rpx;
      border-radius: 8rpx;
         border: 1rpx solid #dfdede;
      width: 220rpx;
      margin-bottom: 15rpx;
      text {
         &:nth-of-type(1) {
            background: #e9f5f6;
            padding: 0 12rpx;
      }

      .name {
         width: 186rpx;
         border: 1rpx solid #dfdede;
         &:nth-of-type(2) {
            padding-left: 10rpx;
         }
		
         &:nth-of-type(4) {
            padding-right: 6rpx;
         }
      }
   }
}