<template>
	<div class="leftCenter">
		<Card title="AI报警情况">
			<div class="mainContainer">
				<div class="imgBox"><img src="@\assets\images\vehicleManagement\goCar.png"/></div>
				<div class="textBox">
					<div>报警位置：东南口</div>
					<div>报警事件：2024-03-01 12:00:00</div>
				</div>
			</div>
		</Card>
	</div>
</template>

<script setup lang="ts">
import Card from "@/components/card.vue";
import { GlobalStore } from "@/stores";
import { COMPANY } from "@/config/config";
import { ref, onMounted, watch } from "vue";
import { getPersonTypeAndEduStatisticsApi } from "@/api/modules/labor";
const store = GlobalStore();
// ts

onMounted( async () => {
});
</script>

<style lang="scss" scoped>
.leftCenter {
	width: 100%;
	height: 100%;
	.mainContainer{
		width: calc(100% - 20px);
		height: calc(100% - 20px);
		color: #fff;
		padding: 10px;
		.imgBox{
			width: 100%;
			height: 85%;
			img{
				width: 100%;
				height:100%;
				background-size: 100% 100%;
			}
		}
		.textBox{
			height: 15%;
			display: flex;
			justify-content: space-between;
			align-items: center;
			line-height: 22px;
		}
	}
}
::v-deep .h-card .content {
	height: 80%;
}
</style>
