progressdetail.wxml 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332
  1. <wxs src="../../../utils/filters.wxs" module="filters"></wxs>
  2. <view class="{{dialog?'overflowHidden':'progressdetail'}}">
  3. <view class="image-box">
  4. <swiper circular="{{true}}" bindchange="swiperChange" current="{{swiperIndex}}" class="height450 width100">
  5. <block wx:if="{{detail.cover[0]}}">
  6. <swiper-item item-id="cover-{{0}}" class="height450">
  7. <image src="{{detail.cover[0]}}" class="minHeight" data-type="cover" data-img="{{detail.cover[0]}}" bindtap="previewImage" mode="widthFix"></image>
  8. <view wx:if="{{detail.vr_link}}" data-vr="{{detail.vr_link}}" class="vr-box" data-type="2" bindtap="openVRLink">
  9. <image src="../../../img/interVr.png" class="vr-image" mode="widthFix"></image>
  10. </view>
  11. </swiper-item>
  12. </block>
  13. <block wx:if="{{imageArr.length}}">
  14. <swiper-item wx:for="{{imageArr}}" item-id="img-{{index}}" class="height450">
  15. <image src="{{item}}" class="minHeight" data-type="image" data-img="{{item}}" bindtap="previewImage" mode="widthFix"></image>
  16. </swiper-item>
  17. </block>
  18. <block wx:if="{{VRlinklist.length}}">
  19. <swiper-item wx:for="{{VRlinklist}}" item-id="vr-{{index}}" class="height450 relative">
  20. <image src="{{item.vrfirstImg}}" class="minHeight" data-type="vr" data-img="{{item.vrfirstImg}}" bindtap="previewImage" mode="widthFix"></image>
  21. <view wx:if="{{item.vrUrl}}" data-vr="{{item.vrUrl}}" class="vr-box" data-type="2" bindtap="openVRLink">
  22. <image src="../../../img/interVr.png" class="vr-image" mode="widthFix"></image>
  23. </view>
  24. </swiper-item>
  25. </block>
  26. <block wx:if="{{videolink.length}}">
  27. <swiper-item wx:for="{{videolink}}" item-id="video-{{index}}" class="height450">
  28. <video-list id="videolink{{index}}" vidoesrc="{{item.video}}" poster="{{item.cover?item.cover:item.cover+'?x-oss-process=video/snapshot,t_100,f_jpg,w_200,m_fast'}}" objectfit="contain" showProgress="{{true}}" showBottomProgress="{{true}}" showFullscreenBtn="{{true}}"/>
  29. </swiper-item>
  30. </block>
  31. </swiper>
  32. <view class="switchTab relative">
  33. <block wx:for="{{tab}}">
  34. <view wx:if="{{item.count!=0}}" data-type="{{item.type}}" class="{{item.type==activeType?'activeTab':''}}" data-count="{{item.count}}" bindtap="handleSwitch">{{item.name}}</view>
  35. </block>
  36. </view>
  37. <text class="s-count">{{showSortNum}}/{{allDataCount}}</text>
  38. <view class="fullVideo" wx:if="{{activeType=='video'}}" data-id="videolink{{showSortNum-1}}" bindtap="handleFullPlay">
  39. <image src="../../../img/fullscreen.png" mode="widthFix"></image>
  40. </view>
  41. </view>
  42. <view class="floorMsg">
  43. <view class="f-title">
  44. <view class="f_left">{{detail.name}}</view>
  45. <view bindtap="handleCollect" class="collect_box">
  46. <image wx:if="{{!detail.collected}}" src="../../../img/collect.png"></image>
  47. <image wx:if="{{detail.collected}}" src="../../../img/collected.png"></image>
  48. </view>
  49. </view>
  50. <!-- <view class="f-area">{{detail.areastr}}</view> -->
  51. <view class="f-data">
  52. <view class="color687888">签约户数:<text class="color333">{{detail.sign_num}}</text></view>
  53. <view class="color687888 justify-center">开工:<text class="color333">{{detail.start_num}}</text></view>
  54. <view class="color687888 justify-end">完工:<text class="color333">{{detail.finish_num}}</text></view>
  55. </view>
  56. <view class="f-delivery">
  57. <text class="f-delivery-name color687888">交房时间:</text>
  58. <text class="f-delivery-time">{{detail.duetime||'暂未填写'}}</text>
  59. </view>
  60. <view class="f-address">
  61. <image src="../../../img/address_icon.png" mode="widthFix" class="f-address_ico"></image>
  62. <text class="f-address-name color687888">地址:</text>
  63. <view class="flex-sub f-address-dsc">
  64. <text>{{detail.address}}</text>
  65. </view>
  66. </view>
  67. <view class="f-dsc">
  68. <text class="f-dsc-name color687888">简介:</text>
  69. <view class="{{!showContent?'flex-sub f-dsc-content ellipsisOne':'flex-sub f-dsc-content'}}">
  70. <text>{{detail.content}}</text>
  71. <text hidden="{{!showContent}}" class="dscText" bindtap="showAllContent">隐藏</text>
  72. </view>
  73. <block wx:if="{{detail.content.length > 20}}">
  74. <text hidden="{{showContent}}" class="dscText" bindtap="showAllContent">展开</text>
  75. </block>
  76. </view>
  77. </view>
  78. <!-- <view class="line"></view>
  79. <view class="updateBox">
  80. <view class="u-img-box">
  81. <image src="{{detail.company_logo}}"></image>
  82. </view>
  83. <view class="flex-sub u-company">
  84. <view class="u-company-name">{{detail.company_name}}</view>
  85. <view class="u-company-date">{{detail.update_time}}</view>
  86. </view>
  87. <view class="u-button-box">
  88. <button class="u-button">催更新</button>
  89. </view>
  90. </view> -->
  91. <view class="line"></view>
  92. <view class="listBoxStyle">
  93. <!-- <van-sticky offset-top="{{-10}}"> -->
  94. <view class="clearfix communitymsg lhr48 tcenter">
  95. <view data-type='3' bindtap="setypetap" class="{{type==3?'nowtitle':''}}">户型解析</view>
  96. <view data-type='4' bindtap="setypetap" class="{{type==4?'nowtitle':''}}">装修案例</view>
  97. <view data-type='2' bindtap="setypetap" class="{{type==2?'nowtitle':''}}">在施工地({{constructnum}})</view>
  98. <!-- <view data-type='1' bindtap="setypetap" class="{{type==1?'nowtitle':''}}">楼盘动态({{progresslist.length}})</view> -->
  99. </view>
  100. <!-- </van-sticky> -->
  101. <view wx:if="{{type==2 && constructlist.length}}" class="constructbox">
  102. <view wx:for="{{constructlist}}" data-cid="{{item.id}}" bindtap="sitetap" class="constructSitebox">
  103. <view data-cid="{{item.id}}" class="coverbox">
  104. <image data-cid="{{item.id}}" mode="center" src="{{item.cover}}?x-oss-process=image/resize,w_375"></image>
  105. </view>
  106. <view data-cid="{{item.id}}" class="fontfpr ">
  107. <view data-cid="{{item.id}}" class="clearfix mgtr16 ">
  108. <view data-cid="{{item.id}}" class="pull-left fontr32 color333 lhr44 constructit ellipsis">{{item.name}}</view>
  109. <view data-cid="{{item.id}}" class="nowtime pull-right fontr20 colorA6CAE0 lhr44">{{item.start_time}} 开工</view>
  110. </view>
  111. <view data-cid="{{item.id}}" class="clearfix mgtr16 lhr44 fontfpr color333">
  112. <view data-cid="{{item.id}}" class="pull-left colorA6CAE0 fontr24 ">{{item.community&&item.community.name?item.community.name+'|':''}}{{item.housetype&&item.housetype.name?item.housetype.name+'|':''}}{{item.style&&item.style.name?item.style.name+'|':''}}{{item.area?item.area:'未知'}}m²</view>
  113. </view>
  114. </view>
  115. <view class="sitestep mgt24 clearfix fontfpr">
  116. <view wx:for="{{item.step_list}}" wx:for-item="sitem" wx:for-index='sidx' class="pull-left everysteps width20_ tcenter {{sitem.upload==1||sitem.need_upload==1?'laststeps':''}}">
  117. <view class="stepnum fontr18 lhr28">
  118. <block wx:if="{{sitem.upload==1}}">
  119. <image src="../../../img/duihaoicon.png" class="duihaoIcon" mode="widthFix"></image>
  120. </block>
  121. <block wx:else="">
  122. {{sidx*1+1}}
  123. </block>
  124. </view>
  125. <view class="fontr22 color333 lhr40">{{sitem.name}}</view>
  126. </view>
  127. </view>
  128. </view>
  129. </view>
  130. <block wx:if="{{type==2}}">
  131. <nonedata len="{{constructlist.length}}" datashow="{{datashow}}"></nonedata>
  132. </block>
  133. <view wx:if="{{type==3 && houseTypeItemlist.length}}" class="houseTypeBox">
  134. <view wx:if="{{houseTypelists.length}}" class="houseTypeHeader">
  135. <view class="hhRight">
  136. <view wx:for="{{houseTypelists}}" wx:for-index="idx" wx:key="idx" data-index="{{idx}}" data-type="{{item.id}}" class="{{item.id==houseTypeActive?'hhactive':''}}" bindtap="handlelist">{{item.name}}({{item.count}})</view>
  137. </view>
  138. </view>
  139. <view class="houseTypeShowBox">
  140. <view wx:for="{{houseTypeItemlist}}" class="houseTypeItem">
  141. <view class="house_image relative {{!item.house_img?'bcE8F3FF':''}}">
  142. <block wx:if="{{item.house_img && item.house_img.length}}">
  143. <image data-img="{{item.house_img[0]}}" data-index="{{index}}" data-type="himg" bindtap="previewImage" src="{{item.house_img[0]}}"></image>
  144. </block>
  145. <block wx:else="">
  146. <text class="noneHouseType">暂无户型图</text>
  147. </block>
  148. <view wx:if="{{item.vr_link}}" data-vr="{{item.vr_link}}" data-type="2" bindtap="openVRLink" class="hh-vrView">
  149. <image data-vr="{{item.vr_link}}" src="../../../img/xuanzhuan.png" mode="widthFix"></image>VR带看
  150. </view>
  151. <view class="showImageNumber">{{item.house_img.length}}</view>
  152. </view>
  153. <view class="h-dsc111">
  154. <block wx:if="{{item.room == 9}}">
  155. <text class="fw700">别墅</text>
  156. </block>
  157. <block wx:else="">
  158. <text class="fw700">{{item.room}}室{{item.hall}}厅{{item.bathroom}}卫</text>
  159. </block>
  160. <text class="colorB6CADE">{{item.orientation||'朝向暂无'}}</text>
  161. </view>
  162. <view class="h-area111">建面{{item.area}}㎡</view>
  163. <view class="h-operate">
  164. <button bindtap="houseTypeDsc" data-room="{{item.room}}" data-title="{{item.room}}室{{item.hall}}厅{{item.bathroom}}卫" data-index="{{index}}" class="bg249EFB">户型剖析</button>
  165. <button bindtap="inquiry" class="bg1BCFA7">免费验房</button>
  166. </view>
  167. <!-- <view wx:if="{{item.devcase_count > 0}}" data-id="{{item.id}}" bindtap="viewDevCase" class="devCaseStyle">户型研发案例({{item.devcase_count}})</view> -->
  168. </view>
  169. </view>
  170. </view>
  171. <block wx:if="{{type==3}}">
  172. <nonedata style="width: 100%;" len="{{houseTypeItemlist.length}}" datashow="{{datashow}}"></nonedata>
  173. </block>
  174. <view wx:if="{{type==3 && devCaseData.length}}" class="lineBg"></view>
  175. <view wx:if="{{type==3 && devCaseData.length}}" class="devCaseBox">
  176. <view class="dev_case_title">户型研发案例</view>
  177. <view wx:for="{{devCaseData}}" wx:for-index="index" wx:key="index" data-id="{{item.id}}" data-type="{{item.type}}" bindtap="devCaseDetail" class="devCaseItem {{(index+1)==devCaseData.length?'':'devCaseBorderBottom'}}">
  178. <view class="leftCase relative">
  179. <image src="{{item.cover}}"></image>
  180. <image wx:if="{{item.type == 1}}" src="../../../img/interVr.png" mode="widthFix" class="interVrStyle"></image>
  181. </view>
  182. <view class="rightCase">
  183. <view class="r_case_name">{{item.name}}</view>
  184. <block wx:if="{{item.room == 9}}">
  185. <view class="r_case_type">{{item.area}}㎡ | 别墅</view>
  186. </block>
  187. <block wx:else="">
  188. <view class="r_case_type">{{item.area}}㎡ | {{item.room}}室{{item.hall}}厅{{item.bathroom}}卫</view>
  189. </block>
  190. <view class="r_case_style">{{item.decostyles_name}}</view>
  191. </view>
  192. </view>
  193. </view>
  194. <view wx:if="{{type==4 && caselist.length}}" class="caseBoxStyle">
  195. <view wx:if="{{caseTypelist.length}}" class="houseTypeHeader">
  196. <view class="hhRight">
  197. <view wx:for="{{caseTypelist}}" wx:for-index="idx" wx:key="idx" data-index="{{idx}}" data-type="{{item.id}}" class="{{item.id==caseTypeActive?'hhactive':''}}" bindtap="searchCaselist">{{item.name}}({{item.count}})</view>
  198. </view>
  199. </view>
  200. <view class="caselistbox clearfix">
  201. <view wx:for="{{caselist}}" wx:for-item="caseitem" bindtap="casemsgtap" data-cid="{{caseitem.id}}" class="everycasebox pull-left">
  202. <view data-cid="{{caseitem.id}}" class="imgbox relative">
  203. <image data-cid="{{caseitem.id}}" src="{{(caseitem.cover_img?caseitem.cover_img:imgUrl+'xcx/nonedata.jpg')+'?x-oss-process=image/resize,w_200'}}"></image>
  204. <image wx:if="{{caseitem.vr_case}}" data-id="{{caseitem.id}}" data-vrlink="{{caseitem.vr_case}}" data-type="1" src="../../../img/interVr.png" mode="widthFix" class="interVrStyle" catchtap="openVRLink"></image>
  205. <view data-cid="{{caseitem.id}}" class="casehousemsgbox fontr22 fontfpr colorfff tcenter">
  206. <view data-cid="{{caseitem.id}}" class="inline-block">{{caseitem.community.name||'无'}} | {{caseitem.decostyle.name||'无'}} | {{caseitem.square}}㎡</view>
  207. </view>
  208. </view>
  209. <view data-cid="{{caseitem.id}}" class="relative casemsgbox">
  210. <view data-cid="{{caseitem.id}}" class=" casemsgtit fontr28 fontfpr color384855 lhr34 ellipsis">{{caseitem.title}}</view>
  211. <view data-cid="{{caseitem.id}}" class="fontr24 fontfpr colorB6CADE lhr40">时间:{{filters.timesplit(caseitem.addtime)}}</view>
  212. </view>
  213. </view>
  214. </view>
  215. </view>
  216. <block wx:if="{{type==4}}">
  217. <nonedata len="{{caselist.length}}" datashow="{{datashow}}"></nonedata>
  218. </block>
  219. <view class="lineBg"></view>
  220. <!-- <view class="clearfix communitymsg pt0 lhr48 tcenter">
  221. <view class="nowtitle">楼盘动态({{progresslist.length}})</view>
  222. </view> -->
  223. <view class="timelineBox">
  224. <view class="timelineBox-header">
  225. <view class="p-type-btn">楼盘动态</view>
  226. <button bindtap="handleTips" class="u-button">催更新</button>
  227. </view>
  228. <view wx:for="{{progresslist}}" wx:for-item="item" wx:for-index="idx" wx:key="idx" class="timeline-item" wx:if="{{idx < viewMore}}">
  229. <!-- <view class="timeline-item-circle">
  230. </view>
  231. <view class="timeline-item-line"></view> -->
  232. <view wx:if="{{item.name}}" class="timeline-item-name">
  233. <view>{{item.name}}</view>
  234. <button data-type="progress" data-id="{{item.id}}" open-type="share" class="progress_share">
  235. <image src="../../../img/hshare.png" mode="widthFix"></image>
  236. </button>
  237. </view>
  238. <view class="timeline-item-date">
  239. <view class="color333">{{item.addtime}}</view>
  240. <!-- <view class="progressTypeBtn">楼盘进度</view> -->
  241. </view>
  242. <view class="timeline-item-dsc color6C7B8B {{showArticle==item.id?'':'ellipsisTwo'}}">
  243. {{item.content}}
  244. </view>
  245. <button wx:if="{{item.content.length > 52}}" class="t-allContent" data-cid="{{item.id}}" bindtap="toggleClass">{{showArticle==item.id?'隐藏':'全文'}}</button>
  246. <view class="timeline-item-img">
  247. <block wx:if="{{item.type == 'img'}}">
  248. <view wx:for="{{item.img}}" wx:for-item="itemData" wx:key="itemData" class="vr-img-link">
  249. <image src="{{itemData}}?x-oss-process=image/resize,w_200" data-img="{{itemData}}" data-index="{{idx}}" bindtap="previewImage"></image>
  250. </view>
  251. </block>
  252. <block wx:if="{{item.type == 'video'}}">
  253. <view style="width: 100%;height: 300rpx;">
  254. <video-list vidoesrc="{{item.video}}" poster="{{item.img[0]?item.img[0]:item.img[0]+'?x-oss-process=video/snapshot,t_100,f_jpg,w_200,m_fast'}}" objectfit="contain" showProgress="{{true}}" showBottomProgress="{{true}}" showFullscreenBtn="{{true}}"/>
  255. </view>
  256. </block>
  257. <block wx:else="">
  258. <view wx:for="{{item.vr}}" wx:for-item="itemData" wx:key="itemData" class="vr-img-link">
  259. <image src="{{itemData.vrfirstImg}}?x-oss-process=image/resize,w_200" mode="widthFix"></image>
  260. <view data-vr="{{itemData.vrUrl}}" data-type="2" bindtap="openVRLink" class="vr-img-text">
  261. <image src="../../../img/interVr.png" class="vr-image" mode="widthFix"></image>
  262. </view>
  263. </view>
  264. </block>
  265. </view>
  266. </view>
  267. <view wx:if="{{progresslist.length > 3}}" class="moreClass" bindtap="handleMore">
  268. {{viewMore==progresslist.length?'收起':'查看更多'}}
  269. <image class="{{viewMore==progresslist.length?'rotate180':''}}" src="../../../img/doubledown.png" mode="widthFix"></image>
  270. </view>
  271. <nonedata len="{{progresslist.length}}" datashow="{{datashow}}"></nonedata>
  272. </view>
  273. </view>
  274. </view>
  275. <!-- 户型剖析 -->
  276. <view class="maskBg" wx:if="{{dialog}}" bindtap="closeMask">
  277. <view class="dialog" catchtap="dothis">
  278. <view class="ddTitle">{{dscTitle}}户型剖析</view>
  279. <view class="ddContent">
  280. <block wx:if="{{dscDataMsg.from==0}}">
  281. <block wx:if="{{dscDataMsg.house_count}}">
  282. <mp-html content="{{dscDataMsg.house_count}}" />
  283. </block>
  284. <block wx:else="">
  285. <nonedata len="{{0}}" datashow="{{datashow}}"></nonedata>
  286. </block>
  287. </block>
  288. <block wx:else="">
  289. <block wx:if="{{dscDataMsg.house_count || (dscDataMsg.img_content && dscDataMsg.img_content.length)}}">
  290. <view wx:if="{{dscDataMsg.house_count}}" class="houseDscStyle">{{dscDataMsg.house_count}}</view>
  291. <view wx:for="{{dscDataMsg.img_content}}" wx:key="index" class="houseDscImage">
  292. <image src="{{item}}?x-oss-process=image/resize,w_300" mode="widthFix"></image>
  293. </view>
  294. </block>
  295. <block wx:else="">
  296. <nonedata len="{{0}}" datashow="{{datashow}}"></nonedata>
  297. </block>
  298. </block>
  299. </view>
  300. </view>
  301. </view>
  302. <!-- 蒙层 -->
  303. <view class="maskWH" wx:if="{{devCaseShow}}" bindtap="closeMask">
  304. <view class="maskBox" catchtap="dothis">
  305. <view class="m_case_title">户型研发案例({{devCaselist.length}})</view>
  306. <view class="m_case_content">
  307. <view wx:for="{{devCaselist}}" class="m_case_item" data-id="{{item.id}}" data-type="{{item.type}}" bindtap="devCaseDetail">
  308. <view data-id="{{item.id}}" data-type="{{item.type}}" class="m_case_name"><text data-id="{{item.id}}" data-type="{{item.type}}" class="m_case_type">【{{item.type==1?'VR':'图文'}}】</text>{{item.name}}</view>
  309. <view data-type="{{item.type}}" data-id="{{item.id}}">{{item.decostyles_name}}></view>
  310. </view>
  311. </view>
  312. <view class="close_icon" bindtap="closeMask">
  313. <image src="../../../img/close_icon.png" mode="widthFix"></image>
  314. </view>
  315. </view>
  316. </view>
  317. <view wx:if="{{!ltype}}" class="rightbtnbox">
  318. <!-- <view bindtap="sharetap" class="tcollectbox tsharebox tcenter">
  319. <image src="{{imgUrl}}xcx/aaa/tshare.png"></image>
  320. <view class="colorfff fontfpr fontr24 lhr24">分享</view>
  321. </view> -->
  322. <view bindtap="handleCollect" class="tcollectbox tcenter">
  323. <image wx:if="{{!detail.collected}}" src="../../../img/collect.png"></image>
  324. <image wx:if="{{detail.collected}}" src="../../../img/collected.png"></image>
  325. <view class="colorB6CADE fontfpr fontr24 lhr24">收藏</view>
  326. </view>
  327. </view>
  328. <sharefooter wx:if="{{ltype!=1}}" type="{{!ltype?1:2}}"></sharefooter>
  329. <wshare wshareshow="{{wshareshow}}" bind:poster="setpostertap" bind:sendfriendcircle="sendfriendtap" bind:sfriend="publicsharetap" bind:shareurl="shareurltap"></wshare>