| | |
| | | <view class="wait-collection" style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/diverbanner.png') no-repeat;background-size:contain"></view> |
| | | <view class="collection-form"> |
| | | <view class="collection-form-item" v-for="(item, index) in driverBillOfLoadingData.list1" :key="index"> |
| | | <view class="main-divider"></view> |
| | | <view class="first-line"> |
| | | <view class="main-information"> |
| | | <view class="sign">装</view> |
| | |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.customerNameCopy }}</text> |
| | | </view> |
| | | </view> |
| | | <view class="main-divider"></view> |
| | | <view class="point-number"> |
| | | <text class="residue">{{ item.carNum - item.taskNum }}</text> |
| | | <text>/{{ item.carNum }}</text> |
| | |
| | | |
| | | <view class="appointment-form"> |
| | | <view class="appointment-form-item" v-for="(item, index) in driverBillOfLoadingData.list3" :key="index"> |
| | | <view class="main-divider"></view> |
| | | <view class="first-line"> |
| | | <view class="main-information"> |
| | | <view class="sign">装</view> |
| | |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.customerName }}</text> |
| | | </view> |
| | | </view> |
| | | <view class="main-divider"></view> |
| | | <view class="map-icon" @click.stop="skipMap(item)"> |
| | | <view><u-icon name="map" color="#4978F0" size="40"></u-icon></view> |
| | | </view> |
| | | </view> |
| | | <view class="second-line"> |
| | | <view class="first-extra"> |
| | | <view class="main-information"> |
| | | <view class="sign">卸</view> |
| | | <view class="filedname exceedHide"> |
| | |
| | | ></u-empty> |
| | | <view class="appointment-form"> |
| | | <view class="appointment-form-item" v-for="(item, index) in driverBillOfLoadingData.list2" :key="index" @click="list3CardIconClick(item)"> |
| | | <view class="main-divider"></view> |
| | | <view class="first-line"> |
| | | <view class="main-information"> |
| | | <view class="sign">装</view> |
| | |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.customerName }}</text> |
| | | </view> |
| | | </view> |
| | | <view class="main-divider"></view> |
| | | <view class="map-icon" @click.stop="skipMap(item)"> |
| | | <view><u-icon name="map" color="#4978F0" size="40"></u-icon></view> |
| | | </view> |
| | |
| | | display: flex; |
| | | flex-direction: column; |
| | | justify-content: space-around; |
| | | .main-divider { |
| | | width: 560rpx; |
| | | height: 2rpx; |
| | | background: #e3e3e3; |
| | | position: absolute; |
| | | top: 122rpx; |
| | | left: 128rpx; |
| | | } |
| | | .first-line { |
| | | width: 94%; |
| | | height: vww(68); |
| | |
| | | color: #ffffff; |
| | | margin-right: vww(20); |
| | | } |
| | | } |
| | | .main-divider { |
| | | width: 548rpx; |
| | | height: 1rpx; |
| | | background: #e3e3e3; |
| | | position: absolute; |
| | | top: 115rpx; |
| | | left: vww(50); |
| | | } |
| | | .point-number { |
| | | position: absolute; |
| | |
| | | @include formItem; |
| | | height: vww(191); |
| | | justify-content: space-between; |
| | | overflow: hidden; |
| | | .main-divider { |
| | | width: 560rpx; |
| | | height: 1rpx; |
| | | background: #e3e3e3; |
| | | position: absolute; |
| | | top: 122rpx; |
| | | left: 128rpx; |
| | | } |
| | | .first-line { |
| | | position: relative; |
| | | @include firstLine; |
| | |
| | | display: flex; |
| | | justify-content: flex-start; |
| | | align-items: center; |
| | | |
| | | .sign { |
| | | width: vww(28); |
| | | height: vww(28); |
| | |
| | | margin-right: vww(20); |
| | | } |
| | | } |
| | | .main-divider { |
| | | width: 548rpx; |
| | | height: 1rpx; |
| | | background: #e3e3e3; |
| | | position: absolute; |
| | | top: vww(40); |
| | | left: vww(50); |
| | | } |
| | | .first-extra { |
| | | @include firstLine; |
| | | .main-information { |
| | | width: 100%; |
| | | height: vww(28); |
| | | display: flex; |
| | | justify-content: flex-start; |
| | | align-items: center; |
| | | .sign { |
| | | width: vww(28); |
| | | height: vww(28); |
| | | line-height: vww(28); |
| | | text-align: center; |
| | | background: url('https://mx.jzeg.cn:9095/appimg/image/banner/redblock.png') no-repeat; |
| | | background-size: contain; |
| | | font-size: 30rpx; |
| | | font-weight: 400; |
| | | color: #ffffff; |
| | | margin-right: vww(20); |
| | | } |
| | | } |
| | | } |
| | | .second-line { |