2025-04-18 19:03:57 +08:00

492 lines
27 KiB
Plaintext
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<import src="../common/common.wxml" />
<import src="../../wxParse/wxParse.wxml" />
<wxs module="m">
module.exports = {
isArray: function (arr) {
return arr.constructor == 'Array' ? true : false
}
}
</wxs>
<!-- <page-meta page-style="overflow: hidden;"></page-meta> -->
<view class="container" wx:if="{{ !loding }}">
<view style="position: fixed;top: 0px;right: 0;">
<view id="apartment">
<view class="apartment1-name one-line-display">{{ targetData['title'] }}</view>
<view class="apartment1-introduce one-line-display">{{ targetData['propaganda'] }}</view>
</view>
<view class="general-name1 flexacenter" id="general">{{ targetData['title'] }}</view>
</view>
<block wx:if="{{ isUserAuthorization==1 }}">
<go-login bindislogin="islogin"></go-login>
</block>
<!-- <header-nav inner-text="Some text" bgcolor="{{ operationsTop ? '#fff' : 'transparent' }}">房源详情</header-nav> -->
<header-nav inner-text="Some text" bgcolor="{{ operationsTop ? '#fff' : 'transparent' }}" newHeadOperate="{{ true }}" showTab='{{ showTab }}'></header-nav>
<view class="bj">
<image class="bj-left" mode="widthFix" src="/img/show-head-left.svg"></image>
<image class="bj-right" mode="widthFix" src="/img/show-head-right.svg"></image>
</view>
<view class="housing-info flexacenter">
<image class="housing-info-avatar" mode="widthFix" src="{{ info.avatar }}"></image>
<view class="housing-info-right flexflex">
<view class="housing-info-name flexacenter">
<text class="one-line-display" style="max-width: 420rpx;">{{ info.author }}</text>
<image wx:if="{{ isintermediary == 1 }}" class="housing-info-identity-icon" src="/img/certifying-agent.png"></image>
<view wx:else class="housing-info-identity">{{ info.intermediary_text }}</view>
</view>
<view class="housing-info-update flexacenter">{{ info.updatetimeText }}更新
<block wx:if="{{ verifiedlistingcount > 1 && info['intermediary'] != 1 }}">
<view class="vertical">|</view>认证房源×{{ verifiedlistingcount }}
</block>
<block wx:if="{{ intermediarylistingcount > 1 && info['intermediary'] == 1 && isintermediary == 1 }}">
<view class="vertical">|</view>房源×{{ intermediarylistingcount }}
</block>
</view>
</view>
</view>
<view class="housing-information certification resource-beg">
<view class="HResource-box HResource-box1">
<view class="advanced-markup flexacenter {{ isintermediary == 1 ? 'advanced-intermediary' : '' }}" wx:if="{{ info.verified == 1 || isintermediary == 1 }}">
<view class="advanced-markup-left flexacenter ">
<image class="advanced-markup-icon" mode="widthFix" src="/img/certified-listings-icon.png"></image>
<image class="advanced-markup-identifying" mode="widthFix" src="/img/certified-listings.png">
</image>
<image class="advanced-markup-icon advanced-intermediary-icon" mode="widthFix" src="/img/certified-intermediary.png"></image>
<view class="advanced-intermediary-name">认证中介</view>
</view>
<view class="advanced-markup-right flexacenter">
<image class="advanced-markup-tick" mode="widthFix" src="/img/tick.svg"></image>
<view class="advanced-markup-name">{{ info['intermediary'] != 1 ? '房产证明' : '真实牌照' }}</view>
<image class="advanced-markup-tick" mode="widthFix" src="/img/tick.svg"></image>
<view class="advanced-markup-name">{{ info['intermediary'] != 1 ? '房东身份证' : '身份证明' }}</view>
</view>
</view>
<view class='title'>{{ info.subject }}</view>
<!-- 房源月租 -->
<view class="HResource-rentAndId">
<view class="rent">
<view class="rent-label flexcenter" wx:if="{{ info['intermediary'] == 6 }}">预算</view>
<view id="unit" class="unit">{{ info.currency || "HK$"}}</view>
<view class="money">{{ info.rent }}</view>
<view class="month">/{{ info.rentalperiod }}</view>
</view>
</view>
<!-- <image wx:if="{{ shareImage }}" class="shareImage" src="{{ shareImage }}"mode="widthFix"></image> -->
<!-- 房源详细信息 -->
<view class="HResource-detail">
<view class="HResource-header">
<!-- 租房类型、合租整租 房间 -->
<template is="HResource-header-item" data="{{ name: info.gptype,value: info.type }}"></template>
<!-- 租期 -->
<template is="HResource-header-item" data="{{ name: '租期', value: info.rentalduration != 0 ? info.rentalduration: '不限' }}"></template>
<!-- 起租日期 -->
<template is="HResource-header-item" data="{{ name: '起租日期',value: info.leasetime || '随时' }}"></template>
</view>
</view>
<!-- 图片和视频 -->
<view class="media-box" wx:if="{{ (info.video && info.video.length != 0) || (info.picturegroup && info.picturegroup.length != 0) }}">
<view class="housing-information-media-top flexacenter">
<block wx:if="{{ info.video && info.video.length != 0 }}">
<image class="housing-information-media-icon1" src="https://app.gter.net/image/miniApp/HKRenting/u1737.png" mode="widthFix"></image>
<view class="housing-information-media-quantity flexcenter">{{ info.video.length }}</view>
</block>
<block wx:if="{{ info.picturegroup && info.picturegroup.length != 0 }}">
<image class="housing-information-media-icon" src="https://app.gter.net/image/miniApp/HKRenting/u1738.png" mode="widthFix"></image>
<view class="housing-information-media-quantity flexcenter">{{ info.picturegroup.length }}
</view>
</block>
</view>
<view class="media-content">
<scroll-view class="scroll-view_H" scroll-x="true" style="width: 100%">
<block wx:if="{{ info.video && info.video.length>0 }}">
<view class="media-item media-video" wx:for="{{ info.video }}" wx:key="index" bindtap="show_video" data-src="{{ item.url }}" data-image="{{ item.image }}" data-current="{{ index }}">
<image class="media-video-bj" src="{{ item.image }}"></image>
<view class="media-video-play">
<image class="media-video-play-icon" mode="widthFix" src="/img/videoplay.png">
</image>
<view class="size">{{ item.size }}</view>
</view>
</view>
</block>
<block wx:if="{{ info.images && info.images.length>0 }}">
<view class="media-item" wx:for="{{ info.picturegroup }}" wx:key="index">
<image mode="heightFix" src="{{ item.thumbnail }}" bindtap="show_video" data-current="{{ (info.video.length || 0) + index }}" lazy-load="true" data-index="{{ index }}"></image>
</view>
</block>
</scroll-view>
</view>
</view>
<!-- 基本要求 -->
<view class="HResource-item basic-ask-for">
<view class="HResource-item-head flexacenter">
<image class="HResource-item-head-icon" src="/img/ask-for.png" mode="widthFix"></image>
基本{{ info['intermediary'] == 6 ? '要求' : '信息' }}
</view>
<view class="HResource-item-list {{ info['intermediary'] == 6 ? 'basic-list-aLine' : 'basic-list-twoLine' }}">
<block wx:for="{{ basicRequirementsObj }}" wx:key="index">
<view class="basic-item-Line flexacenter {{ index == basicRequirementsObj.length - 1 ? 'flex1' : '' }}" wx:if="{{ item.value }}">
<view class="basic-Line-key">{{ item.name }}</view>
<view class="basic-Line-value flex1 flexacenter" wx:if="{{ m.isArray(item.value) }}">
<block wx:for="{{ item.value }}" wx:for-item="it" wx:for-index="ind" wx:key="ind">
{{ it }}<text class="vertical" wx:if="{{ ind != item.value.length - 1 }}"></text>
</block>
</view>
<view class="basic-Line-value flex1" wx:else>{{ item.value }}</view>
</view>
</block>
</view>
</view>
<!-- 目标区域 -->
<view class="HResource-item" wx:if="{{ info.intermediary == 6 }}">
<view class="HResource-item-head flexacenter">
<image class="HResource-item-head-icon" src="/img/u1695.png" mode="widthFix"></image>
目标区域
</view>
<view class="HResource-item-list target-area-list">
<view class="target-area-item flexacenter" wx:for="{{ info.locationList }}" wx:key="index">
{{ item.head }}
<view class="target-area-arrows flexcenter">
<image class="target-area-arrows-icon" mode="widthFix" src="/img/Back.svg"></image>
</view>{{ item.end }}
</view>
</view>
</view>
<!-- 地址 -->
<view class="location-box" wx:elif="{{ info.intermediary != 6 && info.location }}">
<view class="location-header">
<image class="location-icon" mode="widthFix" src="/img/u1695.png"></image>
{{ info.locationList[0].head + ' > ' + info.locationList[0].end }}
</view>
<!-- 地图 -->
<block wx:if="{{ info.cityid==1 && info.point && info.point.length==2 && info.point[0]>0 && info.point[1]>0 }}">
<view class="location">
<map class="map" latitude='{{ info.point[0] }}' longitude='{{ info.point[1] }}' markers="{{ markers }}"></map>
<view class="location-bj" catchtouchmove="locationmove" bindtap='to_map' data-longitude="{{ info.point[1] || '' }}" data-latitude="{{ info.point[0] || '' }}">
<view class="location-site" wx:if="{{ info.address }}">
<image class="tracingPoint" mode="widthFix" src="https://app.gter.net/image/miniApp/HKRenting/u1704.png"></image>
<view class="location-name">{{ info.address }}</view>
<image class="location-arrows" mode="widthFix" src="/img/u353.svg"></image>
</view>
</view>
</view>
<nearby-school uniqid="{{ uniqid }}" options="{{ options }}" istype="{{ 1 }}"></nearby-school>
</block>
</view>
<!-- 求租描述 -->
<view class="HResource-item" wx:if="{{ info.introduction }}">
<view class="HResource-item-head flexacenter">
<image class="HResource-item-head-icon" src="https://app.gter.net/image/miniApp/HKRenting/description-rent.png" mode="widthFix"></image>
{{ info.intermediary == 6 ? '求租描述' : '更多介绍' }}
</view>
<view class="HResource-item-list rent-seeking-description">
<template is="wxParse" data="{{ wxParseData:info.introduction.nodes }}" />
</view>
</view>
<!-- 房源数据 -->
<view class="HResource-item">
<template is="HResourceState" data="{{ info }}"></template>
</view>
<!-- 免责声明 -->
<template is="disclaimer" data="{{ info,wechat }}"></template>
<!-- 底部 -->
<template is="footer1" data="{{ info,isfav,bottomLift,bottomUnitState }}"></template>
<!-- 联系方式弹窗 -->
<view class="root-portal" style="display: flex;align-items: flex-end;" bindtap="negation" data-key="contactInformationState" wx:if="{{ contactInformationState }}" catchtouchmove="locationmove">
<!-- <template is="root-portal" data="{{ info }}"></template> -->
<template is="new-contact-information" data="{{ info,contactValue }}"></template>
</view>
</view>
</view>
<view class="housing-contact" wx:if="{{ contacts }}">
<view class="housing-contact-title">房源联系人</view>
<view class="housing-contact-box flexflex">
<image class="housing-contact-avatar" mode="widthFix" src="{{ contacts.avatar }}"></image>
<view class="housing-contact-content flexflex">
<view class="housing-contact-name flexacenter">{{ contacts.nickname }}
<image class="housing-contact-icon" mode="widthFix" src="/img/certifying-agent.png"></image>
</view>
<view class="housing-contact-detail">
<view wx:if="{{ contacts.businesscard }}" class="contact-business-card flexcenter" bindtap="showBusinessCard">
<image class="contact-business-card-icon" mode="widthFix" src="https://app.gter.net/image/miniApp/HKRenting/business-card-icon.png">
</image>
名片
</view>
<view wx:if="{{ contacts.proxynumber }}" class="housing-contact-item">
代理人牌照号:{{ contacts.proxynumber }}</view>
<view wx:if="{{ contacts.companyname }}" class="housing-contact-item">
所属公司:{{ contacts.companyname }}</view>
<view wx:if="{{ contacts.companyaddress }}" class="housing-contact-item">
公司地址:{{ contacts.companyaddress }}</view>
<view wx:if="{{ contacts.companylicensenumber }}" class="housing-contact-item">
公司牌照号:{{ contacts.companylicensenumber }}</view>
</view>
</view>
</view>
</view>
<!-- 其他认证房源 -->
<view class="other-information else-box" wx:if="{{ attestationElseResource.length != 0 }}">
<view class="other-information-name flexacenter">发布者的其他{{ info['intermediary'] == 1 ? '' : '认证' }}房源<view class="else-quantity">({{ attestationElseResource.length }})</view>
</view>
<block wx:for="{{ attestationElseResource }}" wx:key="index">
<common-list item="{{ item }}"></common-list>
</block>
</view>
<!-- 附近房源 -->
<view class="other-information nearby-listings" wx:if="{{ listDataLeft.length != 0 }}">
<!-- 列表 -->
<view class="other-information-name flexacenter">附近房源</view>
<view class="pinterest-list flexflex">
<view id="pinterest-list-left" class="pinterest-list-left flex1">
<block wx:for="{{ listDataLeft }}" wx:key="index">
<template wx:if="{{item.type == 'adv'}}" is="adv" data="{{ item }}"></template>
<template wx:elif="{{item.type == 'apartment'}}" is="apartmentApartment" data="{{ item,bgColorObj }}"></template>
<template wx:else is="general" data="{{ item,bgColorObj }}"></template>
</block>
</view>
<view id="pinterest-list-right" class="pinterest-list-right flex1" style="display:flex;flex-direction:column;align-items: flex-end;">
<block wx:for="{{ listDataRight }}" wx:key="index">
<template wx:if="{{item.type == 'adv'}}" is="adv" data="{{ item }}"></template>
<template wx:elif="{{item.type == 'apartment'}}" is="apartmentApartment" data="{{ item,bgColorObj }}"></template>
<template wx:else is="general" data="{{ item,bgColorObj }}"></template>
</block>
</view>
</view>
</view>
<!-- <view style="width: 100vw;height: 50rpx;background: rgba(238, 239, 242, 1);"></view> -->
</view>
<!-- 反馈 -->
<!-- 特殊处理:因为在反馈里面使用了 cover-view ,所以需要在弹出弹窗的时候隐藏反馈按钮 -->
<block wx:if="{{ !(contactInformationState || academyState || QRCodeState) }}">
<report uniqid="{{ info.uniqid }}" bindtoReport="toReport" types="housing"></report>
</block>
<!-- 点击展示二维码的 -->
<view class="QRCode" wx:if="{{ QRCodeState }}">
<image class="QRCode-img" mode="widthFix" src="{{ info.wechatdata.url }}" show-menu-by-longpress="true"></image>
<view class="QRCodeClose" bindtap="openQRCode">
<image class="QRCodeClose-img" src="/img/plusf.png"></image>
</view>
</view>
<!-- 认证房东的 联系方式模板 -->
<template name="certificationContact">
<view class="contactInformation-item">
<!-- 黄圈 -->
<view class="yellowSpot-outer">
<view class="yellowSpot-inside"></view>
</view>
<view class="contactInformation-title">{{ name }}</view>
<view class="contactInformation-content">
<view class="contactInformation-left">
<view>{{ value }}</view>
</view>
<view class="contactInformation-right">
<view class="type-dial" wx:if="{{ dial }}" bindtap="call_us">拨打</view>
<view class="type-btn" bindtap="copy" data-num="{{ num }}">复制</view>
</view>
</view>
</view>
</template>
<!-- 香港房源的详细详细表格 房屋类型 楼层 -->
<template name="HResource-detail-tier">
<view class="HResource-detail-tier">
<view class="HResource-detail-name">{{ name }}</view>
<view class="HResource-detail-value">{{ value }}</view>
</view>
</template>
<!-- 香港房源的详细详细表格 房屋类型 楼层 -->
<template name="HResource-detail-tier1">
<view class="HResource-detail-tier">
<view class="HResource-detail-name">{{ name }}</view>
<view class="HResource-detail-value flexacenter">{{ value1 }}
<block wx:if="{{ value2 }}">
<view class="HResource-detail-vertical"></view>{{ value2 }}
</block>
</view>
</view>
</template>
<!-- 香港房源的详细详细表格 整租、 房屋类型 楼层 -->
<template name="HResource-header-item">
<view class="HResource-header-item">
<view class="HResource-header-top">
<image class="HResource-arrows" mode="widthFix" src="/img/u1638.svg"></image>
<view class="HResource-header-top-text">{{ name }}</view>
</view>
<view class="HResource-header-bottom">
<view class="HResource-arrows"></view>
<view class="HResource-header-bottom-text">{{ value }}</view>
</view>
</view>
</template>
<!--分享弹层 -->
<view class="detailFooter">
<cover-view class='share-box' wx:if="{{share }}">
<cover-view class='whitebox' bindtap="close_share"></cover-view>
<cover-view class='box'>
<cover-view class='name'>分享</cover-view>
<cover-view wx:if="{{ show_naviagate }}" class='item' url="../share/share" bindtap="to_share">
<cover-image class='download image' src="https://app.gter.net/image/miniApp/HKRenting/download.png"></cover-image>
<cover-view>生成分享海报</cover-view>
</cover-view>
<button class='item' open-type="share">
<cover-image class='wechat image' src="/img/wechat.png"></cover-image>
<cover-view>转发给好友</cover-view>
</button>
</cover-view>
</cover-view>
</view>
<!-- 免责声明 -->
<template name="disclaimer">
<view class="disclaimer">
<view class="disclaimer-title">免责声明</view>
<view class="disclaimer-item" bindtap="publicCopy" data-value="{{ info.id }}">
<text>房源ID{{ info.id }}</text>(点击可复制)
</view>
<view class="disclaimer-item">发布者对房源信息的真实性、合法性等负责,平台不负责甄别和审核具体内容真实性和有效性等,请务必仔细核实相关信息,谨防上当受骗。</view>
<view class="disclaimer-item">如房源信息中有内容侵犯了您的合法权益,可点击屏幕右侧的举报或联系寄托方同学<view bindtap="publicCopy" data-value="gternet2">(微信号<text>gternet2</text>,点击可复制)</view>,我们会及时处理。谢谢!</view>
<view class="disclaimer-item">公寓/酒店/中介房源推广合作请联系:<view bindtap="publicCopy" data-value="ad@gter.net">
<text>ad@gter.net</text>(点击可复制)
</view>
</view>
<image wx:if="{{ wechat.service }}" show-menu-by-longpress mode="widthFix" class="service" src="{{ wechat.service }}"></image>
</view>
</template>
<!-- 浏览量等 -->
<template name="HResourceState">
<view class="HResourceState">
<view class="HResourceState-item">浏览:{{ info.count_view || '-' }}</view>
<view class="HResourceState-item">发布:{{ info.timestamp }}</view>
<view class="HResourceState-item">更新:{{ info.updatetime }}</view>
</view>
</template>
<!-- 联系方式弹窗 -->
<template name="root-portal">
<view class="contactInformation-pop">
<!-- 关闭 -->
<image class="pop-close" bindtap="negation" data-key="contactInformationState" src="https://app.gter.net/image/miniApp/HKRenting/u1849.svg"></image>
<view class="contactInformation-headline">联系方式</view>
<view class="contactInformation-box">
<!-- 微信二维码 -->
<block wx:if="{{ info.wechatdata.aid > 0 }}">
<view class="contactInformation-item">
<!-- 黄圈 -->
<view class="yellowSpot-outer">
<view class="yellowSpot-inside"></view>
</view>
<view class="contactInformation-title">微信</view>
<view class="contactInformation-content">
<view class="contactInformation-left">
<view>长按二维码添加好友<image src="https://app.gter.net/image/miniApp/HKRenting/u1803.svg"></image>
</view>
<view>备注:寄托租房</view>
</view>
<view class="contactInformation-right">
<image class="contactInformation-icon" show-menu-by-longpress="true" src="{{ info.wechatdata.url }}"></image>
</view>
</view>
</view>
</block>
<!-- 微信号 -->
<block wx:if="{{ info.wechat }}">
<template is="certificationContact" data="{{ name: '微信号' ,value:info.wechat,num: 'wechat' }}"></template>
</block>
<!-- WhatsApp -->
<block wx:if="{{ info.whatsapp }}">
<template is="certificationContact" data="{{ name: 'WhatsApp' ,value:info.whatsapp,num: 'whatsapp' }}"></template>
</block>
<!-- 电话号码 -->
<block wx:if="{{ info.tel }}">
<template is="certificationContact" data="{{ name: '电话号码' ,value:info.tel,num: 'tel',dial: true }}"></template>
</block>
</view>
</view>
</template>
<!-- V4 的 新联系方式弹窗 -->
<template name="new-contact-information">
<!-- 联系方式弹窗 -->
<view class="new-contact-information flexflex" catchtap="aaa">
<view class="new-contact-information-item flexflex" wx:for="{{ contactValue }}" wx:key="index">
<view class="new-contact-information-circle"></view>
<view class="new-contact-information-title">{{ item.name }}</view>
<block wx:if="{{ item.key == 'wechatdata' }}">
<view class="new-contact-wechart-box flexcenter">
<image class="new-contact-wechart-icon" show-menu-by-longpress mode="widthFix" src="{{ item.value['url'] }}"></image>
</view>
<view class="new-contact-wechart-text">长按二维码添加好友,备注:寄托租房</view>
</block>
<block wx:else>
<view class="new-contact-information-number">{{ item.value }}</view>
<view class="new-contact-information-btn flexcenter">
<view class="new-contact-information-btn-item flexcenter" wx:if="{{ item.key == 'tel' }}" bindtap="call_us">
<image class="new-contact-information-btn-icon phone" src="/img/phone-icon.png"></image>拨打
</view>
<view class="new-contact-information-btn-item flexcenter" bindtap="publicCopy" data-value="{{ item.value }}">
<image class="new-contact-information-btn-icon" src="/img/copy-icon.png"></image>复制
</view>
</view>
</block>
</view>
</view>
<!-- </view> -->
</template>
<!-- 底部操作栏 -->
<template name="footer1">
<view class="footer1" style="padding-bottom: {{ bottomLift }}rpx;">
<view class="rent-budget flexflex" wx:if="{{ bottomUnitState }}">
<view class="rent-budget-money">{{ info.rent }}</view>
<view wx:if="{{ info.intermediary == 6 }}">租金预算</view>
<view wx:else>港元/月</view>
</view>
<!-- 收藏 -->
<view class="flexacenter" style="margin-right: 68rpx;">
<view class="collect" catchtap="add_to_fav">
<image class="collect-icon" wx:if="{{ isfav }}" src="/img/star-yellow.png"></image>
<image class="collect-icon" wx:else src="/img/u1970.png"></image>
<text class="collect-num">{{ info.count_fav == 0 ? '收藏' : info.count_fav }}</text>
</view>
<!-- 转发 -->
<!-- <button class="transpond" bindtap="share_pic"> -->
<button class="transpond" open-type="share">
<image class="transpond-icon" mode="widthFix" src="/img/u1975.png"></image>
<text class="transpond-num">转发</text>
</button>
</view>
<!-- 联系方式 -->
<view class="contactInformation" catchtap="negation" data-key="contactInformationState">联系方式</view>
</view>
</template>