提交

src/views/apartmentDetail.vue

@@ -74,6 +74,8 @@
                     </div>
                 </div>
                 <div class="header-right flex1">
+                    <img class="header-bj" src="@/assets/img/apartmentDetail/apartmentDetail-header-bj.png">
+                    <img class="header-shade" src="@/assets/img/apartmentDetail/apartmentDetail-header-shade.svg">
                     <div class="tab-box flexflex" v-if="info['tags'] && info['tags'].length != 0">
                         <div class="tab-item flexcenter" v-for="item in info['tags']">{{ item }}</div>
                     </div>
@@ -143,12 +145,12 @@
                                         src="@/assets/img/publicImage/gray-arrow.svg" alt="">
                                 </div>
                                 <div class="media-list flexacenter no-scrollbar" :class="`element${index}`">
-                                    <div class="media-item flexcenter" v-for="(it,i) in item['videos']"
+                                    <div class="media-item flexcenter" v-for="(it, i) in item['videos']"
                                         @click="cloaseImageShow([...item['videos'], ...item['images']], i)">
                                         <img class="media-img" v-lazy="it['thumbnail']">
                                         <img class="media-icon" src="@/assets/img/apartmentDetail/media-icon.svg" />
                                     </div>
-                                    <div class="media-item flexcenter" v-for="(it,i) in item['images']"
+                                    <div class="media-item flexcenter" v-for="(it, i) in item['images']"
                                         @click="cloaseImageShow([...item['videos'], ...item['images']], i)">
                                         <img class="media-img" v-lazy="it['thumbnail']">
                                     </div>
@@ -927,6 +929,18 @@ const publicJump = path => router.push(path)
 
             .header-right {
                 margin-left: 59px;
+                position: relative;
+                z-index: 1;
+
+                .header-bj,
+                .header-shade {
+                    width: 601px;
+                    height: 338px;
+                    position: absolute;
+                    bottom: -25px;
+                    right: -30px;
+                    z-index: -1;
+                }
 
                 .tab-box {
                     flex-wrap: wrap;
@@ -1265,6 +1279,23 @@ const publicJump = path => router.push(path)
                 font-size: 14px;
                 margin-bottom: 20px;
 
+                &.location .details-header .icon {
+                    width: 20px;
+                    height: 24px;
+                }
+
+                &.apartment-facilities .details-header .icon,
+                &.special-offer .details-header .icon {
+                    width: 20px;
+                    height: 20px;
+                }
+
+                &.company .details-header .icon,
+                &.life .details-header .icon {
+                    width: 22px;
+                    height: 22px;
+                }
+
                 .details-header {
                     height: 82px;
                     padding: 0 30px;

src/views/detail.vue

@@ -5,7 +5,7 @@
             <div class="body-maxWidth mg-t-35">
                 <breadcrumb :data="housingInfo['data']" :operation='setOperation'></breadcrumb>
                 <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-box dis-f jus-x" v-if="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"
@@ -985,6 +985,8 @@
     </div>
     <watchImage :show="imageShow" :index="imageIndex" :close="cloaseImageShow" :list="imgList"></watchImage>
     <back-to-top></back-to-top>
+    <!-- 举报 -->
+    <report :id="uniqid"></report>
 </template>
   
 <script setup>
@@ -1004,6 +1006,7 @@ import biserialItem from '../components/biserialListItem/biserialListItem.vue'
 import backToTop from '@/components/public/backToTop.vue'
 import phoneqrcode from '@/components/public/phoneQRcode.vue';
 import groupqrcode from '@/components/public/group-QRcode.vue';
+import report from '@/components/public/report.vue'
 
 import store from '@/store';
 
@@ -1253,26 +1256,23 @@ let setOperation = () => {
 //获取联系方式
 let concatData = reactive({})
 let getConcatData = () => {
-    if (concatData['data']){
+    if (concatData['data']) {
         showConcat.value = true
         return
-    } 
+    }
     api.contactData({
         token: housingInfo['data'].token
     }).then(res => {
-        console.log(res)
         if (res.code === 200) {
             showConcat.value = true
             concatData['data'] = res.data
             let dataCount = 0
             Object.keys(concatData['data']).map(res => {
-                console.log(res === 'wechatdata' && concatData['data'][res].aid != 0)
                 if ((concatData['data'][res] && res != 'wechatdata') || (res === 'wechatdata' && concatData['data'][res].aid != 0)) {
                     dataCount++
                 }
             })
             concatData['data']['count'] = dataCount
-            console.log(concatData)
         }
     })
 }

src/views/seachIndex.vue

@@ -20,7 +20,7 @@
                     <apartment-item v-for="item in listApartment" :item="item"></apartment-item>
                 </div>
                 <div class="dis-f jus-x no-list-box al-item" v-show="dataList.data && dataList.data.length === 0">
-                    <noList></noList>
+                    <noList hintText="暂无搜索结果" hintTextTwo="建议更换搜索关键词，或放宽筛选条件"></noList>
                 </div>
             </div>
         </div>