| | |
| | | <view class=""> |
| | | <view class="driver-index"> |
| | | <view class="driver-index-body"> |
| | | <!-- 待领取提煤单 --> |
| | | <!-- 待领取通知单 --> |
| | | <view class="wait-collection" |
| | | style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/diverbanner.png') no-repeat;background-size:contain"> |
| | | :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/diverbanner.png)`, backgroundSize: 'contain', backgroundRepeat: 'no-repeat' }"> |
| | | </view> |
| | | <view class="collection-form"> |
| | | <view class="collection-form-item" |
| | |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <!-- <view class="second-line"> |
| | | <view class="coal-name">{{ item.coalName }}</view> |
| | | </view> --> |
| | | <view class="third-line"> |
| | | <view class="time-icon"><u-icon name="clock" |
| | | color="#515151" |
| | |
| | | </view> |
| | | </view> |
| | | <view class="fourth-line" |
| | | @click="qiangDanBtn(item)" |
| | | @click.stop="qiangDanBtn(item)" |
| | | v-if="item.carNum - item.taskNum !== 0"> |
| | | <view class="button-img">立即抢单</view> |
| | | </view> |
| | |
| | | @cancel="qiangDanCancel"></u-modal> |
| | | </view> |
| | | |
| | | <!-- 待预约提煤单 --> |
| | | <!-- 待预约通知单 --> |
| | | <view class="wait-appointment"> |
| | | <combined-title title="待预约提煤单"></combined-title> |
| | | <combined-title title="待预约通知单"></combined-title> |
| | | <u-empty mode="data" |
| | | icon="http://cdn.uviewui.com/uview/empty/data.png" |
| | | textSize="30" |
| | |
| | | size="40"></u-icon></view> |
| | | </view> |
| | | </view> |
| | | <!-- <view class="status"> |
| | | <u-tag :text="coalStatus[item.statusWeigh] || ''" |
| | | plain> |
| | | </u-tag> |
| | | </view> --> |
| | | <view class="third-line"> |
| | | <view class="clock"> |
| | | <view class="time-icon"><u-icon name="clock" |
| | |
| | | </view> |
| | | </view> |
| | | |
| | | <!-- 已预约提煤单 --> |
| | | <!-- 已预约通知单 --> |
| | | <view class="Reserved"> |
| | | <combined-title title="已预约提煤单"></combined-title> |
| | | <combined-title title="已预约通知单"></combined-title> |
| | | <u-empty mode="data" |
| | | icon="http://cdn.uviewui.com/uview/empty/data.png" |
| | | textSize="30" |
| | |
| | | size="40"></u-icon></view> |
| | | </view> |
| | | </view> |
| | | <view class="status"> |
| | | <u-tag :text="coalStatus[item.statusWeigh] || ''" |
| | | plain> |
| | | </u-tag> |
| | | </view> |
| | | <view class="third-line"> |
| | | <view class="clock havedclock"> |
| | | <view class="time-icon"><u-icon name="clock" |
| | |
| | | <script> |
| | | import { customerId } from '@/utils/status'; |
| | | import combinedTitle from '@/components/combined-title/combined-title.vue'; |
| | | |
| | | import { onlineurl } from '@/api/request.js' |
| | | export default { |
| | | components: { |
| | | combinedTitle |
| | |
| | | qiangDanOrderPlanId: null, |
| | | fleetId: '', |
| | | xsUserId: '', |
| | | customerId: '' |
| | | customerId: '', |
| | | coalStatus: ['未称重', '称重中', '验质中', '称重完成'], |
| | | onlineurl, |
| | | }; |
| | | }, |
| | | onShow() { |
| | |
| | | url: `/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details?orderPlanId=${value.id}&yyId=${value.yyId}` |
| | | }); |
| | | }, |
| | | // 提煤单详情 |
| | | // 通知单详情 |
| | | cardBodyClick(name) { |
| | | uni.navigateTo({ |
| | | url: `/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details?orderPlanId=${name}` |
| | |
| | | .driver-index-body { |
| | | |
| | | // margin-bottom: vww(56); |
| | | // 待领取提煤单 |
| | | // 待领取通知单 |
| | | .wait-collection { |
| | | width: 100%; |
| | | height: 600rpx; |
| | |
| | | |
| | | .collection-form-item { |
| | | width: vww(345); |
| | | height: vww(185); |
| | | height: vww(195); |
| | | margin-top: vww(5); |
| | | background: #ffffff; |
| | | box-shadow: 4rpx 6rpx 25rpx 0rpx rgba(73, 120, 240, 0.15); |
| | |
| | | align-items: center; |
| | | |
| | | .coal-name { |
| | | @include flex; |
| | | min-width: vww(50); |
| | | height: 35rpx; |
| | | height: 100%; |
| | | font-size: 30rpx; |
| | | font-weight: 300; |
| | | color: #515151; |
| | |
| | | |
| | | .appointment-form-item { |
| | | @include formItem; |
| | | height: vww(191); |
| | | height: vww(220); |
| | | justify-content: space-between; |
| | | overflow: hidden; |
| | | |
| | |
| | | } |
| | | } |
| | | |
| | | .status { |
| | | @include thirdLine; |
| | | } |
| | | |
| | | .third-line { |
| | | @include thirdLine; |
| | | width: 94%; |