wx_qyj/page/home/pages/house/detail/detail.wxml

<wxs src="/utils/util.wxs" module="tools"></wxs>
<view class="home-page-header">
  <view class="swiper-wrap">
    <swiper wx:if="{{detail.house_pic.length > 0}}" current="{{current}}" autoplay="{{autoplay}}" duration="{{duration}}" interval="{{interval}}" navigation="{{navigation}}">
      <swiper-item wx:for="{{detail.house_pic}}" wx:key="index">
        <image src="{{item}}" style="width: 100%;" class="t-image__swiper" bindtap="previewImage" mode="aspectFill" data-index="{{item.index}}" />
      </swiper-item>
    </swiper>
  </view>
  <view class="swiper-tips">
    <view>小区物业租售中心</view>
    <view class="swiper-tips-right">
      <image src="http://ro7r875ut.hn-bkt.clouddn.com/xuanzhongduigou.png" class="tips_text" />
      <text class="tips_text">专业服务</text>
    </view>
  </view>
</view>
<view class="home-page-container" style="padding-bottom: {{bottom+50}}px;">
  <view class="header">
    <view class="garden_name">
      <text>{{detail.garden_name}}</text>
      <text>•</text>
      <text>{{detail.room_count}}室{{detail.hall_count}}厅{{detail.wc_count}}卫</text>
    </view>
    <view class="price">
      <text class="price_rent">{{detail.rent_price/100}}</text>
      <text>元/月（{{pay_time_type[detail.pay_time_type]}}）</text>
    </view>
    <view class="detail">
      <view>
        <text>{{direction[detail.direction]}}</text>
        <text>朝向</text>
      </view>
      <view>
        <text>{{detail.room_area}}</text>
        <text>面积</text>
      </view>
      <view>
        <text>{{rent_type[detail.rent_type]}}</text>
        <text>出租方式</text>
      </view>
      <view>
        <text>{{tools.transitionTime(detail.in_time)}}</text>
        <text>可入住时间</text>
      </view>
    </view>
    <view class="special">
      <text wx:for="{{tools.formatArr(detail.special_conf)}}" wx:key="index">{{special_conf[item]}}</text>
    </view>
    <view class=" weui-cells_after-title">
      <view aria-labelledby="js_cell_itl1_hd js_cell_itl1_bd js_cell_itl1_ft" class="weui-cell weui-cell_access" hover-class="weui-cell_active">
        <view class="weui-cell__hd" aria-hidden="true" id="js_cell_itl1_hd">
          <image src="http://ro7r875ut.hn-bkt.clouddn.com/dingwei.png"></image>
        </view>
        <view class="weui-cell__bd" aria-hidden="true" bindtap="goMapPlan" id="js_cell_itl1_bd">{{detail.addr}}</view>
        <view aria-hidden="true" id="js_cell_itl1_ft" class="weui-cell__ft weui-cell__ft_in-access"></view>
      </view>
    </view>
    <view class="layer">
      <view class="layer_top">
        <view><text>楼层</text> {{detail.layer}}</view>
        <view><text>朝向</text> {{direction[detail.direction]}}</view>
      </view>
      <view class="layer_bottom">
        <view><text>户型</text> {{detail.room_count}}室{{detail.hall_count}}厅{{detail.wc_count}}卫</view>
        <view><text>电梯</text> {{detail.has_lift?"有":"无"}}</view>
      </view>
    </view>
  </view>
  <view class="table">
    <view class="price_title">
      费用详情
    </view>
    <view class="price_container">
      <view>
        <view>付款方式</view>
        <view>{{pay_time_type[detail.pay_time_type]}}</view>
      </view>
      <view>
        <view>租金（元/月）</view>
        <view>{{detail.rent_price/100}}</view>
      </view>
      <view>
        <view>押金（元/月）</view>
        <view>{{detail.desposit/100}}</view>
      </view>
      <view>
        <view>服务费</view>
        <view>{{detail.service_price/100}}</view>
      </view>
      <view>
        <view>中介费</view>
        <view>{{detail.intermediary_price/100}}</view>
      </view>
    </view>
  </view>
  <view class="table">
    <view class="price_title">
      房源简介
    </view>
    <view class="house_desc">
      <text>{{detail.desc}}</text>
    </view>
    <view class="base_conf">
      <view wx:for="{{tools.formatArr(detail.base_conf)}}" wx:key="index" class="base_conf_items">
        <image src="{{base_conf[item].icon}}" class="base_icon" />
        <text>{{base_conf[item].name}}</text>
      </view>
    </view>
  </view>
  <view class="table">
    <view class="price_title">
      管家及服务
    </view>
    <block wx:if="{{manager_list.length>0}}">
      <view class="manager">
        <image src="http://ro7r875ut.hn-bkt.clouddn.com/guanjia.png" />
        <view class="manager_list">
          <view class="manager_name">
            <text>{{manager_list[0].name}}</text>
            <text bindtap="callManager" id="{{manager_list[0].id}}">联系TA</text>
          </view>
          <text>我是管家，服务上百位租客并与他们成为朋友，选择我，您就选择了舒心选择了安心！</text>
        </view>
      </view>
    </block>
    <block wx:if="{{manager_list.length==0}}">
      <nodata />
    </block>
  </view>
  <view class="table">
    <view>
      <view aria-role="" class="weui-cell weui-cell_access garden_title" hover-class="weui-cell_active">
        <view class="price_title">小区介绍</view>
        <view bindtap="garden_detail" class="weui-cell__ft">小区详情</view>
      </view>
    </view>
    <view class="manager">
      <image src="{{garden_info.garden_pic}}" />
      <view class="garden_city">
        <text>{{garden_info.garden_name}}</text>
        <text>{{garden_info.city}}--{{garden_info.area}}</text>
        <text>{{garden_info.garden_desc}}</text>
      </view>
    </view>

    <view class="more_house" bindtap="goRentHouse">
      同小区在租{{total}}间房源
    </view>
  </view>
  <view class="table">
    <view>
      <view aria-role="" class="weui-cell weui-cell_access garden_title" hover-class="weui-cell_active">
        <view class="price_title">周边及交通</view>
      </view>
    </view>
    <t-tabs t-class="t-tabs" t-class-active="t-class-item" t-class-track="t-class-track" defaultValue="交通" bind:change="tabChangeHandle">
      <t-tab-panel wx:for="{{tabList}}" wx:for-index="index" wx:key="index" label="{{item.text}}" value="{{item.key}}" />
    </t-tabs>
    <map id="myMap" markers="{{markers}}" style="width:100%;height:300px;" longitude="{{longitude}}" latitude="{{latitude}}" scale='16'>
    </map>
  </view>
  <view class="table">
    <view class="weui-cells_after-title">
      <view aria-role="" class="weui-cell weui-cell_access garden_title price_title" hover-class="weui-cell_active">
        <view class="price_title">同小区房源</view>
        <view class="weui-cell__ft" bindtap="goRentHouse">查看全部在租{{total}}套</view>
      </view>
      <block wx:if="{{renthouse_list.length>0}}">
        <scroll-view class="scroll-view_H" scroll-x="true" style="width: 100%">
          <block wx:for="{{renthouse_list}}" wx:key="id">
            <view class="scroll-view-item_H" bindtap="goHouseDetail" data-house="{{item}}">
              <image class="rent_pic" src="{{item.house_pic[0]}}" />
              <view class="team-content">{{item.room_count}}室{{item.hall_count}}厅{{item.wc_count}}/{{item.room_area}}m²</view>
              <view class="rent_price">{{item.rent_price/100}}元/月</view>
            </view>
          </block>
        </scroll-view>
      </block>
      <block wx:else="">
        <nodata />
      </block>
    </view>
  </view>
  <view class="table">
    <view class="price_title">
      推荐经济人
    </view>
    <block wx:if="{{manager_list.length>0}}" wx:for="{{manager_list}}" wx:key="id">
      <view class="manager" style="justify-content: space-between;">
        <view class="manager_left">
          <image class="steward_pic" src="/static/icon/icon-steward.png" />
          <view class="manager_detail">
            <text style="font-weight: 600;">{{item.name}}</text>
            <view style="color: red;">4.9
              <text style="font-size:small;color: black;font-weight: 400;">评分</text>
            </view>
          </view>
        </view>
        <view class="manager_right">
          <image class="manager_pic bck" src="/static/icon/icon-message.png" />
          <image bindtap="CallManager" data-phone="{{item.phone}}" class="manager_pic bck" src="/static/icon/icon-phone.png" />
        </view>
      </view>
    </block>
    <block wx:if="{{manager_list.length==0}}">
      <nodata />
    </block>
  </view>
</view>
<view class="home-page-footer" style="bottom: {{bottom}}rpx;">
  <view class="footer_phone">
    <image src="http://ro7r875ut.hn-bkt.clouddn.com/shoucang.png" />
    <view>收藏</view>
  </view>
  <view class="footer_phone" bindtap="phoneManager">
    <image src="http://ro7r875ut.hn-bkt.clouddn.com/dianhua.png" />
    <view>电话</view>
  </view>
  <block wx:if="{{manager_list.length>0}}">
    <view style='width:200rpx;height:70rpx;background-color:coral;color: #fff;text-align: center;padding-top: 13rpx; border-radius: 10rpx; margin-left: 50rpx;' bindtap="goChat">在线咨询</view>
  </block>
  <block wx:else="">
    <view style='width:200rpx;height:70rpx;background-color:var(--weui-FG-2);color: #fff;text-align: center;padding-top: 13rpx; border-radius: 10rpx; margin-left: 50rpx;'>在线咨询</view>
  </block>
  <view bindtap="appointmentHouse" style='width:200rpx;height:70rpx;background-color:#03BB7A;color: #fff;text-align: center;padding-top: 13rpx; border-radius: 10rpx;'>预约看房</view>

</view>