partDetail.wxml 16 KB

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