Merge branch 'develop' into single-develop
# Conflicts: # src/assets/styles/common.scss
This commit is contained in:
白菜
@ -9,53 +9,61 @@
|
||||
padding: 24px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
//除去顶部信息(如搜索栏、站点基本信息等)外的 白色背景内容区域
|
||||
.ems-content-container{
|
||||
.ems-content-container {
|
||||
background-color: #ffffff;
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
//需要设置内padding的白色背景区域
|
||||
.ems-content-container-padding{
|
||||
.ems-content-container-padding {
|
||||
padding: 24px;
|
||||
}
|
||||
|
||||
//card通用样式 标题、body
|
||||
.common-card-container{
|
||||
.el-card__header{
|
||||
padding:14px;
|
||||
border-bottom: none;
|
||||
font-size: 12px;
|
||||
background: #F1F5FB ;
|
||||
position: relative;
|
||||
.card-title{
|
||||
font-weight: 500;
|
||||
color:#333333;
|
||||
}
|
||||
.el-button--text{
|
||||
color: #666666;
|
||||
}
|
||||
.common-card-container {
|
||||
.el-card__header {
|
||||
padding: 14px;
|
||||
border-bottom: none;
|
||||
font-size: 12px;
|
||||
background: #F1F5FB;
|
||||
position: relative;
|
||||
|
||||
.card-title {
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
.common-card-container-body-no-padding{
|
||||
.el-card__body{
|
||||
padding:0;
|
||||
|
||||
.el-button--text {
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.common-card-container-body-no-padding {
|
||||
.el-card__body {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.common-card-container-no-title-bg {
|
||||
.el-card__header{
|
||||
background-color: transparent;
|
||||
}
|
||||
.el-card__header {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
//单站监控 设备监控card公共样式
|
||||
.sbjk-card-container{
|
||||
.sbjk-card-container {
|
||||
.el-card__header {
|
||||
background-color: transparent;
|
||||
padding: 5px 14px;
|
||||
color: #ffffff;
|
||||
position: relative;
|
||||
border-radius: 5px 5px 0 0;
|
||||
.large-title{
|
||||
|
||||
.large-title {
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
line-height: 40px;
|
||||
@ -63,6 +71,7 @@
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.info {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
@ -70,15 +79,18 @@
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.el-button--text{
|
||||
|
||||
.el-button--text {
|
||||
color: #666666;
|
||||
}
|
||||
.alarm{
|
||||
|
||||
.alarm {
|
||||
position: absolute;
|
||||
right: 25px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
.alarm-icon{
|
||||
|
||||
.alarm-icon {
|
||||
font-size: 22px;
|
||||
color: #fff;
|
||||
display: block;
|
||||
@ -86,18 +98,21 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//红色背景颜色标题
|
||||
&.warning-card-container{
|
||||
&.warning-card-container {
|
||||
.el-card__header {
|
||||
background-color: #fc6b69;
|
||||
background-color: #b64040; //#fc6b69;
|
||||
}
|
||||
}
|
||||
|
||||
//绿色背景颜色标题
|
||||
&.running-card-container {
|
||||
.el-card__header {
|
||||
background-color: #05aea3;
|
||||
background-color: #40b6a5; //#05aea3;
|
||||
}
|
||||
}
|
||||
|
||||
//灰色背景颜色标题
|
||||
&.timing-card-container {
|
||||
.el-card__header {
|
||||
@ -111,11 +126,13 @@
|
||||
&.common-card-container .el-card__header {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
|
||||
.time-range-header {
|
||||
height: 40px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.card-title {
|
||||
line-height: 40px;
|
||||
}
|
||||
@ -124,86 +141,100 @@
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//描述样式 PCS、BMS总览、BMS电池簇页面公共样式
|
||||
.descriptions-main{
|
||||
padding:24px;
|
||||
.descriptions-main {
|
||||
padding: 24px;
|
||||
position: relative;
|
||||
&.descriptions-main-bg-color{
|
||||
background-color:#f1f5fc ;
|
||||
.el-descriptions__body{
|
||||
background-color:#f1f5fc ;
|
||||
|
||||
&.descriptions-main-bg-color {
|
||||
background-color: #f1f5fc;
|
||||
|
||||
.el-descriptions__body {
|
||||
background-color: #f1f5fc;
|
||||
}
|
||||
}
|
||||
.el-descriptions-item__cell[colspan='1']{
|
||||
width:25%
|
||||
|
||||
.el-descriptions-item__cell[colspan='1'] {
|
||||
width: 25%
|
||||
}
|
||||
.el-descriptions__body .el-descriptions__table{
|
||||
.descriptions-direction{
|
||||
|
||||
.el-descriptions__body .el-descriptions__table {
|
||||
.descriptions-direction {
|
||||
line-height: 19px;
|
||||
color: #666666;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.descriptions-label{
|
||||
|
||||
.descriptions-label {
|
||||
line-height: 14px;
|
||||
color: #666666;
|
||||
font-size: 12px;
|
||||
}
|
||||
.danger{
|
||||
color:#FC6B69;
|
||||
|
||||
.danger {
|
||||
color: #FC6B69;
|
||||
}
|
||||
.save{
|
||||
color:#09ADA3;
|
||||
|
||||
.save {
|
||||
color: #09ADA3;
|
||||
}
|
||||
.keep{
|
||||
color:#3C81FF;
|
||||
|
||||
.keep {
|
||||
color: #3C81FF;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//电表、液冷公共样式
|
||||
.device-info-row{
|
||||
.device-info-row {
|
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||||
border-left: 1px solid #eee;
|
||||
border-top: 1px solid #eee;
|
||||
.device-info-col{
|
||||
|
||||
.device-info-col {
|
||||
padding: 10px 0;
|
||||
text-align: center;
|
||||
font-size:12px;
|
||||
color:#666666;
|
||||
font-size: 12px;
|
||||
color: #666666;
|
||||
line-height: 14px;
|
||||
border-bottom: 1px solid #eee;
|
||||
border-right: 1px solid #eee;
|
||||
.left{
|
||||
|
||||
.left {
|
||||
}
|
||||
.right{
|
||||
|
||||
.right {
|
||||
display: block;
|
||||
font-weight: 500;
|
||||
font-size:16px;
|
||||
font-size: 16px;
|
||||
line-height: 18px;
|
||||
margin-top:10px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//公共表格样式
|
||||
.el-table{
|
||||
font-size:13px;
|
||||
.el-table {
|
||||
font-size: 13px;
|
||||
}
|
||||
.common-table.el-table{
|
||||
color:#333333;
|
||||
|
||||
.common-table.el-table {
|
||||
color: #333333;
|
||||
|
||||
.el-table__header-wrapper th, .el-table__fixed-header-wrapper th {
|
||||
background: #f1f5fc;
|
||||
border-bottom: none;
|
||||
|
||||
.table-head {
|
||||
color: #515a6e;
|
||||
}
|
||||
}
|
||||
.warning-status{
|
||||
color:#FC6B69;
|
||||
|
||||
.warning-status {
|
||||
color: #FC6B69;
|
||||
|
||||
&.circle::before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
@ -217,25 +248,30 @@
|
||||
}
|
||||
|
||||
//二、三级菜单栏样式
|
||||
.ems-second-menu{
|
||||
width:fit-content;
|
||||
.el-menu-item{
|
||||
.ems-second-menu {
|
||||
width: fit-content;
|
||||
|
||||
.el-menu-item {
|
||||
line-height: 40px;
|
||||
height: 40px;
|
||||
padding:0;
|
||||
padding: 0;
|
||||
}
|
||||
&.el-menu--horizontal > .el-menu-item.is-active,&.el-menu--horizontal > .el-menu-item{
|
||||
border-bottom:none!important;
|
||||
|
||||
&.el-menu--horizontal > .el-menu-item.is-active, &.el-menu--horizontal > .el-menu-item {
|
||||
border-bottom: none !important;
|
||||
}
|
||||
.el-menu-item.is-active{
|
||||
background: #0366c1!important;
|
||||
|
||||
.el-menu-item.is-active {
|
||||
background: #0366c1 !important;
|
||||
}
|
||||
}
|
||||
.ems-third-menu-container{
|
||||
|
||||
.ems-third-menu-container {
|
||||
position: relative;
|
||||
padding-left: 160px;
|
||||
background-color: #ffffff;
|
||||
.ems-third-menu{
|
||||
|
||||
.ems-third-menu {
|
||||
border-right: none;
|
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||||
height: fit-content;
|
||||
@ -249,22 +285,23 @@
|
||||
width: 125px;
|
||||
text-align: center;
|
||||
}
|
||||
.el-menu-item:hover{
|
||||
background: #67b1ff!important;
|
||||
color:#ffffff!important;
|
||||
|
||||
.el-menu-item:hover {
|
||||
background: #67b1ff !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
.el-menu-item.is-active{
|
||||
background: #409eff!important;
|
||||
|
||||
.el-menu-item.is-active {
|
||||
background: #409eff !important;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
//按钮栏 选中样式
|
||||
.ems-btns-group{
|
||||
.activeBtn{
|
||||
.ems-btns-group {
|
||||
.activeBtn {
|
||||
background-color: #0366c1;
|
||||
border-color: #0366c1;
|
||||
color: #ffffff;
|
||||
@ -273,11 +310,12 @@
|
||||
}
|
||||
|
||||
//搜索栏样式
|
||||
.select-container.el-form--inline .el-form-item{
|
||||
.select-container.el-form--inline .el-form-item {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
//红色背景颜色按钮
|
||||
.alarm-btn,.alarm-btn:hover, .alarm-btn:focus{
|
||||
.alarm-btn, .alarm-btn:hover, .alarm-btn:focus {
|
||||
background-color: #FC6B69;
|
||||
border-color: #FC6B69;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user