activityDetail.wxml 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214
  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;">活动日期:{{detail.startDate}} — {{detail.endDate}}</view>
  35. <view class="list">活动时间:{{detail.startTime}} — {{detail.endTime}}</view>
  36. <view class="list" bindtap="goLocal">
  37. <i style="font-size:35rpx;" class="iconfont icon-dizhi icon-act-dizhi"></i>
  38. <view class="address-word">
  39. 地址:{{detail.address}}</view>
  40. <i class="iconfont1 icon-jinrujiantouxiao righticon"></i>
  41. </view>
  42. </view>
  43. </view>
  44. <!-- 项目信息 -->
  45. <view class="big-box {{options && !options.stuId || detail.isNeedVip && member.memberState == 0 ? 'vipBg' : ''}}">
  46. <view class="dim {{options && !options.stuId || detail.isNeedVip && member.memberState == 0 ? '' : 'showDim'}}">
  47. <image src="{{appAssetsUrl2}}new/dim.png"></image>
  48. <view class="tip">加入会员,即可报名活动</view>
  49. </view>
  50. <view class="product-box">
  51. <view class="hot-title">
  52. <view class="line"></view>
  53. <view class="title">项目信息</view>
  54. </view>
  55. <view class="list" style="margin-top:20rpx;">报名截止:{{detail.registrationEnd}}</view>
  56. <view class="list">集合截止:{{detail.meetingTime}}</view>
  57. <view class="list">已报名/名额:{{ detail.beennum }}/{{ detail.willnum }}</view>
  58. </view>
  59. <!-- 个人信息 -->
  60. <view class="user-box">
  61. <image mode="aspectFill" src="{{schoolInfo.memberphoto ? schoolInfo.memberphoto : appAssetsUrl2 + 'wjxy/login.png'}}" lazy-load="{{true}}" class="user-img" />
  62. <view class="user-right">
  63. <view>
  64. <view class="name-sex">
  65. <view wx:if="{{schoolInfo.name}}">
  66. {{schoolInfo.name}}
  67. </view>
  68. <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" />
  69. </view>
  70. <view class="zhiwei">{{roleList[schoolInfo.memberRoleStatus - 1]}}</view>
  71. </view>
  72. <view class="right-box" bindtap="perDetail">
  73. TA的发布
  74. <i style="font-size:40rpx;color:#000000;" class="iconfont1 icon-jinrujiantouxiao righticon"></i>
  75. </view>
  76. </view>
  77. </view>
  78. <!-- 参与人员 -->
  79. <view class="per-box" wx:if="{{peopleList.length > 0}}">
  80. <view class="hot-title">
  81. <view class="line"></view>
  82. <view class="title">参与人员</view>
  83. </view>
  84. <view class="people">
  85. <view class="people-content">
  86. <view class="imgs" wx:if="{{isMore}}">
  87. <image style="left: {{(index*35)}}px;z-index:{{10 -index}} " class="img" wx:for="{{people6}}" src="{{item.memberPhoto}}"></image>
  88. <view class="dot" style="left: {{(6*35)}}px;z-index:1" wx:if="{{peopleList.length >= 6}}">...</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="line"></view>
  112. <view class="title">活动详情</view>
  113. </view>
  114. </view>
  115. <view class='content'>
  116. <view style="font-size: 24rpx;color: #666666;" wx:if="{{isWx}}">
  117. <view wx:for="{{detail.activityAppletsDetailsList}}">{{item == null ? '' : item}}</view>
  118. </view>
  119. <template wx:else is="wxParse" data="{{wxParseData:content.nodes}}" />
  120. </view>
  121. </view>
  122. <view class='partime-bg member partime-listcolor'>
  123. <view class='partime-detail'>
  124. <!-- <view class='partime-detail-container'>
  125. <text class='partime-detail-title hk-leftt'>会员须知</text>
  126. <view class='circle'></view>
  127. </view> -->
  128. <view class="hot-title">
  129. <view class="line"></view>
  130. <view class="title">会员须知</view>
  131. </view>
  132. </view>
  133. <view class='partime-member-info '>
  134. <template is="wxParse" data="{{wxParseData:vipActivityMessage.nodes}}" class="partime-detail-info" />
  135. </view>
  136. <view class="mask {{maskShow?'':'hidden'}}" catchtouchmove="preventTouchMove" bindtap='maskClose'>
  137. </view>
  138. </view>
  139. </view>
  140. <view class='botm zindex' style="bottom: {{bottomLeft}}px;">
  141. <view class='left' style="width:120rpx;">
  142. <view class='left-t'>
  143. <button open-type='share' class='left-t-l'>
  144. <image src='{{appAssetsUrl2}}wjxy/share.png' />
  145. <text class="sharebtn">分享 </text>
  146. </button>
  147. <!-- <view class='left-t-r' bindtap="collect">
  148. <i class="iconfont-c3 icon-shoucang {{detail.collect?'isyn':''}}"></i>
  149. <text class="collect">收藏</text>
  150. </view> -->
  151. </view>
  152. </view>
  153. <view class="btn-box">
  154. <view class="see-code" bindtap="seeCode">查看二维码</view>
  155. <view wx:if="{{!detail.activityStuYN}}" class="btn mainbg {{detail.statusName == '报名中'?'':'greybg'}}" bindtap="submit">
  156. <text>立即报名</text>
  157. </view>
  158. <view wx:if="{{detail.activityStuYN}}" class='btn greybg'>
  159. <text>已报名</text>
  160. </view>
  161. </view>
  162. <popup2 id='popup3' title='查看二维码' content="{{['']}}" btn2="{{false}}" btn_no='' btn_ok='知道了' bind:error="_error" bind:success="_success" data-name="popup3">
  163. <view slot="content" style="width: 85%;padding: 44rpx 0 38rpx 0;">
  164. <view class="code-tip" wx:if="{{detail.contactInstructions}}">{{detail.contactInstructions}}</view>
  165. <image class="code-img" src='{{detail.qrCodePicture}}' bindtap="seeBigCode" />
  166. </view>
  167. </popup2>
  168. <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">
  169. <view slot="content" style="width: 85%;padding: 44rpx 0 38rpx 0;">
  170. <view class="msg-tip1">活动为潮兼职免费</view>
  171. <!-- <view class="msg-tip2">是否开通/升级会员</view> -->
  172. </view>
  173. </popup2>
  174. <popup2 id='popup5' title='确认报名' content="{{['']}}" self="{{true}}" btn2="{{false}}" btn_no='' btn_ok='' bind:error="_error" bind:success="_success" data-name="popup5">
  175. <view slot="content" style="width: 100%;padding: 44rpx 27rpx 38rpx 27rpx;box-sizing: border-box;">
  176. <view class="popup5-item">
  177. <text>活动价格:</text> <text class="a-price">{{detail.money}}</text> <text style="color:#cccccc;">元</text>
  178. </view>
  179. <view class="popup5-item">
  180. <text>剩余积分:</text> <text>{{point}}</text>
  181. </view>
  182. <view class="jifen-box" wx:if="{{point > 0}}">
  183. <view class="left">
  184. <view class="use">使用 {{usePoints}} 积分 </view>
  185. <view class="di">抵扣 {{dmoney}} 元</view>
  186. </view>
  187. <view class="switch {{ open ? '' : 'close-bg' }}" bindtap="changeSwitch">
  188. <view class="switch-dot {{ open ? '' : 'close-switch' }}"></view>
  189. </view>
  190. </view>
  191. <view class="pay-btn" wx:if="{{(open&&actualPrice==0) || !open&&detail.money==0 }}" bindtap="confirmPay">立即报名</view>
  192. <view class="pay-btn" wx:else bindtap="confirmPay">确认支付{{ open ? actualPrice : detail.money }}元</view>
  193. </view>
  194. </popup2>
  195. <popup2 id='popup' title='提示' content="{{['']}}" btn_no='取消' btn_ok='确认' bind:error="_error" bind:success="_success" data-name="popup">
  196. <view slot="content" style="width: 85%;padding: 44rpx 0 38rpx 0;">
  197. 该活动需要开通VIP才能报名
  198. </view>
  199. </popup2>
  200. <popup2 id='popup2' title='提示' content="{{['']}}" btn_no='取消' btn_ok='立即完善' bind:error="_error" bind:success="_success" data-name="popup2">
  201. <view slot="content" style="width: 85%;padding: 44rpx 0 38rpx 0;">
  202. 请完善资料后进行报名操作
  203. </view>
  204. </popup2>
  205. </view>
  206. </view>
  207. <view style="height: {{bottomLeft}}px;width: 100%;position: fixed;bottom: 0;background: white;z-index: 1000;"></view>
  208. </view>
  209. <!-- <button class="custCare" open-type="contact" session-from="sessionFrom" style="bottom: calc(150rpx + {{bottomLeft}}px);">
  210. <image mode="aspectFill" src="{{appAssetsUrl}}/images/custCare.png"></image>
  211. </button> -->