partDetail.wxml 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345
  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}}" src="{{item.memberPhoto}}"></image>
  139. <view class="dot" style="left: {{(6*35)}}px;z-index:1" wx:if="{{peopleList.length > 6}}">
  140. ...
  141. </view>
  142. </view>
  143. <view class="total-img" wx:else>
  144. <image class="imgk" wx:for="{{peopleList}}" src="{{item.memberPhoto}}"></image>
  145. <view class="up" bindtap="showMore">
  146. <view class="up-word">收起</view>
  147. <i style="font-size:40rpx;" class="iconfont1 icon-jinrujiantouxiao righticon upicon"></i>
  148. </view>
  149. </view>
  150. <view class="more" wx:if="{{peopleList.length > 6 && isMore }}" bindtap="showMore">
  151. <view class="more-word">展开更多</view>
  152. <i style="font-size:40rpx;" class="iconfont1 icon-jinrujiantouxiao righticon"></i>
  153. </view>
  154. </view>
  155. </view>
  156. </view>
  157. <view class="big-box {{ options && !options.stuId || detail.isNeedVip && member.memberState == 0 ? 'vipBg' : ''}}">
  158. <view class="dim {{options && !options.stuId || detail.isNeedVip && member.memberState == 0 ? '' : 'showDim'}}">
  159. <!--<image src="{{appAssetsUrl2}}new/dim.png"></image>-->
  160. <image src="/assets/images/user-icon/user-brick.png"></image>
  161. <view class="tip">加入会员,即可报名兼职</view>
  162. </view>
  163. <view class='partime-bg'>
  164. <!-- <view class='partime-detail-info'>
  165. <view class='partime-detail-container'>
  166. <text class='partime-detail-title hk-leftt'>基本信息</text>
  167. <view class='circle'></view>
  168. </view>
  169. </view> -->
  170. <view class="hot-title">
  171. <view class="title">基本信息</view>
  172. </view>
  173. <view class='partime-flud'>
  174. <view class="partime-flud-container">
  175. <view class='partime-main'>
  176. <view class='partime-percent'>
  177. <text>性别要求:</text>
  178. <text>{{detail.sexlimitName}}</text>
  179. </view>
  180. </view>
  181. <view class='partime-main'>
  182. <view class='partime-percent'>
  183. <text>身高要求:</text>
  184. <text>{{detail.heightlimitName}}</text>
  185. </view>
  186. </view>
  187. <view class='partime-main'>
  188. <view class='partime-percent'>
  189. <text>面试时间:</text>
  190. <text>{{detail.interviewTime===null?'--':detail.interviewTime}}</text>
  191. </view>
  192. </view>
  193. <view class='partime-main'>
  194. <view class='partime-percent'>
  195. <text>培训时间:</text>
  196. <text>{{detail.trainingTime===null?'--':detail.trainingTime}}</text>
  197. </view>
  198. </view>
  199. <view class='partime-main'>
  200. <view class='partime-percent'>
  201. <text>集合时间:</text>
  202. <text>{{detail.meetingTime===null?'--':detail.meetingTime}}</text>
  203. </view>
  204. </view>
  205. <!-- <view class='partime-main'>
  206. <view class='partime-percent'>
  207. <text>报名人数:</text>
  208. <text>{{detail.willnum===null?'--':detail.willnum}}人</text>
  209. </view>
  210. </view> -->
  211. <!-- <view class='partime-con'>
  212. <view class='partime-percent'>
  213. <text>报名截止日期:</text>
  214. <text>{{detail.registrationTime}}</text>
  215. </view>
  216. </view> -->
  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="hot-title">
  228. <view class="title">招聘详情</view>
  229. </view>
  230. <view style="margin-top:26rpx;" class='content'>
  231. <view style="font-size: 24rpx;color: #666666;" wx:if="{{isWx}}" wx:if="{{detail.workAppletsDetailsList[0]}}">
  232. {{detail.workAppletsDetailsList[0]}}
  233. </view>
  234. <view style="font-size: 24rpx;color: #666666;" wx:if="{{isWx}}" wx:if="{{detail.workAppletsDetailsList[1]}}">
  235. {{detail.workAppletsDetailsList[1]}}
  236. </view>
  237. <view style="font-size: 24rpx;color: #666666;" wx:if="{{isWx}}" wx:if="{{detail.workAppletsDetailsList[2]}}">
  238. {{detail.workAppletsDetailsList[2]}}
  239. </view>
  240. <template wx:else is="wxParse" data="{{wxParseData:workContent.nodes}}" />
  241. </view>
  242. </view>
  243. <view class='partime-bg member partime-listcolor'>
  244. <!-- <view class='partime-detail'>
  245. <view class='partime-detail-container'>
  246. <text class='partime-detail-title hk-leftt'>注意事项</text>
  247. <view class='circle'></view>
  248. </view>
  249. </view> -->
  250. <view class="hot-title">
  251. <view class="title">注意事项</view>
  252. </view>
  253. <view style="margin-top:26rpx;" class='partime-member-info'>
  254. <view style="font-size: 24rpx;color: #666666;" wx:if="{{isWx}}">
  255. {{detail.workAppletsDetailsList[2]}}
  256. </view>
  257. <template wx:else is="wxParse" data="{{wxParseData:attention.nodes}}" class="partime-detail-info" />
  258. </view>
  259. <view class="mask {{maskShow?'':'hidden'}}" catchtouchmove="preventTouchMove" bindtap='maskClose'></view>
  260. </view>
  261. </view>
  262. <!-- <view class='partime-bg'>
  263. <view class='partime-detail'>
  264. <view class='partime-detail-container'>
  265. <text class='partime-detail-title hk-leftt'>用户评价</text>
  266. <view class='circle'></view>
  267. </view>
  268. </view>
  269. <view class='comment'>
  270. <view wx:for="{{detail.appraiseManageVoList}}" class="card">
  271. <image mode="aspectFill" class="head" src="{{item.memberPhoto?item.memberPhoto:(appAssetsUrl+'/images/bz1_nor.png')}}"></image>
  272. <view class="star-box">
  273. <text class="name">{{item.name}}</text>
  274. <view>
  275. <i wx:for="{{5}}" class="iconfont-c3 icon-ditu-xing {{item.stars>=index+1?'yellow':''}}" wx:for-item="item2"></i>
  276. </view>
  277. </view>
  278. <view class="time">{{item.createTimeStr}}</view>
  279. <view class="desc">
  280. {{item.context}}
  281. </view>
  282. <view class="img-box">
  283. <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>
  284. </view>
  285. <view wx:if="{{index<detail.appraiseManageVoList.length-1}}" class="split"></view>
  286. </view>
  287. </view>
  288. </view> -->
  289. <view class='botm zindex' style="bottom: {{bottomLeft}}px;">
  290. <view class='left' style="width:120rpx;">
  291. <view class='left-t'>
  292. <button open-type='share' class='left-t-l'>
  293. <image src='{{appAssetsUrl2}}wjxy/share.png' />
  294. <text class="sharebtn">分享</text>
  295. </button>
  296. <!-- <view class='left-t-r' bindtap="collect">
  297. <i class="iconfont-c3 icon-shoucang {{detail.collect?'isyn':''}}"></i>
  298. <text class="collect">收藏</text>
  299. </view> -->
  300. </view>
  301. </view>
  302. <view class="btn-box">
  303. <view class="see-code" bindtap="seeCode">查看二维码</view>
  304. <view wx:if="{{!detail.workStuYN}}" class="btn mainbg {{detail.statusName == '预定中'?'':'greybg'}}" bindtap="submit">
  305. <text class="text-bao">立即报名</text>
  306. <view class="text-b">(已报 {{detail.signnum}}/实招 {{detail.willnum}})</view>
  307. </view>
  308. <view wx:if="{{detail.workStuYN}}" class='btn greybg'>
  309. <text class="text-bao">已报名</text>
  310. <view class="text-b">(已报 {{detail.signnum}}/实招 {{detail.willnum}})</view>
  311. </view>
  312. </view>
  313. <popup2 id='popup0' title='查看二维码' content="{{['']}}" btn2="{{false}}" btn_no='' btn_ok='知道了' bind:error="_error" bind:success="_success" data-name="popup0">
  314. <view slot="content" style="width: 85%;padding: 44rpx 0 38rpx 0;">
  315. <view class="code-tip">{{detail.contactInstructions}}</view>
  316. <image class="code-img" src='{{detail.qrCodePicture}}' bindtap="seeBigCode" />
  317. </view>
  318. </popup2>
  319. <popup2 id='popup' title='提示' content="{{['']}}" btn_no='取消' btn_ok='确认' bind:error="_error" bind:success="_success" data-name="popup">
  320. <view slot="content" style="width: 85%;padding: 44rpx 0 38rpx 0;">该兼职需要开通VIP才能报名</view>
  321. </popup2>
  322. <popup2 id='popup2' title='提示' content="{{['']}}" btn_no='取消' btn_ok='立即完善' bind:error="_error" bind:success="_success" data-name="popup2">
  323. <view slot="content" style="width: 85%;padding: 44rpx 0 38rpx 0;">请完善资料后进行报名操作</view>
  324. </popup2>
  325. <popup2 id='popup4' title='提示' content="{{['']}}" btn_no='取消' btn_ok='确认报名' bind:error="_error" bind:success="_success" data-name="popup4">
  326. <view slot="content" style="width: 85%;padding: 44rpx 0 38rpx 0;">确认报名该兼职?</view>
  327. </popup2>
  328. <popup2 id='popup3' title='会员必读' self="{{true}}" truecontent="{{['']}}" btn_no='' btn_ok='' bind:error="_error" bind:success="_success" data-name="popup3">
  329. <view slot="content" style="width: 85%;padding: 40rpx 30rpx;">
  330. <template is="wxParse" data="{{wxParseData:vipMsg.nodes}}" class="partime-detail-info" />
  331. </view>
  332. <view slot="btn" class="selt-btn">
  333. <view bindtap="know" class="i-know">
  334. 我已知晓
  335. <text wx:if="{{isDjs}}">{{ time }}s</text>
  336. </view>
  337. </view>
  338. </popup2>
  339. </view>
  340. </view>
  341. <view style="height: {{bottomLeft}}px;width: 100%;position: fixed;bottom: 0;background: white;z-index: 1000;"></view>
  342. </view>
  343. <!-- <button class="custCare" open-type="contact" session-from="sessionFrom" style="bottom: calc(150rpx + {{bottomLeft}}px);">
  344. <image mode="aspectFill" src="{{appAssetsUrl}}/images/custCare.png"></image>
  345. </button> -->