<template>
	<view>
		<headersVue :titles="title">
			<u-icon name="arrow-left" color="#fff" size="18"></u-icon>
		</headersVue>
		<view class="content">
			<scroll-view class="school-scroll-view" scroll-y @scrolltolower="onReachBottomCus"
				:style="{ height: scrollHeight + 'px' }" refresher-enabled @refresherrefresh="onRefresherrefresh"
				:refresher-triggered="isTriggered">
				<order-item v-for="(item, index) in orderList" :key="index" :order-data="item" @click="goDetail(item)" />
			</scroll-view>

		</view>
	</view>
</template>

<script>
	import headersVue from '../../../components/header/headers.vue';
	import OrderItem from '@/components/order-list.vue'
	import request from '../../../utils/request';
	export default {
		data() {
			return {
				scrollHeight: 0,
				isTriggered: false,
				userId: null,
				orderList: null,
				pageNo: 1,
				pageSize: 10,
				totalPages: 0,
				title: undefined
			}
		},
		methods: {
			/**
			 * 上滑加载数据
			 */
			onReachBottomCus() {
				//判断 如果页码*页容量大于等于总条数，提示该页数据加载完毕
				console.log('totalPages', this.totalPages);
				if (this.pageNo >= this.totalPages) {
					uni.$u.toast('没有更多数据了')
					return
				}
				//页码+1,调用获取数据的方法获取第二页数据
				this.pageNo++
				//此处调用自己获取数据列表的方法
				this.getList()
			},
			/**
			 * 下拉刷新数据
			 */
			onRefresherrefresh() {
				this.isTriggered = true
				this.pageNo = 1
				this.total = 0
				this.schoolList = []
				this.getList()
			},
      goDetail(data){
        console.log('data', data)
        uni.navigateTo({
          url: "/pages/index/orderdetails?inspectionInfoId=" + data.inspectionInfoId
        })
      },
			calculateScrollHeight() {
				// 获取屏幕高度
				const screenHeight = uni.getSystemInfoSync().windowHeight;
				// 获取顶部区域高度
				const topHeight = 130;
				// 计算滚动区域高度
				this.scrollHeight = screenHeight - topHeight;
			},
			async getList() {
				const res = await request({
					url: `/inspectionStaff/getFinishProjectByUserId`,
					methods: 'GET',
					params: {
						pageNo: this.pageNo,
						pageSize: this.pageSize,
						userId: this.userId
					}
				})
				if (this.pageNo == 1) {
					this.orderList = res.data.records
				} else {
					this.orderList = this.orderList.concat(res.data.records)
				}
				let total = res.data.total
				this.totalPages = Math.ceil(total / this.pageSize);
				this.isTriggered = false
			},
			async getUserInfo() {
				const res = await request({
					url: `/system/user/get?id=${this.userId}`,
					methods: 'get'
				})
				console.log('当前登陆人', res.data);
				this.title = res.data.nickname + '项目列表'
			},
		},
		onReady() {
			// 动态计算滚动区域高度
			this.calculateScrollHeight();
		},
		onLoad(data) {
			if (data.userId) {
				this.userId = data.userId
				this.getUserInfo()
				this.getList()
			}
		},
		components: {
			headersVue,
			OrderItem // 这里使用大驼峰命名
		},
	}
</script>

<style>
	.content {
		background-color: #f7f8fa;
		/* min-height: 100vh; */
		padding: 20rpx;
		box-sizing: border-box;
		padding-top: 200rpx;
	}

	.school-scroll-view {
		border-radius: 16rpx;
		overflow: hidden;
		box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.05);
		background-color: #ffffff;
		padding: 10rpx 0;
	}
</style>