| | |
| | | <card v-for="(item, index) in driverBillOfLoadingData.list1" :key="index" :name="item.id" backgroundType="2"> |
| | | <template v-slot:left> |
| | | <view class="card-left__top"> |
| | | <text>{{ item.carNum }}</text> |
| | | 张 |
| | | <view> |
| | | {{ item.carNum }} |
| | | <text>张</text> |
| | | </view> |
| | | |
| | | <view> |
| | | {{ item.carNum - item.taskNum }} |
| | | <text>张</text> |
| | | </view> |
| | | </view> |
| | | <view class="card-left__utils"> |
| | | <u-button @tap.stop="qiangDanBtn(item)" text="抢单" type="primary" shape="circle" v-if="item.carNum - item.taskNum !== 0"></u-button> |
| | |
| | | <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 || 0 }} 车次</uni-td> |
| | | <uni-td align="left">{{ item.sendDate || '' }}</uni-td> |
| | | </uni-tr> |
| | | <uni-tr> |
| | | <uni-th align="center">发运日期</uni-th> |
| | | <uni-tr style="margin: 0 auto;"> |
| | | <uni-th align="center">煤场</uni-th> |
| | | <uni-th align="center">客户</uni-th> |
| | | </uni-tr> |
| | | <uni-tr> |
| | | <uni-td align="left">{{ item.sendDate || '' }}</uni-td> |
| | | <uni-tr style="margin: 0 auto;"> |
| | | <uni-td align="left">{{ item.filedName || '' }}</uni-td> |
| | | <uni-td align="left">{{ item.customerName || '' }}</uni-td> |
| | | </uni-tr> |
| | |
| | | <view class="haveYuYueCenter"> |
| | | <view>{{ item.deptName || '' }}</view> |
| | | <view>{{ item.coalName || '' }}</view> |
| | | <view>排队数:暂无{{}}</view> |
| | | </view> |
| | | <view class="haveYuYueBottom"> |
| | | <text>{{ item.yuYueSection || '时段' }}</text> |
| | |
| | | if (res.code == 0) { |
| | | this.$u.toast('抢单成功'); |
| | | } else { |
| | | this.$u.toast(res.data ? res.data : '抢单失败'); |
| | | this.$u.toast(res.msg ? res.msg : '抢单失败'); |
| | | } |
| | | }) |
| | | .then(() => { |
| | |
| | | margin-bottom: vww(56); |
| | | // 卡片样式 |
| | | .card-left__top { |
| | | margin-top: vww(26); |
| | | margin: vww(10) 0; |
| | | padding-left: vww(4); |
| | | display: flex; |
| | | flex-direction: column; |
| | | flex-wrap: wrap; |
| | | justify-content: flex-start; |
| | | height: vww(80); |
| | | text-align: center; |
| | | color: #ffffff; |
| | | text { |
| | | &:after { |
| | | content: ''; |
| | | position: absolute; |
| | | width: 5px; |
| | | height: vww(80); |
| | | background-color: #fff; |
| | | left: vww(81); |
| | | } |
| | | view { |
| | | font-size: vww(48); |
| | | font-weight: 800; |
| | | width: 50%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | justify-content: flex-start; |
| | | align-items: center; |
| | | text { |
| | | font-size: vww(16); |
| | | font-weight: bold; |
| | | } |
| | | } |
| | | } |
| | | .card-left__utils { |