| | |
| | | </view>
|
| | | </view>
|
| | | <view v-if="info.logisticsStatus == 0" @click="startTrans" class="start_btn">启运</view>
|
| | | <!-- --> |
| | | <view v-if="showTip" class="tip_wrap"> |
| | | <view class="title">提示</view> |
| | | <view class="text">车辆刚启运,暂无法进行到</view> |
| | | <view class="text">货操作,请5分钟后再试</view> |
| | | <view class="btn" @click="showTip = false">我知道了</view> |
| | | </view> |
| | | <view v-if="showTip" class="shade"></view> |
| | | </view>
|
| | | </template>
|
| | |
|
| | |
| | | putTaskDetail,
|
| | | putDriverArrival,
|
| | | putDriverStart,
|
| | |
|
| | | } from '@/api'
|
| | | export default {
|
| | | data() {
|
| | |
| | | info: {
|
| | | productDetails: [],
|
| | | transportStop: []
|
| | | }
|
| | | }, |
| | | showTip: false
|
| | | };
|
| | | },
|
| | | onLoad(options) {
|
| | |
| | | id: this.id,
|
| | | optType: 0
|
| | | }).then((ress) => {
|
| | | if (ress.code == 200) {
|
| | | if (ress.code == 200) { |
| | | const transportList = uni.getStorageSync('transportList') || [] |
| | | transportList.push({ id: this.id, time: new Date().getTime() }) |
| | | uni.setStorageSync('transportList', transportList)
|
| | | this.showToast('启运成功') |
| | | this.getDetail()
|
| | | }
|
| | |
| | | title: '提示',
|
| | | content: '确认到货么?',
|
| | | success: (res) => {
|
| | | if (res.confirm) {
|
| | | if (res.confirm) { |
| | | const transportList = uni.getStorageSync('transportList') || [] |
| | | const item = transportList.find(i => i.id == this.id) |
| | | if(item && item.id){ |
| | | const timeN = new Date().getTime() - item.time |
| | | if(timeN < 5 * 60 * 1000){ |
| | | this.showTip = true |
| | | return |
| | | } |
| | | }
|
| | | putDriverArrival({
|
| | | stopNumber,
|
| | | optType: 1,
|
| | |
| | | <style lang="scss">
|
| | | page {
|
| | | background-color: #f7f7f7;
|
| | | } |
| | | .shade{ |
| | | width: 100vw; |
| | | height: 100vh; |
| | | background: #000000; |
| | | opacity: 0.4; |
| | | position: fixed; |
| | | left: 0; |
| | | top: 0; |
| | | z-index: 99; |
| | | }
|
| | |
|
| | | .tip_wrap{ |
| | | position: fixed; |
| | | top: 0; |
| | | left: 0; |
| | | bottom: 0; |
| | | right: 0; |
| | | margin: auto; |
| | | width: 560rpx; |
| | | height: 328rpx; |
| | | background: #FFFFFF; |
| | | border-radius: 24rpx; |
| | | text-align: center; |
| | | z-index: 999; |
| | | .title{ |
| | | font-weight: 500; |
| | | font-size: 32rpx; |
| | | color: #111111; |
| | | margin: 40rpx 0 30rpx; |
| | | } |
| | | .text{ |
| | | font-weight: 400; |
| | | font-size: 28rpx; |
| | | color: #333333; |
| | | } |
| | | .btn{ |
| | | margin-top: 32rpx; |
| | | height: 100rpx; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | border-top: 1rpx solid #E5E5E5; |
| | | color: #279BAA; |
| | | font-size: 32rpx; |
| | | } |
| | | }
|
| | | .head_bg {
|
| | | width: 750rpx;
|
| | | height: 240rpx;
|