mt-fe-group/chenzhou
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update alert list

Browse Source
This commit is contained in:
DESKTOP-FUDKNA8\znjsz 2024-01-18 15:26:24 +08:00
parent 4343b7ed28
commit 283528866a
1 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/pages/AlertListPage.vue
View File

@ -2,6 +2,7 @@
<script setup> <script setup>
import { ref } from "vue"; import { ref } from "vue";
import { useWsStore } from "../store"; import { useWsStore } from "../store";
import Container from "../components/Base/Container.vue";
const alarmList = ref([]); const alarmList = ref([]);
const store = useWsStore(); const store = useWsStore();
@ -28,7 +29,7 @@ store.$subscribe((mutation, state) => {
<template> <template>
<div class="alert-list-page"> <div class="alert-list-page">
<div class="alert-list"> <Container class="alert-list" title="报警列表" icon="cube">
<div class="alert-list__table" style=""> <div class="alert-list__table" style="">
<el-table <el-table
class="dark-table" class="dark-table"
@ -40,12 +41,12 @@ store.$subscribe((mutation, state) => {
<el-table-column <el-table-column
prop="eqName" prop="eqName"
label="设备名" label="设备名"
width="90" width="78"
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
prop="eqIndex" prop="eqIndex"
label="序号" label="序号"
width="60" width="56"
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
prop="alarmGrade" prop="alarmGrade"
@ -61,7 +62,7 @@ store.$subscribe((mutation, state) => {
</el-table> </el-table>
</div> </div>
<button class="alert-btn">忽略</button> <button class="alert-btn">忽略</button>
</div> </Container>
</div> </div>
</template> </template>
@ -109,12 +110,12 @@ store.$subscribe((mutation, state) => {
} }
.alert-list { .alert-list {
height: 100%; height: calc(100% - 56px);
width: 480px; width: 520px;
position: absolute; position: absolute;
top: 0; top: 15px;
right: 0; right: 32px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -122,7 +123,7 @@ store.$subscribe((mutation, state) => {
.alert-list__table { .alert-list__table {
height: calc(100% - 72px); height: calc(100% - 72px);
background: linear-gradient(to right, transparent, #0ba6ff80); /* background: linear-gradient(to right, transparent, #0ba6ff80); */
} }
.alert-list__table >>> .el-table__inner-wrapper::before { .alert-list__table >>> .el-table__inner-wrapper::before {
@ -137,6 +138,7 @@ button {
} }
.alert-btn { .alert-btn {
width: 100%;
height: 72px; height: 72px;
background: #0f04; background: #0f04;
color: #fff; color: #fff;