提取公共的表格样式 新增故障告警页面
This commit is contained in:
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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%;">
|
||||
|
@ -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℃</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℃</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℃</span></div>
|
||||
</div>
|
||||
|
Reference in New Issue
Block a user