报警列表,无数据时添加无图片状态

This commit is contained in:
fengerli
2025-09-25 15:30:51 +08:00
parent cf05f857bd
commit cc53ee4d29
2 changed files with 10 additions and 2 deletions

View File

@ -62,7 +62,7 @@
<el-card shadow="never"> <el-card shadow="never">
<div v-if="isListView" key="card"> <div v-if="isListView" key="card">
<el-row :gutter="20"> <el-row :gutter="20" v-if="alarmList.length > 0">
<el-col :span="6" v-for="(item, index) in alarmList" :key="index"> <el-col :span="6" v-for="(item, index) in alarmList" :key="index">
<el-card class="custom-alarm-card"> <el-card class="custom-alarm-card">
<div class="card-header"> <div class="card-header">
@ -113,6 +113,14 @@
</el-card> </el-card>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" v-else>
<!-- 使用flex容器实现垂直居中布局 -->
<div
style="display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; width: 100%;">
<img src="@/assets/images/noData.png" alt="暂无数据" style="max-width: 150px; margin-bottom: 16px;">
<div style="color: #999; font-size: 14px;">暂无数据</div>
</div>
</el-row>
</div> </div>
<div v-else key="list"> <div v-else key="list">
<el-table v-loading="loading" border :data="alarmList"> <el-table v-loading="loading" border :data="alarmList">

View File

@ -56,7 +56,7 @@
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button v-hasPermi="['equipment:devices:export']" type="warning" :disabled="multiple" plain <el-button v-hasPermi="['equipment:devices:export']" type="warning" plain
icon="Download" @click="handleExport">导出</el-button> icon="Download" @click="handleExport">导出</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">