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

89 lines
2.6 KiB

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