xzzn/emsfront
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

设备监控标题样式统一

Browse Source
This commit is contained in:
白菜
2025-09-17 14:52:08 +08:00
parent 902e9a0a03
commit 36b1e19120
6 changed files with 158 additions and 160 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/views/ems/dzjk/sbjk/db/index.vue
View File

@ -2,15 +2,15 @@
<div v-loading="loading">
<el-card
shadow="always"
class="common-card-container"
class="sbjk-card-container"
:class="{
'zb-common-card-container':zbInfo.emsCommunicationStatus && zbInfo.emsCommunicationStatus !== '0',
'cnb-common-card-container':zbInfo.emsCommunicationStatus === '0'
'warning-card-container':zbInfo.emsCommunicationStatus && zbInfo.emsCommunicationStatus !== '0',
'running-card-container':zbInfo.emsCommunicationStatus === '0'
}"
>
<div slot="header">
<span class="large-title">1#{{ zbInfo.deviceName }}</span>
<div class="status">
<div class="info">
<div>
{{
$store.state.ems.communicationStatusOptions[
@ -38,16 +38,16 @@
</el-card>
<el-card
shadow="always"
class="common-card-container"
class="sbjk-card-container"
style="margin-top: 20px"
:class="{
'zb-common-card-container':zbInfo.emsCommunicationStatus && zbInfo.emsCommunicationStatus !== '0',
'cnb-common-card-container':zbInfo.emsCommunicationStatus === '0'
'warning-card-container':zbInfo.emsCommunicationStatus && zbInfo.emsCommunicationStatus !== '0',
'running-card-container':zbInfo.emsCommunicationStatus === '0'
}"
>
<div slot="header">
<span class="large-title">2#{{ cnbInfo.deviceName }}</span>
<div class="status">
<div class="info">
<div>
{{
$store.state.ems.communicationStatusOptions[
@ -137,12 +137,6 @@ export default {
<style scoped lang="scss">
.common-card-container {
::v-deep {
.el-card__header {
background-color: transparent;
padding: 10px 14px;
color: #ffffff;
position: relative;
}
.el-table__row td{
&:not(:first-child){
.cell{
@ -152,27 +146,5 @@ export default {
}
}
}
.zb-common-card-container{
::v-deep {
.el-card__header {
background-color: #fc6b69;
}
}
}
.cnb-common-card-container {
::v-deep {
.el-card__header {
background-color: #05aea3;
}
}
}
.status {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
color: #ffffff;
font-size: 12px;
line-height: 20px;
}
</style>