1
0

casemsg.wxml 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219
  1. <wxs module="filters" src="../../../utils/filters.wxs"></wxs>
  2. <view class="{{showApproval||showCutImage?'overflowHidden':''}}">
  3. <view class="relative ">
  4. <view class="image-box">
  5. <image wx:if="{{!activeType}}" mode="widthFix" class="cover" src="{{casemsgobj.cover_img}}"></image>
  6. <swiper wx:if="{{activeType}}" circular="{{true}}" bindchange="swiperChange" current="{{swiperIndex}}" class="height450 width100">
  7. <block wx:if="{{casemsgobj.vr_case}}">
  8. <swiper-item item-id="vr-0" class="height450 relative">
  9. <image src="{{casemsgobj.cover_img}}" mode="widthFix"></image>
  10. <view wx:if="{{casemsgobj.vr_case}}" data-type="1" data-vr="{{casemsgobj.vr_case}}" class="vr-box" bindtap="openVRLink">
  11. <image src="../../../img/interVr.png" class="vr-image" mode="widthFix"></image>
  12. </view>
  13. </swiper-item>
  14. </block>
  15. <block wx:if="{{casemsgobj.video_case}}">
  16. <swiper-item item-id="video-1" class="height450 relative">
  17. <video-list id="myVideo" vidoesrc="{{casemsgobj.video_case}}" poster="{{casemsgobj.video_case+'?x-oss-process=video/snapshot,t_100,f_jpg,w_300,m_fast'}}" objectfit="contain" showProgress="{{true}}" showBottomProgress="{{true}}" bindprogress="bindprogress" showFullscreenBtn="{{true}}" />
  18. <view bindtap="videotap" wx:if="{{playflag==2}}" class="videoloading"></view>
  19. </swiper-item>
  20. </block>
  21. </swiper>
  22. <view class="switchTab relative">
  23. <block wx:for="{{tab}}">
  24. <view wx:if="{{item.count!=0}}" data-type="{{item.type}}" class="{{item.type==activeType?'activeTab':''}}" data-count="{{item.count}}" bindtap="handleSwitch">{{item.name}}</view>
  25. </block>
  26. </view>
  27. </view>
  28. <view class="titmsg fontr36 fontfpr ">{{casemsgobj.title}}</view>
  29. <view class="updateBox">
  30. <view bindtap="designertap" class="u-img-box">
  31. <image src="{{casemsgobj.designer&&casemsgobj.designer.image_photo?(casemsgobj.designer.image_photo+'?x-oss-process=image/resize,w_200'):casemsgobj.designer.headimgurl?casemsgobj.designer.headimgurl:(companyobj.logo?companyobj.logo:'https://o.nczyzs.com/xcx/aaa/nonedatalogo.png'+'?x-oss-process=image/resize,w_200')}}"></image>
  32. </view>
  33. <view bindtap="designertap" class="flex-sub u-company">
  34. <view class="u-company-name">{{casemsgobj.designer&&casemsgobj.designer.name?'设计师:'+casemsgobj.designer.name:companyobj.company_name}}<text class="u-position">{{casemsgobj.designer&&casemsgobj.designer.position?('【'+casemsgobj.designer.position+'】'):''}}</text></view>
  35. <view class="u-company-address">
  36. <view wx:if="{{!!casemsgobj.designer}}" class="address-text">擅长风格:{{!!casemsgobj.designer&&!!casemsgobj.designer.good_at?filters.arrtostr(casemsgobj.designer.good_at):'暂未设置'}}
  37. <!-- <text hidden="{{!showAddress}}" class="address-show" data-type="hide" bindtap="showAddressName">隐藏</text> -->
  38. </view>
  39. <!-- <view wx:if="{{!casemsgobj.designer}}" class="address-text">公司地址:{{companyobj.company_address?companyobj.company_address:'无'}}
  40. <text hidden="{{!showAddress}}" class="address-show" data-type="hide" bindtap="showAddressName">隐藏</text>
  41. </view> -->
  42. <!-- <text hidden="{{showAddress}}" class="address-show" data-type="show" bindtap="showAddressName">{{!casemsgobj.designer||!casemsgobj.designer.good_at||filters.arrtostr(casemsgobj.designer.good_at).length<10?'':'展开'}}</text> -->
  43. </view>
  44. </view>
  45. <!-- <view class="u-button-box">
  46. <button bindtap="opintap"class="u-button">预约TA</button>
  47. </view> -->
  48. </view>
  49. </view>
  50. <view class="casemsgbox clearfix fontr28 tleft">
  51. <view class="clearfix colora9 fontfpm lhr40">
  52. <view class="pull-left width25 center">户型</view>
  53. <view class="pull-left width23_ center">风格</view>
  54. <view class="pull-left width22_ center">面积</view>
  55. <view class="pull-left width30_ center">价格</view>
  56. </view>
  57. <view class="clearfix color348555 fontfpr lhr32 casepricebox">
  58. <view class="pull-left width25 center">{{casemsgobj.housetype.name}}</view>
  59. <view class="pull-left width23_ center">{{casemsgobj.decostyle.name}}</view>
  60. <view class="pull-left width22_ center">{{casemsgobj.square}}㎡</view>
  61. <view class="pull-left width30_ center {{casemsgobj.money=='暂无报价'?'colora9':''}}">{{casemsgobj.money}}{{casemsgobj.money=='暂无报价'?'':'起'}}</view>
  62. </view>
  63. </view>
  64. <view wx:if="{{!!type}}" class="bgbox" style="background-color: #ECECEC;"></view>
  65. <view wx:if="{{!!type && casemsgobj.desc && casemsgobj.real_case}}" class="clearfix casetit fontr36 color333 lhr40">
  66. <view wx:if="{{casemsgobj.desc}}" data-type='1' bindtap="setypetap" class="pull-left {{type==1?'nowtitbox':''}}">效果案例</view>
  67. <view wx:if="{{casemsgobj.real_case}}" data-type='2' bindtap="setypetap" class="pull-left {{type==2?'nowtitbox':''}}">实景案例</view>
  68. </view>
  69. <view wx:if="{{type==1}}" class="configmsg">
  70. <!-- 详情 -->
  71. <mp-html content="{{casemsgobj.desc}}" />
  72. </view>
  73. <view wx:if="{{type==2}}" class="configmsg">
  74. <!-- 详情 -->
  75. <mp-html content="{{casemsgobj.real_case}}" />
  76. </view>
  77. <view wx:if="{{casemsgobj.from==1}}" class="caseimgbox">
  78. <view wx:for="{{imgarr}}" class="everycaseimgbox">
  79. <image class="caseimg" data-img="{{imgUrl+item.img}}" bindtap="prelook" mode="widthFix" src="{{imgUrl+item.img}}"></image>
  80. <view wx:if="{{item.text}}" class="casetextbox">
  81. <view class="bold fontr28 color384855 fontfpr lhr56">说明:</view>
  82. <view class="fontr28 fontfpr color384855 lhr40 mtr16">{{item.text}}</view>
  83. </view>
  84. </view>
  85. </view>
  86. <view class="setimebox fontr24 " style="padding-top:{{!type?'32rpx':0}};">本案例发布于{{filters.timesplit(casemsgobj.addtime)}}</view>
  87. <view class="designcasebox">
  88. <view class="designcasetit clearfix">
  89. <view class="pull-left fontr36 color384855 fontfpm">相关推荐</view>
  90. </view>
  91. <view class="caselistbox clearfix">
  92. <view class="leftcasebox pull-left clearfix">
  93. <view wx:for="{{leftcaselist}}" data-cid="{{item.id}}" bindtap="casemsgtap" class="everycasebox pull-left">
  94. <view data-cid="{{item.id}}" class="imgbox relative">
  95. <image mode="widthFix" data-cid="{{item.id}}" bindload="imgload" binderror="imgload" src="{{item.cover_img+'?x-oss-process=image/resize,w_400'}}"></image>
  96. <image wx:if="{{item.vr_case}}" data-id="{{item.id}}" data-vrlink="{{item.vr_case}}" data-type="2" src="../../../img/interVr.png" mode="widthFix" class="interVrStyle" catchtap="openVRLink"></image>
  97. <view data-cid="{{item.id}}" class="casesharenum clearfix">
  98. <image data-cid="{{item.id}}" class="pull-left" src="{{imgUrl}}xcx/conshare.png?x-oss-process=image/resize,w_20"></image>
  99. <view data-cid="{{item.id}}" class="fontr20 fontfpr pull-left">{{item.shared_times}}</view>
  100. </view>
  101. </view>
  102. <view data-cid="{{item.id}}" class="relative casemsgbox1">
  103. <view data-cid="{{item.id}}" class="ellipsis casemsgtit fontr28 fontfpr color384855 lhr34">{{item.title}}</view>
  104. <view data-cid="{{item.id}}" class="designerbox clearfix">
  105. <view data-cid="{{item.id}}" class="inline-block color9DB6CF casehousemsgbox">{{item.community.name||'无'}} | {{item.decostyle.name||'无'}} | {{item.square}}㎡</view>
  106. </view>
  107. </view>
  108. </view>
  109. </view>
  110. <view class="rightcasebox pull-left clearfix">
  111. <view wx:for="{{rightcaselist}}" data-cid="{{item.id}}" bindtap="casemsgtap" class="everycasebox pull-left">
  112. <view data-cid="{{item.id}}" class="imgbox relative">
  113. <image mode="widthFix" data-cid="{{item.id}}" bindload="imgload" binderror="imgload" src="{{item.cover_img+'?x-oss-process=image/resize,w_400'}}"></image>
  114. <image wx:if="{{item.vr_case}}" data-id="{{item.id}}" data-vrlink="{{item.vr_case}}" data-type="2" src="../../../img/interVr.png" mode="widthFix" class="interVrStyle" catchtap="openVRLink"></image>
  115. <view data-cid="{{item.id}}" class="casesharenum clearfix">
  116. <image data-cid="{{item.id}}" class="pull-left" src="{{imgUrl}}xcx/conshare.png?x-oss-process=image/resize,w_20"></image>
  117. <view data-cid="{{item.id}}" class="fontr20 fontfpr pull-left">{{item.shared_times}}</view>
  118. </view>
  119. </view>
  120. <view data-cid="{{item.id}}" class="relative casemsgbox1">
  121. <view data-cid="{{item.id}}" class="ellipsis casemsgtit fontr28 fontfpr color384855 lhr34">{{item.title}}</view>
  122. <view data-cid="{{item.id}}" class="designerbox clearfix">
  123. <view data-cid="{{item.id}}" class="inline-block color9DB6CF casehousemsgbox">{{item.community.name||'无'}} | {{item.decostyle.name||'无'}} | {{item.square}}㎡</view>
  124. </view>
  125. </view>
  126. </view>
  127. </view>
  128. <nonedata len="{{leftcaselist.length}}" datashow="{{rightcaselist.length==0}}"></nonedata>
  129. </view>
  130. <view wx:if="{{(leftcaselist.length!=0||rightcaselist.length!=0)&&(casemsgobj.designer_related_cases.length >= 4)}}" class="lookmore fontr28 fontfpr color384855 tcenter" bindtap="otherlistfun">查看更多>></view>
  131. </view>
  132. </view>
  133. <view wx:if="{{!bType}}" class="rightbtnbox">
  134. <image bindtap="priceshowtap" class="pricebtnimg" src="{{imgUrl}}xcx/aaa/pricebtn.gif"></image>
  135. <view wx:if="{{!ltype}}" bindtap="casesharetap" class="tcollectbox tsharebox tcenter">
  136. <image src="{{imgUrl}}xcx/aaa/tshare.png"></image>
  137. <view class="colorfff fontfpr fontr24 lhr24">分享</view>
  138. </view>
  139. <view wx:if="{{!ltype}}" bindtap="collectap" class="tcollectbox tcenter">
  140. <image wx:if="{{!casemsgobj.collected}}" src="../../img/collect.png"></image>
  141. <image wx:if="{{casemsgobj.collected}}" src="../../img/collected.png"></image>
  142. <view class="colorB6CADE fontfpr fontr24 lhr24">收藏</view>
  143. </view>
  144. </view>
  145. <block wx:if="{{bType == 'b'}}">
  146. <view wx:if="{{!showCutImage}}" style="width: 100%;height: 50rpx;"></view>
  147. <view class="shareTips">分享后上传分享截图可获得积分兑换现金</view>
  148. <view class="cutAndShare">
  149. <button bindtap="casesharetap" class="shareBtn">立即分享</button>
  150. </view>
  151. <view wx:if="{{showCutImage}}" class="cutMask" bindtap="closeDialog" bindtouchmove="dothis">
  152. <view class="cutBlock" catchtap="dothis">
  153. <view class="cutTitle">上传分享截图</view>
  154. <view class="cutContent">
  155. <view class="cutShareLabel">上传分享截图</view>
  156. <view class="cutImglistBox">
  157. <view wx:for="{{trackimgarr}}" class="imageItem">
  158. <image src="{{item.tempFilePath}}" mode="" />
  159. <view data-index="{{index}}" class="imgdel" bindtap="imageDel">
  160. <image src="../../../img/wdelt.png" mode="widthFix"></image>
  161. </view>
  162. </view>
  163. <view class="uploadImg" bindtap="uploadImage">
  164. <image src="../../../img/addicon.png" mode="widthFix"></image>
  165. <view class="u-text">上传</view>
  166. </view>
  167. </view>
  168. <view class="u-textarea-box">
  169. <textarea value="{{remark}}" bindinput="getTextarea" class="u-textarea" placeholder="请输入备注" cols="30" rows="10"></textarea>
  170. </view>
  171. </view>
  172. <button disabled="{{loading}}" loading="{{loading}}" class="cutConfirm" bindtap="submitData">保存并推荐分享</button>
  173. </view>
  174. </view>
  175. </block>
  176. <block wx:if="{{pType=='b'&&false}}">
  177. <view class="shareApprovalbtn" bindtap="handleShowApproval">分享审核</view>
  178. <view wx:if="{{showApproval}}" class="shareMask" catchtap="closeDialog">
  179. <view class="shareBlock" catchtap="dothis">
  180. <view class="shareBlockTitle">分享审核</view>
  181. <view class="shareBlockContent">
  182. <view wx:for="{{shareApprovallist}}" wx:key="{{index}}" class="shareApprovalItem">
  183. <view class="shareApprovalLeft">
  184. <image src="{{item.headimgurl?item.headimgurl:'../../../img/default.png'}}" mode="" />
  185. </view>
  186. <view class="shareApprovalRight">
  187. <view class="shareApprovalText">
  188. <text class="satName">{{item.agent_name||'未知'}}</text>
  189. <text class="satTime">分享时间:{{item.addtime}}</text>
  190. </view>
  191. <view class="shareApprovalImgBox">
  192. <view wx:for="{{item.img}}" wx:for-item="imgItem" wx:for-index="idx" wx:key="{{idx}}" class="shareApprovalImgItem" data-index="{{index}}" data-idx="{{idx}}" bindtap="previewImageEvent">
  193. <image src="{{imgItem}}" mode="" />
  194. </view>
  195. </view>
  196. <view wx:if="{{item.remarks}}" class="shareApprovalMsg">
  197. {{item.remarks}}
  198. </view>
  199. <view class="shareApproValBtnBox">
  200. <button data-id="{{item.id}}" disabled="{{loading}}" loading="{{loading}}" bindtap="confirmApproval" class="aConfirmBtn">通过</button>
  201. <button data-id="{{item.id}}" disabled="{{loading}}" loading="{{loading}}" bindtap="rejectApproval" class="aRejectBtn">驳回</button>
  202. </view>
  203. </view>
  204. </view>
  205. <nonedata len="{{shareApprovallist.length}}" datashow="{{datashow}}"></nonedata>
  206. </view>
  207. </view>
  208. </view>
  209. </block>
  210. <calcprice priceflag='{{priceflag}}' bind:run="closepricetap"></calcprice>
  211. <sharefooter wx:if="{{!ltype&&!pType}}" type="{{1}}"></sharefooter>
  212. <wshare wshareshow="{{wshareshow}}" bind:poster="setpostertap" bind:sfriend="sharetap" bind:sendfriendcircle="sendfriendtap" showTask="{{showTask}}" bind:shareurl="shareurltap" contentid="{{cid}}" type="MaterialCase"></wshare>