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