98 lines
3.7 KiB
Vue
98 lines
3.7 KiB
Vue
|
<template>
|
|||
|
|
<view v-if="pageShow">
|
|||
|
|
<!-- 使用标题栏 -->
|
|||
|
|
<status-nav class="statush" :statusBackw="true" :statusTitle="true" :title-val="'查看物流'" :tabcolor="'#ffffff'"></status-nav>
|
|||
|
|
<view class="bacb padding-zy20 padding-sx30" :style="{paddingTop:statusHNH+'px'}">
|
|||
|
|
<view class="disba margin-s30 margin-x20">
|
|||
|
|
<view class="fon30 bold">包裹已{{orderStatus}}</view>
|
|||
|
|
<view class="fon26 color9">{{orderTime}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="dis">
|
|||
|
|
<image class="flexs goodsImg radius10" :src="orderImg" mode="aspectFill"></image>
|
|||
|
|
<view class="margin-z20 margin-s10">
|
|||
|
|
<view class="clips1 fon28">{{orderInfo.skus[0].spu_name}}</view>
|
|||
|
|
<view class="fon24 margin-sx20">订单号：{{orderInfo.order_id}}</view>
|
|||
|
|
<view class="fon28 color9 padding20 width100" style="background-color: #f8f8f8;border-radius: 2rpx;">
|
|||
|
|
<view>您的包裹已成功{{orderResult}}</view>
|
|||
|
|
<view class="clips1 margin-s20">物流公司：{{orderInfo.express_name}}</view>
|
|||
|
|
<view class="disba">
|
|||
|
|
<view class="clips1">运单编号：{{orderInfo.express_number}}</view>
|
|||
|
|
<view class="flexs" @tap="copy" style="width: 94rpx;height: 60rpx;line-height: 60rpx;text-align: center;border-radius: 30.5rpx;border: 1rpx solid #999999;color: #000000;">复制</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
orderInfo:{},//订单详情
|
|||
|
|
orderImg:'',//订单图片
|
|||
|
|
orderStatus:'',//当前状态
|
|||
|
|
orderResult:'',//当前状态结果
|
|||
|
|
orderTime:'',//当前状态时间
|
|||
|
|
statusHNH:uni.getStorageSync('statusHNH'),
|
|||
|
|
pageShow:false
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onShow() {
|
|||
|
|
this.$toolAll.tools.guoq()
|
|||
|
|
},
|
|||
|
|
onLoad(options) {
|
|||
|
|
this.checkWl(options.orderId)
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
checkWl(orderId){//查看物流事件
|
|||
|
|
this.$requst.post('order/logistics',{order_id:orderId}).then(res=>{
|
|||
|
|
// console.log(res);
|
|||
|
|
if(res.code==0){
|
|||
|
|
this.pageShow = true
|
|||
|
|
this.orderInfo = res.data
|
|||
|
|
this.orderImg = this.$http + res.data.skus[0].sku_cover
|
|||
|
|
if(res.data.status=='shipped') {
|
|||
|
|
this.orderStatus = this.orderResult = '发货'
|
|||
|
|
}
|
|||
|
|
if(res.data.status=='completed') {
|
|||
|
|
this.orderStatus = '领取'
|
|||
|
|
this.orderResult = '取出'
|
|||
|
|
}
|
|||
|
|
if(res.data.express_info.status==500){
|
|||
|
|
let zdtime = res.data.skus[0].created_at//获取物流最新时间
|
|||
|
|
let jtime = zdtime.slice(0,10)//去除时分秒
|
|||
|
|
let ftime = jtime.split('-')//去除-
|
|||
|
|
this.orderTime = ftime[0].slice(2,4)+'/'+ftime[1]+'/'+ftime[2]
|
|||
|
|
} else {
|
|||
|
|
if(res.data.express_info.data.length!=0){
|
|||
|
|
let zdtime = res.data.express_info.data[0].time//获取物流最新时间
|
|||
|
|
let jtime = zdtime.slice(0,10)//去除时分秒
|
|||
|
|
let ftime = jtime.split('-')//去除-
|
|||
|
|
this.orderTime = ftime[0].slice(2,4)+'/'+ftime[1]+'/'+ftime[2]
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},error=>{})
|
|||
|
|
},
|
|||
|
|
copy(){
|
|||
|
|
uni.setClipboardData({
|
|||
|
|
data: this.orderInfo.express_number,
|
|||
|
|
success: function() {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '复制成功',
|
|||
|
|
duration: 2000,
|
|||
|
|
icon: 'none'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
|
|||
|
|
</style>
|