<template>
	<view class="data-summary-page">
		<view class="search u-flex u-padding-left-24 u-padding-right-24">
			<u-search placeholder="请输入项目名称" v-model="searchVal" :show-action="false" @change="changePut"></u-search>
		</view>
		<view class="scroll">
			<scroll-view class="scroll-view" scroll-y>
				<view class="title">
					<text>{{ decodeURIComponent(queryData.companyName) }}</text>
				</view>
				<template v-if="projectItemData.length > 0">
					<view class="card u-margin-bottom-20" v-for="(item, index) in projectItemData" :key="index">
						<view class="header u-flex u-border-bottom">
							<text class="header-title">{{ item.ProjectName }}</text>
						</view>
						<view class="card-item">
							<view class="con u-flex u-row-between">
								<text class="con-title">单位工程数</text>
								<text class="u-margin-top-6">{{ item.UnitProjectNum }}</text>
							</view>
							<view class="con u-flex u-row-between">
								<text class="con-title">分部工程数</text>
								<text class="u-margin-top-6">{{ item.SubProjectNum }}</text>
							</view>
							<view class="con u-flex u-row-between">
								<text class="con-title">分项工程数</text>
								<text class="u-margin-top-6">{{ item.SubdivisionalWorksNum }}</text>
							</view>
						</view>
					</view>
				</template>
				<template v-else>
					<u-empty text="暂无数据" mode="list"></u-empty>
				</template>
			</scroll-view>
		</view>
	</view>
</template>
<script setup>
import { ref } from 'vue';
import { onLoad } from '@dcloudio/uni-app';
import { getQMSProjectDivisionItem } from '@/api/moduleApi/index.js';
import { debounce } from '@/utils';
let searchVal = ref('');

let queryData = ref({});
onLoad((options) => {
	queryData.value = options;
	getApiData(queryData.value.unitId);
});
let projectItemData = ref([]);
const getApiData = async (unitId) => {
	let res = await getQMSProjectDivisionItem({
		unitId,
		searchText: searchVal.value
	});
	projectItemData.value = res;
};
const changePut = debounce((ev) => {
	searchVal.value = ev;
	getApiData(queryData.value.unitId);
}, 500);
</script>

<style lang="scss" scoped>
@import 'index.scss';
</style>
<style>
page {
	height: 100%;
}
</style>
