修改ai报警上方无数据不显示

This commit is contained in:
Vce 2024-05-12 08:31:00 +08:00
parent d984f715f8
commit 4fea6474fb

View File

@ -1,7 +1,8 @@
<template> <template>
<div class="political-outlook"> <div class="political-outlook">
<div class="content"> <div class="content">
<div class="top-statistics"> <!-- v-show="topDangerList.length > 0" -->
<div class="top-statistics" v-show="topDangerList.length > 0">
<div class="statistics-item" v-for="(item,index) in topDangerList" :key="index"> <div class="statistics-item" v-for="(item,index) in topDangerList" :key="index">
<span class="title">{{item.alarmTypeName}}</span> <span class="title">{{item.alarmTypeName}}</span>
<span class="statistics-item-content">今日报警次数0</span> <span class="statistics-item-content">今日报警次数0</span>
@ -51,6 +52,13 @@
<span class="statistics-item-content">历史报警次数1</span> <span class="statistics-item-content">历史报警次数1</span>
</div> --> </div> -->
</div> </div>
<div style="position: relative; height: 180px;">
<div class="notoDta" v-if="topDangerList.length == 0">
<img src="@/assets/images/noData.png" alt="" />
<p>暂无数据</p>
</div>
</div>
<div class="table-one"> <div class="table-one">
<div class="tabList"> <div class="tabList">
<div>序号</div> <div>序号</div>
@ -366,7 +374,7 @@ onMounted(async () => {
margin: 0 auto; margin: 0 auto;
.statistics-item{ .statistics-item{
width: 200px; width: 200px;
height: 95px; // height: 95px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative; position: relative;