From f94ef1547621acedb171a592f9bb393e726d819f Mon Sep 17 00:00:00 2001
From: luJianJun <2587063613@qq.com>
Date: Tue, 25 Jul 2023 18:17:45 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E7=89=87=E6=9F=A5=E7=9C=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/img/detail/authenticationLogon.png | Bin 0 -> 1456 bytes
 src/assets/img/detail/authenticationTitle.png | Bin 0 -> 11111 bytes
 src/assets/img/detail/authenticationType.svg  |  11 ++
 src/components/detail/breadcrumb.vue          | 172 +++++++++++++-----
 src/components/detail/imageWatch.vue          |  13 +-
 src/views/detail.vue                          | 151 +++++++--------
 6 files changed, 226 insertions(+), 121 deletions(-)
 create mode 100644 src/assets/img/detail/authenticationLogon.png
 create mode 100644 src/assets/img/detail/authenticationTitle.png
 create mode 100644 src/assets/img/detail/authenticationType.svg

diff --git a/src/assets/img/detail/authenticationLogon.png b/src/assets/img/detail/authenticationLogon.png
new file mode 100644
index 0000000000000000000000000000000000000000..3dfe32fd792941fab22052d98cf6cadc099e1f8e
GIT binary patch
literal 1456
zcmV;h1yA~kP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@
z1ONa40RR91K%fHv1ONa40RR91KmY&$07g+lumAuB8c9S!RCodHT8(wnJQQtMfG`1K
z0>T6}695wsCLkNsOhB1{GC{jR+zA>cz@30}f^u(b`N%>)PqvlV(09)JBt5;~t7luy
z$H~bP{oe>I4pIL7{rxH86kugBmMztonY_dLda+pSG0uxn@DltPyaf-X8#p)vtI4B)
zBn$8*I2RF&kCOueNwM%P_)zo<fsPLZl2G8BCl2>P+G2Ngl#W2)HTXAp3Uqcb5Kt{&
zaNnm;wUxsb>t!ksNuR+cz!pJ{({}Odc2N0%PiGxhebf*GFoWWC&3jDV0tA8)B@qBK
zDqa^%5Z*{S;hDDZjWaBsr7XexI&lnA6aZL%1+Ri$rn$+SFJq|%0RVz)I3UlJctI;e
z$$Q@cFjO$S0Y}>?6ksBId>`ywxr91^t^Y3+&$?NQlbitH^b2UecUsI-$VXxAO5OPg
zK$(}F!euaHS&hfwm7V`z05qph08;1<%I5-u6?EPS^r&(Tt~e2p)bA&Na1rze0ItBP
z#J|%;j|}ump>ux6S(u2RE6F>2uyCS;$@$cxAi$7+OiAgtq<T1`&#lm@GJV=F!Ds=d
zv15Mbkaa|8!94^&J3{|r>EG(?lvouViGQ*7ZUMnch@w}`>)hB#h_f@yoKyJX8$N|@
zOh;`8zyr}fH8=ar;YSJVqJ=d+HX&b4&fh~ij=fc5_psFhfK}m8?juqHqrE`q8jnjA
z(JQg9B08?^LJLg*R$4f4R0Hj``C3n0BTlh^{IhFMAZu$i0Z;-%iHgKe6>;<pr(gSY
zdbYmlPU*$50MPMWBQI5@Yr~LnUm5GvX=`f&@G{klN56IM*{3-44mfW<l}_`4t*?Ey
zwYFDbIKJ1r14rkb+xF>+cZ=ect*h6tSz^x5n9{PoBjP;NZgxOlU$&jH1qtgiqRV|1
z(doC%6B&`BNg`Hl#j8S@LpSxpW4Z4xb*vm6K;KFS2#mG0S6b_KiPYKpsTZEsJ~S}_
z;M;dBQi+a!;E}8XHXH1zz<%o1tu`<L*lFPiqZ0V244u-LccwV~6$ED;;qXPRU6=su
zwQz({CHVM))2{>iIa<GsX995O4j|ycUy^Y8C3M&UV^ggi<^tfQ4iFd#_y(s>ApW9E
zt*_%S_5&^Sq<Pbdeu2?8p%I0(zFm5Vr$VideO`ESoIcZep@DBZpb<!asd3fRku@jS
zk(rA~@g;O~75`Hg&wN?{xBy)}4x{{c*~d!*+}Lk@GnET-VFS?FG!=Wy`<`Hqx4xNv
z=a4%9G;KN7W02edIQ<ft_65!?(l@`hAH5C$jn%o&I#Hff$N^fP>0gLyKr;3pDi9@8
zB?{Ik!8`xwN=~X>`M5fOdZkM_QTAG@kE$6jsbi$R4L!z?6OyWi9)~0vV(@3`+*J8;
z@m^Mt5l@7dks-8(aUF5McTVop_x=NkU~T}R%zZQm@V^Na>Foe*gaj+hPxX3cBR_jZ
zC}-bG(6o7v#aMR(({JuMb7t;Aigp04(FF>_4*VQE2f9O&EBn&pN?g(bCyk>54(NF5
z#2gDr@hn6H02Seo9k2qkwWdnUjVI4s^AH{f{%efEcLewto0!uwPt^{u2sWip<i?R=
zei1<6E$*1zz}S2&k4s2m4X(k5BF0)Dw`xapCI#MQM4_5w;WidXQh`hG7+}!HhCb~$
zW2{9Np&@~gIN!_#n9r&**#7DK7JIe9JIpJ5()Jji=m~*L2>b!NKUy8lQYa4q0000<
KMNUMnLSTZEZ-$Kk

literal 0
HcmV?d00001

diff --git a/src/assets/img/detail/authenticationTitle.png b/src/assets/img/detail/authenticationTitle.png
new file mode 100644
index 0000000000000000000000000000000000000000..f7635790204a3499f3dc76c10b87f7e7ebe5267b
GIT binary patch
literal 11111
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
AD*ylh

literal 0
HcmV?d00001

diff --git a/src/assets/img/detail/authenticationType.svg b/src/assets/img/detail/authenticationType.svg
new file mode 100644
index 0000000..4bc6b44
--- /dev/null
+++ b/src/assets/img/detail/authenticationType.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <filter x="-50.00%" y="-50.00%" width="200.00%" height="200.00%" filterUnits="objectBoundingBox" id="filter265">
+      <feColorMatrix type="matrix" values="1 0 0 0 1  0 1 0 0 1  0 0 1 0 1  0 0 0 1 0  " in="SourceGraphic" />
+    </filter>
+  </defs>
+  <g transform="matrix(1 0 0 1 -1438 -237 )">
+    <image preserveAspectRatio="none" style="overflow:visible" width="18" height="18" xlink:href="data:image/png;base64,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" x="1438px" y="237px" filter="url(#filter265)" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/components/detail/breadcrumb.vue b/src/components/detail/breadcrumb.vue
index 51ff3ea..3c818d4 100644
--- a/src/components/detail/breadcrumb.vue
+++ b/src/components/detail/breadcrumb.vue
@@ -1,35 +1,57 @@
 <template>
-    <div class="title-top-box">
-        <div class="breadcrumb-box">
-            <el-breadcrumb :separator-icon="ArrowRight">
-                <el-breadcrumb-item v-for="(item, i) in storeData" :key="i" :to="{ path: item.path }">
-                    <span class="breadcrumb-text">
-                        {{ item.title }}
-                    </span>
-                </el-breadcrumb-item>
-            </el-breadcrumb>
-        </div>
-        <div class="dis-f al-item jus-bet title-box">
-            <div class="detail-title">
-                {{ data['data']['info']&&data['data']['info'].subject }}
+    <div class="pos-r">
+        <div class="authentication-top" v-if="data['data']&&data['data'].isintermediary===1">
+            <div class="dis-f al-item jus-bet">
+                <div>
+                    <img src="../../assets/img/detail/authenticationLogon.png" class="logo" alt="">
+                    <img src="../../assets/img/detail/authenticationTitle.png" class="title" alt="">
+                </div>
+                <div class="dis-f al-item">
+                    <div class="dis-f al-item">
+                       <img src="../../assets/img/detail/authenticationType.svg" class="type-icon" alt=""><span>房产证明</span> 
+                    </div>
+                    <div class="dis-f al-item" style="margin-left:20px;">
+                        <img src="../../assets/img/detail/authenticationType.svg" class="type-icon" alt=""><span>房东身份证</span>
+                    </div>
+                </div>
             </div>
-            <div class="tool-btn-box dis-f al-item">
-                <div class="btn-s dis-f al-item jus-x" @click="operation">
-                    <img src="../../assets/img/detail/collect.png" v-show="!data.data.isfav" class="img" alt="">
-                    <img src="../../assets/img/detail/collectT.png" v-show="data.data.isfav" class="img" alt="">
-                    <span class="mg-l-5">
-                        {{data.data.isfav?data['data']['info'].count_fav:'收藏'}}
-                    </span>
+        </div>
+        <div class="title-top-box pos-r" style="z-index:666;">
+            <div class="top-round" v-if="data['data']&&data['data'].isintermediary===1">
+                <div class="top-round-s"></div>
+            </div>
+            <div class="breadcrumb-box">
+                <el-breadcrumb :separator-icon="ArrowRight">
+                    <el-breadcrumb-item v-for="(item, i) in storeData" :key="i" :to="{ path: item.path }">
+                        <span class="breadcrumb-text">
+                            {{ item.title }}
+                        </span>
+                    </el-breadcrumb-item>
+                </el-breadcrumb>
+            </div>
+            <div class="dis-f al-item jus-bet title-box">
+                <div class="detail-title">
+                    {{ data['data']['info'] && data['data']['info'].subject }}
                 </div>
-                <div class="line">
+                <div class="tool-btn-box dis-f al-item">
+                    <div class="btn-s dis-f al-item jus-x" @click="operation">
+                        <img src="../../assets/img/detail/collect.png" v-show="!data.data.isfav" class="img" alt="">
+                        <img src="../../assets/img/detail/collectT.png" v-show="data.data.isfav" class="img" alt="">
+                        <span class="mg-l-5">
+                            {{ data.data.isfav ? data['data']['info'].count_fav : '收藏' }}
+                        </span>
+                    </div>
+                    <div class="line">
 
-                </div>
-                <div class="btn-s dis-f al-item jus-x" style="position: relative;">
-                    <img src="../../assets/img/detail/forward.png" class="img" alt="">
-                    <span class="mg-l-5">
-                        转发
-                    </span>
-                    <transmit-btn v-if="data.data['info']" :qrcode="data.data['qrcode']" :title="data.data.info['title']"></transmit-btn>
+                    </div>
+                    <div class="btn-s dis-f al-item jus-x" style="position: relative;">
+                        <img src="../../assets/img/detail/forward.png" class="img" alt="">
+                        <span class="mg-l-5">
+                            转发
+                        </span>
+                        <transmit-btn v-if="data.data['info']" :qrcode="data.data['qrcode']"
+                            :title="data.data.info['title']"></transmit-btn>
+                    </div>
                 </div>
             </div>
         </div>
@@ -38,31 +60,31 @@
   
 <script setup>
 import { ArrowRight } from '@element-plus/icons-vue'
-import { reactive, onMounted, ref, defineProps,watchEffect } from 'vue'
+import { reactive, onMounted, ref, defineProps, watchEffect } from 'vue'
 import store from '@/store'
 import transmitBtn from '@/components/public/transmitBtn.vue'
 
-const props=defineProps({
+const props = defineProps({
     data: {
         type: Object,
         default: function () {
             return {}
         }
     },
-    operation:{
-        type:Function
+    operation: {
+        type: Function
     }
 })
-let data=reactive({})
+let data = reactive({})
 
-let operation=props.operation
+let operation = props.operation
 
 //导航数据
 let storeData = store.state.routeList
-console.log('storeData',storeData)
+console.log('storeData', storeData)
 
-watchEffect(()=>{
-    data['data']=props.data
+watchEffect(() => {
+    data['data'] = props.data
     console.log(data['data'])
 })
 
@@ -101,6 +123,47 @@ img {
     justify-content: space-between;
 }
 
+.authentication-top {
+    position: absolute;
+    left: 0px;
+    top: -80px;
+    width: 1200px;
+    height: 65px;
+    background: -webkit-linear-gradient(166.822294925074deg, rgba(255, 214, 243, 1) -89%, rgba(128, 128, 255, 1) 53%);
+    background: -moz-linear-gradient(-76.8222949250736deg, rgba(255, 214, 243, 1) -89%, rgba(128, 128, 255, 1) 53%);
+    background: linear-gradient(-76.8222949250736deg, rgba(255, 214, 243, 1) -89%, rgba(128, 128, 255, 1) 53%);
+    border: none;
+    border-radius: 16px;
+    border-bottom-right-radius: 0px;
+    border-bottom-left-radius: 0px;
+    -moz-box-shadow: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    padding: 10px 22px;
+    font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
+    font-weight: 400;
+    font-style: normal;
+    font-size: 15px;
+    color: #FFFFFF;
+
+    .logo {
+        width: 20px;
+        height: 20px;
+    }
+
+    .title {
+        width: 81px;
+        height: 17px;
+        margin-left: 8px;
+    }
+
+    .type-icon{
+        width: 18px;
+        height:18px;
+        margin-right:8px;
+    }
+}
+
 .title-top-box {
     width: 1200px;
     background: inherit;
@@ -115,6 +178,24 @@ img {
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
     font-size: 14px;
     transform: translateY(-38px);
+    position: relative;
+    .top-round{
+        width:22px ;
+        height:22px;
+        background: #fff;
+        position: absolute;
+        top:-8px;
+        right:-1px;
+        .top-round-s{
+            position: absolute;
+            top:-13px;
+            left:-1px;
+            border-radius:0 0 16px 0;
+            background:rgba(174, 159, 251, 1);
+            width:23px;
+            height:20px;
+        }
+    }
 
     .breadcrumb-box {
         padding: 20px;
@@ -157,7 +238,7 @@ img {
             font-size: 14px;
             justify-content: center;
 
-            .mg-l-5{
+            .mg-l-5 {
                 margin-left: 5px;
             }
 
@@ -167,13 +248,14 @@ img {
                 font-weight: 400;
                 font-style: normal;
                 text-align: center;
-                width:80px;
-                height:40px;
-                line-height:40px;
+                width: 80px;
+                height: 40px;
+                line-height: 40px;
                 cursor: pointer;
-                .img{
-                    width:20px;
-                    height:20px;
+
+                .img {
+                    width: 20px;
+                    height: 20px;
                 }
             }
 
@@ -181,7 +263,7 @@ img {
                 width: 1px;
                 height: 21px;
                 background: #d7d7d7;
-                margin:0 15px;
+                margin: 0 15px;
             }
         }
     }
diff --git a/src/components/detail/imageWatch.vue b/src/components/detail/imageWatch.vue
index ce8d3e8..cadc39d 100644
--- a/src/components/detail/imageWatch.vue
+++ b/src/components/detail/imageWatch.vue
@@ -5,9 +5,12 @@
                 <el-carousel arrow="never" height="600px" :autoplay="false" indicator-position="none" ref="carousel">
                     <el-carousel-item v-for="(item, i) in list" :key="i">
                         <div class="dis-f jus-x al-item" v-if="item">
-                            <div class="img-box dis-f jus-x">
+                            <div class="img-box dis-f jus-x" v-if="!item.thumbnail">
                                 <img :src="item&&item.url" class="img" alt="">
                             </div>
+                            <div class="img-box dis-f jus-x" v-if="item.thumbnail">
+                                <video :src="item&&item.url" class="img"></video>
+                            </div>
                         </div>
                     </el-carousel-item>
                 </el-carousel>
@@ -21,12 +24,12 @@
         <div class="dis-f jus-x al-item">
             <div class="list-img-box dis-f al-item jus-x">
                 <div v-for="(item, i) in list" :key="i">
-                    <!-- <div class="voide" :class="{ 'select-box': imageTab === i }">
+                    <div class="voide" :class="{ 'select-box': imageTab === i }" v-if="!item.thumbnail">
                         <div class="icon-box dis-f jus-x al-item">
-                            <img src="" class="icon" alt="">
+                            <img :src="item.image" class="icon" alt="">
                         </div>
-                    </div> -->
-                    <div class="img-box-s dis-f jus-x" :class="{ 'select-box': imageTab === i }">
+                    </div>
+                    <div class="img-box-s dis-f jus-x"  v-if="item.thumbnail" :class="{ 'select-box': imageTab === i }">
                         <img :src="item.thumbnail" alt="" class="img-s">
                     </div>
                 </div>
diff --git a/src/views/detail.vue b/src/views/detail.vue
index 05dea83..b846ca0 100644
--- a/src/views/detail.vue
+++ b/src/views/detail.vue
@@ -8,6 +8,9 @@
                     <div class="top-bar-box dis-f jus-x" v-show="titleType">
                         <div class="top-bar dis-f al-item jus-bet">
                             <div class="dis-f al-item">
+                                <img src="../assets/img/detail/authenticationHousing.png" class="authentication-housing" 
+                                v-if="housingInfo['data']&&housingInfo['data'].isintermediary" alt="">
+                                <div class="line" v-if="housingInfo['data']&&housingInfo['data'].isintermediary"></div>
                                 <span class="unit">HK$</span>
                                 <span class="rent">{{ housingInfo['data'] && housingInfo['data'].info.rent }}</span>
                                 <span>/月</span>
@@ -221,7 +224,7 @@
                                             indexData['data'] &&
                                             indexData['data']['config'] &&
                                             indexData['data']['config']['gender'][housingInfo['data'] &&
-                                                housingInfo['data'].info.gender]
+                                            housingInfo['data'].info.gender]
                                         }}
                                     </span>
                                 </div>
@@ -230,31 +233,21 @@
                         <div class="map-box">
                             <div class="dis-f al-item title-box">
                                 <img src="../assets/img/detail/mapIcon.png" class="img" alt="">
-                                <span class="title">{{ 
-                                    location&&location[housingInfo['data']&&housingInfo['data']['info'].location.substring(0, 1)]
+                                <span class="title">{{
+                                    location && location[housingInfo['data'] &&
+                                    housingInfo['data']['info'].location.substring(0,
+                                        1)]
                                 }} > {{
-                                    location&&location[housingInfo['data']&&housingInfo['data']['info'].location]
-                                }}</span>
+                                    location && location[housingInfo['data'] && housingInfo['data']['info'].location]
+                                    }}</span>
                             </div>
                             <div class="dis-f jus-x" style="margin-top:15px;">
-                                <div class="map-s">
-                                    <div class="pop-box">
-                                        <div class="address-box dis-f al-item jus-bet">
-                                            <div class="dis-f al-item">
-                                                <img src="../assets/img/detail/mapMarkIcon.png" class="img" alt="">
-                                                <span>{{ housingInfo['data'] &&
-                                                housingInfo['data'].info.address }}</span>
-                                            </div>
-                                            <img src="../assets/img/detail/moreNot.svg" class="icon" alt="">
-                                        </div>
-                                    </div>
+                                <div v-if="housingInfo['data']">
+                                    <mapInfo :latlng="{
+                                        latitude: housingInfo['data'].info.longitude * 1,
+                                        longitude: housingInfo['data'].info.latitude * 1
+                                    }" :name="housingInfo['data'].info.address"></mapInfo>
                                 </div>
-                                {{ housingInfo['data']&&housingInfo['data'].info.longitude }}
-                                {{ housingInfo['data']&&housingInfo['data'].info.latitude }}
-                                <mapInfo :latlng="{
-                                    longitude:housingInfo['data']&&housingInfo['data'].info.longitude,
-                                    latitude:housingInfo['data']&&housingInfo['data'].info.latitude
-                                }" :name="housingInfo['data']&&housingInfo['data'].info.address"></mapInfo>
                             </div>
                         </div>
                         <div class="dis-f jus-x" v-if="distanceList.length">
@@ -270,15 +263,15 @@
                                         <div class="dis-f al-item school-info" v-for="(item, index) in distanceList"
                                             :key="index" :class="{ 'mg-t-50': index > 0 }">
                                             <div class="icon-box dis-f al-item jus-x"
-                                                :class="{ 'home-icon':item&&item.address }">
+                                                :class="{ 'home-icon': item && item.address }">
                                                 <div class="line" v-show="index > 0"></div>
                                                 <img src="../assets/img/detail/school.png" class="icon"
-                                                    v-show="item&&item.address" alt="">
-                                                <img src="../assets/img/detail/home.png" class="icon" v-show="item&&!item.address"
-                                                    alt="">
+                                                    v-show="item && item.address" alt="">
+                                                <img src="../assets/img/detail/home.png" class="icon"
+                                                    v-show="item && !item.address" alt="">
                                             </div>
                                             {{ item && item.name }}
-                                            <div v-for="(items, i) in item&&item.point" :key="i">
+                                            <div v-for="(items, i) in item && item.point" :key="i">
                                                 <span class="address-info">
                                                     {{ items.title }}
                                                 </span>
@@ -298,10 +291,10 @@
                                         <div class="line-school-box dis-f al-item" style="justify-content:space-around;">
                                             <div v-for="(item, i) in distanceList" class="box-text" :key="item && item.id">
                                                 <div :class="{ 'far-s': item && item.recently_distance > 4 }"
-                                                    v-if="item&&!item.address" class="text-c">
+                                                    v-if="item && !item.address" class="text-c">
                                                     {{ item && item.recently_distance }}km
                                                 </div>
-                                                <div class="dis-f jus-x" v-if="item&&!item.address">
+                                                <div class="dis-f jus-x" v-if="item && !item.address">
                                                     <img src="../assets/img/detail/markIcon.svg"
                                                         v-if="item && item.recently_distance <= 4" class="marker-icon"
                                                         alt="">
@@ -310,7 +303,7 @@
                                                         alt="">
                                                 </div>
                                                 <div :class="{ 'far-s': item && item.recently_distance > 4 }" class="text-c"
-                                                    v-if="item&&!item.address">{{
+                                                    v-if="item && !item.address">{{
                                                         item && item.alias }}</div>
                                             </div>
                                         </div>
@@ -488,65 +481,72 @@
             <!-- 两种信息 -->
             <!-- 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" 
-                :class="{'third-concat':concatData.data&&concatData.data.count===3?!concatData.data.wechatdata.url:concatData.data&&concatData.data.count>3}">
+                :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"
+                    :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"
-                    :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="{ '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 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="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="dis-f al-item box-text mg-l-35">
                                         <div style="width:120px;">
-                                           {{ concatData.data && concatData.data.wechat }} 
+                                            {{ concatData.data && concatData.data.wechat }}
                                         </div>
-                                        <div class="clone-btn dis-f al-item jus-x mg-l-50" @click.stop="clone(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="whatsapp-box" v-if="concatData.data && concatData.data.whatsapp&&concatData.data.count > 2">
+                                <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;">
+                                        <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)">
+                                        <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="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;">
+                                        <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)">
+                                        <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">
+                                    v-if="concatData.data && concatData.data.count === 2 && concatData.data.wechatdata.aid !== 0">
                                     <div>
                                         <div>
                                             <div v-if="concatData.data.whatsapp">
@@ -560,10 +560,12 @@
                                             </div>
                                         </div>
                                         <div class="text-s">
-                                            {{ concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat || '' }}
+                                            {{ 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"
+                                                @click.stop="clone(concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat || '')">
                                                 <img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
                                                 复制
                                             </div>
@@ -586,7 +588,7 @@
                                     </div>
                                 </div>
                             </div>
-                            <div v-if="concatData.data && concatData.data.count > 2&&concatData.data.wechatdata.url">
+                            <div v-if="concatData.data && concatData.data.count > 2 && concatData.data.wechatdata.url">
                                 <div class="wx-qrcode-s">
                                     <img :src="concatData.data && concatData.data.wechatdata.url" class="user-img" alt="">
                                 </div>
@@ -612,26 +614,27 @@
                                 </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="">
+                        <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>
                 </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="">
+                    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">
@@ -682,7 +685,7 @@
                         <img src="../assets/img/detail/popSbgMap.svg" class="pop-bg-s" alt="">
                     </div>
                 </div>
-                <img src="../assets/img/detail/close.png" @click="showConcat=false" class="close-img" alt="">
+                <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>
@@ -828,7 +831,7 @@ let setHousingArr = () => {
     arr = housingInfo['data'].info.video ? arr.concat(housingInfo['data'] && housingInfo['data'].info.video) : []
     arr = housingInfo['data'].info.picturegroup ? arr.concat(housingInfo['data'] && housingInfo['data'].info.picturegroup) : []
     imgList.value = imgList.value.concat(arr)
-    imgList.value = imgList.value.concat(arr)
+    console.log(imgList.value)
 }
 
 let location = store.state.indexData.config && store.state.indexData.config.location
@@ -965,7 +968,7 @@ let recommendList = () => {
     }).then(res => {
         console.log(res)
         if (res.code === 200) {
-            if(res.data.length===0)return
+            if (res.data.length === 0) return
             if (res.data.pagevalue) {
                 recommendListData.value = recommendListData.value.concat(res.data.data)
                 pagevalue.value = res.data.pagevalue
@@ -1442,6 +1445,11 @@ img {
         background: #ebebeb;
     }
 
+    .authentication-housing{
+        width:88px;
+        height:16px;
+    }
+
 
     .top-bar {
         width: 1200px;
@@ -2264,5 +2272,6 @@ img {
             }
         }
     }
-}</style>
+}
+</style>
   
\ No newline at end of file