| | |
| | | <!-- 待预约提煤单 --> |
| | | <view class="daiYuYue" v-for="(item, index) in driverBillOfLoadingData.list3" :key="index"> |
| | | <view class="daiYuYueTop"> |
| | | <text>提煤单编号:{{ item.code }}</text> |
| | | <text class="tmcode">提煤单编号:{{ item.code }}</text> |
| | | </view> |
| | | <view class="daiYuYueTable"> |
| | | <!-- <view>{{ item.deptName }}</view> |
| | |
| | | <view>已预约:{{ item.cars }} 车</view> --> |
| | | <uni-table border stripe emptyText="暂无更多数据"> |
| | | <uni-tr> |
| | | <uni-th align="center">煤场</uni-th> |
| | | <uni-th align="center">矿场</uni-th> |
| | | <uni-th align="center">煤种</uni-th> |
| | | <uni-th align="center">已预约</uni-th> |
| | | </uni-tr> |
| | | <uni-tr> |
| | | <uni-td align="left">{{ item.deptName || '' }}</uni-td> |
| | | <uni-td align="left">{{ item.coalName || '' }}</uni-td> |
| | | <uni-td align="left">{{ item.cars || '' }} 车</uni-td> |
| | | <uni-td align="left">{{ item.cars || 0 }} 车次</uni-td> |
| | | </uni-tr> |
| | | <uni-tr> |
| | | <uni-th align="center">发运日期</uni-th> |
| | |
| | | <view class=""> |
| | | <view @click="list3CardIconClick(item)" class="haveYuYue" v-for="(item, index) in driverBillOfLoadingData.list2" :key="index"> |
| | | <view class="haveYuYueTop"> |
| | | <text>提煤单编号:{{ item.code || '' }}</text> |
| | | <text class="tmcode">提煤单编号:{{ item.code || '' }}</text> |
| | | </view> |
| | | <view class="haveYuYueCenter"> |
| | | <view>{{ item.deptName || '' }}</view> |
| | |
| | | export default { |
| | | props: { |
| | | indexdriverBillOfLoadingData: { |
| | | type: Array, |
| | | default: [] |
| | | type: Object, |
| | | default: {} |
| | | } |
| | | }, |
| | | watch: { |
| | | indexdriverBillOfLoadingData: { |
| | | handler(v) { |
| | | console.log(v, '刷新之后的司机首页'); |
| | | this.driverBillOfLoadingData = v; |
| | | }, |
| | | deep: true, |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | driverBillOfLoadingData: [], |
| | | driverBillOfLoadingData: {}, |
| | | // 抢单模态框 |
| | | qiangDanShow: false, |
| | | qiangDanTitle: '抢单提示', |
| | | qiangDanContent: '', |
| | | qiangDanOrderPlanId: null, |
| | | fleetId: '' |
| | | fleetId: '', |
| | | xsUserId: '', |
| | | customerId: '' |
| | | }; |
| | | }, |
| | | onShow() { |
| | |
| | | title: '加载中...' |
| | | }); |
| | | this.$reqGet('qiangDanList').then(res => { |
| | | console.log(res, '司机首页'); |
| | | uni.hideLoading(); |
| | | this.driverBillOfLoadingData = res.data; |
| | | }); |
| | |
| | | // 抢单按钮 |
| | | qiangDanBtn(value) { |
| | | if (value.tmcCount == '0') { |
| | | this.qiangDan(value.orderPlanId, value.fleetId); |
| | | this.qiangDan(value.orderPlanId, value.fleetId, value.customerId === null ? '0' : value.customerId, value.xsUserId === null ? '0' : value.xsUserId); |
| | | } else { |
| | | this.qiangDanOrderPlanId = value.orderPlanId; |
| | | this.fleetId = value.fleetId; |
| | | this.customerId = value.customerId === null ? '0' : value.customerId; |
| | | this.xsUserId = value.xsUserId === null ? '0' : value.xsUserId; |
| | | this.qiangDanShow = true; |
| | | this.qiangDanContent = `已抢${value.tmcCount}单,确定抢单?`; |
| | | } |
| | |
| | | qiangDanConfirm() { |
| | | this.qiangDanContent = ''; |
| | | this.qiangDanShow = false; |
| | | this.qiangDan(this.qiangDanOrderPlanId, this.fleetId); |
| | | this.qiangDan(this.qiangDanOrderPlanId, this.fleetId, this.customerId, this.xsUserId); |
| | | }, |
| | | qiangDanCancel() { |
| | | this.qiangDanShow = false; |
| | | }, |
| | | // 抢单请求 |
| | | qiangDan(id, fleetId) { |
| | | this.$reqPost('qiangDan', { orderPlanId: id, fleetId: fleetId }, 'params') |
| | | qiangDan(id, fleetId, customerId, xsUserId) { |
| | | this.$reqPost('qiangDan', { orderPlanId: id, fleetId: fleetId, customerId: customerId, xsUserId: xsUserId }, 'params') |
| | | .then(res => { |
| | | if (res.code == 0) { |
| | | this.$u.toast('抢单成功'); |
| | |
| | | font-weight: 300; |
| | | &Top { |
| | | background-color: #f5f5f5; |
| | | height: vww(40); |
| | | height: vww(60); |
| | | padding-left: vww(12); |
| | | line-height: vww(40); |
| | | border: vww(1) solid #eeeeee; |
| | | font-weight: 400; |
| | | // .tmcode { |
| | | // overflow: hidden; |
| | | // text-overflow: ellipsis; |
| | | // white-space: nowrap; |
| | | // width: 100%; |
| | | // } |
| | | } |
| | | &Table { |
| | | .uni-table { |
| | |
| | | margin-top: vww(24); |
| | | &Top { |
| | | background-color: #f5f5f5; |
| | | height: vww(40); |
| | | height: vww(60); |
| | | padding-left: vww(12); |
| | | line-height: vww(40); |
| | | border: vww(1) solid #eeeeee; |
| | | font-weight: 400; |
| | | // .tmcode { |
| | | // overflow: hidden; |
| | | // text-overflow: ellipsis; |
| | | // white-space: nowrap; |
| | | // width: 100%; |
| | | // } |
| | | } |
| | | &Center { |
| | | border: vww(1) solid #eeeeee; |