partDetail.wxml 13 KB

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