116 lines
3.0 KiB
Vue
116 lines
3.0 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 @click="handleGoDetail">
|
|
<u-row custom-style="margin-top: 30rpx;" justify="center">
|
|
<u-col span="4">
|
|
<u-text :text="(sender.countryName + sender.provinceName)||'-'" size="30" :bold="true" align="center"></u-text>
|
|
<u-text :text="sender.name" size="26" color="#999" margin="20rpx 0 0 0"
|
|
align="center"></u-text>
|
|
</u-col>
|
|
<u-col span="4" justify="center" align="center" custom-style="text-align: center;">
|
|
<image style="width: 70rpx;height: 14rpx;" :src="getCdnUrl('search/toline.png')">
|
|
</image>
|
|
<!-- getCdnUrl('post/toline-grey.png') -->
|
|
<view class="mt-10">
|
|
<tpx-text-dic :value="modelInfo.waybillStatus" :list="dicData.emis_waybill_status" ></tpx-text-dic>
|
|
</view>
|
|
</u-col>
|
|
<u-col span="4">
|
|
<u-text :text="(reciever.countryName + reciever.provinceName)||'-'" size="30" :bold="true" align="center"></u-text>
|
|
<u-text :text="reciever.name" size="26" color="#999" margin="20rpx 0 0 0"
|
|
align="center"></u-text>
|
|
</u-col>
|
|
</u-row>
|
|
|
|
<u-text :text="`下单时间：${modelInfo.sendDate}`" 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
|
|
}
|
|
},
|
|
hideDetail: {
|
|
default () {
|
|
return false
|
|
}
|
|
},
|
|
},
|
|
data() {
|
|
return {}
|
|
},
|
|
created() {
|
|
|
|
},
|
|
onHide() {
|
|
|
|
},
|
|
unmounted() {
|
|
|
|
},
|
|
|
|
methods: {
|
|
handleGoDetail(){
|
|
if(!this.hideDetail) {
|
|
this.goto(`post/detail?billCode=${this.modelInfo.billCode}`)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
|
|
</style> |