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>
|