<template>
	<div class="panel1Wrap">
		<div class="row">
			<CardCustom title="实体清单制裁强度" :style="{ width: '798px', height: '422px' }">
				<div class="sunPanel1"></div>
			</CardCustom>
			<CardCustom title="新增实体数量增长趋势" :style="{ width: '798px', height: '422px' }">
				<div class="sunPanel2"></div>
			</CardCustom>
		</div>
		<div class="row">
			<CardCustom title="实体清单更新频率" :style="{ width: '798px', height: '422px' }">
				<div class="sunPanel3"></div>
			</CardCustom>
			<CardCustom title="重点实体列表" :style="{ width: '798px', height: '422px' }">
				<div class="sunPanel4"></div>
			</CardCustom>
		</div>
	</div>
</template>

<script setup>
import CardCustom from "../../components/CardCustom.vue";
</script>

<style lang="scss" scoped>
.panel1Wrap {
	width: 1600px;
	margin: 0px auto 0 auto;
	padding-bottom: 20px;
}
.row {
	display: flex;
	flex-direction: row;
	gap: 16px;
	margin-top: 15px;
}
.subPanel1 {
	height: 100%;
	padding: 2px 24px 0 24px;
	display: flex;
}
</style>
