smart-grp-nof-web/src/assets/style/public-class.scss

@import 'public';

// 补丁 base
@import '~@/assets/style/fixed/base.scss';
// 补丁 element
@import '~@/assets/style/fixed/element.scss';
// 补丁 markdown
@import '~@/assets/style/fixed/markdown.scss';
// 补丁 n-progress
@import '~@/assets/style/fixed/n-progress.scss';
// 补丁 vue-splitpane
@import '~@/assets/style/fixed/vue-splitpane.scss';
// 补丁 vue-grid-layout
@import '~@/assets/style/fixed/vue-grid-layout.scss';
// 补丁 tree-view
@import '~@/assets/style/fixed/tree-view.scss';

// 动画
@import '~@/assets/style/animate/vue-transition.scss';

// 在这里写公用的class
// 注意 这个文件里只写class
// mixin等内容请在 public.scss 里书写

// 文字相关
.#{$prefix}-text-center {
  text-align: center;
}

// 浮动相关
.#{$prefix}-fl {
  float: left;
}
.#{$prefix}-fr {
  float: right;
}

// 边距相关
$sizes: (0, 5, 10, 15, 20);

@for $index from 1 to 6 {
  .#{$prefix}-m-#{nth($sizes, $index)} { margin: #{nth($sizes, $index)}px !important; }
  .#{$prefix}-mt-#{nth($sizes, $index)} { margin-top: #{nth($sizes, $index)}px !important; }
  .#{$prefix}-mr-#{nth($sizes, $index)} { margin-right: #{nth($sizes, $index)}px !important; }
  .#{$prefix}-mb-#{nth($sizes, $index)} { margin-bottom: #{nth($sizes, $index)}px !important; }
  .#{$prefix}-ml-#{nth($sizes, $index)} { margin-left: #{nth($sizes, $index)}px !important; }

  .#{$prefix}-p-#{nth($sizes, $index)} { padding: #{nth($sizes, $index)}px !important; }
  .#{$prefix}-pt-#{nth($sizes, $index)} { padding-top: #{nth($sizes, $index)}px !important; }
  .#{$prefix}-pr-#{nth($sizes, $index)} { padding-right: #{nth($sizes, $index)}px !important; }
  .#{$prefix}-pb-#{nth($sizes, $index)} { padding-bottom: #{nth($sizes, $index)}px !important; }
  .#{$prefix}-pl-#{nth($sizes, $index)} { padding-left: #{nth($sizes, $index)}px !important; }
}

// 快速使用

.#{$prefix}-m { margin: 20px !important; }
.#{$prefix}-mt { margin-top: 20px !important; }
.#{$prefix}-mr { margin-right: 20px !important; }
.#{$prefix}-mb { margin-bottom: 20px !important; }
.#{$prefix}-ml { margin-left: 20px !important; }

.#{$prefix}-p { padding: 20px !important; }
.#{$prefix}-pt { padding-top: 20px !important; }
.#{$prefix}-pr { padding-right: 20px !important; }
.#{$prefix}-pb { padding-bottom: 20px !important; }
.#{$prefix}-pl { padding-left: 20px !important; }
//左侧菜单样式
.main{
  .left {
    width: 280px;
    // height:100%;
    // min-height:922px;
    height: calc(100vh - 110px);

    overflow-y: auto;
    background: #fff;
  }
}

.el-tree-node{
  // background: #163d79;
  // color:#fff;
  font-size:12px;
}

//鼠标移到每行时的背景色
// .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{
//   background:hsl(204, 66%, 23%) !important;
// }
// //头部导航一级菜单的样式
.theme-d2 .d2-theme-header .el-menu .el-menu-item{
  // border-right:linear-gradient(#193a6d, #487B98 20%,#193a6d 80%) !important;
  border-right:linear-gradient(red yellow) !important;
}
// 去除二级子菜单的上下padding
.el-menu--horizontal .el-menu--popup {
  padding: 0;
}
.el-menu--horizontal .el-menu {
  // 设置子菜单四周上左和右下的阴影
  box-shadow: 2px 2px 2px 1px rgba(228, 231, 235, 0.2),-2px -2px 2px 1px rgba(228, 231, 235, 0.2);
  border-radius: 2px;
  background-color: transparent;
}
//头部导航二级菜单选中后整体的背景色
.el-menu--horizontal .el-menu .el-menu-item{
  background:#fff !important;
  // border:1px solid #346ebd;
  text-align: center;
}
//头部导航二级菜单选中后每个的背景色
.theme-d2 .el-menu--horizontal .el-menu-item:not(.is-disabled):hover{
  // background:rgb(23, 105, 66) !important;
  // color: #fff !important;
}
.el-menu--horizontal .el-menu--collapse .el-menu .el-submenu, .el-menu--popup {
  min-width: 142px !important;
}
.el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title {
  color: #fff !important;
}
.el-submenu.is-active {
  color: #fff;
}
.el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title {
  color: #fff !important;
}
.el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-submenu.is-active {
  background-color:rgb(23, 105, 66)   ;
}


//头部导航仓房展示icon的大小
.fa-university{
  font-size:13px !important;
}
// .theme-d2 .d2-theme-header .el-menu .el-submenu.is-active .el-submenu__title{
//   background: #0068a0 !important;
//   color:#fff !important;
// }

//主体内容样式
.right_main {
  // border: 1px solid #67a7df;
  background: #fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  // margin-top: 10px;
  .right_title {
    // color: #fff;
    // border-bottom: 1px solid #67a7df;
    padding: 10px;
    font-size: 14px;
    margin-bottom: 10px;
  }
  .right_table {
    padding: 20px;
  }
}
//分页整体样式
.el-pagination {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
}
.el-pagination .el-icon-arrow-right:before{
  color:#303133
}
.el-pagination button:disabled>.el-icon-arrow-right:before{
  color:#C0C4CC
}
//分页总共几页样式
// .el-pagination__total {
//   color: #fff !important;
// }
// //label样式
// #formLabel .el-form-item__label {
//   color: #fff;
// }
// // 分页跳转颜色
// .el-pagination .el-pagination__jump {
//   color: #fff;
// }
// // 弹窗关闭icon颜色
// .el-dialog .el-dialog__headerbtn .el-dialog__close {
// color: #fff;
// }
//树形节点选中后的颜色
.el-tree-node:focus > .el-tree-node__content {
  // background-color: #0064b9 !important;
  // border-radius: 20px;
}
//树形节点鼠标移上去的颜色
.el-tree-node__content:hover {
  background-color: #91a8bc !important;
}
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{
  // background-color: #0064b9 !important;
  // border-radius: 20px;
}
//table border

// .el-table td,
// .el-table th.is-leaf,
// .el-table-border,
// .el-table--group {
//   border-color: #67a7df !important;
// }
// .el-table th.el-table_cell.is-leaf {
//   border: #67a7df !important;
// }
// .el-table tr {
//   background: #00375e !important;
// }

// .el-table--border {
//   border-color: #67a7df ;
  
// }
//鼠标移到每行时的背景色
// .el-table__body tr.hover-row.current-row>td.el-table__cell,
// .el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,
// .el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,
// .el-table__body tr.hover-row>td.el-table__cell{
//   background:hsl(204, 66%, 23%) !important;
// }
//弹框样式
#dialogStyle .el-dialog{
  // background: #092a51;
}
#dialogStyle .el-dialog__header{
  background:rgba(233, 244, 243, 0.5);
  padding: 10px;
  .el-dialog__title{
    color: #008775;
    font-size: 16px ;
    font-weight: bold;
  }
  .el-dialog__headerbtn{
    top: 15px;
  }
}
#dialogStyle .el-dialog__title,#dialogStyle .el-form-item__label{
  // color:#9bbbe3;
  // color:#fff;
}
// #dialogStyle .el-input__inner{
//   background:#1d3b6b;
//   border:1px solid #345684;
//   opacity: 12.5;
// }
// #switchLabel .el-switch__label{
//   color:#fff;
// }
// switch按钮样式
// #switchBtn .el-switch__label{
//   position:absolute;
//   display:none;
//   color:#fff !important;
// }
// 打开时文字位置设置
// #switchBtn .el-switch__label--right{
//   z-index:1;
// }
// // 调整打开时文字的显示位置
// #switchBtn .el-switch__label--right span{
//   margin-right:9px;
// }
// 关闭时文字位置设置
// #switchBtn .el-switch__label--left{
//   z-index:1;
// }
// // 调整关闭时文字的显示位置
// #switchBtn .el-switch__label--left span{
//   margin-right:9px;
// }

// 显示文字
// #switchBtn .el-switch__label.is-active{
//   display:block;
// }
// //调整按钮的宽度
// #switchBtn.el-switch .el-switch_core,.el-switch .el-switch__label{
//   width:70px !important;
//   margin:0;

// }

.el-button--text {
  // color: #fff !important;
}
// 编辑按钮
.main #formLabel .editBtn {
  border: 1px solid #cefafe;
  padding: 5px 3px;
  color: #cefafe;
  background: #142f66;
}
/* .el-button--text:focus, .el-button--text:hover {
  background: #0064b9 !important;
} */
// 详情按钮
button.el-button.el-button--detailbtn.el-button--mini{
  border: 1px solid #aee9fb;
  color: #aee9fb;
  padding: 5px 8px;
  background-color: #142f66;
  &:hover{
  background-color: #142f66;
  }
}
// 编辑按钮
button.el-button.el-button--editbtn.el-button--mini{
  border: 1px solid #aee9fb;
  color: #aee9fb;
  padding: 5px 8px;
  background-color: #142f66;
  &:hover{
  background-color: #142f66;
  }
}
// 删除按钮
button.el-button.el-button--delebtn.el-button--mini{
  border: 1px solid #aee9fb;
  color: #aee9fb;
  padding: 5px 8px;
  background-color: #142f66;
  &:hover{
  background-color: #142f66;
  }
}
// table  表格展开图标颜色
.el-icon-arrow-right {
  // color: #fff;
}
.d2-theme-header-menu{

  .is-opened{
    .el-menu-item:hover{
      background-color: red !important;
    }
  }
}
//主体内容
// .ztnr{
//   padding-left: 10px;
// }
.el-button--primary{
  background-color: #008775 !important;
  border-color: #008775 !important;
}
.el-button--primary.is-plain{
  color: #008775 !important;
  background: rgba(7, 115, 94, 0.07) !important;
  border: 1px solid #008775;
  border-radius: 4px;
}
.el-button--primary.is-plain:focus, .el-button--primary.is-plain:hover{
  color: #fff !important;
  background-color: #008775 !important;

}
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
  background-color: #008775 !important;
  border-color: #008775 !important;
}
.main .zt_right{
  background-color: #fff;
}