280 lines
16 KiB
Plaintext
280 lines
16 KiB
Plaintext
<import src="../common/common.wxml" />
|
|
<import src="../../wxParse/wxParse.wxml" />
|
|
<view class="container newContainer" wx:if="{{ !isloding }}">
|
|
<header-nav bgcolor="{{ operationsTop ? '#fff' : 'transparent' }}" operationsTop="{{ operationsTop }}" newHeadOperate="{{ true }}" showTab='apartment'></header-nav>
|
|
<view class="bj"></view>
|
|
<view class="content">
|
|
<!-- <image wx:if="{{ shareImage }}" class="shareImage" src="{{ shareImage }}" mode="widthFix"></image> -->
|
|
<image class="arc" src="/img/arc-shadow.png"></image>
|
|
<view class="media-module">
|
|
<head-swiper attachment="{{ attachment }}" bindplay="playVideo" bindclose="closeVideo" pages="apartmentDetail"></head-swiper>
|
|
</view>
|
|
|
|
<view class="tab-box flexacenter">
|
|
<view class="tab-item flexcenter" wx:for="{{ data.tags }}" wx:key="index">{{ item }}</view>
|
|
</view>
|
|
|
|
<view class="apartment-title">{{ data.title }}</view>
|
|
<view class="apartment-introduce">{{ data.introduction }}</view>
|
|
|
|
<view class="all-apartments flexacenter" bindtap="goDualBrand" wx:if="{{ withsameapartments }}">
|
|
<view>同品牌其他公寓</view>
|
|
<view class="all-apartments-right flexacenter">
|
|
<view class="all-apartments-amount flexcenter">{{ withsameapartments }}</view>
|
|
<image class="all-apartments-icon" src="/img/all-apartments-icon.svg"></image>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="apartment-block" wx:if="{{ roomList.length != 0 }}">
|
|
<template is="apartment-head" data="{{ title:'房间类型', imgUrl:'/img/room-type.png' }}"></template>
|
|
<view class="room-type-box">
|
|
<view class="room-type-item" wx:for="{{ roomList }}" wx:key="index">
|
|
<view class="room-type-title">{{ item.name }}</view>
|
|
<view class="room-type-tab flexflex">
|
|
<view class="room-type-tab-item highlight" wx:if="{{ item.allowance }}">剩余{{ item.allowance }}间</view>
|
|
<view class="room-type-tab-item" wx:for="{{ item.tags }}" wx:for-item="it" wx:key="index">{{ it }}</view>
|
|
</view>
|
|
<view class="room-type-media" wx:if="{{ item.videos.length != 0 || item.images.length != 0 }}">
|
|
<block wx:if="{{ item.videos.length != 0 }}">
|
|
<view class="room-type-media-item lexcenter" bindtap="mediaItem" data-current="{{ i }}" data-index="{{ index }}" wx:for="{{ item.videos }}" wx:for-item="it" wx:for-index="i" wx:key="i">
|
|
<image class="room-type-media-image" mode="heightFix" src="{{ it.thumbnail }}"></image>
|
|
<image class="room-type-videoplay" src="/img/videoplay.png"></image>
|
|
</view>
|
|
</block>
|
|
<block wx:if="{{ item.images.length != 0 }}">
|
|
<view class="room-type-media-item lexcenter" bindtap="mediaItem" data-current="{{ item.videos.length ? i + item.videos.length : i }}" data-index="{{ index }}" wx:for="{{ item.images }}" wx:for-item="it" wx:for-index="i" wx:key="i">
|
|
<image class="room-type-media-image" mode="heightFix" src="{{ it.thumbnail }}"></image>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
|
|
|
|
<view class="room-type-bottom flexacenter">
|
|
<view class="room-type-bottom-left flexacenter">
|
|
<view class="room-type-symbol">HK$</view>
|
|
<view class="room-type-price">{{ item.discountprice || item.price }}</view>
|
|
<view class="room-type-month">/月</view>
|
|
<view class="room-type-worn-price" wx:if="{{ item.discountprice }}">HK$ {{ item.price }} / 月</view>
|
|
</view>
|
|
<view wx:if="{{ item.status == 1 }}" class="room-type-bottom-right flexcenter" catchtap="send_form_id">
|
|
<image class="consult-icon" mode="widthFix" src="/img/consult-icon.png"></image>
|
|
咨询
|
|
</view>
|
|
<view wx:else class="room-type-bottom-right already flexcenter">已租满</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="apartment-block" wx:if="{{ data.promotionalactivities }}">
|
|
<template is="apartment-head" data="{{ title:'优惠活动', imgUrl:'/img/special-offer.svg' }}"></template>
|
|
<text decode="true" class="apartment-block-text">{{ data.promotionalactivities }}</text>
|
|
</view>
|
|
|
|
<view class="apartment-block">
|
|
<template is="apartment-head" data="{{ title: data.location || '位置', imgUrl:'/img/u1695.png' }}"></template>
|
|
<view class="apartment-map-box" wx:if="{{ coordinate[0] }}">
|
|
<map class="apartment-map" latitude='{{ coordinate[0] }}' longitude='{{ coordinate[1] }}'>
|
|
<view class='apartment-map-masking flexcenter' bindtap='to_map'>
|
|
<view class="apartment-map-site flexacenter">
|
|
<image class="apartment-map-icon" src="/img/u1704.png"></image>
|
|
<view class="apartment-map-name">{{ data.address }}</view>
|
|
<image class="apartment-map-arrows" src="/img/u353.svg"></image>
|
|
</view>
|
|
</view>
|
|
</map>
|
|
</view>
|
|
<nearby-school uniqid="{{ uniqid }}" options="{{ options }}" istype="{{ 2 }}"></nearby-school>
|
|
</view>
|
|
|
|
<view class="apartment-block" wx:if="{{ traffic }}">
|
|
<template is="apartment-head" data="{{ title:'交通', imgUrl:'/img/traffic.svg' }}"></template>
|
|
<text decode="true" class="apartment-block-text">{{ traffic }}</text>
|
|
</view>
|
|
|
|
<view class="apartment-block" wx:if="{{ message }}">
|
|
<template is="apartment-head" data="{{ title:'房源详情', imgUrl:'/img/listing-details.png' }}"></template>
|
|
<text decode="true" class="apartment-block-text">{{ message }}</text>
|
|
</view>
|
|
|
|
<view class="apartment-block" wx:if="{{ data['facilities'] }}">
|
|
<template is="apartment-head" data="{{ title:'公寓设施', imgUrl:'/img/apartment-facilities.svg' }}"></template>
|
|
<view class="apartment-facility">
|
|
<template is="apartment-facility" data="{{ facilities: data['facilities'],facilitiesKeyValue }}"></template>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="apartment-block" wx:if="{{ life }}">
|
|
<template is="apartment-head" data="{{ title:'生活', imgUrl:'/img/live.png' }}"></template>
|
|
<text decode="true" class="apartment-block-text">{{ life }}</text>
|
|
</view>
|
|
|
|
<view class="apartment-block">
|
|
<template is="apartment-head" data="{{ title:'品牌介绍', imgUrl:'/img/brand-Introduction.png' }}"></template>
|
|
<view class="apartment-block-introduce">
|
|
<image wx:if="{{ company.imageurl }}" class='imageurl' mode="widthFix" lazy-load src="{{ company.imageurl }}"></image>
|
|
<rich-text wx:if="{{ company.introduction }}" class="rich-text" nodes="{{ company.introduction }}"></rich-text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="apartment-tips">
|
|
<view class="apartment-tips-text">温馨提示：房源信息均由公寓方/酒店提供并对其真实性、合法性等负责，平台不负责甄别和审核具体内容真实性和有效性等，请务必仔细核实相关信息，谨防上当受骗。</view>
|
|
<view class="apartment-tips-text flexacenter">公寓/酒店/中介房源推广合作请联系： <view class="" style="text-decoration: underline;" bindtap="copy" data-value="ad@gter.net">ad@gter.net</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="apartment-block" id="dual-brand" wx:if="{{ withSameBrand.length }}">
|
|
<template is="apartment-head" data="{{ title:'同品牌推荐', imgUrl:'/img/same-brand-recommendation.png' }}"></template>
|
|
<view class="apartment-list flexcenter">
|
|
<template is="apartment-item" wx:for="{{ withSameBrand }}" wx:key="index" data="{{ item, index }}"></template>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<template is="irenCouponReceive" data="{{ irentCouponBig:irentCouponBig,hideCoupon:hideCoupon,irenCouponReceive:irenCouponReceive }}"></template>
|
|
<view></view>
|
|
|
|
<!-- v4 的新底部栏 -->
|
|
<view class="bottom-bar flexacenter" style="padding-bottom: {{ bottomLift }}rpx;">
|
|
<button class="bottom-bar-item bottom-bar-share flexcenter" open-type="share">
|
|
<image class="bottom-bar-icon" mode="widthFix" src="/img/u1975.png"></image>转发
|
|
</button>
|
|
<view class="bottom-bar-item flexcenter" catchtap="bindCollect">
|
|
<image wx:if="{{ data.iscollect == 1 }}" class="bottom-bar-icon" mode="widthFix" src="/img/user-collect-tab.png"></image>
|
|
<image wx:else class="bottom-bar-icon" mode="widthFix" style="width: 42rpx;" src="/img/u1970.png"></image>
|
|
{{ data.collectnum == 0 ? '收藏' : data.collectnum }}
|
|
</view>
|
|
<view class="register-btn flexcenter" catchtap="send_form_id">{{ booking.button }}</view>
|
|
</view>
|
|
|
|
<view class="detailFooter" wx:if="{{ share }}">
|
|
<!--分享弹层 -->
|
|
<cover-view class='share-box'>
|
|
<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="/img/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>
|
|
|
|
<block wx:if="{{ isUserAuthorization==1 }}">
|
|
<go-login bindislogin="islogin"></go-login>
|
|
</block>
|
|
|
|
<!-- <report uniqid="{{ data.uniqid }}" bindtoReport="toReport" types="apartment"></report> -->
|
|
|
|
<cover-view class="around-school-alert" data-show="0" hidden="{{ !showSchool }}">
|
|
<cover-view class="inner">
|
|
<cover-view class="title">
|
|
<cover-view class="text">房源距离学校</cover-view>
|
|
<cover-image src="/img/right-close.png" class="close" bindtap="showSchoolAlert" data-show="0"></cover-image>
|
|
</cover-view>
|
|
<cover-view class="list">
|
|
<cover-view class="item" wx:for="{{ data.pointData }}" wx:key="index">
|
|
<cover-view class="school">
|
|
<cover-image class="icon" src="/img/school.png"></cover-image>
|
|
<cover-view class="name">{{ item.name }}</cover-view>
|
|
</cover-view>
|
|
<cover-view class="distance-list" wx:for="{{ item.point }}" wx:for-item="s" wx:for-index="i" wx:key="i">
|
|
<cover-view class="gate">{{ s.title }}</cover-view>
|
|
<cover-view class="distance">{{ s.distance }}公里</cover-view>
|
|
</cover-view>
|
|
</cover-view>
|
|
</cover-view>
|
|
</cover-view>
|
|
</cover-view>
|
|
|
|
<!-- 添加客服弹窗 预登记的 -->
|
|
<view class="serviceWindow" wx:if="{{ serviceWindowState }}" catchtap="serviceWindow">
|
|
<view class="serviceWindow-btn" bindtap="bindServiceWindow"></view>
|
|
<view class="serviceWindow-box" bindtap="serviceWindow">
|
|
<!-- <view class="serviceWindow-head-outer">
|
|
<view class="serviceWindow-head-within">
|
|
<image class="serviceWindow-head-icon" src="/img/u1606.png"></image>
|
|
</view>
|
|
</view> -->
|
|
<view class="serviceWindow-title">
|
|
<!-- 这个是 添加客服 马上预订-->
|
|
<view class="serviceWindow-title-item">
|
|
<i class="icon icon-uni6DFB"></i>
|
|
<i class="icon icon-uni52A0"></i>
|
|
<i class="icon icon-uni5BA2"></i>
|
|
<i class="icon icon-uni670D"></i>
|
|
</view>
|
|
<view class="serviceWindow-title-item">
|
|
<i class="icon icon-uni9A6C"></i>
|
|
<i class="icon icon-uni4E0A"></i>
|
|
<i class="icon icon-uni9884"></i>
|
|
<i class="icon icon-uni8BA2"></i>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="QRCode-box">
|
|
<view class="QRCode-item" wx:for="{{ serviceWindowList }}" wx:key="index">
|
|
<view class="QRCode-item-box">
|
|
<!-- 二维码周围的四个边框开始 -->
|
|
<view class="topLeftCorner">
|
|
<view class="right"></view>
|
|
<view class="bottom"></view>
|
|
</view>
|
|
<view class="topRightCorner1">
|
|
<view class="left"></view>
|
|
<view class="bottom"></view>
|
|
</view>
|
|
<view class="leftBottom">
|
|
<view class="top"></view>
|
|
<view class="right"></view>
|
|
</view>
|
|
<view class="bottomRightCorner">
|
|
<view class="top"></view>
|
|
<view class="left"></view>
|
|
</view>
|
|
<!-- 二维码周围的四个边框结束 -->
|
|
<!-- 二维码 -->
|
|
<image class="QRCode-item-image" show-menu-by-longpress="{{ true }}" src="{{ item.image }}" mode="widthFix"></image>
|
|
</view>
|
|
<text class="QRCode-title" decode="{{ true }}">{{ item.title }}</text>
|
|
</view>
|
|
</view>
|
|
<!-- 底部提示操作 -->
|
|
<view class="serviceWindow-bottom">
|
|
<image class="serviceWindow-bottom-bj" src="/img/u1506.svg" mode="widthFix"></image>
|
|
<view class="serviceWindow-hint-outer">
|
|
<view class="serviceWindow-hint-inside">
|
|
<!-- 轻点二维码<image class="arrows" src="/img/u1803.svg"></image> -->
|
|
长按二维码添加客服<image class="arrows" src="/img/u1803.svg"></image>备注“寄托”
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<template name="apartment-head">
|
|
<view class="apartment-head flexacenter">
|
|
<image class="apartment-head-icon" mode="widthFix" src="{{ imgUrl }}"></image>{{ title }}
|
|
</view>
|
|
</template>
|
|
|
|
<template name="apartment-facility">
|
|
<block wx:for="{{ facilitiesKeyValue }}" wx:key="index">
|
|
<view class="apartment-facility-item flexflex flex1" wx:if="{{ facilities[index].length != 0 }}">
|
|
<view class="apartment-facility-title flexcenter">{{ item }}</view>
|
|
<view class="apartment-facility-box flexacenter">
|
|
<view class="apartment-facility-box-item flexacenter" wx:for="{{ facilities[index] }}" wx:key="index">
|
|
<image class="apartment-facility-img" mode="widthFix" src="/img/blue-tick.svg"></image> {{ item }}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</template> |