| | |
| | | <text>{{ item.carNum }}</text> |
| | | 张 |
| | | </view> |
| | | <view class="card-left__utils"><u-button @tap.stop="qiangDan(item.orderPlanId)" text="抢单" type="primary" shape="circle"></u-button></view> |
| | | <view class="card-left__utils"><u-button @tap.stop="qiangDanBtn(item)" text="抢单" type="primary" shape="circle"></u-button></view> |
| | | </template> |
| | | <template v-slot:right-top> |
| | | <view class="right-top"> |
| | | <view class="card-right-top-row"> |
| | | <view> |
| | | <text>{{ item.compName }}</text> |
| | | <text>{{ item.deptName || '' }}</text> |
| | | </view> |
| | | <view> |
| | | <text>{{ item.coalName }}</text> |
| | | <text>{{ item.coalName || '' }}</text> |
| | | </view> |
| | | </view> |
| | | <view class="card-right-top-row"> |
| | | <view> |
| | | <text>剩余{{ item.carNum - item.taskNum }}张</text> |
| | | </view> |
| | | </view> |
| | | <view class="card-right-top-row"> |
| | | <view> |
| | | <text>{{ item.filedName || '' }}</text> |
| | | </view> |
| | | </view> |
| | | <view class="card-right-top-row"> |
| | | <view> |
| | | <text>{{ item.orderCode || '' }}</text> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | import { customerId } from '@/utils/status'; |
| | | |
| | | export default { |
| | | props: { |
| | | indexdriverBillOfLoadingData: { |
| | | type: Array, |
| | | default: [] |
| | | } |
| | | }, |
| | | watch: { |
| | | indexdriverBillOfLoadingData: { |
| | | handler(v) { |
| | | this.driverBillOfLoadingData = v; |
| | | }, |
| | | deep: true, |
| | | immediate: true |
| | | } |
| | | }, |
| | | data() { |
| | | return { |
| | | driverBillOfLoadingData: [], |
| | | // 抢单模态框 |
| | | qiangDanShow: false, |
| | | qiangDanTitle: '抢单提示', |
| | | qiangDanContent: '' |
| | | qiangDanContent: '', |
| | | qiangDanOrderPlanId: null, |
| | | fleetId: '' |
| | | }; |
| | | }, |
| | | onShow() { |
| | |
| | | uni.showLoading({ |
| | | title: '加载中...' |
| | | }); |
| | | // this.$reqGet('qiangDanList', { id: customerId }).then(res => { |
| | | this.$reqGet('qiangDanList').then(res => { |
| | | console.log('抢单列表', res); |
| | | uni.hideLoading(); |
| | | this.driverBillOfLoadingData = res.data; |
| | | }); |
| | | }, |
| | | // 抢单按钮 |
| | | qiangDanBtn(value) { |
| | | if (value.taskNum == 0) { |
| | | this.qiangDan(value.orderPlanId); |
| | | if (value.tmcCount == '0') { |
| | | this.qiangDan(value.orderPlanId, value.fleetId); |
| | | } else { |
| | | this.qiangDanOrderPlanId = value.orderPlanId; |
| | | this.fleetId = value.fleetId; |
| | | this.qiangDanShow = true; |
| | | this.qiangDanContent = `已抢${value.tmcCount}单,确定抢单?`; |
| | | } |
| | | }, |
| | | // 抢单模态框 |
| | | qiangDanConfirm() {}, |
| | | qiangDanConfirm() { |
| | | this.qiangDanContent = ''; |
| | | this.qiangDanShow = false; |
| | | this.qiangDan(this.qiangDanOrderPlanId, this.fleetId); |
| | | }, |
| | | qiangDanCancel() { |
| | | this.qiangDanShow = false; |
| | | }, |
| | | // 抢单请求 |
| | | qiangDan(id) { |
| | | // this.$reqPost('qiangDan', { orderPlanId: id, wxUserId: customerId }, 'params').then(res => { |
| | | this.$reqPost('qiangDan', { orderPlanId: id }, 'params').then(res => { |
| | | if (res.code == 0) { |
| | | this.$u.toast('抢单成功'); |
| | | } |
| | | console.log('抢单', res); |
| | | this.qiangDanList(); |
| | | }); |
| | | qiangDan(id, fleetId) { |
| | | this.$reqPost('qiangDan', { orderPlanId: id, fleetId: fleetId }, 'params') |
| | | .then(res => { |
| | | if (res.code == 0) { |
| | | this.$u.toast('抢单成功'); |
| | | } else { |
| | | this.$u.toast(res.data ? res.data : '抢单失败'); |
| | | } |
| | | }) |
| | | .then(() => { |
| | | setTimeout(() => { |
| | | this.qiangDanList(); |
| | | }, 1000); |
| | | }); |
| | | }, |
| | | list3CardIconClick(value) { |
| | | uni.navigateTo({ |
| | |
| | | } |
| | | &Table { |
| | | .uni-table { |
| | | min-width: 94% !important; |
| | | .uni-table-tr { |
| | | padding: 0; |
| | | .uni-table-th { |
| | | width: 33.3%; |
| | | line-height: 58rpx; |
| | | padding: vww(5) vww(10); |
| | | color: #111111; |
| | | font-weight: 400; |
| | | background: #e5e5e5; |
| | | background: #f5f5f5; |
| | | } |
| | | .uni-table-td { |
| | | font-weight: 400; |