activityDetail.wxml 13 KB

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