|  |  | 
 |  |  |          <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>
 | 
 |  |  | 
 |  |  |                   <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>
 | 
 |  |  | 
 |  |  |             <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>
 | 
 |  |  | 
 |  |  |                      </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>
 | 
 |  |  | 
 |  |  |          </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>
 | 
 |  |  | 
 |  |  |       finishWork,
 | 
 |  |  |       platformMove,
 | 
 |  |  |       platformErr,
 | 
 |  |  |       platformOverNumber
 | 
 |  |  |       platformOverNumber,
 | 
 |  |  |       wmsJobDetail
 | 
 |  |  |    } from '@/api'
 | 
 |  |  |    import {
 | 
 |  |  |       statusMap
 | 
 |  |  | 
 |  |  | 
 | 
 |  |  |             transformPlatId: '', // 转移记录月台id
 | 
 |  |  |             transformId: '', // 转移记录任务id
 | 
 |  |  |             wmsInfo: {}
 | 
 |  |  |          }
 | 
 |  |  |       },
 | 
 |  |  |       onLoad() {
 | 
 |  |  | 
 |  |  |             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({
 | 
 |  |  | 
 |  |  |             this.platformCallPage = 1
 | 
 |  |  |             if (callType == 1) { // 入园叫号
 | 
 |  |  |                platformInPark({
 | 
 |  |  |                   jobId: item.id
 | 
 |  |  |                   jobId: item.id, | 
 |  |  |                   platformId: activePlatform.id
 | 
 |  |  |                }).then(res => {
 | 
 |  |  |                   this.showToast('叫号成功')
 | 
 |  |  |                   this.getPlatformCallList()
 | 
 |  |  | 
 |  |  |          }
 | 
 |  |  |       }
 | 
 |  |  |    }
 | 
 |  |  | 
 | 
 |  |  |    .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> |