| | |
| | | <view class="label">手机号</view> |
| | | <view class="value">{{ param.drivierPhone }}</view> |
| | | </view> |
| | | <view class="line"> |
| | | <view class="line" v-if="type != 4"> |
| | | <view class="label">运输单号</view> |
| | | <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> |
| | | <!-- --> |
| | |
| | | </view> |
| | | </view> |
| | | <view class="separate"></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="line"> |
| | | <view class="label">数量:</view> |
| | | <view class="value">{{ line.ioQty }}</view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | } |
| | | |
| | | .detail_modal { |
| | | 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; |
| | |
| | | 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-of-type(3n) { |
| | | border-top: 1rpx solid #e5e5e5; |
| | | padding-top: 20rpx; |
| | | &:nth-last-child(1){ |
| | | margin-bottom: 0rpx; |
| | | } |
| | | |
| | | .label { |
| | | color: #666666; |
| | | width: 86rpx; |
| | | width: 92rpx;
|
| | | } |
| | | |
| | | .value { |
| | |
| | | border: 1rpx solid #dfdede; |
| | | width: 220rpx; |
| | | margin-bottom: 15rpx; |
| | |
|
| | | text { |
| | | &:nth-of-type(1) { |
| | | background: #e9f5f6; |