初步完成

zhangwei

2024-09-02 a2ddd3bec584b6eb91ab8845353fdb40c9b37ebe

 src/pages/index/index.vue

@@ -2,15 +2,19 @@
   <view class="full-page">
      <up-sticky bgColor="#fff">
         <view class="coreshop-ff c-p-10">
            <up-search placeholder="请点击选择日期" @clear='clear' @clickIcon='clickTime' @custom='search'
               v-model="workTime" search-icon="calendar" @search='search'></up-search>
            <!-- <up-search placeholder="请点击选择日期" @clear='clear' @clickIcon='clickTime' @custom='search'
               v-model="workTime" search-icon="calendar" @search='search'></up-search> -->
            <up-search placeholder="请输入工作名称" @clear='clear' @clickIcon='clickTime' @custom='search'
               v-model="state.orderName" @search='search'></up-search>
         </view>
      </up-sticky>
      <scroll-view enable-flex="true">
         <view class="list chuany-flex chuany-flex-direction chuany-align-center c-p-b-30 "
            v-if="listO.orderList&&listO.orderList.length>0">
            <view class="content c-p-b-18" v-for="(item,index) in listO.orderList" @click='toDetail(item.id)' :key='item.id'>
               <view class="bgblue c-p-l-18 c-p-r-18 c-p-t-10 c-p-b-10 chuany-flex chuany-justify-between chuany-font30">
            <view class="content c-p-b-18" v-for="(item,index) in listO.orderList" @click='toDetail(item.id)'
               :key='item.id'>
               <view
                  class="bgblue c-p-l-18 c-p-r-18 c-p-t-10 c-p-b-10 chuany-flex chuany-justify-between chuany-font30">
                  <view class="chuany-flex chuany-flex-direction">
                     <text class=''>
                        {{$util.formatDate(item.startTime)}}
@@ -84,20 +88,22 @@
   const state = reactive({
      pageIndex: 1,
      pageSize: 20,
      orderName: ''
   })
   let listO = reactive({
      orderList: []
   })
   const search = (index) => {
      console.log(index, '------’');
      if (index == 0) {
         PostListPage()
      } else {
         PostListPage(index - 1)
      }

      PostListPage()
   }
   const changePicker = (val) => {
      console.log(val);
      workTime.value = val.startDate.result + '至' + val.endDate.result
      state.wordStartTime = new Date(val.startDate.result) //工作开始时间
      state.wordEndTime = new Date(val.endDate.result)
   }
   const clear = () => {
      state.orderName = ''
      state.wordStartTime = ""
      state.wordEndTime = ""
   }
@@ -105,14 +111,6 @@
      datePickerShow.value = !datePickerShow.value
   }
   let loadStatus = ref('loadmore')
   // 创建响应式数据  
   const list1 = reactive([{
         name: '新任务'
      },
      {
         name: '我的订单'
      },
   ]);
   onReachBottom(() => {
      if (loadStatus.value != 'nomore') {
         PostListPage();
@@ -122,6 +120,7 @@
   onPullDownRefresh(() => {
      state.pageIndex = 1
      state.pageSize = 20
      loadStatus.value = 'loadmore'
      PostListPage();
   })
   onLoad(() => {
@@ -135,6 +134,9 @@
      if (orderStatus) {
         data.orderStatus = orderStatus
      }
      if(state.orderName){
         data.orderName = state.orderName
      }
      loadStatus.value = 'loading';
      $api.PostListPage(data).then(res => {
         if (res.code == 1) {