+
- {{ loadText }} -
@@ -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
}
- 
+ 
@@ -97,11 +97,11 @@
data &&
data.data.intermediary_text
}}
- 
+ 
+ 
-
- {{data['data']&&data['data'].info&&data['data'].info.intermediary!=1?'房产证明':'真实牌照'}}
-
+ 
+ 
+ 预算
HK$
{{ housingInfo['data'] && housingInfo['data'].info.rent }}
/月
@@ -59,9 +64,10 @@
+
+ 目标区域
+
+ 
- 认证房源 x{{ housingInfo['data']&&housingInfo['data'].verifiedlistingcount }}
+ 
+ 查看名片
+ 
+