| | |
| | | <view class="coal-name">{{ item.coalName }}</view> |
| | | </view> |
| | | </view> |
| | | <!-- 创建时间 --> |
| | | <view class="created-box"> |
| | | <view class="clock-create"> |
| | | <view class="time-icon"><u-icon name="clock" |
| | | color="#515151" |
| | | size="40"></u-icon></view> |
| | | <text class="create-date"> {{ item.createTime }}</text> |
| | | </view> |
| | | </view> |
| | | <view class="fourth-line" |
| | | @click.stop="qiangDanBtn(item)" |
| | | v-if="item.carNum - item.taskNum !== 0"> |
| | |
| | | icon="http://cdn.uviewui.com/uview/empty/data.png" |
| | | textSize="30" |
| | | iconSize="1000" |
| | | text="暂无数据" |
| | | v-if="driverBillOfLoadingData.list3 ? (driverBillOfLoadingData.list3.length == 0 ? true : false) : true"></u-empty> |
| | | |
| | | <view class="appointment-form"> |
| | | <view class="appointment-form-item" |
| | | v-for="(item, index) in driverBillOfLoadingData.list3" |
| | | :key="index"> |
| | | :key="index" |
| | | @click.stop="list3CardIconClick(item)" |
| | | > |
| | | |
| | | <view class="main-divider"></view> |
| | | <view class="orderCode">订单号:{{ item.orderCode }}</view> |
| | | <view class="first-line"> |
| | | <view class="main-information"> |
| | | <view class="sign">装</view> |
| | |
| | | <!-- <view class="order-type">{{ item.orderType }}</view> --> |
| | | </view> |
| | | </view> |
| | | <!-- 创建时间 --> |
| | | <view class="created-box"> |
| | | <view class="clock-create"> |
| | | <view class="time-icon"><u-icon name="clock" |
| | | color="#515151" |
| | | size="40"></u-icon></view> |
| | | <text class="create-date"> {{ item.createTime }}</text> |
| | | </view> |
| | | </view> |
| | | <view class="fourth-line" |
| | | @click="toAppointmentClick(item)"> |
| | | @click.stop="toAppointmentClick(item)"> |
| | | <view class="button-img">立即预约</view> |
| | | </view> |
| | | </view> |
| | |
| | | icon="http://cdn.uviewui.com/uview/empty/data.png" |
| | | textSize="30" |
| | | iconSize="1000" |
| | | text="暂无数据" |
| | | v-if="driverBillOfLoadingData.list2 ? (driverBillOfLoadingData.list2.length == 0 ? true : false) : true"></u-empty> |
| | | <view class="appointment-form"> |
| | | <view class="appointment-form-item" |
| | |
| | | :key="index" |
| | | @click="list3CardIconClick(item)"> |
| | | <view class="main-divider"></view> |
| | | <view class="orderCode">订单号:{{ item.orderCode }}</view> |
| | | <view class="first-line"> |
| | | <view class="main-information"> |
| | | <view class="sign">装</view> |
| | |
| | | size="40"></u-icon></view> |
| | | </view> |
| | | </view> |
| | | <!-- 创建时间 --> |
| | | <view class="created-box"> |
| | | <view class="clock-create"> |
| | | <view class="time-icon"><u-icon name="clock" |
| | | color="#515151" |
| | | size="40"></u-icon></view> |
| | | <text class="create-date"> {{ item.createTime }}</text> |
| | | </view> |
| | | </view> |
| | | <view class="status"> |
| | | <u-tag :text="coalStatus[item.statusWeigh] || ''" |
| | | plain> |
| | |
| | | <!-- <view class="order-type">{{ item.orderType }}</view> --> |
| | | </view> |
| | | </view> |
| | | <view class="fourth-line" style="opacity: 0;"> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="white-block"></view> |
| | |
| | | <!-- 图片预览弹出框 --> |
| | | <view class="previewImage-container"> |
| | | <previewImage ref="previewImage" |
| | | :imgs="TourImgList" |
| | | :imgs="driverTourImgList" |
| | | :saveBtn='false'></previewImage> |
| | | </view> |
| | | </view> |
| | |
| | | import { onlineurl } from '@/api/request.js' |
| | | import { BaseUrl } from '@/api/publicInterface.js' |
| | | import previewImage from '@/components/kxj-previewImage/kxj-previewImage.vue'; |
| | | import { mapState } from 'vuex'; |
| | | import { Debounce } from '../../../utils/util'; |
| | | export default { |
| | | components: { |
| | | combinedTitle, |
| | |
| | | }, |
| | | }, |
| | | computed: { |
| | | ...mapState(['driverTourImgList']), |
| | | roleType() { |
| | | return uni.getStorageSync('roleType'); |
| | | }, |
| | |
| | | fleetId: '', |
| | | xsUserId: '', |
| | | customerId: '', |
| | | coalStatus: ['未称重', '称重中', '验质中', '称重完成', '验质完成'], |
| | | coalStatus: ['未称重', '称重中', '验质中', '称重完成', '处理完成'], |
| | | onlineurl, |
| | | TourImgList: ['https://mx.jzeg.cn:9095/appimg/image/tour/driver/sj1.jpg', |
| | | 'https://mx.jzeg.cn:9095/appimg/image/tour/driver/sj2.jpg', |
| | | 'https://mx.jzeg.cn:9095/appimg/image/tour/driver/sj3.jpg', |
| | | 'https://mx.jzeg.cn:9095/appimg/image/tour/driver/sj4.jpg', |
| | | 'https://mx.jzeg.cn:9095/appimg/image/tour/driver/sj5.jpg', |
| | | 'https://mx.jzeg.cn:9095/appimg/image/tour/driver/sj6.jpg', |
| | | 'https://mx.jzeg.cn:9095/appimg/image/tour/driver/sj7.jpg' |
| | | ], |
| | | phone: "", |
| | | isFirstLogin: true //是否是第一次登录 |
| | | }; |
| | | }, |
| | | mounted() { |
| | | // this.TourImgList = TourImgList |
| | | this.getLogOn() |
| | | |
| | | }, |
| | | onShow() { |
| | | this.init(); |
| | |
| | | }, |
| | | init() { |
| | | this.qiangDanList(); |
| | | this.getLogOn() |
| | | }, |
| | | // 司机首页列表 |
| | | qiangDanList() { |
| | |
| | | }); |
| | | }, |
| | | // 抢单按钮 |
| | | qiangDanBtn(value) { |
| | | qiangDanBtn:Debounce(function(value){ |
| | | if (value.tmcCount == '0') { |
| | | this.qiangDan(value.orderPlanId, value.fleetId, value.customerId === null ? '0' : value.customerId, |
| | | value.xsUserId === null ? '0' : value.xsUserId); |
| | |
| | | this.qiangDanShow = true; |
| | | this.qiangDanContent = `已抢${value.tmcCount}单,确定抢单?`; |
| | | } |
| | | }, |
| | | } ,500) |
| | | |
| | | , |
| | | // 抢单模态框 |
| | | qiangDanConfirm() { |
| | | this.qiangDanContent = ''; |
| | |
| | | |
| | | <style lang="scss" |
| | | scoped> |
| | | .created-box{ |
| | | display: flex; |
| | | position: absolute; |
| | | bottom: 20rpx; |
| | | left: 35rpx; |
| | | .clock-create{ |
| | | display: flex; |
| | | } |
| | | .create-date{ |
| | | height: 24rpx; |
| | | line-height: 37rpx; |
| | | font-size: 28rpx; |
| | | font-weight: 300; |
| | | color: #515151; |
| | | margin-left: 28rpx; |
| | | } |
| | | |
| | | } |
| | | @mixin formItem { |
| | | width: vww(345); |
| | | height: vww(150); |
| | |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | .clock-create{ |
| | | width: 100%; |
| | | height: 42rpx; |
| | | margin-right: 100rpx; |
| | | line-height: 42rpx; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | justify-content: flex-start; |
| | | } |
| | | |
| | | .send-date { |
| | | width: 148rpx; |
| | |
| | | line-height: 24rpx; |
| | | font-size: 28rpx; |
| | | font-weight: 300; |
| | | color: #515151; |
| | | } |
| | | .create-date { |
| | | line-height: 24rpx; |
| | | font-size: 28rpx; |
| | | font-weight: 300; |
| | | margin-left: 28rpx; |
| | | color: #515151; |
| | | } |
| | | |
| | |
| | | |
| | | .appointment-form-item { |
| | | @include formItem; |
| | | height: vww(220); |
| | | height: vww(240); |
| | | justify-content: space-between; |
| | | overflow: hidden; |
| | | |
| | | .main-divider { |
| | | width: 560rpx; |
| | | height: 1rpx; |
| | | background: #e3e3e3; |
| | | position: absolute; |
| | | top: 122rpx; |
| | | top: 200rpx; |
| | | left: 128rpx; |
| | | } |
| | | .orderCode{ |
| | | padding: 10px; |
| | | } |
| | | |
| | | .first-line { |
| | | position: relative; |