瑶都万能墙
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

260 lines
4.9 KiB

7 months ago
7 months ago
7 months ago
6 months ago
7 months ago
6 months ago
7 months ago
6 months ago
7 months ago
6 months ago
7 months ago
6 months ago
7 months ago
6 months ago
7 months ago
7 months ago
7 months ago
6 months ago
7 months ago
6 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
6 months ago
7 months ago
6 months ago
7 months ago
  1. <template>
  2. <view class="page">
  3. <navbar title="详情" leftClick @leftClick="$utils.navigateBack" />
  4. <view class="box">
  5. <view class="title">
  6. {{ detail.title }}
  7. </view>
  8. <view class="price">
  9. {{ detail.minPrice }}
  10. <!-- <text>-{{ detail.maxPrice }}</text> -->
  11. </view>
  12. <view class="line">
  13. <!-- <view>
  14. <image src="../static/work/address.png" mode=""></image>
  15. {{ detail.workAge }}
  16. </view> -->
  17. <view>
  18. <!-- <image src="../static/work/g.png" mode=""></image> -->
  19. 工龄{{ detail.workYear }}
  20. </view>
  21. <view>
  22. <!-- <image src="../static/work/x.png" mode=""></image> -->
  23. <!-- {{ detail.school }} -->
  24. 该职位位于{{ $dayjs(detail.createTime).format('YYYY-MM-DD') }}
  25. </view>
  26. </view>
  27. <!-- <view class="line">
  28. 该职位位于{{ $dayjs(detail.createTime).format('YYYY-MM-DD') }}
  29. </view> -->
  30. <!-- <view class="userHead">
  31. <userHead :headImage="detail.headImage"
  32. :name="detail.name" :phoneCall="detail.phone"/>
  33. </view> -->
  34. <view class="info">
  35. <view class="title2">
  36. <text>职位要求</text>
  37. </view>
  38. <view
  39. class="text"
  40. v-html="detail.school">
  41. </view>
  42. </view>
  43. <view class="address">
  44. <view class="title2">
  45. 工作地址
  46. </view>
  47. <!--
  48. 深圳罗湖区深圳市百货广场大厦罗湖区百货广场大厦东深圳罗湖区深圳市百货广场大厦罗湖区百货广场大厦东
  49. -->
  50. <view class="line"
  51. style="justify-content: space-between;">
  52. {{ detail.address }}
  53. <uv-icon
  54. size="30rpx"
  55. color="666"
  56. name="arrow-right"
  57. ></uv-icon>
  58. </view>
  59. <!-- <view class="tag-list">
  60. <view>
  61. 距您14.6千米
  62. </view>
  63. </view> -->
  64. </view>
  65. <view class="info">
  66. <view class="title2">
  67. <text>职位详情</text>
  68. <view>
  69. <uv-icon
  70. size="30rpx"
  71. color="666"
  72. name="star"
  73. ></uv-icon>
  74. 收藏
  75. </view>
  76. </view>
  77. <view class="tag-list">
  78. <view v-for="(t, i) in detail.iconText && detail.iconText.split('、')">
  79. {{ t }}
  80. </view>
  81. </view>
  82. <view
  83. class="text"
  84. v-html="detail.jobDetails">
  85. </view>
  86. <!-- <view
  87. class="text">
  88. <uv-parse :content="detail.workDetail"></uv-parse>
  89. </view> -->
  90. </view>
  91. </view>
  92. <commentList
  93. @getData="getData"
  94. :list="list"
  95. :params="params"
  96. />
  97. </view>
  98. </template>
  99. <script>
  100. import mixinsList from '@/mixins/list.js'
  101. import commentList from '../components/list/comment/commentList.vue'
  102. export default {
  103. mixins: [mixinsList],
  104. components : {
  105. commentList,
  106. },
  107. data() {
  108. return {
  109. id : 0,
  110. detail : {},
  111. collectionFlag : false,
  112. mixinsListApi : 'getCommentPage',
  113. params : {
  114. type : '2',
  115. orderId : '',
  116. name : '',
  117. },
  118. }
  119. },
  120. onLoad(options) {
  121. this.id = options.id
  122. this.queryParams.type = this.params.type
  123. this.queryParams.orderId = options.id
  124. this.params.orderId = options.id
  125. },
  126. onPullDownRefresh() {
  127. this.getDetail()
  128. },
  129. onShow() {
  130. this.getDetail()
  131. },
  132. onShareAppMessage(res) {
  133. return {
  134. title: this.detail.title,
  135. path: '/pages_order/work/workDetail?id=' + this.id
  136. }
  137. },
  138. methods: {
  139. getDetail(){
  140. let data = {
  141. id : this.id
  142. }
  143. if(uni.getStorageSync('token')){
  144. data.token = uni.getStorageSync('token')
  145. }
  146. this.$api('getJobDetail', data, res => {
  147. if(res.code == 200){
  148. this.params.name = res.result.title
  149. this.detail = res.result
  150. this.detail.jobDetails = this.$utils.stringFormatHtml(res.result.jobDetails)
  151. this.collectionFlag = res.result.collectionFlag
  152. }
  153. })
  154. },
  155. }
  156. }
  157. </script>
  158. <style scoped lang="scss">
  159. .page{
  160. .box{
  161. padding: 30rpx;
  162. background-color: #fff;
  163. .title{
  164. font-size: 34rpx;
  165. font-weight: 900;
  166. padding-bottom: 20rpx;
  167. }
  168. .title2{
  169. margin: 20rpx 0;
  170. font-size: 28rpx;
  171. font-weight: 900;
  172. display: flex;
  173. justify-content: space-between;
  174. align-items: center;
  175. view{
  176. display: flex;
  177. align-items: center;
  178. justify-content: center;
  179. }
  180. }
  181. .price{
  182. font-size: 30rpx;
  183. font-weight: 900;
  184. color: $uni-color;
  185. }
  186. .line{
  187. display: flex;
  188. font-size: 24rpx;
  189. color: #666666;
  190. margin-top: 30rpx;
  191. image{
  192. width: 30rpx;
  193. height: 30rpx;
  194. }
  195. &>view{
  196. margin-right: 50rpx;
  197. display: flex;
  198. justify-content: center;
  199. align-items: center;
  200. }
  201. }
  202. .userHead{
  203. padding: 50rpx 0;
  204. border-bottom: 1px solid #00000011;
  205. }
  206. .address{
  207. padding: 30rpx 0;
  208. .line{
  209. margin-top: 20rpx;
  210. }
  211. }
  212. .info{
  213. margin: 20rpx 0;
  214. .text{
  215. font-size: 24rpx;
  216. color: #666666;
  217. line-height: 44rpx;
  218. }
  219. }
  220. }
  221. }
  222. .tag-list{
  223. display: flex;
  224. flex-wrap: wrap;
  225. }
  226. .tag-list > view{
  227. margin: 10rpx;
  228. padding: 10rpx;
  229. background-color: #EFF2F1;
  230. font-size: 24rpx;
  231. border-radius: 10rpx;
  232. }
  233. </style>