1 |
- <view class="house-detail"><view class="house-swiper"><swiper class="swiper" circular="{{true}}" indicator-dots="{{true}}"><block wx:for="{{responsibility}}" wx:for-item="item" wx:for-index="__i0__" wx:key="id"><swiper-item><image class="image" src="{{item.url}}" mode="aspectFill"></image></swiper-item></block></swiper><uni-icons class="btn" vue-id="17a4f204-1" type="{{detail.roomCollection?'heart-filled':'heart'}}" color="#ff4d4f" size="28" data-event-opts="{{[['^click',[['roomCollection']]]]}}" bind:click="__e" bind:__l="__l"></uni-icons></view><view class="house-title"><view class="house-name">{{detail.name}}</view><view class="tag"><text style="margin-right:6rpx;">{{detail.area+"m²"}}</text><block wx:for="{{detail.tagList}}" wx:for-item="tag" wx:for-index="index" wx:key="index"><text>{{'| '+tag.name}}</text></block></view><view class="pirce"><text class="number">{{detail.price}}</text><text class="label">/月</text></view><view class="project-label">距离您2km</view><button class="wx-icon" type="default" open-type="share"><uni-icons vue-id="17a4f204-2" type="weixin" open-type="share" size="38" color="#43b156" bind:__l="__l"></uni-icons></button></view><view class="house-label house-article">{{detail.comment}}</view><view class="house-content"><view class="content-title">基本信息</view><view class="information-list"><view class="information-box"><text class="information-title">所属楼宇:</text><text class="information-text">{{detail.projectItemName}}</text></view><view class="information-box"><text class="information-title">所属楼层:</text><text class="information-text">{{detail.projectItemTargetName}}</text></view><view class="information-box"><text class="information-title">房源类型:</text><text class="information-text">{{$root.g0}}</text></view><view class="information-box"><text class="information-title">房间号码:</text><text class="information-text">{{detail.roomNumber}}</text></view><view class="information-box"><text class="information-title">房源面积:</text><text class="information-text">{{detail.area}}</text></view><view class="information-box"><text class="information-title">付款方式:</text><text class="information-text">{{$root.g1}}</text></view><view class="information-box" style="margin-bottom:0;"><text class="information-title">产权证书:</text><text class="information-text">{{detail.propertyCertificateNumber}}</text></view><view class="information-box" style="margin-bottom:0;"><text class="information-title">是否装修:</text><text class="information-text">{{detail.decoration===1?'已装修':'未装修'}}</text></view></view><view class="content-title">房源简介</view><view class="desc-text"><rich-text nodes="{{detail.introduce}}"></rich-text></view><view class="people-tell"><image class="people-avatar" src="{{detail.chargePersonPortrait}}" mode="aspectFill" data-event-opts="{{[['tap',[['$navigateTo',['/pages/person/person?userId='+detail.chargePersonId]]]]]}}" bindtap="__e"></image><view data-event-opts="{{[['tap',[['$navigateTo',['/pages/person/person?userId='+detail.chargePersonId]]]]]}}" class="people-text" bindtap="__e"><view class="people-name">{{detail.chargePersonName}}</view><view class="people-organization">组织名称</view></view><view data-event-opts="{{[['tap',[['tell',['$event']]]]]}}" class="people-icon" bindtap="__e"><uni-icons vue-id="17a4f204-3" type="phone-filled" color="#fff" bind:__l="__l"></uni-icons></view></view><view class="content-title">地理位置</view><view class="content-map"><map class="map" id="map" show-location="{{true}}" latitude="{{latitude}}" longitude="{{longitude}}"></map></view><view class="content-title">配套设施</view><view class="content-device"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="__i1__" wx:key="id"><view class="device-item"><uni-icons class="device-icon" vue-id="{{'17a4f204-4-'+__i1__}}" custom-prefix="iconfont" type="{{item.icon}}" size="18" bind:__l="__l"></uni-icons><text class="device-label">{{item.name}}</text></view></block></view><view class="content-title"><text>访客记录</text><text data-event-opts="{{[['tap',[['$navigateTo',['/pages/visitor/visitor?houseId='+houseId]]]]]}}" class="more" bindtap="__e">查看更多>></text></view><view class="visitor"><block wx:for="{{visitorList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="visitor-item"><image class="visitor-avatar" src="{{item.userPortrait}}" mode="aspectFill"></image><text class="visitor-label">{{item.userName+"访问了房源"}}</text><uni-dateformat class="visitor-time" vue-id="{{'17a4f204-5-'+index}}" date="{{item.date}}" threshold="{{[60000,3600000*24*365]}}" bind:__l="__l"></uni-dateformat></view></block></view><view class="content-title"><text>房源评价</text></view><view class="evaluate"><block wx:if="{{commentData}}"><hb-comment class="vue-ref" vue-id="17a4f204-6" deleteTip="确认删除?" cmData="{{commentData}}" data-ref="hbComment" data-event-opts="{{[['^add',[['addEvaluate']]],['^del',[['del']]],['^like',[['like']]]]}}" bind:add="__e" bind:del="__e" bind:like="__e" bind:__l="__l"></hb-comment></block></view></view><view class="hui-button-box"><view data-event-opts="{{[['tap',[['$navigateTo',['/pages/reservation/reservation?houseId='+houseId]]]]]}}" class="hui-button hui-button-light" bindtap="__e"><uni-icons class="hui-button-icon" vue-id="17a4f204-7" type="calendar" color="#08979c" size="22" bind:__l="__l"></uni-icons>预约看房</view><view data-event-opts="{{[['tap',[['$navigateTo',['/pages/chat/chat?userId='+detail.chargePersonId+'&userName='+detail.chargePersonName]]]]]}}" class="hui-button" bindtap="__e"><uni-icons class="hui-button-icon" vue-id="17a4f204-8" type="chat" color="#fff" size="22" bind:__l="__l"></uni-icons>在线联系</view></view></view>
|