<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>
				<template v-if="projectData.length > 0">
					<view
						class="card u-margin-bottom-20"
						v-for="(item, index) in projectData"
						:key="index"
						@click="router.push('/pages/quality/numberEmployeesDetails/index', { unitId: item.UnitId, companyName: item.UnitName })">
						<view class="header u-flex u-border-bottom">
							<text class="header-title">{{ item.UnitName }}</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.CompanyPersonNum }}</text>
							</view>
							<view class="con u-flex u-row-between">
								<text class="con-title">项目质量管理人数</text>
								<text class="u-margin-top-6">{{ item.ProjectPersonNum }}</text>
							</view>
							<view class="con u-flex u-row-between">
								<text class="con-title">分支机构质量管理人数</text>
								<text class="u-margin-top-6">{{ item.BranchPersonNum }}</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 { getQMSOrg } from '@/api/moduleApi/index.js';
import { debounce, router } from '@/utils';
let searchVal = ref('');

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

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