初步完成

zhangwei

2024-09-02 a2ddd3bec584b6eb91ab8845353fdb40c9b37ebe

 src/pages/index/index.vue

@@ -2,26 +2,29 @@
   <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"
         <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-18 chuany-flex chuany-justify-between chuany-font34 chuany-text-bold">
            <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(detailItem.wordStartTime,true)}}
                        {{$util.formatDate(item.startTime)}}
                     </text>
                     <text>{{$util.formatDate(detailItem.wordEndTime,true)}}</text>
                  </view>
                  <text>
                     招{{item.worderCounted}}/{{item.worderCount}}人
                  </text>
               </view>
               <view class="c-p-18 chuany-font44 chuany-text-bold">
               <view class="c-p-l-18 c-p-b-14 c-p-t-14 c-p-r-18 chuany-font34">
                  {{item.orderName}}
               </view>
               <!-- <view class="chuany-flex c-p-l-18">
@@ -29,10 +32,10 @@
                  </up-tag>
               </view> -->
               <view class="chuany-flex chuany-flex-direction">
                  <text class='c-p-18'>
                  <text class='c-p-l-18 c-p-b-14 c-p-r-18 text-69'>
                     要求：{{item.demand}}
                  </text>
                  <text class='c-p-l-18 c-p-b-16'>
                  <text class='c-p-l-18 c-p-b-14 c-p-r-18 text-69'>
                     地址：{{item.worderAddress}}
                  </text>
               </view>
@@ -85,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 = ""
   }
@@ -106,14 +111,6 @@
      datePickerShow.value = !datePickerShow.value
   }
   let loadStatus = ref('loadmore')
   // 创建响应式数据  
   const list1 = reactive([{
         name: '新任务'
      },
      {
         name: '我的订单'
      },
   ]);
   onReachBottom(() => {
      if (loadStatus.value != 'nomore') {
         PostListPage();
@@ -123,6 +120,7 @@
   onPullDownRefresh(() => {
      state.pageIndex = 1
      state.pageSize = 20
      loadStatus.value = 'loadmore'
      PostListPage();
   })
   onLoad(() => {
@@ -136,10 +134,13 @@
      if (orderStatus) {
         data.orderStatus = orderStatus
      }
      if(state.orderName){
         data.orderName = state.orderName
      }
      loadStatus.value = 'loading';
      $api.PostListPage(data).then(res => {
         console.log(res, res.code, '-----------123’');
         if (res.code == 1) {
            console.log(res, res.code, '-----------123’');
            if (state.pageIndex == 1) {
               listO.orderList = res.data.items
            } else {
@@ -186,7 +187,7 @@
   }

   .content {
      min-height: 430rpx;
      min-height: 330rpx;
      width: 90%;
      background-color: #fff;
      border-radius: 20rpx;