partDetail.wxml 15 KB

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