| | |
| | | <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> |