瑶都万能墙
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.

194 lines
3.3 KiB

  1. <template>
  2. <view class="work-item" @click="$emit('click', item)">
  3. <view class="top">
  4. <view class="hire">
  5. <view class="Position">
  6. {{ item.title }}
  7. </view>
  8. </view>
  9. <view class="index">
  10. <view class="Salary">
  11. <text v-if="item.minPrice">{{item.minPrice}}</text>
  12. <!-- - -->
  13. <!-- <text v-if="item.maxPrice">{{item.maxPrice}}</text> -->
  14. </view>
  15. <!-- <view class="gang"
  16. v-if="item.school">
  17. |
  18. </view> -->
  19. <!-- <view class="Cashregister"
  20. v-if="item.school">
  21. {{item.school}}
  22. </view> -->
  23. <view class="gang"
  24. v-if="item.workYear">
  25. |
  26. </view>
  27. <view class="Cashregister"
  28. v-if="item.workYear">
  29. {{item.workYear}}
  30. </view>
  31. <template
  32. v-for="(t, i) in item.iconText && item.iconText.split(',')">
  33. <view class="gang">
  34. |
  35. </view>
  36. <view class="Cashregister">
  37. {{t}}
  38. </view>
  39. </template>
  40. </view>
  41. <addressSpot
  42. :address="item.address"
  43. :latitude="item.latitude"
  44. :longitude="item.longitude"
  45. />
  46. <view class="address">
  47. <view class="shop">
  48. {{ item.company }}
  49. </view>
  50. <view class="authentication"
  51. v-if="item.isCardOpen">
  52. <!-- 已认证 -->
  53. {{ item.isCardOpen }}
  54. </view>
  55. </view>
  56. <view class="bottom">
  57. <view class="festival"
  58. v-if="item.iconTitle">
  59. <!-- 节假日福利 -->
  60. {{ item.iconTitle }}
  61. </view>
  62. <!-- <view class="Apply"
  63. @click.stop="callPhone">
  64. 应聘
  65. </view> -->
  66. <callPhone
  67. style="margin-left: auto;"
  68. :phone="item.userPhone"
  69. type="2"
  70. :phoneTitle="item.title"
  71. :pid="item.id"
  72. title="应聘"/>
  73. </view>
  74. </view>
  75. </view>
  76. </template>
  77. <script>
  78. export default {
  79. props: {
  80. item: {
  81. default: {}
  82. }
  83. },
  84. data() {
  85. return {
  86. }
  87. },
  88. methods: {
  89. callPhone() {
  90. uni.makePhoneCall({
  91. phoneNumber: this.item.userPhone,
  92. success() {
  93. console.log('安卓拨打成功');
  94. },
  95. fail() {
  96. console.log('安卓拨打失败');
  97. }
  98. })
  99. },
  100. }
  101. }
  102. </script>
  103. <style scoped lang="scss">
  104. .work-item {
  105. background-color: #fff;
  106. padding: 20rpx;
  107. border-radius: 20rpx;
  108. box-shadow: 0 0 6rpx 6rpx #00000011;
  109. margin: 24rpx;
  110. position: relative;
  111. }
  112. .hire {
  113. display: flex;
  114. align-items: center;
  115. margin: 10rpx 0rpx;
  116. }
  117. .index {
  118. display: flex;
  119. flex-wrap: wrap;
  120. .Salary {
  121. color: red;
  122. }
  123. .gang {
  124. margin: 0rpx 25rpx 0rpx 25rpx;
  125. color: $uni-color;
  126. }
  127. .Cashregister {
  128. color: #888;
  129. }
  130. }
  131. .address {
  132. display: flex;
  133. margin-top: 10rpx;
  134. color: #fff;
  135. .shop {
  136. color: #888;
  137. }
  138. .authentication {
  139. background-color: $uni-color;
  140. margin-left: 10rpx;
  141. padding: 5rpx 10rpx;
  142. font-size: 25rpx;
  143. flex-shrink: 0;
  144. border-radius: 10rpx;
  145. }
  146. }
  147. .bottom {
  148. display: flex;
  149. margin-top: 10rpx;
  150. justify-content: space-between;
  151. align-items: center;
  152. .festival {
  153. display: flex;
  154. justify-content: center;
  155. align-items: center;
  156. background-color: white;
  157. color: $uni-color;
  158. border: 1px solid $uni-color;
  159. padding: 5rpx 10rpx;
  160. border-radius: 10rpx;
  161. font-size: 23rpx;
  162. }
  163. .Apply {
  164. display: flex;
  165. justify-content: center;
  166. align-items: center;
  167. padding: 10rpx 30rpx;
  168. background-color: $uni-color;
  169. color: #fff;
  170. border-radius: 10rpx;
  171. margin-left: auto;
  172. }
  173. }
  174. </style>