partDetail.wxml 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320
  1. <import src="../../../../wxParse/wxParse.wxml" />
  2. <view class="partcontent">
  3. <!-- <image src="{{detail.indexImg ? detail.indexImg : appAssetsUrl2+'wjxy/jobdetail.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.price}}</text>
  10. <text class="company">/{{detail.unitName}}</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="title-price">
  18. <!-- detail.title -->
  19. <view class="title">{{detail.title}}</view>
  20. <view style="margin-top:0;" class="price">
  21. <text class="p1">¥</text>
  22. <text class="p2">{{detail.price}}</text>
  23. <text class="p1">/{{detail.unitName}}</text>
  24. </view>
  25. </view>
  26. <!-- <view class="label" wx:for="{{detail.tags}}">{{item.tag}}</view>
  27. <view>
  28. <text wx:for="{{[detail.categoryName,detail.typeName]}}">
  29. <text class="label2">{{item}}</text>
  30. <text class="label2" wx:if="{{index<1}}">|</text>
  31. </text>
  32. </view> -->
  33. <!-- <view class="split"></view> -->
  34. <view class="work-day-type">
  35. <view style="align-self: flex-end;" class="list"><span class="list-label">工作日期:</span>{{detail.workdateStart}} — {{detail.workdateEnd}}</view>
  36. <view class="sub-btn {{detail.statusName=='预定中'?'green':''}}">{{detail.statusName}}</view>
  37. </view>
  38. <view style="margin-top:16rpx;" class="list"><span class="list-label">工作时间:</span>{{detail.worktimeStart}} — {{detail.worktimeEnd}}</view>
  39. <!-- <view class="list">工作制:{{detail.workSystem?detail.workSystem:'无'}}</view> -->
  40. <view style="margin-top:16rpx;" class="list"><span class="list-label">集合时间:</span>{{detail.meetingTime}}</view>
  41. <view style="margin-top:16rpx;" class="list" wx:if="{{detail.cashMethodName}}"><span class="list-label">结算方式:</span>{{detail.cashMethodName}}</view>
  42. <view style="margin-top:16rpx;" class="list"><span class="list-label">已报名额/名额:</span>{{detail.signnum}} / {{detail.willnum}}</view>
  43. <!-- <view class="list">工资发放:{{detail.cashMethodName}}</view> -->
  44. <view style="margin-top:16rpx;" class="list-address-box" bindtap="goLocal">
  45. <!-- detail.address -->
  46. <view class="list">
  47. <i class="iconfont icon-dizhi icon-home-dizhi icon-address"></i>
  48. <view class="address-w">{{detail.address}}</view>
  49. </view>
  50. <i class="iconfont1 icon-jinrujiantouxiao righticon"></i>
  51. </view>
  52. </view>
  53. </view>
  54. <!-- 工作流程 -->
  55. <view class="work-box">
  56. <view class="work-top">
  57. <view class="hot-title">
  58. <view class="title">工作流程</view>
  59. </view>
  60. <view class="work-img-box">
  61. <image mode="aspectFill" src="{{appAssetsUrl2}}wjxy/workbao.png" class="work-bao" />
  62. <image mode="aspectFill" src="{{appAssetsUrl2}}wjxy/workdot.png" class="work-dot" />
  63. <image mode="aspectFill" src="{{appAssetsUrl2}}wjxy/worklian.png" class="work-lian" />
  64. <image mode="aspectFill" src="{{appAssetsUrl2}}wjxy/workdot.png" class="work-dot" />
  65. <image mode="aspectFill" src="{{appAssetsUrl2}}wjxy/workkai.png" class="work-kai" />
  66. <image mode="aspectFill" src="{{appAssetsUrl2}}wjxy/workdot.png" class="work-dot3" />
  67. <image mode="aspectFill" src="{{appAssetsUrl2}}wjxy/workwan.png" class="work-wan" />
  68. </view>
  69. <view class="word-box">
  70. <view class="item">
  71. <view class="title">报名工作</view>
  72. <view class="title-2">确认工作内容</view>
  73. <view class="title-3">主动报名</view>
  74. </view>
  75. <view class="item" style="margin-left: 41rpx;">
  76. <view class="title">联系老师</view>
  77. <view class="title-2">扫描二维码</view>
  78. <view class="title-3">主动联系老师</view>
  79. </view>
  80. <view class="item" style="margin-left: 40rpx;">
  81. <view class="title">开始工作 </view>
  82. <view class="title-2">按照集合时间</view>
  83. <view class="title-3">准时集合地点</view>
  84. </view>
  85. <view class="item" style="margin-left: 41rpx;width:112rpx;">
  86. <view class="title">完成工作 </view>
  87. <view class="title-2">工资总结</view>
  88. <view class="title-3">总结分享</view>
  89. </view>
  90. </view>
  91. </view>
  92. <view class="warning-box">
  93. <image mode="aspectFill" src="{{appAssetsUrl2}}wjxy/warning.png" class="warning-img" />
  94. <view style="margin-left: 13rpx;">报名前确认可以完成此项工作,随意取消工作系统将自 动冻结报名操作</view>
  95. </view>
  96. </view>
  97. <!-- 参与人员 -->
  98. <view class="per-box" wx:if="{{peopleList.length > 0}}">
  99. <view class="hot-title">
  100. <view class="title">已报名</view>
  101. </view>
  102. <view class="people">
  103. <view class="people-content">
  104. <view class="imgs" wx:if="{{isMore}}">
  105. <image style="left: {{(index*35)}}px;z-index:{{10 -index}} " class="img" wx:for="{{people6}}" src="{{item.memberPhoto}}"></image>
  106. <view class="dot" style="left: {{(6*35)}}px;z-index:1" wx:if="{{peopleList.length > 6}}">...</view>
  107. </view>
  108. <view class="total-img" wx:else>
  109. <image class="imgk" wx:for="{{peopleList}}" src="{{item.memberPhoto}}"></image>
  110. <view class="up" bindtap="showMore">
  111. <view class="up-word">收起</view>
  112. <i style="font-size:40rpx;" class="iconfont1 icon-jinrujiantouxiao righticon upicon"></i>
  113. </view>
  114. </view>
  115. <view class="more" wx:if="{{peopleList.length > 6 && isMore }}" bindtap="showMore">
  116. <view class="more-word">展开更多</view>
  117. <i style="font-size:40rpx;" class="iconfont1 icon-jinrujiantouxiao righticon"></i>
  118. </view>
  119. </view>
  120. </view>
  121. </view>
  122. <view class="big-box {{ options && !options.stuId || detail.isNeedVip && member.memberState == 0 ? 'vipBg' : ''}}">
  123. <view class="dim {{options && !options.stuId || detail.isNeedVip && member.memberState == 0 ? '' : 'showDim'}}">
  124. <image src="{{appAssetsUrl2}}new/dim.png"></image>
  125. <view class="tip">加入会员,即可报名兼职</view>
  126. </view>
  127. <view class='partime-bg'>
  128. <!-- <view class='partime-detail-info'>
  129. <view class='partime-detail-container'>
  130. <text class='partime-detail-title hk-leftt'>基本信息</text>
  131. <view class='circle'></view>
  132. </view>
  133. </view> -->
  134. <view class="hot-title">
  135. <view class="title">基本信息</view>
  136. </view>
  137. <view class='partime-flud'>
  138. <view class="partime-flud-container">
  139. <view class='partime-main'>
  140. <view class='partime-percent'>
  141. <text>性别要求:</text>
  142. <text>{{detail.sexlimitName}}</text>
  143. </view>
  144. </view>
  145. <view class='partime-main'>
  146. <view class='partime-percent'>
  147. <text>身高要求:</text>
  148. <text>{{detail.heightlimitName}}</text>
  149. </view>
  150. </view>
  151. <view class='partime-main'>
  152. <view class='partime-percent'>
  153. <text>面试时间:</text>
  154. <text>{{detail.interviewTime===null?'--':detail.interviewTime}}</text>
  155. </view>
  156. </view>
  157. <view class='partime-main'>
  158. <view class='partime-percent'>
  159. <text>培训时间:</text>
  160. <text>{{detail.trainingTime===null?'--':detail.trainingTime}}</text>
  161. </view>
  162. </view>
  163. <view class='partime-main'>
  164. <view class='partime-percent'>
  165. <text>集合时间:</text>
  166. <text>{{detail.meetingTime===null?'--':detail.meetingTime}}</text>
  167. </view>
  168. </view>
  169. <!-- <view class='partime-main'>
  170. <view class='partime-percent'>
  171. <text>报名人数:</text>
  172. <text>{{detail.willnum===null?'--':detail.willnum}}人</text>
  173. </view>
  174. </view> -->
  175. <!--
  176. <view class='partime-con'>
  177. <view class='partime-percent'>
  178. <text>报名截止日期:</text>
  179. <text>{{detail.registrationTime}}</text>
  180. </view>
  181. </view> -->
  182. </view>
  183. </view>
  184. </view>
  185. <view class='partime-bg'>
  186. <!-- <view class='partime-detail'>
  187. <view class='partime-detail-container'>
  188. <text class='partime-detail-title hk-leftt'>招聘详情</text>
  189. <view class='circle'></view>
  190. </view>
  191. </view> -->
  192. <view class="hot-title">
  193. <view class="title">招聘详情</view>
  194. </view>
  195. <view style="margin-top:26rpx;" class='content'>
  196. <view style="font-size: 24rpx;color: #666666;" wx:if="{{isWx}}" wx:if="{{detail.workAppletsDetailsList[0]}}">{{detail.workAppletsDetailsList[0]}}</view>
  197. <view style="font-size: 24rpx;color: #666666;" wx:if="{{isWx}}" wx:if="{{detail.workAppletsDetailsList[1]}}">{{detail.workAppletsDetailsList[1]}}</view>
  198. <view style="font-size: 24rpx;color: #666666;" wx:if="{{isWx}}" wx:if="{{detail.workAppletsDetailsList[2]}}">{{detail.workAppletsDetailsList[2]}}</view>
  199. <template wx:else is="wxParse" data="{{wxParseData:workContent.nodes}}" />
  200. </view>
  201. </view>
  202. <view class='partime-bg member partime-listcolor'>
  203. <!-- <view class='partime-detail'>
  204. <view class='partime-detail-container'>
  205. <text class='partime-detail-title hk-leftt'>注意事项</text>
  206. <view class='circle'></view>
  207. </view>
  208. </view> -->
  209. <view class="hot-title">
  210. <view class="title">注意事项</view>
  211. </view>
  212. <view style="margin-top:26rpx;" class='partime-member-info'>
  213. <view style="font-size: 24rpx;color: #666666;" wx:if="{{isWx}}">{{detail.workAppletsDetailsList[2]}}</view>
  214. <template wx:else is="wxParse" data="{{wxParseData:attention.nodes}}" class="partime-detail-info" />
  215. </view>
  216. <view class="mask {{maskShow?'':'hidden'}}" catchtouchmove="preventTouchMove" bindtap='maskClose'>
  217. </view>
  218. </view>
  219. </view>
  220. <!-- <view class='partime-bg'>
  221. <view class='partime-detail'>
  222. <view class='partime-detail-container'>
  223. <text class='partime-detail-title hk-leftt'>用户评价</text>
  224. <view class='circle'></view>
  225. </view>
  226. </view>
  227. <view class='comment'>
  228. <view wx:for="{{detail.appraiseManageVoList}}" class="card">
  229. <image mode="aspectFill" class="head" src="{{item.memberPhoto?item.memberPhoto:(appAssetsUrl+'/images/bz1_nor.png')}}"></image>
  230. <view class="star-box">
  231. <text class="name">{{item.name}}</text>
  232. <view>
  233. <i wx:for="{{5}}" class="iconfont-c3 icon-ditu-xing {{item.stars>=index+1?'yellow':''}}" wx:for-item="item2"></i>
  234. </view>
  235. </view>
  236. <view class="time">{{item.createTimeStr}}</view>
  237. <view class="desc">
  238. {{item.context}}
  239. </view>
  240. <view class="img-box">
  241. <image wx:for="{{item.pictureUrlList}}" catchtap="previewImage" data-images="{{item.pictureUrlList}}" data-index="{{index}}" mode="aspectFill" src="{{item2}}" wx:for-item="item2" class="img"></image>
  242. </view>
  243. <view wx:if="{{index<detail.appraiseManageVoList.length-1}}" class="split"></view>
  244. </view>
  245. </view>
  246. </view> -->
  247. <view class='botm zindex' style="bottom: {{bottomLeft}}px;">
  248. <view class='left' style="width:120rpx;">
  249. <view class='left-t'>
  250. <button open-type='share' class='left-t-l'>
  251. <image src='{{appAssetsUrl2}}wjxy/share.png' />
  252. <text class="sharebtn">分享 </text>
  253. </button>
  254. <!-- <view class='left-t-r' bindtap="collect">
  255. <i class="iconfont-c3 icon-shoucang {{detail.collect?'isyn':''}}"></i>
  256. <text class="collect">收藏</text>
  257. </view> -->
  258. </view>
  259. </view>
  260. <view class="btn-box">
  261. <view class="see-code" bindtap="seeCode">查看二维码</view>
  262. <view wx:if="{{!detail.workStuYN}}" class="btn mainbg {{detail.statusName == '预定中'?'':'greybg'}}" bindtap="submit">
  263. <text class="text-bao">立即报名</text>
  264. <view class="text-b">(已报 {{detail.signnum}}/实招 {{detail.willnum}})</view>
  265. </view>
  266. <view wx:if="{{detail.workStuYN}}" class='btn greybg'>
  267. <text class="text-bao">已报名</text>
  268. <view class="text-b">(已报 {{detail.signnum}}/实招 {{detail.willnum}})</view>
  269. </view>
  270. </view>
  271. <popup2 id='popup0' title='查看二维码' content="{{['']}}" btn2="{{false}}" btn_no='' btn_ok='知道了' bind:error="_error" bind:success="_success" data-name="popup0">
  272. <view slot="content" style="width: 85%;padding: 44rpx 0 38rpx 0;">
  273. <view class="code-tip">{{detail.contactInstructions}}</view>
  274. <image class="code-img" src='{{detail.qrCodePicture}}' bindtap="seeBigCode" />
  275. </view>
  276. </popup2>
  277. <popup2 id='popup' title='提示' content="{{['']}}" btn_no='取消' btn_ok='确认' bind:error="_error" bind:success="_success" data-name="popup">
  278. <view slot="content" style="width: 85%;padding: 44rpx 0 38rpx 0;">
  279. 该兼职需要开通VIP才能报名
  280. </view>
  281. </popup2>
  282. <popup2 id='popup2' title='提示' content="{{['']}}" btn_no='取消' btn_ok='立即完善' bind:error="_error" bind:success="_success" data-name="popup2">
  283. <view slot="content" style="width: 85%;padding: 44rpx 0 38rpx 0;">
  284. 请完善资料后进行报名操作
  285. </view>
  286. </popup2>
  287. <popup2 id='popup4' title='提示' content="{{['']}}" btn_no='取消' btn_ok='确认报名' bind:error="_error" bind:success="_success" data-name="popup4">
  288. <view slot="content" style="width: 85%;padding: 44rpx 0 38rpx 0;">
  289. 确认报名该兼职?
  290. </view>
  291. </popup2>
  292. <popup2 id='popup3' title='会员必读' self="{{true}}" truecontent="{{['']}}" btn_no='' btn_ok='' bind:error="_error" bind:success="_success" data-name="popup3">
  293. <view slot="content" style="width: 85%;padding: 40rpx 30rpx;">
  294. <template is="wxParse" data="{{wxParseData:vipMsg.nodes}}" class="partime-detail-info" />
  295. </view>
  296. <view slot="btn" class="selt-btn">
  297. <view bindtap="know" class="i-know">我已知晓 <text wx:if="{{isDjs}}">{{ time }}s</text></view>
  298. </view>
  299. </popup2>
  300. </view>
  301. </view>
  302. <view style="height: {{bottomLeft}}px;width: 100%;position: fixed;bottom: 0;background: white;z-index: 1000;"></view>
  303. </view>
  304. <!-- <button class="custCare" open-type="contact" session-from="sessionFrom" style="bottom: calc(150rpx + {{bottomLeft}}px);">
  305. <image mode="aspectFill" src="{{appAssetsUrl}}/images/custCare.png"></image>
  306. </button> -->