From 3fcc93e4cddcaf5acca6c6488110eb4955ab2f3e Mon Sep 17 00:00:00 2001
From: luJianJun <2587063613@qq.com>
Date: Wed, 26 Jul 2023 15:08:31 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B1=82=E6=88=BF=E6=BA=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/img/detail/businessCard.png        | Bin 0 -> 1527 bytes
 .../img/detail/intermediaryDetailLogo.png     | Bin 0 -> 1133 bytes
 .../img/detail/intermediaryDetailTItle.png    | Bin 0 -> 10595 bytes
 .../biserialListItem/biserialListItem.vue     |   8 +-
 src/components/detail/breadcrumb.vue          |  79 +++-
 src/components/detail/imageWatch.vue          |   6 +-
 src/views/detail.vue                          | 444 ++++++++++++++++--
 src/views/housingView/needHousing.vue         |   2 +-
 8 files changed, 475 insertions(+), 64 deletions(-)
 create mode 100644 src/assets/img/detail/businessCard.png
 create mode 100644 src/assets/img/detail/intermediaryDetailLogo.png
 create mode 100644 src/assets/img/detail/intermediaryDetailTItle.png

diff --git a/src/assets/img/detail/businessCard.png b/src/assets/img/detail/businessCard.png
new file mode 100644
index 0000000000000000000000000000000000000000..6e54b6fe1f5fa466659d9449310e9c2eb046446f
GIT binary patch
literal 1527
zcmY*ZdpOg39RB`h%S@Q#5^}GImRSioX!f`*VU=NFrVeXoIhH9TS!hwA=Q!?{h}<et
zdAeZjnAnk6Ruf$a6{SdW-<<j9oTuk~-p~7fE`NRgc+*Kf9x5n36aYYl=;?YuuJ|<~
z*U4)g<M>;-K<on^1W@0jKOt{i!vl#C-rm4c?vVgG&j9eX6FK$d1VEt-0t#}4)@Eg}
z|F-xth5!B9q5FQqEdUT<L{}HTIOq$-+voLObi@J$y09e|Gcx&B)r-@vI%J%!(QYRk
zgXh0_g|nmCyL2m+4yh`UB7CN~DohVP3ckn_I@!F5Y?fws_p-ezzSh-S1tf;N2${od
zZ@TGL_7jFz)A5~>FRiVuS(kqtdtYtQKM~V|#bVFf+G@f;XBL%8Jw^KPa%-_k0q&Sm
zLqkLF%&{&we?IY}OeQn3-?O2)baafyW`Aeuccv2~2HJy-KTc3tv9Yng&t$h~iQ6R-
z$<T1DH=EtH%uGmVW+x<UygtXYV6j-k&d$!VYLpcyG1hXfsV%$47mLNFUs_tCdIW-$
z4@K*M|53v2+<3!LeE;bnvO%&aAtxYN1`QzRr_oY$>+;IVWZ2~By_BK5MHPDTA436J
zx69v6e(UIP4}FSj)c%pG#!@W%3^31kNs7SM>noizGq*$i;zL409^a=r1ru?G*2>SO
zpY)mm<b~o5X*(Q1vKl(yw8~TGtdVKqFO6mubQ^>4?wrH@h~f3uA~x?i9vgd4S&_%b
zt4Vd(>L*tNh3HhNREnkxYKMtVUj24UmAm70HeGXcOqnuoDxA>1<)0>+deUZX374vH
z7sm~fIiW~dtSFnCrpvisVBH7JW{|1cDy>9Gu<jWH@W+^l4k0Qog%OPb!54=)Fup}t
zLdxn2V7Ly@rx&ijv8=}Hz12{_plYmAmk&eV^;MN;0@McSS}4V#=_K?0<}klz{Tvf9
zt0#wXN#k58YCs3DSot5Jlffmu2#jw)HaiF62+rSsX692_ZP$Q1q5#TwytA0~6L!(T
zP47^vb#2kbBT&6vUv#;EP-||K4_9r%OSEi97L8*D=U$_OD3p3_z?wt$xL#fHE*VRo
z8a2WAbD2!0;Nr!LjVmPkp*#kTJK9;JOK{1Xpd{gCK?S@1x`_aiX4VHyskx;_MmV-(
zg`whxu4s=t2XQ=uX#dbq{tuiiuRygSn^Na1yY4h<?Z<J8{o&V`P8$u(3T!^@JNTd_
z(?MBth}u)f-<HV5Vw}`v4U;44z2Gz}W5>)%j;GEBW_%9E5Z0+Fj1(<nuZr`|)m4EZ
z2u4xwL`LaFr=jP+S?9JXnQo?1D7*7|&uZEj(bP<^M)`gkG=t?meRY5(D9O9&<@-a!
z-Vn)S!CI`&B-&q3Eae*VbTb=2lmyOKFZa>GN!!bU(q>h2o?yC+zrb1DiN=_CIJKA}
zoHBTtfT8-hjpUH>=KYIN6qVW=Om-2T+Sx4@j|JCi%Clhc-OEMv-EH45bXXu?{~!qo
zQAR5oB24lpclhV5P36rsSOkA*>C|S;s`ynmQTQnx;feCVI}ab~z1uzwpP)%k5O3_7
z#q|_fE&R&eok2E3xJQ32;x#e{@91Wpj;gkUKiX>7hjx?nr=5V~8Kyz!Lt?@ow!IV-
z2Hr@KnZ%TikiIBUa||8wVb3F9+<-_;y8!2iXu>7x#!QlVWC_grm`89JW3@3eOf*j!
zA0?xfZe{Z7m``%sh<bJFagmDKbZ}fAt~hFMXuVQgF4>}6Fdo7+Q|wsMWs_f8%|0M&
z+cvp-L0?%1yXYj}tAmvg$AI!17$E@CrS*R0ZsinKE$^s0zxR-53Y*M&%UFoPJo-~P
z$p+Y;ee^&fCW9RDeD{0Xk<fXwjh8@WL#?y+>wN8}x>4;@s?oaGS5a^dY##zMYwei5
zp<A3EcIBgE;xm*<cFKxihjgleS$G9Ug(Vy|jH@cXf(r^_AA<jkDlXqwsTx<4{w@0N
Pwa_KH`MA~-XvzNqp8=m1

literal 0
HcmV?d00001

diff --git a/src/assets/img/detail/intermediaryDetailLogo.png b/src/assets/img/detail/intermediaryDetailLogo.png
new file mode 100644
index 0000000000000000000000000000000000000000..f30ef99e0f642c7b6454c24e800505877f7db2fc
GIT binary patch
literal 1133
zcmV-z1d{uSP)<h;3K|Lk000e1NJLTq002M$001=z1^@s6@rLcJ00001b5ch_0Itp)
z=>Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@
z1ONa40RR91K%fHv1ONa40RR91H2?qr0C!_84*&oI*GWV{RA>e5n2mAUFbsv`E>Ml2
z4XP2`3F;Bp4YEPJLArs{3F1zWY!G*XrV~UPq#s(*p>U)`Qnafi!X1u(z{A56rTko6
zEVd}HD6lB-julwt_Wu0*T#@?;Upp8r^8@~KwOYx1l2M}u;0rFb*0?pPA^xL89Sa&Y
zLTZiQ;$tQ;n<!8fBzgG5Sb^?*$5<<f@=J<TcueDj_3VyS6T^tO8khJSyC$iMsgoQ7
zaDzYPuyS(DP~k!~<klpKF!~J;Vi11_kpIp89&bCB;x)d(KjPZH^3LAqO==kSc6y(+
z;D5sp;_|+Cd>YnLL%t8%B=)n!>VxDp#pFu*p8P%g>mfkS4gQF0Gj1M-5~ocX?Zvq{
zc1}!<-|J-7w>D<d2+*Aed>ac&u6#Fq1dU*DW<2-@_G&qgHR5kPIC4Ys4L~2cZ4P39
z;Lbx@ny(7g_?3fm%z=n}P+Z#|4>KkJ`JR%CpWVFB0Z49J>jE;*y9FfH3P_f9M&G>@
zFhU|sYTgzB|5AuLc4N<yMgTO>q^Iu|2iqsYr5lqw2fK2bm+4a$7Kxgq$pQ)_dGLj7
zks9F0Z8}<j!tgfP_eX?(ll5>$`YEtlWT|A*k@^{6Bys=HPe0#^UsMd$zN?D65+W$f
z^ku4w=@niws8#ePXznkS5@vvGao0>jdU7a*iirT0`<rW<Ohys_*|^;^FZNR)M2H%b
zMF3-6gf}4i$BE$9A@Zg6sWC|e^6zlhOg1-AG?_AgV2m*G)Rl%t8zDyD+Lpa)q+Ixz
z<QmsDN+gUJe?n0$zVHav=B&ZpcVFVS@f8D+0wPGtf<yu^S=-c%5`j2h^M|aWz9b49
zlmN0czSz=x)EN|kb6@i<`*krcfK~X(MUXl^((HRhU_aD+<HMP>C*<&xh@cv|_7Nq<
zCxU+GTfy?>7uf^+BqD&j#a;9LZ}5Tup9nVZw9Q)usa9MBFpcfP8ABrMoftbkPxB`h
z!S{4~BG7GvpZD6^ru7Js?3>Uva>clDaajjN=yK-Kyd@2(WD&X?w-ICUWDJOK%f6e#
z^6&rtPWQocNe#^*k|YB0a*eeaw+4s4o8acOEdGD<mNaBiMesEkE5f{*Ka~jbgxyEp
z&F9&CX%V{S=lRatW<w+7OS}%Rvw15@ArZP;Ka;P$Z7z1q5MggScE)+X^J8Mfia=b0
zzwT=v5@Sq+H{HAyWk7^0&feyex6RveKm?AC_PXDB+iYm0%?dvp+wD)@cJo%0fC%rS
z`G5$Ih%%o)Y%IxhjPJJbbBMdtSQJ<kh*sbaV-ihe!`XU-00000NkvXXu0mjfx9$Qf

literal 0
HcmV?d00001

diff --git a/src/assets/img/detail/intermediaryDetailTItle.png b/src/assets/img/detail/intermediaryDetailTItle.png
new file mode 100644
index 0000000000000000000000000000000000000000..216bae3a999049746a39bb13bf8d687a66a0b880
GIT binary patch
literal 10595
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

literal 0
HcmV?d00001

diff --git a/src/components/biserialListItem/biserialListItem.vue b/src/components/biserialListItem/biserialListItem.vue
index 0ec1ae2..9f171e0 100644
--- a/src/components/biserialListItem/biserialListItem.vue
+++ b/src/components/biserialListItem/biserialListItem.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="list-item" ref="list" @click="watchInfo" :class="{'s-w-100':detailShow}">
-        <img src="../../assets/homeImage/corner.svg" class="detail-tab" v-if="detailShow&&pageType===1" alt="">
-        <img src="../../assets/homeImage/intermediaryCorner.svg" class="detail-tab" v-if="detailShow&&pageType===2" alt="">
+        <img src="../../assets/homeImage/corner.svg" class="detail-tab" v-if="detailShow&&pageType==1" alt="">
+        <img src="../../assets/homeImage/intermediaryCorner.svg" class="detail-tab" v-if="detailShow&&pageType==2" alt="">
         <div class="authentication-box dis-f al-item" v-if="data && data.data && data.data.verified == 1 && !detailShow">
             <img src="../../assets/homeImage/authenticationLogo.png" class="logo" alt="">
             <img src="../../assets/homeImage/topAuthenticationBg.svg" class="bg" alt="">
@@ -97,11 +97,11 @@
                     data &&
                     data.data.intermediary_text
                 }}</div>
+                <img src="../../assets/homeImage/intermediaryTabImg.png"
+                v-if="data && data.data && data.data.isintermediary == 1" class="intermediary-tab-img" alt="">
             </div>
             <img src="../../assets/img/detail/authenticationHousing.png" class="intermediary-tab-img"
                 v-show="detailShow && data && data.data && data.data.verified == 1" alt="">
-            <img src="../../assets/homeImage/intermediaryTabImg.png"
-                v-if="data && data.data && data.data.isintermediary == 1" class="intermediary-tab-img" alt="">
         </div>
     </div>
 </template>
diff --git a/src/components/detail/breadcrumb.vue b/src/components/detail/breadcrumb.vue
index 9fd18d1..3ea2ed4 100644
--- a/src/components/detail/breadcrumb.vue
+++ b/src/components/detail/breadcrumb.vue
@@ -1,30 +1,36 @@
 <template>
     <div class="pos-r">
-        <div class="authentication-top" v-if="data['data']&&data['data'].info&&data['data'].info.verified===1">
+        <div class="authentication-top" 
+        :class="[pageType==2?'intermediary-top':'']"
+        v-if="data['data'] && data['data'].info && data['data'].info.verified === 1">
             <div class="dis-f al-item jus-bet">
-                <div>
+                <div v-if="pageType==1">
                     <img src="../../assets/img/detail/authenticationLogon.png" class="logo" alt="">
                     <img src="../../assets/img/detail/authenticationTitle.png" class="title" alt="">
                 </div>
+                <div v-if="pageType==2" class="dis-f al-item">
+                    <img src="../../assets/img/detail/intermediaryDetailLogo.png" class="logo" alt="">
+                    <img src="../../assets/img/detail/intermediaryDetailTItle.png" style="margin-left:-7px;" 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>
-                        {{data['data']&&data['data'].info&&data['data'].info.intermediary!=1?'房产证明':'真实牌照'}}
-                    </span> 
+                        <img src="../../assets/img/detail/authenticationType.svg" class="type-icon" alt="">
+                        <span>
+                            {{ data['data'] && data['data'].info && data['data'].info.intermediary != 1 ? '房产证明' : '真实牌照' }}
+                        </span>
                     </div>
                     <div class="dis-f al-item" style="margin-left:20px;">
                         <img src="../../assets/img/detail/authenticationType.svg" class="type-icon" alt="">
                         <span>
-                            {{ data['data']&&data['data'].info&&data['data'].info.intermediary!=1?'房东身份证':'身份证明' }}
+                            {{ data['data'] && data['data'].info && data['data'].info.intermediary != 1 ? '房东身份证' : '身份证明' }}
                         </span>
                     </div>
                 </div>
             </div>
         </div>
         <div class="title-top-box pos-r" style="z-index:666;">
-            <div class="top-round" v-if="data['data']&&data['data'].info&&data['data'].info.verified===1">
-                <div class="top-round-s"></div>
+            <div class="top-round" v-if="data['data'] && data['data'].info && data['data'].info.verified === 1">
+                <div class="top-round-s" :class="[pageType==2?'intermediary-bg':'']"></div>
             </div>
             <div class="breadcrumb-box">
                 <el-breadcrumb :separator-icon="ArrowRight">
@@ -69,6 +75,7 @@ import { ArrowRight } from '@element-plus/icons-vue'
 import { reactive, onMounted, ref, defineProps, watchEffect } from 'vue'
 import store from '@/store'
 import transmitBtn from '@/components/public/transmitBtn.vue'
+import { useRouter } from 'vue-router';
 
 const props = defineProps({
     data: {
@@ -85,6 +92,12 @@ let data = reactive({})
 
 let operation = props.operation
 
+//获取路由参数
+let router = useRouter()
+//页面类型
+let pageType=ref('')
+let {type}=router.currentRoute.value.query
+pageType.value=type
 //导航数据
 let storeData = store.state.routeList
 console.log('storeData', storeData)
@@ -129,6 +142,19 @@ img {
     justify-content: space-between;
 }
 
+.intermediary-top {
+    background: -webkit-linear-gradient(165.253098840457deg, rgba(180, 218, 255, 1) -2%, rgba(80, 227, 194, 1) 86%) !important;
+    background: -moz-linear-gradient(-75.2530988404571deg, rgba(180, 218, 255, 1) -2%, rgba(80, 227, 194, 1) 86%) !important;
+    background: linear-gradient(-75.2530988404571deg, rgba(180, 218, 255, 1) -2%, rgba(80, 227, 194, 1) 86%) !important;
+    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;
+}
+
 .authentication-top {
     position: absolute;
     left: 0px;
@@ -163,10 +189,10 @@ img {
         margin-left: 8px;
     }
 
-    .type-icon{
+    .type-icon {
         width: 18px;
-        height:18px;
-        margin-right:8px;
+        height: 18px;
+        margin-right: 8px;
     }
 }
 
@@ -185,21 +211,26 @@ img {
     font-size: 14px;
     transform: translateY(-38px);
     position: relative;
-    .top-round{
-        width:22px ;
-        height:22px;
+
+    .top-round {
+        width: 22px;
+        height: 22px;
         background: #fff;
         position: absolute;
-        top:-8px;
-        right:-1px;
-        .top-round-s{
+        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;
+            top: -13px;
+            left: -1px;
+            border-radius: 0 0 16px 0;
+            background: rgba(174, 159, 251, 1);
+            width: 23px;
+            height: 20px;
+        }
+        .intermediary-bg{
+            background: rgba(173,214,247,1);
         }
     }
 
diff --git a/src/components/detail/imageWatch.vue b/src/components/detail/imageWatch.vue
index c60c547..0efb22f 100644
--- a/src/components/detail/imageWatch.vue
+++ b/src/components/detail/imageWatch.vue
@@ -8,8 +8,8 @@
                             <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" style="width:600px" v-if="!item.thumbnail">
-                                <source :src="item&&item.url" class="img" style="width:600px" type="video/mp4">
+                            <div class="img-box dis-f jus-x" style="width:600px" v-if="!item.thumbnail&&item.url">
+                                <source :controls="true" :autoplay="false" :src="item&&item.url" class="img" style="width:600px" type="video/mp4">
                             </div>
                         </div>
                     </el-carousel-item>
@@ -29,7 +29,7 @@
                             <img src="../../assets/img/detail/videoStop.svg" class="icon" alt="">
                         </div>
                     </div>
-                    <div class="img-box-s dis-f jus-x" :class="{ 'select-box': imageTab === i }">
+                    <div class="img-box-s dis-f jus-x" :class="[{ 'select-box': imageTab === i },{'voide':!item.thumbnail}]">
                         <img :src="item.thumbnail||item.image" alt="" class="img-s">
                     </div>
                 </div>
diff --git a/src/views/detail.vue b/src/views/detail.vue
index 6c2fbcf..f858776 100644
--- a/src/views/detail.vue
+++ b/src/views/detail.vue
@@ -9,9 +9,14 @@
                         <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'] &&
+                                    v-if="pageType == 1 &&
+                                        housingInfo['data'] &&
                                         housingInfo['data'].info.verified" alt="">
+                                <img src="../assets/homeImage/intermediaryTabImg.png" class="intermediary-logo" v-if="pageType == 2 &&
+                                    housingInfo['data'] &&
+                                    housingInfo['data'].isintermediary == 1" alt="">
                                 <div class="line" v-if="housingInfo['data'] && housingInfo['data'].info.verified"></div>
+                                <span class="need-houing-type" v-if="pageType == 3">预算</span>
                                 <span class="unit">HK$</span>
                                 <span class="rent">{{ housingInfo['data'] && housingInfo['data'].info.rent }}</span>
                                 <span>/月</span>
@@ -59,9 +64,10 @@
                         </div>
                     </div>
                 </el-affix>
-                <div class="dis-f jus-bet" style="transform: translateY(-15px);">
+                <div class="dis-f jus-bet" style="margin-top: -15px;">
                     <div class="info-box">
                         <div class="detail-price-box">
+                            <span class="need-houing-type" v-if="pageType == 3">预算</span>
                             <span class="unit">HK$</span><span class="rent">{{
                                 housingInfo['data'] && housingInfo['data'].info.rent }}</span>
                             <span>/月</span>
@@ -101,7 +107,7 @@
                                                                         ${housingInfo['data'] && housingInfo['data'].info.rentalperiod}` }}
                                 </div>
                             </div>
-                            <div class="condition condition-border">
+                            <div class="condition">
                                 <div class="dis-f al-item">
                                     <div class="icon">
 
@@ -123,7 +129,8 @@
                                     housingInfo['data'].info.picturegroup && housingInfo['data'].info.picturegroup.length
                                     || 0 }}</div>
                             </div>
-                            <div class="img-list-box dis-f jus-x al-item" @click="imageShow = true">
+                            <div class="img-list-box dis-f jus-x al-item" @click="imageShow = true"
+                                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">
                                 <img src="../assets/img/detail/moreAllow.svg" class="icon left-icon" alt=""
@@ -158,7 +165,123 @@
                                     基本信息
                                 </span>
                             </div>
-                            <div class="info-box-s">
+                            <!--  -->
+                            <div class="need-housing-info" v-if="pageType == 3">
+                                <div class="info dis-f al-item">
+                                    <div class="title-box">
+                                        房屋类型
+                                    </div>
+                                    <div class="text mg-l-30">
+                                        <span v-for="(item, i) in housingInfo['data'] && housingInfo['data'].info.property"
+                                            :key="i">
+                                            <span v-show="i != 0">/</span>
+                                            {{
+                                                item == 0 ? '不限' :
+                                                indexData['data'] &&
+                                                indexData['data']['config'] &&
+                                                indexData['data']['config']['property'][item]
+                                            }}
+                                        </span>
+                                    </div>
+                                </div>
+                                <div class="info dis-f al-item">
+                                    <div class="title-box">
+                                        所在楼层
+                                    </div>
+                                    <div class="text"
+                                        v-for="(item, i) in housingInfo['data'] && housingInfo['data'].info.floor" :key="i"
+                                        :class="{ 'mg-l-30': i === 0 }">
+                                        {{
+                                            item == 0 ? '不限' :
+                                            indexData['data'] &&
+                                            indexData['data']['config'] &&
+                                            indexData['data']['config']['floor'][item]
+                                        }}
+                                        <!-- {{ housingInfo['data'] && housingInfo['data'].info.floor }} -->
+                                    </div>
+                                </div>
+                                <div class="info dis-f al-item">
+                                    <div class="title-box">
+                                        电梯
+                                    </div>
+                                    <div class="text mg-l-30">
+                                        {{
+                                            indexData['data'] &&
+                                            indexData['data']['config'] &&
+                                            indexData['data']['config']['elevator'][housingInfo['data'] &&
+                                                housingInfo['data'].info.elevator]
+                                        }}
+                                    </div>
+                                </div>
+                                <div class="info dis-f al-item">
+                                    <div class="title-box">
+                                        晾晒区
+                                    </div>
+                                    <div class="text"
+                                        v-for="(item, i) in housingInfo['data'] && housingInfo['data'].info.sunshinearea"
+                                        :key="i" :class="{ 'mg-l-30': i === 0 }">
+                                        {{
+                                            item == 0 ? '不限' :
+                                            indexData['data'] &&
+                                            indexData['data']['config'] &&
+                                            indexData['data']['config']['sunshinearea'][housingInfo['data'] &&
+                                                housingInfo['data'].info.sunshinearea]
+                                        }}
+                                    </div>
+                                </div>
+                                <div class="info dis-f al-item">
+                                    <div class="title-box">
+                                        面积
+                                    </div>
+                                    <div class="text mg-l-30">
+                                        <span>
+                                            {{
+                                                housingInfo['data'] && housingInfo['data'].info.acreage[0] ? housingInfo['data']
+                                            &&
+                                            housingInfo['data'].info.acreage[0] : 0
+                                            }}
+                                        </span>~
+                                        <span>
+                                            {{
+                                                housingInfo['data'] && housingInfo['data'].info.acreage[1] ? housingInfo['data']
+                                            &&
+                                            housingInfo['data'].info.acreage[1] : 0
+                                            }}
+                                        </span>
+                                        平方呎
+                                    </div>
+                                </div>
+                                <div class="info dis-f al-item">
+                                    <div class="title-box">
+                                        同住人性别要求
+                                    </div>
+                                    <div class="text mg-l-30">
+                                        {{
+                                            indexData['data'] &&
+                                            indexData['data']['config'] &&
+                                            indexData['data']['config']['gender'][housingInfo['data'] &&
+                                            housingInfo['data'].info.publishergender]
+                                        }}
+                                    </div>
+                                </div>
+                                <div class="info dis-f al-item">
+                                    <div class="title-box">
+                                        发布者性别
+                                    </div>
+                                    <div class="text mg-l-30">
+                                        {{
+                                            housingInfo['data'] && housingInfo['data'].info.gender ?
+                                            indexData['data'] &&
+                                            indexData['data']['config'] &&
+                                            indexData['data']['config']['gender'][housingInfo['data'] &&
+                                            housingInfo['data'].info.gender] :
+                                            '不限'
+                                        }}
+                                    </div>
+                                </div>
+                            </div>
+                            <!--  -->
+                            <div class="info-box-s" v-if="pageType == 1 || pageType == 2">
                                 <div class="info dis-f al-item">
                                     <div class="title-box">
                                         房屋类型
@@ -225,22 +348,51 @@
                                             indexData['data'] &&
                                             indexData['data']['config'] &&
                                             indexData['data']['config']['gender'][housingInfo['data'] &&
-                                            housingInfo['data'].info.gender]
+                                                housingInfo['data'].info.gender]
                                         }}
                                     </span>
                                 </div>
                             </div>
                         </div>
-                        <div class="map-box">
+                        <!-- 求房源-目标区域 -->
+                        <div class="housing-info">
+                            <div class="title dis-f al-item">
+                                <img src="../assets/img/detail/mapIcon.png" class="img" alt="">
+                                <span>
+                                    目标区域
+                                </span>
+                            </div>
+                            {{ housingLocation }}
+                            <div class="need-housing-location">
+                                <div class="dis-f al-item" v-for="(item, i) in housingInfo['data'] && housingInfo['data'].info.location"
+                                    :key="i">
+                                    <span>
+                                        {{
+                                            location && location[item.substring(0, 1)]
+                                        }}
+                                    </span>
+                                    <div class="icon dis-f jus-x al-item">
+                                        <img src="../assets/img/detail/moreAllow.svg" class="icon-img" alt="">
+                                    </div>
+                                    <span>
+                                        {{
+                                            location && location[item]
+                                        }}
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                        <!--  -->
+                        <div class="map-box" v-if="pageType == 1 || pageType == 2">
                             <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)]
-                                }} > {{
-    location && location[housingInfo['data'] && housingInfo['data']['info'].location]
-}}</span>
+                                    housingInfo['data']['info'].location.substring(0, 1)]
+                                }} >
+                                    {{
+                                        location && location[housingInfo['data'] && housingInfo['data']['info'].location]
+                                    }}</span>
                             </div>
                             <div class="dis-f jus-x" style="margin-top:15px;">
                                 <div v-if="housingInfo['data']">
@@ -251,7 +403,7 @@
                                 </div>
                             </div>
                         </div>
-                        <div class="dis-f jus-x" v-if="distanceList.length">
+                        <div class="dis-f jus-x" v-if="distanceList.length && pageType != 3">
                             <div class="distance-box dis-f jus-bet">
                                 <div class="distance-info-box pos-r" :class="{ 'show-distance-info-box': showDistance }"
                                     :style="{ 'height': showDistance ? `${70 + 42 + 82 * distanceList.length - 1}px` : '0px' }">
@@ -398,7 +550,11 @@
                             <div class="user-name">
                                 {{ housingInfo['data'] && housingInfo['data'].info.author }}
                             </div>
-                            <div class="dis-f jus-x">
+                            <div class="dis-f jus-x"
+                                v-if="pageType == 2 && housingInfo['data'] && housingInfo['data'].isintermediary == 1">
+                                <img src="../assets/homeImage/intermediaryTabImg.png" class="intermediary-logo" alt="">
+                            </div>
+                            <div class="dis-f jus-x" v-if="pageType == 1">
                                 <div class="user-type">
                                     {{
                                         indexData['data'] &&
@@ -414,11 +570,62 @@
                                     {{ checkUpdateTime(housingInfo['data'] && housingInfo['data'].info.updatetime)
                                     }} </span>
                             </div>
-                            <div class="dis-f al-item jus-x time-box" v-if="housingInfo['data']&&housingInfo['data'].verifiedlistingcount">
-                                <img src="../assets/img/detail/presonNumIcon.png" class="icon" alt="">
-                                <span>认证房源 x{{ housingInfo['data']&&housingInfo['data'].verifiedlistingcount }}</span>
+                            <div v-if="checkUpdateTime(housingInfo['data'] && housingInfo['data'].info.updatetime)">
+                                <div class="dis-f al-item jus-x time-box" v-if="housingInfo['data'] &&
+                                    housingInfo['data'].intermediarylistingcount > 0 &&
+                                    housingInfo['data']['config']['intermediary'] == 1 &&
+                                    housingInfo['data'].isintermediary == 1">
+                                    <img src="../assets/img/detail/presonNumIcon.png" class="icon" alt="">
+                                    <span>房源 x{{ housingInfo['data'] && housingInfo['data'].intermediarylistingcount
+                                    }}</span>
+                                </div>
+                                <div class="dis-f al-item jus-x time-box"
+                                    v-if="housingInfo['data'] && housingInfo['data'].verifiedlistingcount">
+                                    <img src="../assets/img/detail/presonNumIcon.png" class="icon" alt="">
+                                    <span>认证房源 x{{ housingInfo['data'] && housingInfo['data'].verifiedlistingcount }}</span>
+                                </div>
                             </div>
-                            <div class="dis-f jus-x">
+                            <div class="intermediary-info-box" v-if="housingInfo['data'] && housingInfo['data'].contacts">
+                                <div v-if="contacts['data'].proxynumber">
+                                    <span>
+                                        代理人牌照号：
+                                    </span>
+                                    <span>
+                                        {{ contacts['data'].proxynumber }}
+                                    </span>
+                                </div>
+                                <div class="mg-t-10" v-if="contacts['data'].companyname">
+                                    <span>
+                                        代理人牌照号：
+                                    </span>
+                                    <span>
+                                        {{ contacts['data'].companyname }}
+                                    </span>
+                                </div>
+                                <div class="mg-t-10" v-if="contacts['data'].companyaddress">
+                                    <span>
+                                        公司地址：
+                                    </span>
+                                    <span>
+                                        {{ contacts['data'].companyaddress }}
+                                    </span>
+                                </div>
+                                <div class="mg-t-10" v-if="contacts['data'].companylicensenumber">
+                                    <span>
+                                        公司牌照号：
+                                    </span>
+                                    <span>
+                                        {{ contacts['data'].companylicensenumber }}
+                                    </span>
+                                </div>
+                                <div class="dis-f jus-x" v-if="contacts['data'].businesscard">
+                                    <div class="business-card-btn dis-f jus-x al-item" @click="showBusinessCard = true">
+                                        <img src="../assets/img/detail/businessCard.png" class="logo" alt="">
+                                        查看名片
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="dis-f jus-x ">
                                 <div class="contact-btn" @click="getConcatData">
                                     联系方式
                                 </div>
@@ -463,13 +670,18 @@
                 </div>
             </div>
         </div>
+        <!-- 中介名片弹窗 -->
+        <div class="dis-f jus-x al-item business-card-img-pop" v-show="showBusinessCard">
+            <img src="../assets/img/detail/imageClose.svg" @click="showBusinessCard = false" class="close-img" alt="">
+            <img :src="contacts['data'].businesscard" class="img" alt="">
+        </div>
         <!-- 推荐 -->
-        <div class="dis-f jus-x">
+        <div class="dis-f jus-x" v-if="pageType != 3">
             <div class="body-maxWidth housing-title" style="margin-top:30px;">
                 附近房源
             </div>
         </div>
-        <div class="dis-f  jus-x al-item" style="position: relative;z-index:-1;">
+        <div class="dis-f  jus-x al-item" style="position: relative;z-index:-1;" v-if="pageType != 3">
             <div class="body-maxWidth" v-show="recommendListData.length > 0">
                 <div ref="gridContainer"
                     style="margin-top:15px;display: flex;flex-wrap: wrap;margin-bottom: 50px;width:876px">
@@ -484,7 +696,7 @@
                 </div>
             </div>
         </div>
-        <div class="dis-f jus-x bottom-tps">
+        <div class="dis-f jus-x bottom-tps" v-if="pageType != 3">
             - {{ loadText }} -
         </div>
         <footerTool></footerTool>
@@ -725,11 +937,17 @@ import biserialItem from '../components/biserialListItem/biserialListItem.vue'
 
 import store from '@/store';
 
+//页面类型
+let pageType = ref('')
+
 //加载状态
 let loadMore = ref(true)
 //推荐列表页数
 let pages = ref(1)
 let uniqid = ref('')
+
+//显示中介名片
+let showBusinessCard = ref(false)
 //查看图片
 let imageShow = ref(false)
 let cloaseImageShow = () => {
@@ -847,21 +1065,33 @@ let setHousingArr = () => {
 }
 
 let location = store.state.indexData.config && store.state.indexData.config.location
+let housingLocation=reactive(location)
+console.log('housingLocation',housingLocation)
 //设置顶部导航
 let setNavigation = () => {
     let type = store.state.indexData.config && store.state.indexData.config.type
     indexData['data'] = store.state.indexData
     if (!location) return
-    store.state.routeList['thirdIndex'] = {
-        path: "",
-        title: `${location[housingInfo['data']['info'].location.substring(0, 1)]}${type[housingInfo['data']['info'].type.substring(0, 1)]}房源`
-    }
-    if (housingInfo['data']['info'].location.length > 0)
-        store.state.routeList['fourthIndex'] = {
+    if (pageType.value == 1 || pageType.value == 2) {
+        store.state.routeList['thirdIndex'] = {
             path: "",
-            title: `${location[housingInfo['data']['info'].location]}${type[housingInfo['data']['info'].type]}`
+            title: `${location[housingInfo['data']['info'].location.substring(0, 1)]}${type[housingInfo['data']['info'].type.substring(0, 1)]}房源`
         }
+        if (housingInfo['data']['info'].location.length > 0)
+            store.state.routeList['fourthIndex'] = {
+                path: "",
+                title: `${location[housingInfo['data']['info'].location]}${type[housingInfo['data']['info'].type]}`
+            }
+    } else {
+
+    }
+
 }
+//中介数据
+let contacts = reactive({
+    data: {
+    }
+})
 
 //获取房源详情
 let getHousingInfo = () => {
@@ -879,6 +1109,7 @@ let getHousingInfo = () => {
                 name: housingInfo['data']['info'].address,
             })
             concatInfo['data'] = store.state.indexData.wechat
+            if (res.data.contacts) contacts['data'] = res.data.contacts
             if (housingInfo['data'].info.verified) {
                 getPublisherList()
             } else {
@@ -1050,16 +1281,20 @@ let masonryInstance = null
 
 let router = useRouter()
 onMounted(() => {
-    let { id } = router.currentRoute.value.query
+    let { id, type } = router.currentRoute.value.query
     uniqid.value = id
+    pageType.value = type
     getHousingInfo()
     masonryInstance = new Masonry(gridContainer.value, {
         itemSelector: '.waterfall-box',
         gutter: 10
     });
-    setTimeout(() => {
-        window.addEventListener('scroll', onPageSrcoll, true);
-    }, 1000)
+    if (pageType.value != 3) {
+        setTimeout(() => {
+            window.addEventListener('scroll', onPageSrcoll, true);
+        }, 1000)
+    }
+
 })
 
 onBeforeUnmount(() => {
@@ -1133,6 +1368,23 @@ img {
     padding: 30px 0;
 }
 
+.need-houing-type {
+    background-color: rgba(80, 227, 194, 1);
+    border: none;
+    border-radius: 6px;
+    -moz-box-shadow: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
+    font-weight: 400;
+    font-style: normal;
+    color: #FFFFFF;
+    text-align: center;
+    padding: 0px 5px;
+    font-size: 14px;
+    margin-right: 10px;
+}
+
 .clone-btn {
     width: 100px;
     height: 32px;
@@ -1157,6 +1409,29 @@ img {
     }
 }
 
+.business-card-img-pop {
+    width: 100vw;
+    height: 100vh;
+    background: #4c4c4c;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 999;
+
+    .close-img {
+        width: 20px;
+        height: 20px;
+        position: absolute;
+        right: 20px;
+        top: 20px;
+        cursor: pointer;
+    }
+
+    .img {
+        width: 1200px;
+    }
+}
+
 .pop-box {
     width: 100vw;
     height: 100vh;
@@ -1497,6 +1772,10 @@ img {
         height: 16px;
     }
 
+    .intermediary-logo {
+        width: 85px;
+        height: 20px;
+    }
 
     .top-bar {
         width: 1200px;
@@ -1587,6 +1866,56 @@ img {
     font-size: 14px;
     padding: 35px 25px;
 
+    .intermediary-info-box {
+        width: 100%;
+        background: inherit;
+        background-color: rgba(246, 246, 246, 0.603921568627451);
+        border: none;
+        border-radius: 8px;
+        font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
+        font-weight: 400;
+        font-style: normal;
+        font-size: 13px;
+        color: #7F7F7F;
+        padding: 20px 10px;
+        margin-top: 30px;
+        box-sizing: border-box;
+
+        .business-card-btn {
+            width: 100px;
+            height: 30px;
+            background: inherit;
+            background-color: rgba(246, 246, 246, 0);
+            box-sizing: border-box;
+            border-width: 1px;
+            border-style: solid;
+            border-color: rgba(215, 215, 215, 1);
+            border-radius: 4px;
+            font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
+            font-weight: 400;
+            font-style: normal;
+            font-size: 14px;
+            color: #333;
+            cursor: pointer;
+
+            .logo {
+                width: 22px;
+                height: 22px;
+                margin-right: 8px;
+            }
+        }
+
+        .mg-t-10 {
+            margin-top: 10px;
+        }
+    }
+
+    .intermediary-logo {
+        width: 85px;
+        height: 20px;
+        margin-top: 15px;
+    }
+
     .wx-title {
         width: 201px;
         height: 24px;
@@ -1885,6 +2214,57 @@ img {
     .housing-info {
         margin-top: 50px;
 
+        .need-housing-location {
+            margin-top: 20px;
+            font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
+            font-weight: 400;
+            font-style: normal;
+            font-size: 16px;
+            color: #000000;
+            .icon{
+                width:16px;
+                height:16px;
+                border-radius:50%;
+                background: #fdda55;
+                margin:0 8px;
+                .icon-img{
+                    width:5px;
+                    height:8px;
+                }
+            }
+        }
+
+        .need-housing-info {
+            margin-top: 30px;
+
+            .info {
+                font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
+                font-weight: 400;
+                font-style: normal;
+                color: #7F7F7F;
+                font-size: 14px;
+
+                .title-box {
+                    width: 120px;
+                }
+
+                .text {
+                    font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
+                    font-weight: 400;
+                    font-style: normal;
+                    font-size: 14px;
+                    color: #333;
+                    padding: 10px 0;
+                    border-bottom: 1px dashed rgba(237, 237, 237, 1);
+                    width: 100%;
+                }
+
+                .mg-l-30 {
+                    margin-left: 30px;
+                }
+            }
+        }
+
         .info-box-s {
             margin-top: 30px;
             display: flex;
diff --git a/src/views/housingView/needHousing.vue b/src/views/housingView/needHousing.vue
index d52d456..fad15f5 100644
--- a/src/views/housingView/needHousing.vue
+++ b/src/views/housingView/needHousing.vue
@@ -75,7 +75,7 @@ let getDataList = (data) => {
     loading.value = false
     let postData = {
         page: pages.value,
-        intermediary: 0,
+        intermediary: 6,
         limit:20,
         ...data
     }