提取公共的表格样式 新增故障告警页面

This commit is contained in:
白菜
2025-06-23 13:56:43 +08:00
parent 02d3ab04bb
commit 282568273d
8 changed files with 217 additions and 76 deletions

View File

@ -25,12 +25,12 @@
</div>
</div>
</el-card>
<div class="table-container">
<el-table
<el-table
class="common-table"
:data="tableData"
stripe
max-height="500"
style="width: 100%">
style="width: 100%;margin-top:25px;">
<el-table-column
prop="name"
width="190"
@ -84,7 +84,6 @@
</el-table-column>
</el-table>
</div>
</div>
</template>
@ -158,20 +157,4 @@ export default {
}
}
//表格样式
.table-container{
margin-top:25px;
::v-deep{
.el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th{
border-bottom: none;
}
.el-table .el-table__header-wrapper th{
background-color: #f1f5fc;
}
.table-head{
color:#515a6e;
}
}
}
</style>

View File

@ -25,11 +25,11 @@
</div>
</div>
</el-card>
<div class="table-container">
<el-table
<el-table
class="common-table"
:data="tableData"
stripe
style="width: 100%;">
style="width: 100%;margin-top:25px;">
<el-table-column
prop=""
label="名称">
@ -58,8 +58,7 @@
prop="maxID"
label="单体最大值ID">
</el-table-column>
</el-table>
</div>
</el-table>
</div>
</template>
@ -138,16 +137,4 @@ export default {
}
}
//表格样式
.table-container{
margin-top:25px;
::v-deep{
.el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th{
border-bottom: none;
}
.table-head{
color:#515a6e;
}
}
}
</style>

View File

@ -10,7 +10,8 @@
</div>
</div>
<el-table
:data="zbTableData"
class="common-table"
:data="zbTableData"
stripe
style="width: 100%;">
<el-table-column
@ -49,6 +50,7 @@
</div>
</div>
<el-table
class="common-table"
:data="cnbTableData"
stripe
style="width: 100%;">

View File

@ -16,7 +16,7 @@
<div class="yl-item-container yl-warn-item-container">
<div class="header">
<div class="header-title">1#液冷</div>
<div class="header-title">2#液冷</div>
<div>工作模式<span class="header-values">运行</span></div>
<div>当前温度<span class="header-values">12&#8451;</span></div>
</div>
@ -28,7 +28,7 @@
</div>
<div class="yl-item-container">
<div class="header">
<div class="header-title">1#液冷</div>
<div class="header-title">3#液冷</div>
<div>工作模式<span class="header-values">运行</span></div>
<div>当前温度<span class="header-values">12&#8451;</span></div>
</div>
@ -41,7 +41,7 @@
<div class="yl-item-container yl-warn-item-container">
<div class="header">
<div class="header-title">1#液冷</div>
<div class="header-title">4#液冷</div>
<div>工作模式<span class="header-values">运行</span></div>
<div>当前温度<span class="header-values">12&#8451;</span></div>
</div>