| | |
| | | <view class="nr-status-type" v-if="info.type === 1">同城寄送</view> |
| | | <view class="nr-status-type1" v-if="info.type === 1 && info.isUrgent === 0">标速达</view> |
| | | <view class="nr-status-type1" v-if="info.type === 1 && info.isUrgent === 1">极速达</view> |
| | | <view class="nr-status-type2" v-if="info.exceptionStatus === 1">异常转存</view> |
| | | </view> |
| | | <view class="item" style="padding: 10rpx;" v-if="info.type ===1 && info.status===4"> |
| | | <map |
| | |
| | | <view class="addr-item-top"> |
| | | <text>{{info.depositShopName || ''}}</text> |
| | | </view> |
| | | <text>{{info.depositShopAddress || ''}} </text> |
| | | <view class='addr-link' style="top: 50rpx;"> |
| | | <image style="margin-right: 10rpx;" @click="contactPhoneDo(info.takePhone)" src="/static/icon/ic_call@2x.png" mode="widthFix" ></image> |
| | | <text style="width: 70%;">{{info.depositShopAddress || ''}} </text> |
| | | <view class='addr-link' style="top: 0;" @click="contactPhoneDo(info.takePhone)"> |
| | | <image style="margin-right: 10rpx;" src="/static/icon/ic_call@2x.png" mode="widthFix" ></image> |
| | | <text class=" txt-d1">联系客户</text> |
| | | </view> |
| | | </view> |
| | |
| | | <view class="addr-item-top"> |
| | | <text class=" txt-d">司机:{{info.driverName || '战神'}} </text> |
| | | </view> |
| | | <view class='addr-link'> |
| | | <image style="margin-right: 10rpx;" @click="contactPhoneDo(info.driverPhone)" src="/static/icon/ic_call@2x.png" mode="widthFix" ></image> |
| | | <view class='addr-link' style="top: 0;" @click="contactPhoneDo(info.driverPhone)"> |
| | | <image style="margin-right: 10rpx;" src="/static/icon/ic_call@2x.png" mode="widthFix" ></image> |
| | | <text class=" txt-d1">联系司机</text> |
| | | </view> |
| | | |
| | |
| | | <view class="item-form-val" style="color: #333333; font-size: 24rpx;">¥{{((info.declaredFee || 0)/100).toFixed(2)}}</view> |
| | | </view> |
| | | <view class="item-list-row"> |
| | | <view class="item-form-label" style="color: #333333; font-size: 28rpx;">优惠金额</view> |
| | | <view class="item-form-val" style="color: #333333; font-size: 24rpx;">¥{{((info.deductionAmount || 0)/100).toFixed(2)}}</view> |
| | | </view> |
| | | <view class="item-list-row"> |
| | | <view class="item-form-label" style="color: #222222; font-size: 30rpx; font-weight: 600;">实付款</view> |
| | | <view class="item-form-val price" style="color: #FE2C2E; font-size: 36rpx;">{{((info.actualPayAmount || 0)/100).toFixed(2)}}</view> |
| | | </view> |
| | |
| | | <view class="footer-btns"> |
| | | <view class="btn kong" @click="contactPhoneDo(info.takePhone)" v-if="info.status === 1 || info.status === 5" >联系客户</view> |
| | | <view class="btn kong" @click="contactPhoneDo(info.driverPhone)" v-if="info.type ===1&&(info.status === 4 || info.status === 3)">联系骑手</view> |
| | | <view class="btn you" v-if="info.status ===1 || info.status ===4 " @click="hexiaoOrder(info)" >收件核销</view> |
| | | <view class="btn you" v-if="info.status ==2 || info.status ===3 || info.status ===4 " @click="printerOrder(info)" >打印标签</view> |
| | | <view class="btn you" v-if="info.status ===5 &&(info.overdueStatus ==0 || info.overdueStatus == 1)" @click="hexiaoOrder(info)" >确认到店</view> |
| | | <!-- <view class="btn you" v-if="[1,4].includes(info.status) && info.takeShopId" @click="hexiaoOrder(info)" >收件核销</view> --> |
| | | |
| | | <view class="btn you" v-if="(info.status === 1 && (shopInfo.id == info.depositShopId)) || (info.status === 4 && (shopInfo.id == info.takeShopId))" @click="hexiaoOrder(info)" >收件核销</view> |
| | | |
| | | <view class="btn you" v-if="info.status>0||info.status<=7 " @click="printerOrder(info)" >打印标签</view> |
| | | <view class="btn you" v-if="info.status ===5 &&(info.overdueStatus ==0 || info.overdueStatus == 1) && info.takeShopId" @click="hexiaoOrder(info)" >确认到店</view> |
| | | <view class="btn you" v-if="info.status ===5 && (info.overdueStatus == 4 || info.overdueStatus == 2)" @click="hexiaoOrder(info)" >取件核销</view> |
| | | </view> |
| | | </view> |
| | |
| | | |
| | | export default { |
| | | computed: { |
| | | ...mapState(['navHeight', 'statusbarHeight']) |
| | | ...mapState(['navHeight', 'statusbarHeight', 'shopInfo']) |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | console.log('data.paths:', data.paths) |
| | | console.log('driverLng:', driverLng, 'driverLat:', driverLat, 'depositShopLng:', depositShopLng, 'depositShopLat:', depositShopLat) |
| | | var points = [] |
| | | var duration = 0 |
| | | if (data.paths && data.paths.length > 0) { |
| | | var path = data.paths[0] |
| | | duration = path.duration || 0 |
| | | console.log('path:', path) |
| | | console.log('path keys:', Object.keys(path)) |
| | | |
| | |
| | | } |
| | | } |
| | | console.log('points:', points) |
| | | |
| | | var expectedTime = '' |
| | | if (duration > 0) { |
| | | var now = new Date() |
| | | var arrivalTime = new Date(now.getTime() + duration * 1000) |
| | | var month = arrivalTime.getMonth() + 1 |
| | | var day = arrivalTime.getDate() |
| | | var hours = arrivalTime.getHours() |
| | | var minutes = arrivalTime.getMinutes() |
| | | expectedTime = month + '.' + (day < 10 ? '0' + day : day) + ' ' + (hours < 10 ? '0' + hours : hours) + ':' + (minutes < 10 ? '0' + minutes : minutes) |
| | | } |
| | | |
| | | that.polyline = [{ |
| | | points: points, |
| | |
| | | height: 30, |
| | | anchor: { x: 0.5, y: 0.5 }, |
| | | callout: { |
| | | content: '预计到店时间\n' + (that.info.expectedDepositTime || ''), |
| | | content: '预计到店时间\n' + expectedTime, |
| | | color: '#222222', |
| | | fontSize: 14, |
| | | borderRadius: 4, |
| | | padding: 8, |
| | | display: 'ALWAYS', |
| | | bgColor: 'rgba(255, 255, 255, 0.95)' |
| | | bgColor: '#ffffff' |
| | | } |
| | | } |
| | | ] |
| | |
| | | font-size: 24rpx; |
| | | color: #FA8010; |
| | | } |
| | | .nr-status-type2 { |
| | | width: 158rpx; |
| | | height: 38rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | background: #FFFFFF; |
| | | border-radius: 8rpx; |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | color: #FF0000; |
| | | margin-left: 16rpx; |
| | | } |
| | | .nr-status-type1 { |
| | | width: 158rpx; |
| | | height: 38rpx; |