40 lines
1.2 KiB
Vue
40 lines
1.2 KiB
Vue
<template>
|
|
<u-modal :show="showContact" title="交易方信息" @confirm="showContact = false">
|
|
<view class="flex flex-col justify-start items-start">
|
|
<view class="pb-20 border-bottom">
|
|
<p>对方信息:</p>
|
|
<p>{{ otherName }}</p>
|
|
<p>{{ otherPhone }}</p>
|
|
</view>
|
|
<view class="mt-10">
|
|
<p>我方联系方式:</p>
|
|
<p>{{ mineName }}</p>
|
|
<p>{{ minePhone }}</p>
|
|
</view>
|
|
</view>
|
|
</u-modal>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "ContactModal",
|
|
data() {
|
|
return {
|
|
showContact: false,
|
|
otherPhone: '',
|
|
minePhone: '',
|
|
otherName: '',
|
|
mineName: '',
|
|
}
|
|
},
|
|
methods: {
|
|
open(otherPhone = null, minePhone = null, otherName = null, mineName = null,) {
|
|
this.showContact = true;
|
|
this.otherPhone = otherPhone ?? '未留下联系方式'
|
|
this.minePhone = minePhone ?? '未留下联系方式'
|
|
this.otherName = otherName ?? '未留下联系方式'
|
|
this.mineName = mineName ?? '未留下联系方式'
|
|
}
|
|
}
|
|
}
|
|
</script> |