| | |
| | | <view class="first-line"> |
| | | <view class="main-information"> |
| | | <view class="sign">装</view> |
| | | <view class="filedname"> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.deptName.slice(0, 16) }}</text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'"> |
| | | {{ item.customerNameCopy.slice(0, 16) }} |
| | | </text> |
| | | <text v-show="item.deptName.length >= 15 || item.customerNameCopy.length >= 15">...</text> |
| | | <view class="filedname exceedHide"> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.deptName }}</text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.customerNameCopy }}</text> |
| | | </view> |
| | | </view> |
| | | <view class="main-divider"></view> |
| | |
| | | <view class="first-extra"> |
| | | <view class="main-information"> |
| | | <view class="sign">卸</view> |
| | | <view class="filedname"> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.customerNameCopy.slice(0, 16) }}</text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.deptName.slice(0, 16) }}</text> |
| | | <text v-show="item.customerNameCopy.length >= 15 || item.deptName.length >= 15">...</text> |
| | | <view class="filedname exceedHide"> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'"> |
| | | {{ item.customerNameCopy ? item.customerNameCopy : item.customerName }} |
| | | </text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.deptName }}</text> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | v-if="driverBillOfLoadingData.list3 ? (driverBillOfLoadingData.list3.length == 0 ? true : false) : true" |
| | | ></u-empty> |
| | | |
| | | <view class="appointment-form" v-if="driverBillOfLoadingData.list3 && driverBillOfLoadingData.list3.length !== 0"> |
| | | <view class="appointment-form"> |
| | | <view class="appointment-form-item" v-for="(item, index) in driverBillOfLoadingData.list3" :key="index"> |
| | | <view class="first-line"> |
| | | <view class="main-information"> |
| | | <view class="sign">装</view> |
| | | <view class="filedname"> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.deptName.slice(0, 16) }}</text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'"> |
| | | {{ item.customerName.slice(0, 16) }} |
| | | </text> |
| | | <text v-show="item.deptName.length >= 15 || item.customerName.length >= 15">...</text> |
| | | <view class="filedname exceedHide"> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.deptName }}</text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.customerName }}</text> |
| | | </view> |
| | | </view> |
| | | <view class="main-divider"></view> |
| | |
| | | <view class="second-line"> |
| | | <view class="main-information"> |
| | | <view class="sign">卸</view> |
| | | <view class="filedname"> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.customerName.slice(0, 16) }}</text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.deptName.slice(0, 16) }}</text> |
| | | <text v-show="item.deptName.length >= 15 || item.customerName.length >= 15">...</text> |
| | | <view class="filedname exceedHide"> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.customerName }}</text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.deptName }}</text> |
| | | </view> |
| | | </view> |
| | | <view class="map-icon" @click.stop="skipMap(item)"> |
| | |
| | | iconSize="1000" |
| | | v-if="driverBillOfLoadingData.list2 ? (driverBillOfLoadingData.list2.length == 0 ? true : false) : true" |
| | | ></u-empty> |
| | | <view class="appointment-form" v-if="driverBillOfLoadingData.list2 && driverBillOfLoadingData.list2.length !== 0"> |
| | | <view class="appointment-form"> |
| | | <view class="appointment-form-item" v-for="(item, index) in driverBillOfLoadingData.list2" :key="index" @click="list3CardIconClick(item)"> |
| | | <view class="first-line"> |
| | | <view class="main-information"> |
| | | <view class="sign">装</view> |
| | | <view class="filedname"> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.deptName.slice(0, 16) }}</text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'"> |
| | | {{ item.customerName.slice(0, 16) }} |
| | | </text> |
| | | <text v-show="item.deptName.length >= 15 || item.customerName.length >= 15">...</text> |
| | | <view class="filedname exceedHide"> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.deptName }}</text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.customerName }}</text> |
| | | </view> |
| | | </view> |
| | | <view class="main-divider"></view> |
| | |
| | | <view class="second-line"> |
| | | <view class="main-information"> |
| | | <view class="sign">卸</view> |
| | | <view class="filedname"> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.customerName.slice(0, 16) }}</text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.deptName.slice(0, 16) }}</text> |
| | | <text v-show="item.deptName.length >= 15 || item.customerName.length >= 15">...</text> |
| | | <view class="filedname exceedHide"> |
| | | <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.customerName }}</text> |
| | | <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.deptName }}</text> |
| | | </view> |
| | | </view> |
| | | <view class="map-icon" @click.stop="skipMap(item)"> |
| | |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="white-block" v-if="driverBillOfLoadingData.list2.length !== 0">没有数据了...</view> |
| | | <view class="white-block"></view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | skipMap(val) { |
| | | uni.navigateTo({ |
| | | url: `/pages/public-page/mapRoute/mapRoute?customerId=${val.customerId}&filedId=${val.filedId}&orderType=${val.orderType}${ |
| | | val.toFiledId ? `&toFiledId=${val.toFiledId}` : '' |
| | | val.toFiledId ? `&toFiledId=${val.toFiledId}&filedId=${val.filedId}` : '' |
| | | }` |
| | | }); |
| | | }, |
| | |
| | | line-height: vww(40); |
| | | } |
| | | } |
| | | .exceedHide { |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | ::v-deep.driver-index { |
| | | width: 100%; |
| | | margin: 0 auto; |
| | |
| | | .second-line { |
| | | width: 100%; |
| | | height: vww(68); |
| | | margin-left: vww(12); |
| | | margin-left: vww(21); |
| | | display: flex; |
| | | justify-content: flex-start; |
| | | align-items: center; |
| | | .coal-name { |
| | | min-width: vww(50); |
| | | height: 30rpx; |
| | | height: 35rpx; |
| | | font-size: 30rpx; |
| | | |
| | | font-weight: 300; |
| | | color: #515151; |
| | | position: relative; |
| | | display: flex; |
| | | justify-content: center; |
| | | justify-content: flex-start; |
| | | } |
| | | .black-block { |
| | | min-width: vww(50); |
| | |
| | | .third-line { |
| | | width: 100%; |
| | | height: vww(68); |
| | | margin-left: vww(15); |
| | | margin-left: vww(21); |
| | | display: flex; |
| | | justify-content: flex-start; |
| | | align-items: center; |
| | |
| | | @include thirdLine; |
| | | width: 94%; |
| | | justify-content: flex-start; |
| | | margin-left: vww(18); |
| | | .clock { |
| | | width: 33%; |
| | | height: vww(21); |
| | |
| | | align-items: center; |
| | | .order-type, |
| | | .coal-name { |
| | | // min-width: 120rpx; |
| | | width: 120rpx; |
| | | height: 42rpx; |
| | | line-height: 42rpx; |
| | | border: 2px solid #035cfb; |
| | |
| | | color: #035cfb; |
| | | text-align: center; |
| | | padding: vww(3) vww(11); |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | } |
| | | } |