gonghao
/
local_alert
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

调整表格首行固定，调整间距

This commit is contained in:
龚皓 2024-10-18 14:36:32 +08:00
parent 54b27e0816
commit 9ab1442d10
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/html/AlertManagement.vue
View File

@ -14,9 +14,9 @@
</span>
</el-row>
<el-row class="table-row">
<el-col :span="24">
<el-col :span="24" class="table-col">
<div class="table-container">
<el-table :data="tableData" style="width:100%; height: 100%;" header-row-class-name="table-header" :fit="true">
<el-table :data="tableData" header-row-class-name="table-header" :fit="true" height="580">
<el-table-column prop="id" label="告警编号" min-width="100"></el-table-column>
<el-table-column label="告警类型" min-width="150">
<template v-slot="scope">
@ -305,9 +305,9 @@ onMounted(async () => {
}
.table-container {
width: 100%;
height: 620px;
min-height: 60%;
max-width: 100%;
/* min-height: 50vh; */
/* max-height: 70vh; */
overflow-x: auto;
}
@ -343,6 +343,10 @@ onMounted(async () => {
padding: 10px;
}
.table-col{
max-height:100%;
}
.video-item video,
.image-item img {
width: 100%;
@ -360,8 +364,9 @@ onMounted(async () => {
.pagination-container {
display: flex;
justify-content: flex-end;
justify-content: flex-start;
background-color: #e8e9e4;
padding-left: 20px;
}
::v-deep .pagination-container .el-pagination__total,