| | |
| | | <view class="driver" style="background:url(../../../../../static/image/coalBackgroud/coal-background.png) no-repeat;background-size:100% 100%;"> |
| | | <view class="driver-coalOne">电子提煤单</view> |
| | | <view class="driver-coalTwo"> |
| | | <view class="">东庞矿北井</view> |
| | | <view class="">1/3焦</view> |
| | | <view class="">冀A37U98</view> |
| | | <view>{{ coalData.code || '暂无订单编号' }}</view> |
| | | <view>{{ coalData.deptName || '暂无所属矿' }}</view> |
| | | <view>{{ coalData.coalName || '暂无煤种' }}</view> |
| | | <view>{{ coalData.carNo || '暂无车牌' }}</view> |
| | | </view> |
| | | <view class="driver-coalThree"> |
| | | <view class="">旭阳焦化有限责任公司</view> |
| | | <view class="">2022年8月28日 15:00:56</view> |
| | | <view>{{ coalData.customerName || '暂无单位' }}</view> |
| | | <view>{{ coalData.yuYueTime ? coalData.yuYueTime.slice(0, 10) + ' ' + coalData.yuYueTime.slice(11, 22) : '暂无时间' }}</view> |
| | | </view> |
| | | <view class="driver-coalFour"><image src="@/static/logo.gif" mode=""></image></view> |
| | | </view> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | onLoad(value) { |
| | | console.log('页面加载', value); |
| | | if (value.orderPlanId) { |
| | | this.orderPlanId = value.orderPlanId; |
| | | } |
| | | }, |
| | | data() { |
| | | return { |
| | | orderPlanId: null |
| | | }; |
| | | }, |
| | | onShow() { |
| | | this.init(); |
| | | }, |
| | | methods: { |
| | | init() { |
| | | this.getTakeCoal(); |
| | | }, |
| | | // 获取提煤单详情 |
| | | getTakeCoal() { |
| | | this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => { |
| | | console.log('获取提煤单详情', res); |
| | | }); |
| | | } |
| | | /** |
| | | * @desc 等待取煤单接口 |
| | | * */ |
| | | export default { |
| | | onLoad(value) { |
| | | console.log('页面加载', value); |
| | | if (value.orderPlanId) { |
| | | this.orderPlanId = value.orderPlanId; |
| | | } |
| | | }, |
| | | data() { |
| | | return { |
| | | orderPlanId: null, |
| | | coalData: {} |
| | | }; |
| | | }, |
| | | onShow() { |
| | | this.init(); |
| | | }, |
| | | methods: { |
| | | init() { |
| | | this.getTakeCoal(); |
| | | }, |
| | | // 获取提煤单详情 |
| | | getTakeCoal() { |
| | | this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => { |
| | | console.log('获取提煤单详情', res); |
| | | if (res.code == 0) { |
| | | this.coalData = res.data[0]; |
| | | } |
| | | }); |
| | | } |
| | | /** |
| | | * @desc 等待取煤单接口 |
| | | * */ |
| | | } |
| | | }; |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | |
| | | view:nth-child(3) { |
| | | margin-top: vww(15); |
| | | } |
| | | view:nth-child(4) { |
| | | margin-top: vww(15); |
| | | } |
| | | } |
| | | &-coalThree { |
| | | margin-top: vww(76); |
| | | margin-top: vww(46); |
| | | font-size: vww(18); |
| | | font-family: Source Han Sans CN, Source Han Sans CN-Bold; |
| | | font-weight: 700; |
| | |
| | | } |
| | | } |
| | | &-coalFour { |
| | | margin: vww(68) 0 0 45.5%; |
| | | margin: vww(58.5) 0 0 45.5%; |
| | | image { |
| | | width: vww(35); |
| | | height: vww(35); |
| | |
| | | } |
| | | } |
| | | </style> |
| | | |