From 80be8fa65b92113834bbf91b8208d01718fc9253 Mon Sep 17 00:00:00 2001
From: A1300399510 <A1300399510>
Date: Fri, 28 Jul 2023 15:20:30 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=B0=8Fbug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/public/backToTop.vue    |  10 +-
 src/components/public/circle-btn.vue   |  13 +-
 src/components/public/group-QRcode.vue |   1 +
 src/components/public/viewMap.vue      |   1 +
 src/views/detail.vue                   | 392 +++++++++++++------------
 5 files changed, 221 insertions(+), 196 deletions(-)

diff --git a/src/components/public/backToTop.vue b/src/components/public/backToTop.vue
index af8e52d..130ea2d 100644
--- a/src/components/public/backToTop.vue
+++ b/src/components/public/backToTop.vue
@@ -33,7 +33,7 @@ const screenroll = () => {
 <style lang="less" scoped>
 @media screen and (max-width: 1360px) {
     .returnTop {
-        right: 0 !important;
+        right: 20px !important;
     }
 }
 
@@ -41,8 +41,8 @@ const screenroll = () => {
     position: fixed;
     right: calc((100vw - 1200px) / 2 - 75px);
     bottom: 18px;
-    width: 50px;
-    height: 50px;
+    width: 60px;
+    height: 60px;
     background-color: #323232;
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.11764706);
     border-radius: 50%;
@@ -50,8 +50,8 @@ const screenroll = () => {
     cursor: pointer;
 
     .icon {
-        width: 24px;
-        height: 24px;
+        width: 28px;
+        height: 28px;
     }
 }
 </style>
\ No newline at end of file
diff --git a/src/components/public/circle-btn.vue b/src/components/public/circle-btn.vue
index d7e1a83..32a18c4 100644
--- a/src/components/public/circle-btn.vue
+++ b/src/components/public/circle-btn.vue
@@ -30,10 +30,19 @@ let circleState = ref(false)
 </script>
 
 <style lang="less" scoped>
+
+@media screen and (max-width: 1360px) {
+    .circle-btn {
+        right: 20px !important;
+    }
+}
+
 .circle-btn {
     position: fixed;
-    bottom: 58px;
-    right: 58px;
+    bottom: 98px;
+    // right: 58px;
+    right: calc((100vw - 1200px) / 2 - 75px);
+
     width: 60px;
     height: 60px;
     background-color: #50e3c2;
diff --git a/src/components/public/group-QRcode.vue b/src/components/public/group-QRcode.vue
index 6427527..848b48a 100644
--- a/src/components/public/group-QRcode.vue
+++ b/src/components/public/group-QRcode.vue
@@ -27,6 +27,7 @@ const { wechat } = toRefs(store.state);
 <style lang="less" scoped>
 .QRcode-box {
     width: 304px;
+    font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif;
     // height: 304px;
     background-color: rgba(255, 255, 255, 1);
     border: 1px solid rgba(235, 235, 235, 1);
diff --git a/src/components/public/viewMap.vue b/src/components/public/viewMap.vue
index cb17c8d..0f65cd7 100644
--- a/src/components/public/viewMap.vue
+++ b/src/components/public/viewMap.vue
@@ -29,6 +29,7 @@ const props = defineProps({
 let key = ref("MVNBZ-PEFWI-O4OGT-5ADVJ-7QAYJ-NBFY4")
 
 const initMap = () => {
+    console.log("props.latlng",props.latlng);
     let center = new TMap.LatLng(props.latlng['latitude'], props.latlng['longitude']);
     let map = new TMap.Map("container", {
         zoom: 15,
diff --git a/src/views/detail.vue b/src/views/detail.vue
index e546387..06981a0 100644
--- a/src/views/detail.vue
+++ b/src/views/detail.vue
@@ -163,7 +163,7 @@
                                         || 0 }}
                                 </div>
                             </div>
-                            <div class="img-list-box dis-f jus-x al-item" v-show="imgList.length > 0"> plm{{ imageIndex }}plm
+                            <div class="img-list-box dis-f jus-x al-item" v-show="imgList.length > 0">
                                 <img src="../assets/img/detail/moreNot.svg" class="icon left-icon" alt=""
                                     @click.stop="moveImageList('left')"
                                     v-show="imgListTab === 0 && imageLIst[imageLIst.length - 1] > 800">
@@ -177,7 +177,8 @@
                                     style="transform: rotate(180deg);" @click.stop="moveImageList('right')"
                                     v-show="imgList.length - 1 === imgListTab && imageLIst[imageLIst.length - 1] > 800">
                                 <div class="dis-f al-item list-box s-w-100" ref="imageList" v-if="imgList.length > 0">
-                                    <div v-for="(item, i) in imgList" :key="i" @click.stop="imageIndex = i, imageShow = true">
+                                    <div v-for="(item, i) in imgList" :key="i"
+                                        @click.stop="imageIndex = i, imageShow = true">
                                         <div class="video" v-if="item && !item.thumbnail">
                                             <div class="icon-box dis-f jus-x al-item">
                                                 <img src="../assets/img/detail/videoStop.svg" class="icon" alt="">
@@ -445,7 +446,7 @@
                                     }}</span>
                             </div>
                             <div class="dis-f jus-x" style="margin-top:15px;">
-                                <div v-if="housingInfo['data']">
+                                <div v-if="housingInfo['data'] && housingInfo['data'].info.latitude">
                                     <mapInfo :latlng="{
                                         longitude: housingInfo['data'].info.longitude * 1,
                                         latitude: housingInfo['data'].info.latitude * 1
@@ -738,7 +739,7 @@
         <!-- 推荐 -->
         <div class="dis-f jus-x" v-if="pageType != 3 && (recommendListData.length > 0 || publisherList.length > 0)">
             <div class="body-maxWidth housing-title" style="margin-top:50px;">
-                {{ pageType==2&&housingInfo['data'].isintermediary?`发布者的其他房源（${publisherList.length}）`:'附近房源' }}
+                {{ pageType == 2 && housingInfo['data'].isintermediary ? `发布者的其他房源（${publisherList.length}）` : '附近房源' }}
             </div>
         </div>
         <div class="dis-f  jus-x al-item" style="position: relative;" v-if="pageType != 3">
@@ -758,241 +759,244 @@
         </div>
 
         <div class="dis-f jus-x bottom-tps"
-            v-if="pageType ===1 || (pageType===2&&recommendListData.length>0&&housingInfo['data']&&housingInfo['data'].isintermediary)">
+            v-if="pageType === 1 || (pageType === 2 && recommendListData.length > 0 && housingInfo['data'] && housingInfo['data'].isintermediary)">
             - {{ loadText }} -
         </div>
         <footerTool class="mg-t-60"></footerTool>
-        <div class="pop-box" v-show="showConcat">
-            <!-- 两种信息 -->
-            <!-- third-concat -->
-            <div class="pop-big-box" v-show="concatData.data && concatData.data.count > 1"
-                :class="{ 'third-concat': concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3 }">
-                <div class="pop-info-box dis-f jus-x al-item"
+        <div class="pop-mask" v-show="showConcat">
+            <div class="pop-box">
+                <!-- 两种信息 -->
+                <!-- third-concat -->
+                <div class="pop-big-box" v-show="concatData.data && concatData.data.count > 1"
                     :class="{ 'third-concat': concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3 }">
-                    <div class="pop-big-bg dis-f jus-x al-item"
+                    <div class="pop-info-box dis-f jus-x al-item"
                         :class="{ 'third-concat': concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3 }">
-                        <div class="user-liner-box dis-f al-item"
-                            :class="{ 'jus-bet': concatData.data && concatData.data.count > 2 }">
-                            <!-- class='s-w-100' -->
-                            <div style="padding:0 0 30px 0;"
-                                :class="[{ 's-w-100': concatData.data && concatData.data.count === 2 }]">
-                                <div class="liner-title">
-                                    联系方式
-                                </div>
-                                <div class="whatsapp-box"
-                                    v-if="concatData.data && concatData.data.wechat && concatData.data.count > 2">
-                                    <div class="dis-f al-item">
-                                        <img src="../assets/img/detail/wxIcon.png" class="whatsapp-icon" alt="">
-                                        微信
+                        <div class="pop-big-bg dis-f jus-x al-item"
+                            :class="{ 'third-concat': concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3 }">
+                            <div class="user-liner-box dis-f al-item"
+                                :class="{ 'jus-bet': concatData.data && concatData.data.count > 2 }">
+                                <!-- class='s-w-100' -->
+                                <div style="padding:0 0 30px 0;"
+                                    :class="[{ 's-w-100': concatData.data && concatData.data.count === 2 }]">
+                                    <div class="liner-title">
+                                        联系方式
                                     </div>
-                                    <div class="dis-f al-item box-text mg-l-35">
-                                        <div style="width:120px;">
-                                            {{ concatData.data && concatData.data.wechat }}
+                                    <div class="whatsapp-box"
+                                        v-if="concatData.data && concatData.data.wechat && concatData.data.count > 2">
+                                        <div class="dis-f al-item">
+                                            <img src="../assets/img/detail/wxIcon.png" class="whatsapp-icon" alt="">
+                                            微信
                                         </div>
-                                        <div class="clone-btn dis-f al-item jus-x mg-l-50"
-                                            @click.stop="clone(concatData.data.wechat)">
-                                            <img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
-                                            复制
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="whatsapp-box"
-                                    v-if="concatData.data && concatData.data.whatsapp && concatData.data.count > 2">
-                                    <div class="dis-f al-item">
-                                        <img src="../assets/img/detail/WhatsAppIcon.png" class="whatsapp-icon" alt="">
-                                        WhatsApp
-                                    </div>
-                                    <div class="dis-f al-item box-text mg-l-35">
-                                        <div style="width:120px;">
-                                            {{ concatData.data && concatData.data.whatsapp }}
-                                        </div>
-                                        <div class="clone-btn dis-f al-item jus-x mg-l-50"
-                                            @click.stop="clone(concatData.data.whatsapp)">
-                                            <img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
-                                            复制
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="whatsapp-box"
-                                    v-if="concatData.data && concatData.data.tel && concatData.data.count > 2">
-                                    <div class="dis-f al-item">
-                                        <img src="../assets/img/detail/phoneIcon.png" class="whatsapp-icon" alt="">
-                                        电话号码
-                                    </div>
-                                    <div class="dis-f al-item box-text mg-l-35">
-                                        <div style="width:120px;">
-                                            {{ concatData.data && concatData.data.tel }}
-                                        </div>
-                                        <div class="clone-btn dis-f al-item jus-x mg-l-50"
-                                            @click.stop="clone(concatData.data.tel)">
-                                            <img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
-                                            复制
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="dis-f jus-x al-item whatsapp-wx-box s-w-100"
-                                    v-if="concatData.data && concatData.data.count === 2 && concatData.data.wechatdata.aid !== 0">
-                                    <div>
-                                        <div>
-                                            <div v-if="concatData.data.whatsapp">
-                                                WhatsApp
+                                        <div class="dis-f al-item box-text mg-l-35">
+                                            <div style="width:120px;">
+                                                {{ concatData.data && concatData.data.wechat }}
                                             </div>
-                                            <div v-if="concatData.data.tel">
-                                                电话
-                                            </div>
-                                            <div v-if="concatData.data.wechat">
-                                                微信
-                                            </div>
-                                        </div>
-                                        <div class="text-s">
-                                            {{ concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat ||
-                                                '' }}
-                                        </div>
-                                        <div class="dis-f jus-x al-item mg-t-60">
-                                            <div class="clone-btn dis-f al-item jus-x"
-                                                @click.stop="clone(concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat || '')">
+                                            <div class="clone-btn dis-f al-item jus-x mg-l-50"
+                                                @click.stop="clone(concatData.data.wechat)">
                                                 <img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
                                                 复制
                                             </div>
                                         </div>
                                     </div>
-                                    <div class="liner"></div>
-                                    <div>
-                                        <div class="wx-qrcode-s dis-f jus-x al-item">
-                                            <img :src="concatData.data && concatData.data.wechatdata.url" class="user-img"
-                                                alt="">
+                                    <div class="whatsapp-box"
+                                        v-if="concatData.data && concatData.data.whatsapp && concatData.data.count > 2">
+                                        <div class="dis-f al-item">
+                                            <img src="../assets/img/detail/WhatsAppIcon.png" class="whatsapp-icon" alt="">
+                                            WhatsApp
                                         </div>
-                                        <div style="margin-top:15px;font-size:14px;text-align: center;">
+                                        <div class="dis-f al-item box-text mg-l-35">
+                                            <div style="width:120px;">
+                                                {{ concatData.data && concatData.data.whatsapp }}
+                                            </div>
+                                            <div class="clone-btn dis-f al-item jus-x mg-l-50"
+                                                @click.stop="clone(concatData.data.whatsapp)">
+                                                <img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
+                                                复制
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="whatsapp-box"
+                                        v-if="concatData.data && concatData.data.tel && concatData.data.count > 2">
+                                        <div class="dis-f al-item">
+                                            <img src="../assets/img/detail/phoneIcon.png" class="whatsapp-icon" alt="">
+                                            电话号码
+                                        </div>
+                                        <div class="dis-f al-item box-text mg-l-35">
+                                            <div style="width:120px;">
+                                                {{ concatData.data && concatData.data.tel }}
+                                            </div>
+                                            <div class="clone-btn dis-f al-item jus-x mg-l-50"
+                                                @click.stop="clone(concatData.data.tel)">
+                                                <img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
+                                                复制
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="dis-f jus-x al-item whatsapp-wx-box s-w-100"
+                                        v-if="concatData.data && concatData.data.count === 2 && concatData.data.wechatdata.aid !== 0">
+                                        <div>
                                             <div>
-                                                微信扫码添加好友
+                                                <div v-if="concatData.data.whatsapp">
+                                                    WhatsApp
+                                                </div>
+                                                <div v-if="concatData.data.tel">
+                                                    电话
+                                                </div>
+                                                <div v-if="concatData.data.wechat">
+                                                    微信
+                                                </div>
                                             </div>
-                                            <div style="margin-top:5px;font-size:14px;">
-                                                备注：寄托租房
+                                            <div class="text-s">
+                                                {{ concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat
+                                                    ||
+                                                    '' }}
+                                            </div>
+                                            <div class="dis-f jus-x al-item mg-t-60">
+                                                <div class="clone-btn dis-f al-item jus-x"
+                                                    @click.stop="clone(concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat || '')">
+                                                    <img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
+                                                    复制
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="liner"></div>
+                                        <div>
+                                            <div class="wx-qrcode-s dis-f jus-x al-item">
+                                                <img :src="concatData.data && concatData.data.wechatdata.url"
+                                                    class="user-img" alt="">
+                                            </div>
+                                            <div style="margin-top:15px;font-size:14px;text-align: center;">
+                                                <div>
+                                                    微信扫码添加好友
+                                                </div>
+                                                <div style="margin-top:5px;font-size:14px;">
+                                                    备注：寄托租房
+                                                </div>
                                             </div>
                                         </div>
                                     </div>
                                 </div>
-                            </div>
-                            <div v-if="concatData.data && concatData.data.count > 2 && concatData.data.wechatdata.url">
-                                <div class="wx-qrcode-s dis-f jus-x al-item">
-                                    <img :src="concatData.data && concatData.data.wechatdata.url" class="user-img" alt="">
-                                </div>
-                                <div style="margin-top:15px;font-size:14px;text-align: center;">
-                                    <div>
-                                        微信扫码添加好友
+                                <div v-if="concatData.data && concatData.data.count > 2 && concatData.data.wechatdata.url">
+                                    <div class="wx-qrcode-s dis-f jus-x al-item">
+                                        <img :src="concatData.data && concatData.data.wechatdata.url" class="user-img"
+                                            alt="">
                                     </div>
-                                    <div style="margin-top:5px;font-size:14px;">
-                                        备注：寄托租房
+                                    <div style="margin-top:15px;font-size:14px;text-align: center;">
+                                        <div>
+                                            微信扫码添加好友
+                                        </div>
+                                        <div style="margin-top:5px;font-size:14px;">
+                                            备注：寄托租房
+                                        </div>
                                     </div>
                                 </div>
-                            </div>
-                            <div class="round dis-f jus-x al-item"
-                                v-if="concatData.data && !concatData.data.wechatdata.url">
-                                <div class="deepen dis-f jus-x al-item">
-                                    <div class="center-box dis-f jus-x al-item">
-                                        <div class="center-s dis-f jus-x al-item">
-                                            <div class="drop">
+                                <div class="round dis-f jus-x al-item"
+                                    v-if="concatData.data && !concatData.data.wechatdata.url">
+                                    <div class="deepen dis-f jus-x al-item">
+                                        <div class="center-box dis-f jus-x al-item">
+                                            <div class="center-s dis-f jus-x al-item">
+                                                <div class="drop">
 
+                                                </div>
                                             </div>
                                         </div>
                                     </div>
                                 </div>
                             </div>
+                            <img src="../assets/img/detail/threePopBigBg.svg" class="pop-bg third-bg" style="width:700px;"
+                                alt=""
+                                v-if="concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3">
+                            <img src="../assets/img/detail/threePopbigMap.svg" style="width:700px;"
+                                v-if="concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3"
+                                class="map third-bg" alt="">
+                            <img src="../assets/img/detail/popBigBg.svg"
+                                v-if="concatData.data && concatData.data.count === 3 ? concatData.data.wechatdata.url : concatData.data && concatData.data.count < 3"
+                                class="pop-bg third-bg" alt="">
+                            <img src="../assets/img/detail/popBigBgMap.svg"
+                                v-if="concatData.data && concatData.data.count === 3 ? concatData.data.wechatdata.url : concatData.data && concatData.data.count < 3"
+                                class="map third-bg" alt="">
                         </div>
-                        <img src="../assets/img/detail/threePopBigBg.svg" class="pop-bg third-bg" style="width:700px;"
-                            alt=""
-                            v-if="concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3">
-                        <img src="../assets/img/detail/threePopbigMap.svg" style="width:700px;"
-                            v-if="concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3"
-                            class="map third-bg" alt="">
-                        <img src="../assets/img/detail/popBigBg.svg"
-                            v-if="concatData.data && concatData.data.count === 3 ? concatData.data.wechatdata.url : concatData.data && concatData.data.count < 3"
-                            class="pop-bg third-bg" alt="">
-                        <img src="../assets/img/detail/popBigBgMap.svg"
-                            v-if="concatData.data && concatData.data.count === 3 ? concatData.data.wechatdata.url : concatData.data && concatData.data.count < 3"
-                            class="map third-bg" alt="">
                     </div>
+                    <img src="../assets/img/detail/bigPopBg.svg"
+                        v-if="concatData.data && concatData.data.count === 3 ? concatData.data.wechatdata.url : concatData.data && concatData.data.count < 3"
+                        class="pop-big-bg" alt="">
+                    <img src="../assets/img/detail/threeConcatbgImg.svg"
+                        v-if="concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3"
+                        class="third-concat" alt="">
+                    <img src="../assets/img/detail/close.png" class="close-img" @click="showConcat = false" alt="">
                 </div>
-                <img src="../assets/img/detail/bigPopBg.svg"
-                    v-if="concatData.data && concatData.data.count === 3 ? concatData.data.wechatdata.url : concatData.data && concatData.data.count < 3"
-                    class="pop-big-bg" alt="">
-                <img src="../assets/img/detail/threeConcatbgImg.svg"
-                    v-if="concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3"
-                    class="third-concat" alt="">
-                <img src="../assets/img/detail/close.png" class="close-img" @click="showConcat = false" alt="">
-            </div>
-            <!-- 一种信息 -->
-            <div class="pop" v-show="concatData.data && concatData.data.count === 1">
-                <div class="pop-bg-s-box dis-f jus-x al-item">
-                    <div class="pop-bg-s">
-                        <div class="pos-a pop-bg-s" style="z-index:666;">
-                            <div class="title s-w-100">
-                                联系方式
-                            </div>
-                            <div class="s-w-100 mg-t-35" v-if="concatData.data && concatData.data.wechatdata.aid != 0">
-                                <div class="wx-qrcode s-w-100 dis-f al-item jus-x">
-                                    <img :src="concatData.data && concatData.data.wechatdata.url" class="img" alt="">
+                <!-- 一种信息 -->
+                <div class="pop" v-show="concatData.data && concatData.data.count === 1">
+                    <div class="pop-bg-s-box dis-f jus-x al-item">
+                        <div class="pop-bg-s">
+                            <div class="pos-a pop-bg-s" style="z-index:666;">
+                                <div class="title s-w-100">
+                                    联系方式
                                 </div>
-                                <div style="margin-top:15px">
-                                    <div>
-                                        微信扫码添加好友
+                                <div class="s-w-100 mg-t-35" v-if="concatData.data && concatData.data.wechatdata.aid != 0">
+                                    <div class="wx-qrcode s-w-100 dis-f al-item jus-x">
+                                        <img :src="concatData.data && concatData.data.wechatdata.url" class="img" alt="">
                                     </div>
-                                    <div style="margin-top:5px">
-                                        备注：寄托租房
+                                    <div style="margin-top:15px">
+                                        <div>
+                                            微信扫码添加好友
+                                        </div>
+                                        <div style="margin-top:5px">
+                                            备注：寄托租房
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="s-w-100"
+                                    v-if="concatData.data && (concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat)">
+                                    <div class="whatsapp-title" v-if="concatData.data.whatsapp">
+                                        WhatsApp
+                                    </div>
+                                    <div class="whatsapp-title" v-if="concatData.data.tel">
+                                        电话
+                                    </div>
+                                    <div class="whatsapp-title" v-if="concatData.data.wechat">
+                                        微信
+                                    </div>
+                                    <div class="whatsapp-text">
+                                        {{ concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat || ''
+                                        }}
+                                    </div>
+                                </div>
+                                <div class="s-w-100 dis-f jus-x al-item mg-t-35">
+                                    <div class="clone-btn dis-f al-item jus-x"
+                                        v-if="concatData.data && (concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat)"
+                                        @click.stop="clone(concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat)">
+                                        <img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
+                                        复制
                                     </div>
                                 </div>
                             </div>
-                            <div class="s-w-100"
-                                v-if="concatData.data && (concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat)">
-                                <div class="whatsapp-title" v-if="concatData.data.whatsapp">
-                                    WhatsApp
-                                </div>
-                                <div class="whatsapp-title" v-if="concatData.data.tel">
-                                    电话
-                                </div>
-                                <div class="whatsapp-title" v-if="concatData.data.wechat">
-                                    微信
-                                </div>
-                                <div class="whatsapp-text">
-                                    {{ concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat || '' }}
-                                </div>
-                            </div>
-                            <div class="s-w-100 dis-f jus-x al-item mg-t-35">
-                                <div class="clone-btn dis-f al-item jus-x"
-                                    v-if="concatData.data && (concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat)"
-                                    @click.stop="clone(concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat)">
-                                    <img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
-                                    复制
-                                </div>
-                            </div>
+                            <img src="../assets/img/detail/popSBg.svg" class="pop-bg-s pos-a" alt="">
+                            <img src="../assets/img/detail/popSbgMap.svg" class="pop-bg-s" alt="">
                         </div>
-                        <img src="../assets/img/detail/popSBg.svg" class="pop-bg-s pos-a" alt="">
-                        <img src="../assets/img/detail/popSbgMap.svg" class="pop-bg-s" alt="">
                     </div>
+                    <img src="../assets/img/detail/close.png" @click="showConcat = false" class="close-img" alt="">
+                    <img src="../assets/img/detail/popBg.svg" class="img" alt="">
                 </div>
-                <img src="../assets/img/detail/close.png" @click="showConcat = false" class="close-img" alt="">
-                <img src="../assets/img/detail/popBg.svg" class="img" alt="">
             </div>
         </div>
 
+
     </div>
     <watchImage :show="imageShow" :index="imageIndex" :close="cloaseImageShow" :list="imgList"></watchImage>
-    <!-- 右下角咨询 -->
-    <circle-btn></circle-btn>
     <back-to-top></back-to-top>
 </template>
   
 <script setup>
-import { reactive, onMounted, ref, nextTick, onBeforeUnmount,watch } from 'vue'
+import { reactive, onMounted, ref, nextTick, onBeforeUnmount, watch } from 'vue'
 import pageTopBar from '../components/pageTopBar/pageTopBar.vue';
-import circleBtn from '@/components/public/circle-btn.vue'
 import api from "../utils/api";
 import footerTool from '@/components/footer/footer.vue'
 import watchImage from '../components/detail/imageWatch.vue'
 import breadcrumb from '../components/detail/breadcrumb.vue'
 import mapInfo from '../components/public/viewMap.vue'
 import { ElMessage } from 'element-plus'
-import { useRouter,useRoute } from 'vue-router'
+import { useRouter, useRoute } from 'vue-router'
 import indexWaterfallBox from "../components/indexWaterfallBox/indexWaterfallBox.vue";
 import Masonry from 'masonry-layout';
 import transmitBtn from '@/components/public/transmitBtn.vue'
@@ -1214,10 +1218,10 @@ let getHousingInfo = () => {
             })
             concatInfo['data'] = store.state.indexData.wechat
             if (res.data.contacts) contacts['data'] = res.data.contacts
-            console.log('pageType',pageType.value)
-            if ( pageType.value ==2&&housingInfo['data'].isintermediary) {
+            console.log('pageType', pageType.value)
+            if (pageType.value == 2 && housingInfo['data'].isintermediary) {
                 getPublisherList()
-            } else if (pageType.value !=3) {
+            } else if (pageType.value != 3) {
                 recommendList()
             }
 
@@ -1386,12 +1390,12 @@ let masonryInstance = null
 let router = useRouter()
 let route = useRoute()
 
-watch(route,()=>{
+watch(route, () => {
     let { id, type } = router.currentRoute.value.query
     uniqid.value = id
     pageType.value = type  //1个人  2中介  3求房源
-    publisherList.value=[]
-    recommendListData.value=[]
+    publisherList.value = []
+    recommendListData.value = []
     getHousingInfo()
     masonryInstance = new Masonry(gridContainer.value, {
         itemSelector: '.waterfall-box',
@@ -2842,5 +2846,15 @@ img {
         }
     }
 }
+
+.pop-mask {
+    width: 100vw;
+    height: 100vh;
+    background-color: rgba(0, 0, 0, 0.7);
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 999;
+}
 </style>
   
\ No newline at end of file