activityDetail.wxml 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247
  1. <import src="../../../../wxParse/wxParse.wxml" />
  2. <view class="partcontent">
  3. <image src="{{detail.bannerImg ? detail.bannerImg : appAssetsUrl2+'wjxy/activebg.png'}}" lazy-load="{{true}}" class="partbg" />
  4. <view class='partime-container'>
  5. <view class="acitemwrap">
  6. <!-- <view class="flex-bet w100 apwrap">
  7. <view class="w70 price activeity-price-c">
  8. <label>名额:</label>
  9. <text class="num">{{detail.willnum}}</text>
  10. <text class="company">人</text>
  11. </view>
  12. <view class="w30 tc status flex-xy-center activeity-price-d">
  13. <text>{{detail.statusName}}</text>
  14. </view>
  15. </view> -->
  16. <view class="content">
  17. <view class="name-price">
  18. <view class="title">{{detail.title}}</view>
  19. <view class="price">
  20. <text class="p1">¥</text>
  21. <text class="p2">{{ detail.money }}</text>
  22. <text class="p1">{{'元'}}</text>
  23. </view>
  24. </view>
  25. <view class="type-state">
  26. <view>
  27. <view class="type" wx:if="{{ detail.isNeedVip == 1 }}">青雲慧会员免费</view>
  28. </view>
  29. <!-- {{item.statusName === '进行中' ? 'activestatus' : item.statusName === '报名中' ? 'baostatus' : item.statusName === '已结束' ? 'endstatus' : item.statusName === '已报满' ? 'mstatus' : 'nostatus'}} -->
  30. <view class="sub-btn {{detail.statusName === '进行中' ? 'activestatus' : detail.statusName === '报名中' ? 'baostatus' : detail.statusName === '已结束' ? 'endstatus' : detail.statusName === '已报满' ? 'mstatus' : 'nostatus'}}">
  31. {{detail.statusName}}
  32. </view>
  33. </view>
  34. <view class="list" style="margin-top:10rpx;">
  35. 活动日期:{{detail.startDate}} — {{detail.endDate}}
  36. </view>
  37. <view class="list">活动时间:{{detail.startTime}} — {{detail.endTime}}</view>
  38. <view class="list" bindtap="goLocal">
  39. <i style="font-size:35rpx;" class="iconfont icon-dizhi icon-act-dizhi"></i>
  40. <view class="address-word">地址:{{detail.address}}</view>
  41. <i class="iconfont1 icon-jinrujiantouxiao righticon"></i>
  42. </view>
  43. </view>
  44. </view>
  45. <!-- 项目信息 -->
  46. <view class="big-box {{options && !options.stuId || detail.isNeedVip && member.memberState == 0 ? 'vipBg' : ''}}">
  47. <view class="dim {{options && !options.stuId || detail.isNeedVip && member.memberState == 0 ? '' : 'showDim'}}">
  48. <!-- <image src="{{appAssetsUrl2}}new/dim.png"></image> -->
  49. <image src="/assets/images/user-icon/user-brick.png"></image>
  50. <view class="tip">加入会员,即可报名活动</view>
  51. </view>
  52. <view class="product-box">
  53. <view class="hot-title">
  54. <view class="title">项目信息</view>
  55. </view>
  56. <view class="list" style="margin-top:20rpx;">报名截止:{{detail.registrationEnd}}</view>
  57. <view class="list">集合截止:{{detail.meetingTime}}</view>
  58. <view class="list">已报名/名额:{{ detail.beennum }}/{{ detail.willnum }}</view>
  59. </view>
  60. <!-- 个人信息 -->
  61. <view class="user-box">
  62. <image mode="aspectFill" src="{{schoolInfo.memberphoto ? schoolInfo.memberphoto : appAssetsUrl2 + 'wjxy/login.png'}}" lazy-load="{{true}}" class="user-img" />
  63. <view class="user-right">
  64. <view>
  65. <view class="name-sex">
  66. <view wx:if="{{schoolInfo.name}}">{{schoolInfo.name}}</view>
  67. <image mode="aspectFill" wx:if="{{schoolInfo.sex}}" src="{{ schoolInfo.sex == '010' ? appAssetsUrl2+'wjxy/man.png' : schoolInfo.sex == '男' ? appAssetsUrl2+'wjxy/man.png' : appAssetsUrl2+'wjxy/wumen.png'}}" class="user-sex" />
  68. </view>
  69. <view class="zhiwei">{{roleList[schoolInfo.memberRoleStatus - 1]}}</view>
  70. </view>
  71. <view class="right-box" bindtap="perDetail">
  72. TA的发布
  73. <i style="font-size:40rpx;color:#000000;" class="iconfont1 icon-jinrujiantouxiao righticon"></i>
  74. </view>
  75. </view>
  76. </view>
  77. <!-- 参与人员 -->
  78. <view class="per-box" wx:if="{{peopleList.length > 0}}">
  79. <view class="hot-title">
  80. <view class="title">参与人员</view>
  81. </view>
  82. <view class="people">
  83. <view class="people-content">
  84. <view class="imgs" wx:if="{{isMore}}">
  85. <image style="left: {{(index*35)}}px;z-index:{{10 -index}} " class="img" wx:for="{{people6}}" src="{{item.memberPhoto}}"></image>
  86. <view class="dot" style="left: {{(6*35)}}px;z-index:1" wx:if="{{peopleList.length >= 6}}">
  87. ...
  88. </view>
  89. </view>
  90. <view class="total-img" wx:else>
  91. <image class="imgk" wx:for="{{peopleList}}" src="{{item.memberPhoto}}"></image>
  92. <view class="up" bindtap="showMore">
  93. <view class="up-word">收起</view>
  94. <i style="font-size:40rpx;" class="iconfont1 icon-jinrujiantouxiao righticon upicon"></i>
  95. </view>
  96. </view>
  97. <view class="more" wx:if="{{peopleList.length >= 6 && isMore }}" bindtap="showMore">
  98. <view class="more-word">展开更多</view>
  99. <i style="font-size:40rpx;" class="iconfont1 icon-jinrujiantouxiao righticon"></i>
  100. </view>
  101. </view>
  102. </view>
  103. </view>
  104. <view class='partime-bg'>
  105. <view class='partime-detail'>
  106. <!-- <view class='partime-detail-container'>
  107. <text class='partime-detail-title hk-leftt'>活动详情</text>
  108. <view class='circle'></view>
  109. </view> -->
  110. <view class="hot-title">
  111. <view class="title">活动详情</view>
  112. </view>
  113. </view>
  114. <view class='content'>
  115. <view style="font-size: 24rpx;color: #666666;" wx:if="{{isWx}}">
  116. <view wx:for="{{detail.activityAppletsDetailsList}}">{{item == null ? '' : item}}</view>
  117. </view>
  118. <template wx:else is="wxParse" data="{{wxParseData:content.nodes}}" />
  119. </view>
  120. </view>
  121. <view class='partime-bg member partime-listcolor'>
  122. <view class='partime-detail'>
  123. <!-- <view class='partime-detail-container'>
  124. <text class='partime-detail-title hk-leftt'>会员须知</text>
  125. <view class='circle'></view>
  126. </view> -->
  127. <view class="hot-title">
  128. <view class="title">会员须知</view>
  129. </view>
  130. </view>
  131. <view class='partime-member-info '>
  132. <template is="wxParse" data="{{wxParseData:vipActivityMessage.nodes}}" class="partime-detail-info" />
  133. </view>
  134. <view class="mask {{maskShow?'':'hidden'}}" catchtouchmove="preventTouchMove" bindtap='maskClose'></view>
  135. </view>
  136. </view>
  137. <view class='botm zindex' style="bottom: {{bottomLeft}}px;">
  138. <view class='left' style="width:120rpx;">
  139. <view class='left-t'>
  140. <button open-type='share' class='left-t-l'>
  141. <image src='{{appAssetsUrl2}}wjxy/share.png' />
  142. <text class="sharebtn">分享</text>
  143. </button>
  144. <!-- <view class='left-t-r' bindtap="collect">
  145. <i class="iconfont-c3 icon-shoucang {{detail.collect?'isyn':''}}"></i>
  146. <text class="collect">收藏</text>
  147. </view> -->
  148. </view>
  149. </view>
  150. <view class="btn-box">
  151. <view class="see-code" bindtap="seeCode">查看二维码</view>
  152. <view wx:if="{{!detail.activityStuYN}}" class="btn mainbg {{detail.statusName == '报名中'?'':'greybg'}}" bindtap="submit">
  153. <text>立即报名</text>
  154. </view>
  155. <view wx:if="{{detail.activityStuYN}}" class='btn greybg'>
  156. <text>已报名</text>
  157. </view>
  158. </view>
  159. <popup2 id='popup3' title='查看二维码' content="{{['']}}" btn2="{{false}}" btn_no='' btn_ok='知道了' bind:error="_error" bind:success="_success" data-name="popup3">
  160. <view slot="content" style="width: 85%;padding: 44rpx 0 38rpx 0;">
  161. <view class="code-tip" wx:if="{{detail.contactInstructions}}">
  162. {{detail.contactInstructions}}
  163. </view>
  164. <image class="code-img" src='{{detail.qrCodePicture}}' bindtap="seeBigCode" />
  165. </view>
  166. </popup2>
  167. <popup2 id='popup4' title='提示' isCancel="{{true}}" content="{{['']}}" btn_no='继续支付' btn_ok='查看会员权益' bind:error2="_error2" bind:error="_error" bind:success="_success" data-name="popup4" data-cancel="1">
  168. <view slot="content" style="width: 85%;padding: 44rpx 0 38rpx 0;">
  169. <view class="msg-tip1">活动为潮兼职免费</view>
  170. <!-- <view class="msg-tip2">是否开通/升级会员</view> -->
  171. </view>
  172. </popup2>
  173. <!-- <popup2 id='popup5' title='确认报名' content="{{['']}}" self="{{true}}" btn2="{{false}}" btn_no='' btn_ok='' bind:error="_error" bind:success="_success" data-name="popup5">
  174. <view slot="content" style="width: 100%;padding: 44rpx 27rpx 38rpx 27rpx;box-sizing: border-box;">
  175. <view class="popup5-item">
  176. <text>活动价格:</text>
  177. <text class="a-price">{{detail.money}}</text>
  178. <text style="color:#cccccc;">元</text>
  179. </view>
  180. <view class="popup5-item">
  181. <text>剩余积分:</text>
  182. <text>{{point}}</text>
  183. </view>
  184. <view class="jifen-box" wx:if="{{point > 0}}">
  185. <view class="left">
  186. <view class="use">使用 {{usePoints}} 积分</view>
  187. <view class="di">抵扣 {{dmoney}} 元</view>
  188. </view>
  189. <view class="switch {{ open ? '' : 'close-bg' }}" bindtap="changeSwitch">
  190. <view class="switch-dot {{ open ? '' : 'close-switch' }}"></view>
  191. </view>
  192. </view>
  193. <view class="pay-btn" wx:if="{{(open&&actualPrice==0) || !open&&detail.money==0 }}" bindtap="confirmPay">
  194. 立即报名
  195. </view>
  196. <view class="pay-btn" wx:else bindtap="confirmPay">
  197. 确认支付{{ open ? actualPrice : detail.money }}元
  198. </view>
  199. </view>
  200. </popup2> -->
  201. <bottomPopup id='popup5' title='确认报名' content="{{['']}}" self="{{true}}" btn2="{{false}}" btn_no='' btn_ok='' bind:error="_error" bind:success="_success" data-name="popup5" bg="#f8f8f8">
  202. <view slot="content" class="content-bottom">
  203. <view class="content-price">
  204. <text class="content-unit">¥</text>
  205. <text class="content-money">{{detail.money}}</text>
  206. </view>
  207. <view class="price-text">活动价格</view>
  208. <!-- -->
  209. <view class="content-jifen">
  210. <view class="jifen-box" wx:if="{{point > 0}}">
  211. <view class="left">
  212. <view class="use">
  213. <text>使用</text>
  214. <text>{{usePoints}}</text>
  215. <text>积分,</text>
  216. <text>抵扣</text>
  217. <text>{{dmoney}}</text>
  218. <text>元</text>
  219. </view>
  220. <view class="di" style="margin-top: 10rpx;">{{ 1500 }}</view>
  221. </view>
  222. <view class="switch {{ open ? '' : 'close-bg' }}" bindtap="changeSwitch">
  223. <view class="switch-dot {{ open ? '' : 'close-switch' }}"></view>
  224. </view>
  225. </view>
  226. <view class="pay-btn" wx:if="{{(open&&actualPrice==0) || !open&&detail.money==0 }}" bindtap="confirmPay" style="margin-bottom: 38rpx;">
  227. 立即报名
  228. </view>
  229. <view class="pay-btn" wx:else bindtap="confirmPay" style="margin-bottom: 38rpx;">
  230. 确认支付{{ open ? actualPrice : detail.money }}元
  231. </view>
  232. </view>
  233. </view>
  234. </bottomPopup>
  235. <popup2 id='popup' title='提示' content="{{['']}}" btn_no='取消' btn_ok='确认' bind:error="_error" bind:success="_success" data-name="popup">
  236. <view slot="content" style="width: 85%;padding: 44rpx 0 38rpx 0;">该活动需要开通VIP才能报名</view>
  237. </popup2>
  238. <popup2 id='popup2' title='提示' content="{{['']}}" btn_no='取消' btn_ok='立即完善' bind:error="_error" bind:success="_success" data-name="popup2">
  239. <view slot="content" style="width: 85%;padding: 44rpx 0 38rpx 0;">请完善资料后进行报名操作</view>
  240. </popup2>
  241. </view>
  242. </view>
  243. <view style="height: {{bottomLeft}}px;width: 100%;position: fixed;bottom: 0;background: white;z-index: 1000;"></view>
  244. </view>
  245. <!-- <button class="custCare" open-type="contact" session-from="sessionFrom" style="bottom: calc(150rpx + {{bottomLeft}}px);">
  246. <image mode="aspectFill" src="{{appAssetsUrl}}/images/custCare.png"></image>
  247. </button> -->