Commit d6333b27 authored by 王玉鑫's avatar 王玉鑫

feat: 详情页,暂无对接人修改

parent 9bfdfdda
<!-- 联系人信息 -->
<template>
<div class="flex h-[95px] flex-col">
<div
v-if="personName"
class="flex h-[100px] flex-none items-center justify-between bg-[#FAFAFC] px-10"
>
<div class="flex h-[100px] flex-none items-center justify-between bg-[#FAFAFC] px-10">
<div class="flex items-center space-x-4">
<div class="flex items-center justify-center">
<div
class="flex h-[60px] w-[60px] items-center justify-center rounded bg-[#cccccc] font-yahei text-lg leading-5 text-white"
>
{{ personName?.[0] }}
{{ noPerson ? '空' : personName?.[0] }}
</div>
</div>
<div>
<div class="text-center font-yahei text-sm font-bold text-[#1A1A1A]">
{{ personName }}
{{ personName || '暂无对接人' }}
</div>
<div class="mt-[5px] rounded-sm text-sm text-[#4F4F4F]">园区对接人</div>
</div>
......@@ -23,9 +20,10 @@
<div>
<div
class="flex h-[44px] w-[128px] cursor-pointer items-center justify-center rounded-[4px] bg-[#C0322B] px-[23px] text-base leading-[22px] text-white"
:class="{ 'cursor-not-allowed opacity-[.45]': noPerson }"
@click="handleContact"
>
{{ isShowPhone && phone ? phone : '立即沟通' }}
{{ btnContent }}
</div>
</div>
</div>
......@@ -85,6 +83,20 @@ const isLogin = computed(() => {
return appStore.isLogin;
});
const noPerson = computed(() => {
return !props.personName;
});
const btnContent = computed(() => {
if (isShowPhone.value && phone.value) {
return phone.value;
} else if (noPerson.value) {
return '暂无对接人';
} else {
return '立即沟通';
}
});
const changeShowPhone = (b: boolean) => {
isShowPhone.value = b;
};
......@@ -109,7 +121,7 @@ const handlePhone = async () => {
};
const handleContact = () => {
if (!phone.value) {
if (!phone.value && !noPerson.value) {
if (isLogin.value) {
handlePhone();
} else {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment