<template>
|
<view class="wrap">
|
<u-toast ref="uToast" /><u-no-network></u-no-network>
|
<u-navbar title="物流信息" safeAreaInsetTop fixed placeholder>
|
<view class="coreshop-navbar-left-slot" slot="left">
|
<u-icon name="arrow-left" size="19" @click="goNavigateBack"></u-icon>
|
<u-line direction="column" :hairline="false" length="16" margin="0 8px"></u-line>
|
<u-icon name="home" size="22" @click="goHome"></u-icon>
|
</view>
|
<view slot="right">
|
</view>
|
</u-navbar>
|
<view v-if="isExpress">
|
<view v-for="(item, index) in express" :key="index">
|
<view>
|
<view class="u-order-desc">{{ item.context }}</view>
|
<view class="u-order-time">{{ item.time }}</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
add: '', // 收货地址
|
express: {}, // 快递物流信息
|
}
|
},
|
onLoad(options) {
|
let params = options.params
|
let arr = decodeURIComponent(params).split('&')
|
let code, no, mobile
|
for (var i = 0; i < arr.length; i++) {
|
let key = arr[i].split("=")[0]
|
if (key == 'code') {
|
code = arr[i].split("=")[1]
|
}
|
if (key == 'no') {
|
no = arr[i].split("=")[1]
|
}
|
if (key == 'add') {
|
this.add = arr[i].split('=')[1]
|
}
|
if (key == 'mobile') {
|
mobile = arr[i].split('=')[1]
|
}
|
}
|
|
if (!code || !no) {
|
this.$refs.uToast.show({
|
message: '缺少物流查询参数', type: 'error', complete: function () {
|
uni.navigateBack({
|
delta: 1
|
});
|
}
|
});
|
}
|
this.expressInfo(code, no, mobile)
|
},
|
computed: {
|
isExpress() {
|
return Object.keys(this.express).length ? true : false
|
}
|
},
|
methods: {
|
expressInfo(code, no, mobile) {
|
let data = {
|
code: code,
|
no: no,
|
mobile: mobile,
|
}
|
this.$u.api.logistics(data).then(res => {
|
if (res.status) {
|
let _info = res.data.data
|
this.express = _info
|
} else {
|
this.$u.toast(res.msg)
|
}
|
})
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
@import "expressDelivery.scss";
|
</style>
|
