105 lines
2.7 KiB
Vue
105 lines
2.7 KiB
Vue
|
<template>
|
||
|
|
<u-row justify="between">
|
||
|
|
<u-row @click="setClipboardData(modelInfo.billCode)">
|
||
|
|
<view>
|
||
|
|
<u-text v-if="modelInfo.billCode" :text="`运单号：${modelInfo.billCode}` " size="26"></u-text>
|
||
|
|
<u-text v-else :text="`订单号：${modelInfo.orderSn}` " size="26"></u-text>
|
||
|
|
</view>
|
||
|
|
<view class="pl-10">
|
||
|
|
<u-icon name="file-text" size="32" custom-style=""></u-icon>
|
||
|
|
</view>
|
||
|
|
</u-row>
|
||
|
|
<view>
|
||
|
|
<view v-if="showInfoBtn" @click="goto(`post/detail?billCode=${modelInfo.billCode}`)" class="com-tag-grey">
|
||
|
|
运单信息
|
||
|
|
</view>
|
||
|
|
<tpx-text-dic v-if="false" :value="modelInfo.orderStatus" :list="dicData.emis_order_status" ></tpx-text-dic>
|
||
|
|
</view>
|
||
|
|
</u-row>
|
||
|
|
|
||
|
|
<view >
|
||
|
|
<u-row custom-style="margin-top: 30rpx;" justify="center">
|
||
|
|
<u-col span="4">
|
||
|
|
<u-text :text="(modelInfo.sendSiteName)||'-'" size="30" :bold="true" align="center"></u-text>
|
||
|
|
</u-col>
|
||
|
|
<u-col span="4" justify="center" align="center" custom-style="text-align: center;">
|
||
|
|
<view>
|
||
|
|
<tpx-text-dic :value="modelInfo.waybillStatus" :list="dicData.emis_waybill_status" ></tpx-text-dic>
|
||
|
|
</view>
|
||
|
|
<image style="width: 70rpx;height: 14rpx;" :src="getCdnUrl('search/toline.png')">
|
||
|
|
</image>
|
||
|
|
<!-- getCdnUrl('post/toline-grey.png') -->
|
||
|
|
<view class="mt-10">
|
||
|
|
<text>{{modelInfo.productTypeName}}</text>
|
||
|
|
</view>
|
||
|
|
</u-col>
|
||
|
|
<u-col span="4">
|
||
|
|
<u-text :text="(modelInfo.dispatchUnderlingSiteName)||'-'" size="30" :bold="true" align="center"></u-text>
|
||
|
|
</u-col>
|
||
|
|
</u-row>
|
||
|
|
|
||
|
|
<u-text :text="`预计送达时间：${modelInfo.estimateDate || '-'}`" color="#999" size="24"
|
||
|
|
margin="30rpx 0 0 0"></u-text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
computed: {
|
||
|
|
modelInfo: {
|
||
|
|
get() {
|
||
|
|
return this.value
|
||
|
|
}
|
||
|
|
},
|
||
|
|
sender() {
|
||
|
|
let obj = JSON.parse(JSON.stringify(this.value?.sender || this.value || {}))
|
||
|
|
obj.countryName = obj.sendCountryName || obj.countryName
|
||
|
|
obj.provinceName = obj.sendProvinceName || obj.provinceName
|
||
|
|
obj.name = obj.sendName || obj.name
|
||
|
|
return obj
|
||
|
|
},
|
||
|
|
reciever() {
|
||
|
|
let obj = JSON.parse(JSON.stringify(this.value?.reciever || this.value || {}))
|
||
|
|
obj.countryName = obj.receiveCountryName || obj.countryName
|
||
|
|
obj.provinceName = obj.receiveProvinceName || obj.provinceName
|
||
|
|
obj.name = obj.receiveName || obj.name
|
||
|
|
return obj
|
||
|
|
},
|
||
|
|
dicData() {
|
||
|
|
return this.$store.getters.dicData
|
||
|
|
}
|
||
|
|
},
|
||
|
|
props: {
|
||
|
|
value: {
|
||
|
|
default () {
|
||
|
|
return {}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
showInfoBtn: {
|
||
|
|
default () {
|
||
|
|
return true
|
||
|
|
}
|
||
|
|
},
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {}
|
||
|
|
},
|
||
|
|
created() {
|
||
|
|
|
||
|
|
},
|
||
|
|
onHide() {
|
||
|
|
|
||
|
|
},
|
||
|
|
unmounted() {
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
methods: {
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped lang="scss">
|
||
|
|
|
||
|
|
</style>
|