123 lines
3.0 KiB
Vue
123 lines
3.0 KiB
Vue
<template>
|
|
<view>
|
|
<u-row custom-style="position:relative;" align="top"
|
|
justify="between">
|
|
<view>
|
|
<image style="height: 50rpx;width: 42rpx;" :src="getCdnUrl(`post/ji.png`)"></image>
|
|
</view>
|
|
<view style="flex: 1;padding: 0 30rpx;">
|
|
<view style="flex: 1;">
|
|
<template v-if="modelInfo.sender && modelInfo.sender.name">
|
|
<text class="font-weight pr-10">{{modelInfo.sender.name}}</text>
|
|
<text class="">{{modelInfo.sender.phone}}</text>
|
|
</template>
|
|
<template v-else>
|
|
<text class="font-weight">寄件人信息</text>
|
|
</template>
|
|
</view>
|
|
<view style="margin: 8rpx 0 0 0;">
|
|
<u-text :text="sendDetail" size="26" color="#999"></u-text>
|
|
</view>
|
|
</view>
|
|
<view class="flex-column-center">
|
|
<image style="height: 32rpx;width: 28rpx;" :src="getCdnUrl(`post/eye-off.svg`)">
|
|
</image>
|
|
</view>
|
|
<view style="position: absolute;left: 20rpx;bottom: -20rpx;top: 46rpx;">
|
|
<u-line custom-style="height:100%;" direction="col" dashed="true"></u-line>
|
|
</view>
|
|
</u-row>
|
|
<view style="padding-left: 76rpx;">
|
|
<u-line margin="20rpx 0"></u-line>
|
|
</view>
|
|
<u-row custom-style="position:relative;" align="top"
|
|
justify="between">
|
|
<view style="position: absolute;left: 20rpx;top: -20rpx;bottom: 100%;">
|
|
<u-line custom-style="height:100%;" direction="col" dashed="true"></u-line>
|
|
</view>
|
|
<view>
|
|
<image style="height: 50rpx;width: 42rpx;" :src="getCdnUrl(`post/shou.png`)">
|
|
</image>
|
|
</view>
|
|
<view class="pr-30 pl-30" style="flex: 1;">
|
|
<view style="flex: 1;">
|
|
<template v-if="modelInfo.reciever && modelInfo.reciever.name">
|
|
<text class="font-weight pr-10">{{modelInfo.reciever.name}}</text>
|
|
<text class="">{{modelInfo.reciever.phone}}</text>
|
|
</template>
|
|
<template v-else>
|
|
<text class="font-weight">收件人信息</text>
|
|
</template>
|
|
</view>
|
|
<view style="margin: 8rpx 0 0 0;">
|
|
<u-text :text="recieverDetail" size="26" color="#999"></u-text>
|
|
</view>
|
|
</view>
|
|
<view class="flex-column-center">
|
|
<image style="height: 32rpx;width: 28rpx;" :src="getCdnUrl(`post/eye-line.svg`)">
|
|
</image>
|
|
</view>
|
|
</u-row>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
import { pageEventNames } from "@/common/enum"
|
|
import { getAddressDetail } from "@/common/util"
|
|
|
|
export default {
|
|
computed: {
|
|
modelInfo: {
|
|
get(){
|
|
return this.value
|
|
}
|
|
},
|
|
sendDetail: {
|
|
get(){
|
|
const { sender: item } = this.modelInfo
|
|
return getAddressDetail(item) || '请填写寄件人国家、姓名，电话'
|
|
}
|
|
},
|
|
recieverDetail: {
|
|
get(){
|
|
const { reciever: item } = this.modelInfo
|
|
return getAddressDetail(item) || '请填写收件人国家、姓名，电话'
|
|
}
|
|
},
|
|
},
|
|
props: {
|
|
value: {
|
|
default () {
|
|
return { }
|
|
}
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
}
|
|
},
|
|
created() {
|
|
},
|
|
onHide() {
|
|
|
|
},
|
|
unmounted() {
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.shet-cont{
|
|
padding: 10rpx 0 30rpx 0;
|
|
}
|
|
.jsfm-item{
|
|
margin-top: 30rpx;
|
|
}
|
|
|
|
</style> |