<template>
	<ChartCard margin="30rpx 0 0 0" title="组织机构人员">
		<view class="org-person">
			<view class="org-person-row">
				<view class="org-person-row_lab">
					集团总数
				</view>
				<view class="org-person-row_num">9521</view>
			</view>
			<view class="u-flex">
				<view class="org-person-row">
					<view class="org-person-row_lab">
						所企业总部人数
					</view>
					<view class="org-person-row_num">9521</view>
				</view>
				<view class="org-person-row">
					<view class="org-person-row_lab">
						分支机构人数
					</view>
					<view class="org-person-row_num">9521</view>
				</view>
			</view>
			<view class="u-flex">
				<view class="org-person-row">
					<view class="org-person-row_lab">
						质量管理人数
					</view>
					<view class="org-person-row_num">9521</view>
				</view>
				<view class="org-person-row">
					<view class="org-person-row_lab">
						特种设备质保体系
					</view>
					<view class="org-person-row_num">9521</view>
				</view>
			</view>
		</view>
	</ChartCard>
</template>

<script setup>
		import ChartCard from '@/components/chartCard.vue'
</script>

<style lang="scss">
	.org-person{
		&-row{
			flex: 1;
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			align-items: flex-end;
			padding: 20rpx 0;
			&_lab{
				width: 200rpx;
				font-size: 24rpx;
				color: #999999;
				line-height: 1;
			}
			&_num{
				width: calc(100% - 200rpx);
				line-height: 1;
				font-size: 28rpx;
				color: #333333;
				padding-left: 40rpx;
			}
		}
	}
</style>