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

---
 src/views/detail.vue | 83 ++++++++++++++++++++++++++++++--------------
 1 file changed, 57 insertions(+), 26 deletions(-)

diff --git a/src/views/detail.vue b/src/views/detail.vue
index f858776..70eeb1d 100644
--- a/src/views/detail.vue
+++ b/src/views/detail.vue
@@ -4,7 +4,7 @@
         <div class="dis-f jus-x al-item">
             <div class="body-maxWidth mg-t-35">
                 <breadcrumb :data="housingInfo['data']" :operation='setOperation'></breadcrumb>
-                <el-affix :offset="0" @change="changeTitleType">
+                <el-affix :offset="0" @change="changeTitleType" z-index="700">
                     <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">
@@ -18,7 +18,16 @@
                                 <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 class="rent" v-if="pageType != 3">{{ housingInfo['data'] &&
+                                    housingInfo['data'].info.rent }}</span>
+                                <span class="rent" v-if="pageType == 3">
+                                    {{
+                                        housingInfo['data'] && housingInfo['data'].info.rent[0]
+                                    }}~
+                                    {{
+                                        housingInfo['data'] && housingInfo['data'].info.rent[1]
+                                    }}
+                                </span>
                                 <span>/月</span>
                                 <div class="line"></div>
                                 <div class="dis-f al-item">
@@ -68,8 +77,16 @@
                     <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">{{
+                            <span class="unit">HK$</span><span class="rent" v-if="pageType != 3">{{
                                 housingInfo['data'] && housingInfo['data'].info.rent }}</span>
+                            <span class="rent" v-if="pageType == 3">
+                                {{
+                                    housingInfo['data'] && housingInfo['data'].info.rent[0]
+                                }}~
+                                {{
+                                    housingInfo['data'] && housingInfo['data'].info.rent[1]
+                                }}
+                            </span>
                             <span>/月</span>
                         </div>
                         <div class="dis-f al-item detail-condition-box">
@@ -121,13 +138,26 @@
                         </div>
                         <div class="image-box">
                             <div class="dis-f al-item">
-                                <img src="../assets/img/detail/videoIcon.png" class="img-video" alt="">
-                                <div class="num-box">{{ housingInfo['data'] && housingInfo['data'].info.video ?
-                                    housingInfo['data'] && housingInfo['data'].info.video.length : 0 }}</div>
-                                <img src="../assets/img/detail/imageIcon.png" class="img-icon" alt="">
-                                <div class="num-box">{{ housingInfo['data'] &&
-                                    housingInfo['data'].info.picturegroup && housingInfo['data'].info.picturegroup.length
-                                    || 0 }}</div>
+                                <img src="../assets/img/detail/videoIcon.png" v-if="housingInfo['data'] &&
+                                    housingInfo['data'].info.video &&
+                                    housingInfo['data'].info.video.length > 0" class="img-video" alt="">
+                                <div class="num-box" v-if="housingInfo['data'] &&
+                                    housingInfo['data'].info.video &&
+                                    housingInfo['data'].info.video.length">
+                                    {{ housingInfo['data'] && housingInfo['data'].info.video ?
+                                        housingInfo['data'] && housingInfo['data'].info.video.length : 0 }}</div>
+                                <img src="../assets/img/detail/imageIcon.png" 
+                                v-if="housingInfo['data'] &&
+                                    housingInfo['data'].info.picturegroup &&
+                                    housingInfo['data'].info.picturegroup.length" 
+                                class="img-icon" alt="">
+                                <div class="num-box" v-if="housingInfo['data'] &&
+                                    housingInfo['data'].info.picturegroup &&
+                                    housingInfo['data'].info.picturegroup.length">
+                                    {{ housingInfo['data'] &&
+                                        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"
                                 v-show="imgList.length > 0">
@@ -362,10 +392,9 @@
                                     目标区域
                                 </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">
+                                <div class="dis-f al-item" :class="{ 'mg-t-15': i != 0 }"
+                                    v-for="(item, i) in housingInfo['data'] && housingInfo['data'].info.location" :key="i">
                                     <span>
                                         {{
                                             location && location[item.substring(0, 1)]
@@ -1065,8 +1094,6 @@ 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
@@ -1082,10 +1109,7 @@ let setNavigation = () => {
                 path: "",
                 title: `${location[housingInfo['data']['info'].location]}${type[housingInfo['data']['info'].type]}`
             }
-    } else {
-
     }
-
 }
 //中介数据
 let contacts = reactive({
@@ -1945,6 +1969,7 @@ img {
     .crowd-box {
         width: 120px;
         height: 120px;
+        margin-top:30px;
         background: inherit;
         background-color: rgba(255, 255, 255, 1);
         border: none;
@@ -2221,15 +2246,21 @@ img {
             font-style: normal;
             font-size: 16px;
             color: #000000;
-            .icon{
-                width:16px;
-                height:16px;
-                border-radius:50%;
+
+            .mg-t-15 {
+                margin-top: 15px;
+            }
+
+            .icon {
+                width: 16px;
+                height: 16px;
+                border-radius: 50%;
                 background: #fdda55;
-                margin:0 8px;
-                .icon-img{
-                    width:5px;
-                    height:8px;
+                margin: 0 8px;
+
+                .icon-img {
+                    width: 5px;
+                    height: 8px;
                 }
             }
         }