<template>
	<ChartCard  margin="0 0 30rpx 0" title="高风险作业许可" >
	<view class="work u-flex">
		<view class="work-box u-flex u-row-center">
			<view class="work-box-icon"> <u-icon name="xukezheng" color="#8CEEFF" custom-prefix="custom-icon" size="60" ></u-icon></view>
			<view class="work-box-row u-padding-left-20">
				<text class="work-box-row-num">9000个</text>
				<text class="work-box-row-lab">许可</text>
			</view>
		</view>
		
		<view class="work-box u-flex u-row-center">
			<view class="work-box-icon"> <u-icon name="guanbi" color="#FFEB3B" custom-prefix="custom-icon" size="60" ></u-icon></view>
			<view class="work-box-row u-padding-left-20">
				<text class="work-box-row-num">9000个</text>
				<text class="work-box-row-lab">关闭</text>
			</view>
		</view>
	</view>
	</ChartCard>
</template>

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

<style lang="scss">
	.work{
		padding: 20rpx 0;
		&-box{
			flex: 1;
			&-row{
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: flex-start;
				&-lab{
					font-size: 24rpx;
					color: #999999;
					margin-top: 12rpx;
				}
				&-num{
					color: #333333;
					font-size: 28rpx;
				}
			}
		}
	}
</style>