<template>

	<ChartCard :loading="loading" margin="0 0 30rpx 0" title="组织机构人员">
		<view class="organizer">
			<view class="row u-flex u-padding-20 u-margin-bottom-20">
				<view class="row_li u-flex u-row-center"><text class="organizer-lab">集团总人数</text><text
						class="organizer_num">13273</text></view>
				<view class="row_li u-flex u-row-center"><text class="organizer-lab">总监</text><text
						class="organizer_num">13273</text></view>
				<view class="row_li u-flex u-row-center"><text class="organizer-lab">专职</text><text
						class="organizer_num">13273</text></view>
				<view class="row_li u-flex u-row-center"><text class="organizer-lab">企业</text><text
						class="organizer_num">13273</text></view>
			</view>

			<view class="organizer-tit">分支机构</view>
			<view class="row u-flex u-padding-20 u-margin-bottom-20">
				<view class="row_li u-flex u-row-center"><text class="organizer-lab">总监</text><text
						class="organizer_num">13273</text></view>
				<view class="row_li u-flex u-row-center"><text class="organizer-lab">专职</text><text
						class="organizer_num">13273</text></view>
			</view>
			<view class="organizer-tit">注安师</view>
			<view class="row u-flex u-padding-20 u-margin-bottom-20">
				<view class="row_li u-flex u-row-center"><text class="organizer-lab">在岗职业</text><text
						class="organizer_num">13273</text></view>
			</view>
			<view class="organizer-tit">项目人数</view>
			<view class="row u-flex u-padding-20 u-margin-bottom-20">
				<view class="row_li u-flex u-row-center"><text class="organizer-lab">总监</text><text
						class="organizer_num">13273</text></view>
				<view class="row_li u-flex u-row-center"><text class="organizer-lab">专职</text><text
						class="organizer_num">13273</text></view>
				<view class="row_li u-flex u-row-center"><text class="organizer-lab">安全监护</text><text
						class="organizer_num">13273</text></view>
			</view>
			<view class="organizer-tit">三类人员</view>
			<view class="row u-flex u-padding-20">
				<view class="row_li u-flex u-row-center"><text class="organizer-lab">A证</text><text
						class="organizer_num">13273</text></view>
				<view class="row_li u-flex u-row-center"><text class="organizer-lab">B证</text><text
						class="organizer_num">13273</text></view>
				<view class="row_li u-flex u-row-center"><text class="organizer-lab">C证</text><text
						class="organizer_num">13273</text></view>
			</view>
		</view>
	</ChartCard>
</template>

<script setup>
	import {ref} from 'vue'
	import ChartCard from '@/components/chartCard.vue'
	
	const loading = ref(false)
</script>

<style lang="scss">
	.organizer {
		&-tit {
			color: #2573cb;
			width: 100%;
			font-size: 28rpx;
			background-color: #F7FBFE;
			padding: 12rpx 20rpx 0;
		}

		&-lab {
			color: #999999;
			font-size: 24rpx;
		}

		&_num {
			color: #333333;
			font-size: 28rpx;
			margin-top: 16rpx;
		}

		.row {
			background-color: #F7FBFE;

			&_li {
				flex: 1;
				display: flex;
				flex-direction: column;
			}
		}

	}
</style>