| | |
| | | <template> |
| | | <view class="bill-of-lading-details"> |
| | | <view class="bangDanMessage"><text>磅单信息</text></view> |
| | | <view class="timeLine" style="font-size: 16rpx;"><u-text v-for="(item, index) in dayRZ" :key="index" :text="item.taskStatusDes"></u-text></view> |
| | | <view class="timeLine" style="font-size: 16rpx;"> |
| | | <u--text type="primary" size="30" plain text="主色" v-for="(item, index) in dayRZ" :key="index" :text="item.taskStatusDes"></u--text> |
| | | </view> |
| | | <view class="utilsBox"> |
| | | <view class="utils_chil utils_chilTop"> |
| | | <u-button text="签到" type="primary" @click="arriveClick"></u-button> |
| | | <u-button text="入场申请" type="primary" @click="rcsqClick"></u-button> |
| | | <u-button text="放空" type="primary"></u-button> |
| | | <u-button text="呼叫客服" type="primary"></u-button> |
| | | <u-button text="签到" type="primary" plain @click="arriveClick"></u-button> |
| | | <u-button text="入场申请" type="primary" plain @click="rcsqClick"></u-button> |
| | | <u-button text="放空" type="primary" plain></u-button> |
| | | <u-button text="呼叫客服" type="primary" plain></u-button> |
| | | </view> |
| | | <view class="utils_chil"><u-button text="展示提煤单" @click="showCaolPickUpBill" type="primary"></u-button></view> |
| | | <view class="utils_chil"><u-button text="展示提煤单" @click="showCaolPickUpBill" type="primary" ></u-button></view> |
| | | <view class="utils_chil"><u-button text="上磅计量" @click="cengZhongClick" type="primary"></u-button></view> |
| | | </view> |
| | | </view> |
| | |
| | | onShow() { |
| | | this.init(); |
| | | }, |
| | | computed:{ |
| | | userName(){ |
| | | return uni.getStorageSync('username') |
| | | }, |
| | | openid(){ |
| | | return uni.getStorageSync('openid') |
| | | } |
| | | }, |
| | | methods: { |
| | | init() { |
| | | this.coalDayPage(); |
| | |
| | | } |
| | | }); |
| | | }, |
| | | // 展示提煤单详情 |
| | | showCaolPickUpBill() { |
| | | uni.navigateTo({ |
| | | url: `/pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill?orderPlanId=${this.orderPlanId}` |
| | |
| | | console.log(res, '签到'); |
| | | }); |
| | | }, |
| | | // 入场申请 |
| | | rcsqClick() { |
| | | uni.navigateTo({ |
| | | url: `/pages/driver-page/appointment/appointment?takeCoalId=${this.orderPlanId}&type=入场申请&yyId=${this.yyId}` |
| | | }); |
| | | }, |
| | | cengZhongClick() {} |
| | | // 呼叫客服 |
| | | callCustomerService(){ |
| | | wx.join1v1Chat({ |
| | | caller: { nickname:this.userName , openid: this.openid }, |
| | | listener: { nickname: '客服', openid: 'orutI5YT0yEvARVngdsTmBpisWmw' }, // 这里的openid是fyy的,充当固定的客服openid |
| | | backgroundType: 2, |
| | | roomType: 'voice' |
| | | }); |
| | | }, |
| | | // 称重 |
| | | cengZhongClick() { |
| | | uni.navigateTo({ |
| | | url:`/pages/driver-page/driver-index/bill-of-lading-details/weighingDevice/weighingDevice?takeCoalId=${this.orderPlanId}` |
| | | }) |
| | | } |
| | | /** |
| | | * @desc 等待取煤单接口 |
| | | * */ |
| | |
| | | .bangDanMessage { |
| | | font-size: vww(20); |
| | | font-weight: 500; |
| | | border: vww(1) solid #dddddd; |
| | | border: vww(2) solid #dddddd; |
| | | border-radius: vww(20); |
| | | margin: vww(20); |
| | | margin-bottom: vww(10); |
| | |
| | | justify-content: center; |
| | | } |
| | | .timeLine { |
| | | height: 45%; |
| | | margin: vww(20); |
| | | margin-top: vww(10); |
| | | margin-bottom: vww(10); |
| | | border: vww(1) solid #dddddd; |
| | | border: vww(2) solid #dddddd; |
| | | border-radius: vww(20); |
| | | flex: 2; |
| | | padding: vww(20); |
| | | box-sizing: border-box; |
| | | overflow-y: overlay; //行为与 auto 相同,但是滚动条绘制在内容之上,而不是占据空间。 |
| | | .u-text{ |
| | | margin-bottom: vww(5)!important; |
| | | } |
| | | } |
| | | .utilsBox { |
| | | padding: vww(20); |