报警列表,无数据时添加无图片状态
This commit is contained in:
@ -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">
|
||||||
|
|||||||
@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user