<template>
|
<view>
|
<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,
|
getCurrentInstance
|
} from 'vue';
|
const {
|
$upload,
|
$api,
|
$util,
|
$db
|
} = getCurrentInstance().appContext.config.globalProperties
|
const state = reactive({
|
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) => {
|
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>
|
