202 lines
14 KiB
Plaintext
202 lines
14 KiB
Plaintext
<import src="/pages/common/common.wxml" />
|
||
<view class="container" style="position:fixed;top:0;left:0;">
|
||
<view class="top-tool-box">
|
||
<view class="header-box" style="height: {{ screen_data['totalTopHeight'] }}px;">
|
||
<view class="top-tab-box" style="padding-top: {{ screen_data['statusBarHeight'] }}px;height: {{ screen_data['titleBarHeight'] }}px;box-sizing: content-box;">
|
||
<view class="back flexcenter">
|
||
<image class="back-icon" mode="heightFix" src="/img/back.png" bindtap="backPerson"></image>
|
||
</view>
|
||
<view class="header-tab top-tab-box" style="margin-top:14rpx;">
|
||
<view class="header-tab-item {{ index == headerObjTab ? 'pitch' : '' }}" wx:for="{{ headerObj }}" wx:key="index" bindtap="setValue" data-key="headerObjTab" data-value="{{ index }}">{{ item }}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view style="position: fixed;top:0;left:0;z-index: 666;width:100vw;background:#fff;" wx:if="{{(headerObjTab==='apartment'&&placePopBox)||placePopBox}}">
|
||
<view class="header-box" style="height: {{ screen_data['totalTopHeight'] }}px;">
|
||
<view class="top-tab-box" style="padding-top: {{ screen_data['statusBarHeight'] }}px;height: {{ screen_data['titleBarHeight'] }}px;box-sizing: content-box;position: relative;">
|
||
<view class="back flexcenter" style="position: absolute;">
|
||
<image class="back-icon" mode="heightFix" style="transform:rotate(270deg);" src="/img/back.png" bindtap="showPlacePopBox"></image>
|
||
</view>
|
||
<view class="place-pop-box-title">
|
||
{{headerObjTab==='apartment'?'品牌公寓':selectPlace.name}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="tab-box" style="display: flex;top:{{screen_data['totalTopHeight']+100 }}rpx" wx:if="{{headerObjTab!=='apartment'&&!showPlace}}">
|
||
<view class="tab-item flex1 flexcenter {{ tabValue == 'area' ? 'pitch' : '' }}" bindtap="switchTab" data-type='area'>
|
||
按区域
|
||
</view>
|
||
<view class="tab-item flex1 flexcenter {{ tabValue == 'school' ? 'pitch' : '' }}" bindtap="switchTab" data-type='school'>
|
||
按学校
|
||
</view>
|
||
</view>
|
||
<view wx:elif="{{ (headerObjTab==='person'&&showPlace)||headerObjTab==='apartment'||placePopBox||headerObjTab==='intermediary' }}" style="top:{{screen_data['totalTopHeight']+60}}rpx" class="tool-btn-box dis-f">
|
||
<list-operations id='listOperations' style="width:100%;" money="{{ money }}" property="{{ property }}" types="{{ types }}" mapPlaceBox="{{placePopBox}}" operationstype="{{headerObjTab==='person'?'placeSelectList':headerObjTab==='intermediary'?'placeSelectList':'student'}}" screen_data="{{ screen_data }}" brands="{{ brands }}" roomtype="{{ roomtype }}" roomlistings="{{ roomlistings }}" bindsubmit="submitOperations"></list-operations>
|
||
</view>
|
||
<!-- 房源数据列表 -->
|
||
<view wx:if="{{headerObjTab==='apartment'||placePopBox}}" class="tool-btn-box pos-r dis-f" style="z-index:999;">
|
||
<!-- <view style="position:fixed;left:0;top:{{screen_data['titleBarHeight']+screen_data['statusBarHeight']}}px;width:100vw;z-index:230;background:#fff;">
|
||
<list-operations style="width:100%;" operationstype="student" money="{{ money }}" brands="{{ brands }}" screen_data="{{ screen_data }}" roomtype="{{ roomtype }}" roomlistings="{{ roomlistings }}" bindsubmit="submitOperations"></list-operations>
|
||
</view> -->
|
||
<scroll-view scroll-y class="place-pop-box" wx:if="{{placePopBox}}" style="height:{{windowHeight-40-screen_data['totalTopHeight']}}px" bindscrolltolower='loadingMore' scroll-top="{{mapSelectScrollTop}}">
|
||
<view style="{{headerObjTab==='apartment'?'padding:0 30rpx':''}}">
|
||
<view class="place-information dis-f al-item">
|
||
共
|
||
<view style="font-weight: 650;margin:0 10rpx 0 10rpx">
|
||
{{headerObjTab==='apartment'?areaMarkerList.length:listCount}}
|
||
</view>
|
||
套房源
|
||
</view>
|
||
<view wx:if="{{headerObjTab!=='apartment'}}">
|
||
<common-list wx:for="{{ selectPriceList }}" wx:key="index" item="{{ item }}"></common-list>
|
||
</view>
|
||
<view class="inEnd flexcenter" style="padding-bottom:20rpx;" wx:if="{{headerObjTab!=='apartment'}}">到底了</view>
|
||
<template is='apartment-item' wx:if="{{headerObjTab==='apartment'&&areaMarkerList.length>0}}" wx:for="{{areaMarkerList}}" data="{{item}}" wx:key="index" data-uniqid='{{item.uniqid}}'>
|
||
</template>
|
||
<template is="empty-icon" wx:if="{{(headerObjTab==='apartment'&&areaMarkerList.length===0)||(headerObjTab!=='apartment'&&priceList.length===0)}}">
|
||
</template>
|
||
<view wx:if="{{headerObjTab==='apartment'&&areaMarkerList.length>0}}">
|
||
<view class="dis-f jus-x al-item btm-tps-text" wx:if="{{headerObjTab==='apartment'}}">
|
||
有疑问？ 来找
|
||
<image src="../../../img/smiling-face.png" class="btm-tps-img" mode="" />
|
||
{{cloneInfo.nickname}}！
|
||
</view>
|
||
<view class="dis-f jus-x al-item" wx:if="{{headerObjTab==='apartment'}}">
|
||
<view class="btm-tps-btn" bindtap="cloneBtn">
|
||
复制微信号
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</scroll-view>
|
||
</view>
|
||
</view>
|
||
<view class="map">
|
||
<map id="map" enable-poi='true' longitude="{{longitude}}" latitude="{{latitude}}" markers="{{headerObjTab==='apartment'?areaMarkerList:showPlace?priceList:markersList}}" scale="{{mapScale}}" bindregionchange="mapViewChange" style="width: 100%; height: 100%;" bindcallouttap="callouttap" enable-scroll="{{mapEnableScroll}}" bindmarkertap="callouttap" >
|
||
<cover-view slot="callout" style="position: relative;">
|
||
<block wx:for="{{headerObjTab==='apartment'?areaMarkerIds:showPlace?priceIdList:customCalloutMarkerIds}}" wx:key="index">
|
||
<cover-view class="customCallout {{headerObjTab==='apartment'||showPlace?'price-box':tabValue==='school'?'':'circles'}}" marker-id="{{item}}" wx:if="{{headerObjTab==='apartment'?true:showPlace?true:customCalloutMarkerIdsObj[item].num>0}}">
|
||
<cover-view wx:if="{{!showPlace&&headerObjTab!=='apartment'}}" class="{{(showPlace&&selectPlacePrice.id===item)||headerObjTab==='apartment'&&apartmentObj.id===item?'check-place-box':'place-price-box'}}">
|
||
{{headerObjTab==='apartment'?areaMarkerIdsObj[item].title:showPlace?placePriceList[item].title :customCalloutMarkerIdsObj[item].title }}
|
||
</cover-view>
|
||
<cover-view wx:if="{{showPlace||headerObjTab==='apartment'}}" class="{{(showPlace&&selectPlacePrice.id===item)||headerObjTab==='apartment'&&apartmentObj.id===item?'check-place-box':'place-price-box'}} {{(headerObjTab==='apartment'||showPlace)&&apartmentObj.id!=item?'apartment-text':''}}">
|
||
{{headerObjTab==='apartment'?areaMarkerIdsObj[item].title:showPlace?placePriceList[item].title :customCalloutMarkerIdsObj[item].title }}
|
||
</cover-view>
|
||
<cover-image src="../../img/downIcon.png" class="check-place-box-triangle" wx:if="{{headerObjTab==='apartment'&&apartmentObj.id===item?true:showPlace&&selectPlacePrice.id===item?true :false}}" mode="" />
|
||
<!-- <cover-view class="{{showPlace&&selectPlacePrice.id===item||apartmentObj.id===item?'check-place-box-triangle':''}}">
|
||
</cover-view> -->
|
||
<cover-view class="{{tabValue==='school'?'name':''}}" wx:if="{{headerObjTab==='apartment'?false:true}}" hidden='{{showPlace?true:false}}'>{{ customCalloutMarkerIdsObj[item].num }}套</cover-view>
|
||
</cover-view>
|
||
</block>
|
||
</cover-view>
|
||
</map>
|
||
</view>
|
||
|
||
<!-- 地图轮播模块 -->
|
||
<view class="place-info-box">
|
||
<scroll-view scroll-x style="height:380rpx" enhanced="true" id='apartmentView' enable-flex='true' scroll-into-view="{{personListId}}" scroll-with-animation scroll-left="{{mapSelectScrollTop}}" class="place-list dis-f al-item" wx:if="{{headerObjTab!=='apartment'&&showPlace&&selectPlacePrice.id}}">
|
||
<view wx:for="{{priceList}}" wx:key="index" class="pos-id" id="{{'Marker'+item.id}}" data-num='{{index}}' data-uniqid='{{item.uniqid}}' bindtap="publicJumps">
|
||
<view class="place-list-box">
|
||
<image wx:if="{{item.verified}}" src="../../img/certified-listing.png" mode="aspectFit" class="place-list-confirm-img" alt="" />
|
||
<view class="dis-f al-item">
|
||
<view class="title-tab">
|
||
{{item.gptype}}
|
||
</view>
|
||
<view class="title">
|
||
{{item.subject}}
|
||
</view>
|
||
</view>
|
||
<view class="dis-f place-list-info-box">
|
||
<view class="dis-f place-info">
|
||
<view class="tab-text">
|
||
{{item.type}} · {{item.acreage}}平方呎 · {{item.gender}} · {{langs.leaseterm[item.leaseterm]}}
|
||
<view class="dis-f" style="margin-top:18rpx;">
|
||
<view class="currency">
|
||
HK$
|
||
</view>
|
||
<view class="price">
|
||
{{item.rent}}
|
||
</view>
|
||
<view class="interval-time">
|
||
/{{item.rentalperiod}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="dis-f al-item" style="margin-top:16rpx;">
|
||
<image src="{{ item.avatar }}" alt="" class="release-info-img" />
|
||
<view class="release-info-text">
|
||
{{item.author}}
|
||
</view>
|
||
<view class="release-info-btn dis-f jus-x al-item">
|
||
{{langs.intermediary[item.intermediary]}}
|
||
</view>
|
||
<image wx:if="{{item.isintermediary}}" src="/img/certifying-agent.png" class="confirm-intermediary-img" mode="aspectFill" />
|
||
</view>
|
||
</view>
|
||
<view class="place-img" style="position: relative;">
|
||
<image src="{{item.imageurl}}" wx:if="{{item.isvideo||item.ispic}}" class="place-img" mode="center" />
|
||
<view wx:if="{{item.isvideo}}" class="video-box dis-f jus-x al-item">
|
||
<image class="video-img" src="/img/videoplay.png" mode=""></image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</scroll-view>
|
||
<!-- bindscroll='scrollChange' wx:elif="{{headerObjTab==='apartment'}}" -->
|
||
<scroll-view scroll-x="true" style="height:350rpx" enhanced="true" id='apartmentView' paging-enabled="true" hidden="{{headerObjTab!=='apartment'}}" enable-flex='true' class="place-list dis-f al-item" scroll-left="{{mapSelectScrollTop}}" scroll-into-view="{{apartmentListId}}" scroll-with-animation>
|
||
<view wx:for="{{areaMarkerList}}" wx:key="index" class="pos-id" id="{{'Marker'+item.id}}" data-num='{{index}}' data-uniqid='{{item.uniqid}}' bindtap="publicJumps">
|
||
<view class="place-list-box dis-f al-item" style="padding:0;background:#000;" data-id="{{item.id}}">
|
||
<view class="apartment-img-box">
|
||
<view class="apartment-img">
|
||
<image src="{{item.image}}" class="img" mode="aspectFill" />
|
||
</view>
|
||
<view style="width:260rpx;height:186rpx;">
|
||
|
||
</view>
|
||
<view class="apartment-title-text">
|
||
{{item.brand}}
|
||
</view>
|
||
</view>
|
||
<view class="apartment-info-box">
|
||
<view class="title">
|
||
{{item.title}}
|
||
</view>
|
||
<view class="introduce">
|
||
{{item.propaganda}}
|
||
</view>
|
||
<view class="house-type">
|
||
共{{item.roomnum}}个房型
|
||
</view>
|
||
<view class="dis-f" style="margin-top:20rpx;">
|
||
<view class="currency">
|
||
HK$
|
||
</view>
|
||
<view class="price">
|
||
{{item.rentprice}}
|
||
</view>
|
||
<view class="interval-time">
|
||
/月起
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<!-- -->
|
||
</scroll-view>
|
||
<!-- 底部按钮 -->
|
||
<view class="info-box" bindtap="showPlacePopBox" wx:if="{{headerObjTab==='apartment'||showPlace}}">
|
||
<view class="dis-f jus-x al-item">
|
||
<image src="../../img/placeLogo.svg" class="img" mode="aspectFit" />
|
||
</view>
|
||
<view class="title" hidden="{{headerObjTab!=='apartment'}}">
|
||
共 {{count}} 个品牌公寓
|
||
</view>
|
||
<view class="title" hidden="{{headerObjTab==='apartment'}}">
|
||
{{selectPlace.name}} {{listCount||selectPlace.count}} 套房源
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<!-- 弹窗 -->
|
||
</view> |