ll
liukangdong
2024-09-25 b33b256a0e996df1e8ca1859ba538fe3ea085509
pda/pages/index/center.vue
@@ -6,7 +6,8 @@
         <view class="platform_list">
            <view class="item" :class="{ active: item.id === activePlatform.id }"
               v-for="(item, index) in activePlatformGroup.platformList" :key="index" @click="platformClick(item)">
               {{ item.name }}</view>
               {{ item.name }}
            </view>
         </view>
         <view class="status_wrap">
            <view class="status">作业:<text>{{ platformTaskInfo.workNum }}</text></view>
@@ -26,7 +27,8 @@
                  <text>{{ item.carCodeFront.slice(2) }}</text>
               </view>
               <view class="status" v-if="item.status != 4 && item.status != 5" :class="{ red: item.status == 8 }">
                  {{ statusMap[item.status] }}</view>
                  {{ statusMap[item.status] }}
               </view>
               <view class="status" v-if="item.status == 4">叫号中 {{ item.callDateTemp }}</view>
               <view class="status scs" v-if="item.status == 5">已作业 {{ item.startDateTemp }}</view>
            </view>
@@ -37,7 +39,7 @@
            <view class="line" v-else>
               <text class="label">运输单号</text>
               <text class="value">{{ item.code }}</text>
               <text class="primaryColor" @click="handleDetail()">运单详情</text>
               <text class="primaryColor" @click="handleDetail(item)">运单详情</text>
            </view>
            <view class="line">
               <text class="label">驾驶员</text>
@@ -100,8 +102,8 @@
                     </view>
                     <view class="line" v-else>
                        <text class="label">运输单号</text>
                        <text class="value">{{ item.code }}</text>
                        <text class="primaryColor" @click="handleDetail()">运单详情</text>
                        <text class="value">{{ item.billCode }}</text>
                        <text class="primaryColor" @click="handleDetail(item)">运单详情</text>
                     </view>
                     <view class="line">
                        <text class="label">驾驶员</text>
@@ -124,53 +126,48 @@
         </view>
      </u-popup>
      <!-- 运单详情 -->
      <u-popup :show="showDetail" closeable safeAreaInsetTop round="10" @close="showDetail = false">
         <view class="PlatformCallModal" :style="{ height: 'calc(100vh - ' + windowTop + 'px)' }">
            <view class="title">运单详情</view>
            <view class="platform_ing" style="padding: 0">
               <view class="head">
                  <view class="code">
                     <text>皖</text>
                     <text>AD1212</text>
                  </view>
      <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 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">{{ wmsInfo.carryBillCode }}</view>
               </view>
               <view class="line">
                  <text class="label">运输单号</text>
                  <text class="value">11111</text>
                  <view class="label">驾驶员</view>
                  <view class="value">{{ wmsInfo.driverName }} {{ wmsInfo.driverPhone }}</view>
               </view>
               <view class="line">
                  <text class="label">驾驶员</text>
                  <text class="value">11111</text>
                  <view class="label">总运输量</view>
                  <view class="value">{{ wmsInfo.ioQty }}万支</view>
               </view>
               <view class="line">
                  <text class="label">总运输量</text>
                  <text class="value">11111</text>
               </view>
               <view class="line">
                  <text class="label">运输公司</text>
                  <text class="value">11111</text>
                  <view class="label">运输公司</view>
                  <view class="value">{{ wmsInfo.carrierName }}</view>
               </view>
            </view>
            <view class="detail_list">
               <view class="item">
                  <view class="orderId">合同编号:{{ 111 }}</view>
                  <view class="addr">收货地:{{ 111 }}</view>
                  <view class="content">
            <view class="separate"></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>
                     <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="value">{{ line.ioQty }}万支</view>
                     </view>
                  </view>
               </view>
@@ -213,7 +210,8 @@
      finishWork,
      platformMove,
      platformErr,
      platformOverNumber
      platformOverNumber,
      wmsJobDetail
   } from '@/api'
   import {
      statusMap
@@ -245,6 +243,7 @@
            transformPlatId: '', // 转移记录月台id
            transformId: '', // 转移记录任务id
            wmsInfo: {}
         }
      },
      onLoad() {
@@ -317,8 +316,13 @@
            this.activePlatform = item
            this.getPlatformTask()
         },
         handleDetail() {
            this.showDetail = true
         handleDetail(param) {
            wmsJobDetail({
               id: param.id
            }).then(res => {
               this.wmsInfo = res.data
               this.showDetail = true
            })
         },
         handleFinish(item) {
            finishWork({
@@ -362,7 +366,8 @@
            this.platformCallPage = 1
            if (callType == 1) { // 入园叫号
               platformInPark({
                  jobId: item.id
                  jobId: item.id,
                  platformId: activePlatform.id
               }).then(res => {
                  this.showToast('叫号成功')
                  this.getPlatformCallList()
@@ -848,4 +853,112 @@
         }
      }
   }
   .detail_modal {
      padding: 36rpx 30rpx;
      .modal_title {
         font-weight: 600;
         font-size: 32rpx;
         color: #222222;
         line-height: 44rpx;
         text-align: center;
         margin-bottom: 36rpx;
      }
      .contract_list {
         .list {
            background: #f7f7f7;
            border-radius: 8rpx;
            padding: 20rpx;
            .line {
               display: flex;
               margin-bottom: 20rpx;
               &:nth-of-type(3n) {
                  border-top: 1rpx solid #e5e5e5;
                  padding-top: 20rpx;
               }
               .label {
                  color: #666666;
                  width: 92rpx;
               }
               .value {
                  flex: 1;
                  color: #222222;
               }
            }
         }
         .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;
            .label {
               font-size: 30rpx;
               color: #666666;
               width: 150rpx;
            }
            .value {
               flex: 1;
               font-size: 30rpx;
               color: #222222;
            }
         }
      }
      .separate {
         width: 750rpx;
         height: 2rpx;
         margin: 30rpx -30rpx;
         border: 1rpx solid #e5e5e5;
      }
      .id_card {
         display: flex;
         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;
         text {
            &:nth-of-type(1) {
               background: #e9f5f6;
               padding: 0 12rpx;
            }
            &:nth-of-type(2) {
               padding-left: 10rpx;
            }
            &:nth-of-type(4) {
               padding-right: 6rpx;
            }
         }
      }
   }
</style>