task_to_do.vue 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <template>
  2. <view class="main pt0">
  3. <view class="tab">
  4. <u-tabs :list="tab" @click="tabClick"></u-tabs>
  5. </view>
  6. <view class="item_job" v-for="(item, index) in list" :key="index" @click="go('/pages/user/resume/application/task_detail?id=' + item.positionId + '&taskId=' + item.id)">
  7. <view class="top">
  8. <view class="title omit">{{ item.title }}</view>
  9. <view class="salary">{{ item.salary }}¥</view>
  10. </view>
  11. <view class="bot bt">
  12. <view class="address">{{ item.startDate }}至{{ item.endDate }}</view>
  13. <view class="distance">{{ item.createTime }}</view>
  14. </view>
  15. <view class="flex">
  16. <view class="f br agree" v-if="item.isComplete == 0">进行中...</view>
  17. </view>
  18. </view>
  19. <view class="loading" v-if="loadMore"><u-loadmore :status="loadMore ? 'loading' : 'nomore'" /></view>
  20. <u-empty v-if="!loadMore && list.length == 0"></u-empty>
  21. </view>
  22. </template>
  23. <script>
  24. export default {
  25. data() {
  26. return {
  27. tab: [
  28. { name: '全部', isComplete: '' },
  29. { name: '进行中', isComplete: 0 },
  30. { name: '已完成', isComplete: 1 }
  31. ],
  32. list: [],
  33. param: { pageNum: 1, pageSize: 10, state: 1, type: 1, isAccept: 1 },
  34. loadMore: true
  35. };
  36. },
  37. onLoad(e) {
  38. this.getData();
  39. },
  40. methods: {
  41. getData() {
  42. this.http.request({
  43. url: '/app/deliver/user/list',
  44. data: this.param,
  45. loading: 'false',
  46. success: (res) => {
  47. this.loadMore = res.data.pages > this.param.pageNum ? true : false;
  48. res.data.rows.forEach((item) => {
  49. item.createTime = uni.$u.timeFrom(Date.parse(item.createTime));
  50. this.list.push(item);
  51. });
  52. }
  53. });
  54. },
  55. go(url) {
  56. uni.navigateTo({ url: url });
  57. },
  58. tabClick(e) {
  59. this.param.isComplete = e.isComplete;
  60. this.refresh();
  61. },
  62. //刷新数据
  63. refresh() {
  64. this.loadMore = true;
  65. this.param.pageNum = 1;
  66. this.list = [];
  67. this.getData();
  68. }
  69. },
  70. //下拉刷新
  71. onPullDownRefresh() {
  72. setTimeout(() => {
  73. this.refresh();
  74. uni.stopPullDownRefresh();
  75. }, 1000);
  76. },
  77. //上拉加载
  78. onReachBottom() {
  79. if (this.loadMore) {
  80. this.param.pageNum++;
  81. this.getData();
  82. }
  83. }
  84. };
  85. </script>
  86. <style lang="scss"></style>