124 lines
3.2 KiB
Vue
124 lines
3.2 KiB
Vue
<template>
|
||
<view class="app">
|
||
<view class="info">
|
||
<image :src="baseurl+list.attributePitureUrl" mode=""></image>
|
||
<view class="title" v-if="expresslist">
|
||
{{expresslist.State==0?'暂无信息':''}}
|
||
{{expresslist.State==1?'已揽收':''}}
|
||
{{expresslist.State==2?'在途中':''}}
|
||
{{expresslist.State==3?'已签收':''}}
|
||
{{expresslist.State==4?'问题件':''}}
|
||
</view>
|
||
<view class="title" v-else>
|
||
未发货
|
||
</view>
|
||
<view class="express" v-if="expresslist">
|
||
{{expresslist.shipperName}}：{{expresslist.LogisticCode}}
|
||
</view>
|
||
<view class="border" style=""></view>
|
||
<view class="address">
|
||
【收货地址】{{list.receiveAddress}}
|
||
</view>
|
||
</view>
|
||
<view class="logisticsinfo" v-if="expresslist">
|
||
<view class="item" v-for="(item,index) in expresslist.Traces">
|
||
<view class="time">
|
||
{{item.AcceptTime}}
|
||
</view>
|
||
<view class="title">
|
||
{{Actioncode(item.Action)}}
|
||
</view>
|
||
<view class="text">
|
||
{{item.AcceptStation}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="logisticsinfo" v-else style="height:100vh">
|
||
<view class="item" style="height: 260rpx;">
|
||
<view class="time">
|
||
{{gettime}}
|
||
</view>
|
||
<view class="title">
|
||
暂无物流信息
|
||
</view>
|
||
<view class="text">
|
||
<!-- {{item.AcceptStation}} -->
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {
|
||
queryLogistics
|
||
} from '@/api/logistics/index.js'
|
||
import baseurl from '../../api/baseurl';
|
||
export default {
|
||
data() {
|
||
return {
|
||
gettime: null,
|
||
baseurl: '', //url
|
||
list: {}, //订单信息
|
||
expresslist: null, //快递信息
|
||
};
|
||
},
|
||
methods: {
|
||
//快递信息
|
||
queryLogisticsInfo(goOrderNo, expressNo) {
|
||
queryLogistics(goOrderNo, expressNo).then(res => {
|
||
this.expresslist = res.data
|
||
})
|
||
},
|
||
//判断状态
|
||
Actioncode(code) {
|
||
var obj = {
|
||
0: '暂无轨迹信息',
|
||
1: '已揽收',
|
||
2: '在途中',
|
||
201: '到达派件城市',
|
||
202: '派件中',
|
||
211: '已放入快递柜或驿站',
|
||
3: '已签收',
|
||
301: '正常签收',
|
||
302: '派件异常后最终签收',
|
||
304: '代收签收',
|
||
311: '快递柜或驿站签收',
|
||
4: '问题件',
|
||
401: '发货无信息',
|
||
402: '超时未签收',
|
||
403: '超时未更新',
|
||
404: '拒收(退件)',
|
||
405: '派件异常',
|
||
406: '退货签收',
|
||
407: '退货未签收',
|
||
412: '快递柜或驿站超时未取',
|
||
10: '待揽件',
|
||
}
|
||
return obj[code]
|
||
},
|
||
getCurrentTime() {
|
||
//获取当前时间并打印
|
||
var that = this;
|
||
let yy = new Date().getFullYear();
|
||
let mm = new Date().getMonth() + 1;
|
||
let dd = new Date().getDate();
|
||
let hh = new Date().getHours();
|
||
let mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes() : new Date().getMinutes();
|
||
let ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds() : new Date().getSeconds();
|
||
that.gettime = yy + '/' + mm + '/' + dd + ' ' + hh + ':' + mf + ':' + ss;
|
||
}
|
||
},
|
||
onLoad(options) {
|
||
this.baseurl = baseurl
|
||
this.list = JSON.parse(options.item)
|
||
this.queryLogisticsInfo(this.list.goOrderNo, this.list.expressNo);
|
||
this.getCurrentTime();
|
||
},
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
@import './logistics.scss';
|
||
</style>
|