detail.wxml 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228
  1. <wxs src="/utils/util.wxs" module="tools"></wxs>
  2. <view class="home-page-header">
  3. <view class="swiper-wrap">
  4. <swiper wx:if="{{detail.house_pic.length > 0}}" current="{{current}}" autoplay="{{autoplay}}" duration="{{duration}}" interval="{{interval}}" navigation="{{navigation}}">
  5. <swiper-item wx:for="{{detail.house_pic}}" wx:key="index">
  6. <image src="{{item}}" style="width: 100%;" class="t-image__swiper" bindtap="previewImage" mode="aspectFill" data-index="{{item.index}}" />
  7. </swiper-item>
  8. </swiper>
  9. </view>
  10. <view class="swiper-tips">
  11. <view>小区物业租售中心</view>
  12. <view class="swiper-tips-right">
  13. <image src="http://ro7r875ut.hn-bkt.clouddn.com/xuanzhongduigou.png" class="tips_text" />
  14. <text class="tips_text">专业服务</text>
  15. </view>
  16. </view>
  17. </view>
  18. <view class="home-page-container" style="padding-bottom: {{bottom+50}}px;">
  19. <view class="header">
  20. <view class="garden_name">
  21. <text>{{detail.garden_name}}</text>
  22. <text>•</text>
  23. <text>{{detail.room_count}}室{{detail.hall_count}}厅{{detail.wc_count}}卫</text>
  24. </view>
  25. <view class="price">
  26. <text class="price_rent">{{detail.rent_price/100}}</text>
  27. <text>元/月({{pay_time_type[detail.pay_time_type]}})</text>
  28. </view>
  29. <view class="detail">
  30. <view>
  31. <text>{{direction[detail.direction]}}</text>
  32. <text>朝向</text>
  33. </view>
  34. <view>
  35. <text>{{detail.room_area}}</text>
  36. <text>面积</text>
  37. </view>
  38. <view>
  39. <text>{{rent_type[detail.rent_type]}}</text>
  40. <text>出租方式</text>
  41. </view>
  42. <view>
  43. <text>{{tools.transitionTime(detail.in_time)}}</text>
  44. <text>可入住时间</text>
  45. </view>
  46. </view>
  47. <view class="special">
  48. <text wx:for="{{tools.formatArr(detail.special_conf)}}" wx:key="index">{{special_conf[item]}}</text>
  49. </view>
  50. <view class=" weui-cells_after-title">
  51. <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">
  52. <view class="weui-cell__hd" aria-hidden="true" id="js_cell_itl1_hd">
  53. <image src="http://ro7r875ut.hn-bkt.clouddn.com/dingwei.png"></image>
  54. </view>
  55. <view class="weui-cell__bd" aria-hidden="true" bindtap="goMapPlan" id="js_cell_itl1_bd">{{detail.addr}}</view>
  56. <view aria-hidden="true" id="js_cell_itl1_ft" class="weui-cell__ft weui-cell__ft_in-access"></view>
  57. </view>
  58. </view>
  59. <view class="layer">
  60. <view class="layer_top">
  61. <view><text>楼层</text> {{detail.layer}}</view>
  62. <view><text>朝向</text> {{direction[detail.direction]}}</view>
  63. </view>
  64. <view class="layer_bottom">
  65. <view><text>户型</text> {{detail.room_count}}室{{detail.hall_count}}厅{{detail.wc_count}}卫</view>
  66. <view><text>电梯</text> {{detail.has_lift?"有":"无"}}</view>
  67. </view>
  68. </view>
  69. </view>
  70. <view class="table">
  71. <view class="price_title">
  72. 费用详情
  73. </view>
  74. <view class="price_container">
  75. <view>
  76. <view>付款方式</view>
  77. <view>{{pay_time_type[detail.pay_time_type]}}</view>
  78. </view>
  79. <view>
  80. <view>租金(元/月)</view>
  81. <view>{{detail.rent_price/100}}</view>
  82. </view>
  83. <view>
  84. <view>押金(元/月)</view>
  85. <view>{{detail.desposit/100}}</view>
  86. </view>
  87. <view>
  88. <view>服务费</view>
  89. <view>{{detail.service_price/100}}</view>
  90. </view>
  91. <view>
  92. <view>中介费</view>
  93. <view>{{detail.intermediary_price/100}}</view>
  94. </view>
  95. </view>
  96. </view>
  97. <view class="table">
  98. <view class="price_title">
  99. 房源简介
  100. </view>
  101. <view class="house_desc">
  102. <text>{{detail.desc}}</text>
  103. </view>
  104. <view class="base_conf">
  105. <view wx:for="{{tools.formatArr(detail.base_conf)}}" wx:key="index" class="base_conf_items">
  106. <image src="{{base_conf[item].icon}}" class="base_icon" />
  107. <text>{{base_conf[item].name}}</text>
  108. </view>
  109. </view>
  110. </view>
  111. <view class="table">
  112. <view class="price_title">
  113. 管家及服务
  114. </view>
  115. <block wx:if="{{manager_list.length>0}}">
  116. <view class="manager">
  117. <image src="http://ro7r875ut.hn-bkt.clouddn.com/guanjia.png" />
  118. <view class="manager_list">
  119. <view class="manager_name">
  120. <text>{{manager_list[0].name}}</text>
  121. <text bindtap="callManager" id="{{manager_list[0].id}}">联系TA</text>
  122. </view>
  123. <text>我是管家,服务上百位租客并与他们成为朋友,选择我,您就选择了舒心选择了安心!</text>
  124. </view>
  125. </view>
  126. </block>
  127. <block wx:if="{{manager_list.length==0}}">
  128. <nodata />
  129. </block>
  130. </view>
  131. <view class="table">
  132. <view>
  133. <view aria-role="" class="weui-cell weui-cell_access garden_title" hover-class="weui-cell_active">
  134. <view class="price_title">小区介绍</view>
  135. <view bindtap="garden_detail" class="weui-cell__ft">小区详情</view>
  136. </view>
  137. </view>
  138. <view class="manager">
  139. <image src="{{garden_info.garden_pic}}" />
  140. <view class="garden_city">
  141. <text>{{garden_info.garden_name}}</text>
  142. <text>{{garden_info.city}}--{{garden_info.area}}</text>
  143. <text>{{garden_info.garden_desc}}</text>
  144. </view>
  145. </view>
  146. <view class="more_house" bindtap="goRentHouse">
  147. 同小区在租{{total}}间房源
  148. </view>
  149. </view>
  150. <view class="table">
  151. <view>
  152. <view aria-role="" class="weui-cell weui-cell_access garden_title" hover-class="weui-cell_active">
  153. <view class="price_title">周边及交通</view>
  154. </view>
  155. </view>
  156. <t-tabs t-class="t-tabs" t-class-active="t-class-item" t-class-track="t-class-track" defaultValue="交通" bind:change="tabChangeHandle">
  157. <t-tab-panel wx:for="{{tabList}}" wx:for-index="index" wx:key="index" label="{{item.text}}" value="{{item.key}}" />
  158. </t-tabs>
  159. <map id="myMap" markers="{{markers}}" style="width:100%;height:300px;" longitude="{{longitude}}" latitude="{{latitude}}" scale='16'>
  160. </map>
  161. </view>
  162. <view class="table">
  163. <view class="weui-cells_after-title">
  164. <view aria-role="" class="weui-cell weui-cell_access garden_title price_title" hover-class="weui-cell_active">
  165. <view class="price_title">同小区房源</view>
  166. <view class="weui-cell__ft" bindtap="goRentHouse">查看全部在租{{total}}套</view>
  167. </view>
  168. <block wx:if="{{renthouse_list.length>0}}">
  169. <scroll-view class="scroll-view_H" scroll-x="true" style="width: 100%">
  170. <block wx:for="{{renthouse_list}}" wx:key="id">
  171. <view class="scroll-view-item_H" bindtap="goHouseDetail" data-house="{{item}}">
  172. <image class="rent_pic" src="{{item.house_pic[0]}}" />
  173. <view class="team-content">{{item.room_count}}室{{item.hall_count}}厅{{item.wc_count}}/{{item.room_area}}m²</view>
  174. <view class="rent_price">{{item.rent_price/100}}元/月</view>
  175. </view>
  176. </block>
  177. </scroll-view>
  178. </block>
  179. <block wx:else="">
  180. <nodata />
  181. </block>
  182. </view>
  183. </view>
  184. <view class="table">
  185. <view class="price_title">
  186. 推荐经济人
  187. </view>
  188. <block wx:if="{{manager_list.length>0}}" wx:for="{{manager_list}}" wx:key="id">
  189. <view class="manager" style="justify-content: space-between;">
  190. <view class="manager_left">
  191. <image class="steward_pic" src="/static/icon/icon-steward.png" />
  192. <view class="manager_detail">
  193. <text style="font-weight: 600;">{{item.name}}</text>
  194. <view style="color: red;">4.9
  195. <text style="font-size:small;color: black;font-weight: 400;">评分</text>
  196. </view>
  197. </view>
  198. </view>
  199. <view class="manager_right">
  200. <image class="manager_pic bck" src="/static/icon/icon-message.png" />
  201. <image bindtap="CallManager" data-phone="{{item.phone}}" class="manager_pic bck" src="/static/icon/icon-phone.png" />
  202. </view>
  203. </view>
  204. </block>
  205. <block wx:if="{{manager_list.length==0}}">
  206. <nodata />
  207. </block>
  208. </view>
  209. </view>
  210. <view class="home-page-footer" style="bottom: {{bottom}}rpx;">
  211. <view class="footer_phone">
  212. <image src="http://ro7r875ut.hn-bkt.clouddn.com/shoucang.png" />
  213. <view>收藏</view>
  214. </view>
  215. <view class="footer_phone" bindtap="phoneManager">
  216. <image src="http://ro7r875ut.hn-bkt.clouddn.com/dianhua.png" />
  217. <view>电话</view>
  218. </view>
  219. <block wx:if="{{manager_list.length>0}}">
  220. <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>
  221. </block>
  222. <block wx:else="">
  223. <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>
  224. </block>
  225. <view bindtap="appointmentHouse" style='width:200rpx;height:70rpx;background-color:#03BB7A;color: #fff;text-align: center;padding-top: 13rpx; border-radius: 10rpx;'>预约看房</view>
  226. </view>