59 lines
1.2 KiB
Vue
59 lines
1.2 KiB
Vue
<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>
|