-

zhangwei

2024-08-23 e6dccb3b16847f4bda31f305113070596677caff

 src/pages/order/order.vue

@@ -3,30 +3,131 @@
      <up-sticky bgColor="#fff">
         <up-subsection :list="list" :current="current4" activeColor="#f9ae3d"
            @change="sectionChange"></up-subsection>
			
      </up-sticky>
      <view class="full-page">
         <view class="listrecord c-p-20" v-for="(item,index) in listO.orderList">
            <view class="coreshop-ff chuany-bradius20">
               <view class="c-p-26">
                  <view class="chuany-flex chuany-justify-between">
                     <text class="chuany-font34 chuany-text-bold">
                        {{item.orderName}}
                     </text>
                     <view class="chuany-flex chuany-justify-between">
                        <!-- <text class="c-p-r-20">
								
                     </text> -->
                        <up-tag class='c-m-r-10' text="已结算" shape="circle" type="success" plain plainFill
                           size='mini'></up-tag>
                        <up-tag text="已确认" shape="circle" type="success" plain plainFill size='mini'></up-tag>
                     </view>
                  </view>
                  <view class="chuany-flex chuany-justify-between c-p-t-20">
                     <view class="chuany-width50">
                        <text>
                           方式：计时
                        </text>
                     </view>
                     <text class="chuany-width50">
                        工价：17元/小时
                     </text>
                  </view>
               </view>
            </view>
         </view>
         <up-loadmore :status="status" />
      </view>
      <up-empty mode="order" icon="http://cdn.uviewui.com/uview/empty/order.png">
      </up-empty>

   </view>
</template>

<script setup>
   import {
      onLoad,
      onShow,
      onReachBottom
   } from "@dcloudio/uni-app";
   import {
      reactive,
      ref
      ref,
      getCurrentInstance
   } from 'vue';
   const {
      $upload,
      $api,
      $util,
      $db
   } = getCurrentInstance().appContext.config.globalProperties
   const state = reactive({
      currentIdex: 0
      pageIndex: 1,
      pageSize: 20,
   })
   let status = ref('loadmore')
   let totalPages = ref(0)
   let listO = reactive({
      orderList:[]
   })
   onReachBottom(() => {
         if (this.loadStatus != 'nomore') {
            PostMyListPageCompany();
         }
      }),
      onLoad(() => {
         $api.PostMyListPageCompany(state).then(res => {
            console.log(res, '---');
         })
      })
   const current4 = ref(0);
   const list = ref(['全部', '进行中', '已完成', '已取消']);
	

   const sectionChange=(index)=> {

   const sectionChange = (index) => {
      current4.value = index;
   }
   const PostMyListPageCompany = () => {
      let data = {
         pageIndex: state.pageIndex,
         pageSize: state.pageSize,
      }
      this.loadStatus = 'loading';
      $api.PostMyListPageCompany(data).then(res => {
         if (res.code == 1) {
            if(state.pageIndex==1){
               listO.orderList = res.data.items
            }else{
               listO.orderList.concat(...res.data.items)
            }
            // totalPages.value = res.data.totalCount
            // 根据count数量判断是否还有数据
            if (res.data.totalCount > listO.orderList.length) {
               status.value = 'loadmore';
               state.pageIndex++
            } else {
               // 数据已加载完毕
               status.value = 'nomore';
            }
         } else {
            // _that.$refs.uToast.show({ message: res.msg, type: 'error' });
         }
      })
   }
</script>

<style>
   .content {
      /* width: 100%; */
      box-sizing: border-box;
   }

   .bgblue {
      background-color: #4e96f5;
      border-radius: 20rpx 20rpx 0 0;
      color: #fff;
   }

   .listrecord {
      width: 100%;
      box-sizing: border-box;
   }
</style>