125 lines
2.7 KiB
Vue
125 lines
2.7 KiB
Vue
<template>
|
||
<div class="leftCenter">
|
||
<Card title="AI报警情况">
|
||
<div class="mainContainer" v-if="isData">
|
||
<!-- <div class="imgBox"><img src="@\assets\images\vehicleManagement\goCar.png"/></div> -->
|
||
<div class="imgBox"><img :src="BASEURL + '/image/' + alarmInfo.imageUrl"/></div>
|
||
<div class="textBox">
|
||
<div>报警位置：{{alarmInfo.location || '--'}}</div>
|
||
<div>报警时间：{{alarmInfo.createTime || '--'}}</div>
|
||
</div>
|
||
</div>
|
||
<div class="not-data" v-else>
|
||
<img src="@/assets/images/noData.png" alt="" />
|
||
<p>暂无数据</p>
|
||
</div>
|
||
</Card>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import Card from "@/components/card.vue";
|
||
import { GlobalStore } from "@/stores";
|
||
import { ref, onMounted, watch } from "vue";
|
||
import { COMPANY } from "@/config/config";
|
||
|
||
//引入现场大屏API
|
||
import {
|
||
getEnterpriseIdApi,
|
||
selectAIPageListApi,
|
||
} from "@/api/modules/agjtLiveApi";
|
||
const store = GlobalStore();
|
||
const BASEURL = import.meta.env.VITE_API_URL
|
||
|
||
//是否有数据
|
||
const isData = ref(false as any)
|
||
|
||
//获取AI报警情况信息
|
||
const alarmInfo = ref({} as any)
|
||
async function getAlarmInfo() {
|
||
//获取企业Id
|
||
await getEnterpriseIdApi().then(res => {
|
||
if(res.success){
|
||
let data = {
|
||
pageNo: 1,
|
||
pageSize: 1,
|
||
enterpriseId: res.result.id,
|
||
isPushed: 1,
|
||
projectSn: '',
|
||
}
|
||
if(BASEURL == 'http://182.90.224.237:51234' || BASEURL == 'http://192.168.34.221:9111') data.projectSn = 'BD3137498CB84BF0969979E0342CDBCA'
|
||
if(BASEURL == 'http://42.180.188.17:9809' || BASEURL == 'http://42.180.188.17:11211') data.projectSn = '471568F45EB247A3912A0D10EA1BFCEB'
|
||
selectAIPageListApi(data).then(res2 => {
|
||
if(res2.success){
|
||
if(res2.result.records && res2.result.records.length !== 0){
|
||
alarmInfo.value = res2.result.records[0]
|
||
isData.value = true
|
||
}else{
|
||
isData.value = false
|
||
}
|
||
}
|
||
})
|
||
}
|
||
});
|
||
};
|
||
|
||
//父组件调用需要无感刷新的方法
|
||
const leftCenterMethod = async () => {
|
||
getAlarmInfo()
|
||
}
|
||
//将方法暴露给父组件
|
||
defineExpose({
|
||
leftCenterMethod
|
||
})
|
||
|
||
onMounted( async () => {
|
||
getAlarmInfo()
|
||
});
|
||
</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%;
|
||
}
|
||
.not-data {
|
||
top: 40%;
|
||
width: 30%;
|
||
left: 35%;
|
||
position: absolute;
|
||
text-align: center;
|
||
img {
|
||
width: 50%;
|
||
}
|
||
p {
|
||
color: #fff;
|
||
font-size: 14px;
|
||
}
|
||
}
|
||
</style>
|