用工小程序前端代码
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.

93 lines
2.8 KiB

3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
  1. <template>
  2. <view class="se-m-10">
  3. <view class="se-px-20 se-pt-10 se-zi-s">
  4. <u-search height="40" placeholder="搜索" :showAction="true" v-model="keyword"></u-search>
  5. </view>
  6. <view class="se-m-20 se-br-20 se-bs-b se-bgc-white se-py-20 se-px-30" v-for="(items,indexs) in tList" :key="indexs" @click="onMasterDetail(items)">
  7. <view class="se-flex se-flex-h-sb">
  8. <view class="se-flex">
  9. <text class="se-fw-6 se-c-black se-fs-30">{{items.title}}</text>
  10. </view>
  11. <view class="se-c-orange se-fs-32 se-fw-6">
  12. {{items.moneymin}}-{{items.moneymin}}k
  13. </view>
  14. </view>
  15. <view class="se-py-10">
  16. <text class="se-c-text-sub se-fs-22 se-mr-10 se-py-5 se-px-20 se-br-5 se-bgc-f5" v-if="items.payType_dictText">{{items.payType_dictText}}</text>
  17. <text class="se-c-text-sub se-fs-22 se-mr-10 se-py-5 se-px-20 se-br-5 se-bgc-f5" v-if="items.industryName">{{items.industryName}}</text>
  18. <text class="se-c-text-sub se-fs-22 se-mr-10 se-py-5 se-px-20 se-br-5 se-bgc-f5" v-if="items.companyName">{{items.companyName}}</text>
  19. <!-- <text class="se-c-text-sub se-fs-22 se-mr-10 se-py-5 se-px-20 se-br-5 se-bgc-f5">水泥搬运</text> -->
  20. </view>
  21. <view class="se-flex se-flex-h-sb">
  22. <view class="se-flex">
  23. <u-icon class="se-ml-10" name="map"></u-icon>
  24. <text class="se-c-text-sub se-fs-24 se-pr-10">{{items.distances}}km</text>
  25. <text class="se-c-text-sub se-fs-24 se-pl-10 se-b-l">{{items.workAddress}}</text>
  26. </view>
  27. <!-- <view class="se-c-text se-c-text-sub se-fs-24">
  28. 09月23日 16:20
  29. </view> -->
  30. <view class="se-flex se-flex-h-c se-py-10 se-px-20 se-br-12 se-fs-22 se-c-orange se-bgc-ffd se-fw-6">
  31. <text class="se-ml-5">立即接单</text>
  32. </view>
  33. </view>
  34. </view>
  35. <u-empty v-if="tList && tList.length==0" mode="list"></u-empty>
  36. </view>
  37. </template>
  38. <script>
  39. import {
  40. bannerList,
  41. taskList,
  42. rolelist,
  43. industryList,
  44. getSysText
  45. } from "@/common/api.js"
  46. export default{
  47. data(){
  48. return{
  49. tpageNo:1,
  50. tpageSize:20,
  51. tList:[],
  52. id:null,
  53. keyword:""
  54. }
  55. },
  56. onLoad(options) {
  57. this.id=options.id
  58. this.onTaskList()
  59. },
  60. onReachBottom() {
  61. let that = this
  62. that.rpageNo = that.rpageNo + 1
  63. that.onTaskList()
  64. },
  65. methods:{
  66. onTaskList(){
  67. taskList({
  68. latitude:uni.getStorageSync("latitude"),
  69. longitude:uni.getStorageSync("longitude"),
  70. pageNo:this.tpageNo,
  71. pageSize:this.tpageSize
  72. }).then(response=>{
  73. if(this.tpageNo==1){
  74. this.tList = response.result.records
  75. }else{
  76. this.tList = this.tList.concat(response.result.records)
  77. }
  78. }).catch(error=>{
  79. })
  80. },
  81. onMasterDetail(event){
  82. console.info(event)
  83. uni.navigateTo({
  84. url:"/pages_subpack/work-detail/index?id="+event.id
  85. })
  86. }
  87. }
  88. }
  89. </script>
  90. <style>
  91. </style>