2648 lines
63 KiB
CSS
2648 lines
63 KiB
CSS
body {
|
|
background: #f9fafe;
|
|
font-size: 14px;
|
|
color: #333;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
a,a:visited,a:active{
|
|
color: #004098;
|
|
text-decoration: underline;
|
|
cursor: pointer;
|
|
}
|
|
a:hover{
|
|
color: #1890FF;
|
|
}
|
|
*{
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
ul , li,ol{
|
|
list-style: none;
|
|
}
|
|
input,textarea{
|
|
outline: none;
|
|
}
|
|
::-webkit-scrollbar,
|
|
::-webkit-scrollbar{
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
::-webkit-scrollbar-track-piece,
|
|
::-webkit-scrollbar-track-piece{
|
|
background-color: transparent;
|
|
border-radius: 4px;
|
|
}
|
|
::-webkit-scrollbar-thumb,
|
|
::-webkit-scrollbar-thumb{
|
|
cursor: pointer;
|
|
background-color:#dedfe1;
|
|
border-radius: 4px;
|
|
}
|
|
::-webkit-scrollbar-thumb:hover,
|
|
::-webkit-scrollbar-thumb:hover{
|
|
cursor: pointer;
|
|
background-color:#c8c9cc;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
/*font-color 文字颜色*/
|
|
.red {
|
|
color: #F5222D !important;
|
|
}
|
|
.green {
|
|
color: #52C41A !important;
|
|
}
|
|
.blue {
|
|
color: #1890FF !important;
|
|
}
|
|
.blue-primary {
|
|
color: #004098 !important;
|
|
}
|
|
.orange {
|
|
color: #FF8A0E !important;
|
|
}
|
|
.yellow {
|
|
color: #eeaf12 !important;
|
|
}
|
|
.gray {
|
|
color: #AEAEAE !important;
|
|
}
|
|
|
|
/* sidebar-container 左侧菜单*/
|
|
body #app .hideSidebar .sidebar-container {
|
|
width: 65px !important;
|
|
}
|
|
body #app .openSidebar .sidebar-container {
|
|
width:180px !important;
|
|
}
|
|
body #app .sidebar-container .nest-menu .el-sub-menu>.el-sub-menu__title,
|
|
body #app .sidebar-container .el-sub-menu .el-menu-item {
|
|
min-width: 180px!important;
|
|
}
|
|
body #app .sidebar-container .scrollbar-wrapper {
|
|
padding-bottom: 95px;
|
|
}
|
|
body #app .app-wrapper .sidebar-container{
|
|
background: #fff !important;
|
|
box-shadow: 0px 0px 5px rgb(0 0 0 / 20%) !important;
|
|
}
|
|
body #app .app-wrapper .sidebar-container .sidebar-logo-container{
|
|
background: #fff !important;
|
|
height: 57px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 17px 0;
|
|
}
|
|
body #app .hideSidebar .sidebar-container .sidebar-logo-container{
|
|
border-bottom: 1px solid #f5f5f5;
|
|
}
|
|
body #app .app-wrapper .sidebar-container .sidebar-logo-container *{
|
|
color:#004098 !important;
|
|
}
|
|
body #app .app-wrapper .sidebar-container .sidebar-logo-container .sidebar-logo{
|
|
width: 23px !important;
|
|
height: 23px !important;
|
|
margin: 0 5px 0 0 !important;
|
|
}
|
|
body #app .app-wrapper .sidebar-container .sidebar-logo-container .sidebar-title{
|
|
line-height: 23px;
|
|
}
|
|
body #app .app-wrapper .sidebar-container .sidebar-logo-container .sidebar-logo-link{
|
|
height: 32px;
|
|
line-height: 32px;
|
|
}
|
|
body #app .hideSidebar .sidebar-container .sidebar-logo-container{
|
|
padding: 10px 0;
|
|
}
|
|
body #app .hideSidebar .sidebar-container .sidebar-logo-container .sidebar-logo-link{
|
|
width:37px;
|
|
height: 37px;
|
|
}
|
|
body #app .hideSidebar .sidebar-container .sidebar-logo-container .sidebar-logo-link .sidebar-logo{
|
|
width: 37px !important;
|
|
height: 37px !important;
|
|
margin: 0 !important;
|
|
}
|
|
body #app .app-wrapper .sidebar-container .el-scrollbar{
|
|
background:#fff !important;
|
|
}
|
|
body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu{
|
|
background:#fff !important;
|
|
}
|
|
body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-menu-item{
|
|
background: #fff !important;
|
|
color: #333 !important;
|
|
font-size: 14px;
|
|
position:relative;
|
|
}
|
|
body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-menu-item .svg-icon{
|
|
font-size: 14px;
|
|
}
|
|
body #app .hideSidebar .sidebar-container .el-scrollbar .el-menu .el-menu-item .el-menu-tooltip__trigger{
|
|
text-align: center;
|
|
}
|
|
body #app .hideSidebar .sidebar-container .el-scrollbar .el-menu .el-menu-item .svg-icon{
|
|
font-size: 18px;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
body #app .hideSidebar .submenu-title-noDropdown .el-tooltip {
|
|
text-align: center;
|
|
}
|
|
body #app .hideSidebar .el-submenu>.el-submenu__title{
|
|
text-align: center;
|
|
}
|
|
body #app .hideSidebar .el-sub-menu>.el-sub-menu__title .svg-icon{
|
|
width: 18px;
|
|
height: 18px;
|
|
margin: 0 auto;
|
|
}
|
|
body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .nest-menu .svg-icon{
|
|
display: none;
|
|
}
|
|
body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .nest-menu .el-menu-item{
|
|
padding-left: 42px;
|
|
}
|
|
body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .nest-menu .nest-menu .el-menu-item{
|
|
font-size: 12px;
|
|
padding-left: 60px;
|
|
}
|
|
body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-menu-item.is-active,
|
|
body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-menu-item:hover{
|
|
color:#004098 !important;
|
|
}
|
|
body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-menu-item.is-active{
|
|
background: #E6F7FF !important;
|
|
}
|
|
body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-menu-item.is-active:before{
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
right: 0;
|
|
width: 3px;
|
|
height: 100%;
|
|
background: #004098;
|
|
top: 0;
|
|
left: auto;
|
|
}
|
|
body #app .app-wrapper .sidebar-container .svg-icon {
|
|
margin-right: 8px;
|
|
}
|
|
body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-menu-item,
|
|
body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu__title{
|
|
height: 50px;
|
|
line-height: 50px;
|
|
}
|
|
body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu{
|
|
background: #fff !important;
|
|
}
|
|
body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu .el-submenu__title{
|
|
background: #fff !important;
|
|
color: #5F5E5E !important;
|
|
font-size: 14px;
|
|
}
|
|
body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu .el-submenu__title:hover,
|
|
body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu.is-opened .el-submenu__title{
|
|
color:#004098 !important;
|
|
}
|
|
body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu .el-submenu__title .svg-icon{
|
|
font-size: 14px;
|
|
}
|
|
body #app .hideSidebar .sidebar-container .el-scrollbar .el-menu .el-submenu>.el-submenu__title .svg-icon{
|
|
font-size: 18px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu .el-menu{
|
|
background: #fff !important;
|
|
}
|
|
body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu .el-menu .el-menu-item{
|
|
background: #fff !important;
|
|
color: #5F5E5E !important;
|
|
font-size: 14px;
|
|
padding: 0 20px 0 48px !important;
|
|
}
|
|
body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu .el-menu .el-menu-item .svg-icon{
|
|
display:none;
|
|
}
|
|
body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu .el-menu .el-menu-item.is-active,
|
|
body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu .el-menu .el-menu-item:hover{
|
|
color:#004098 !important;
|
|
}
|
|
body #app .app-wrapper .sidebar-container .el-scrollbar .el-menu .el-submenu .el-menu .el-menu-item.is-active{
|
|
background: #e6e7ff !important;
|
|
}
|
|
body #app .sidebar-container .theme-dark .nest-menu .el-sub-menu>.el-sub-menu__title{
|
|
background-color: #fff !important;
|
|
}
|
|
body #app .sidebar-container .theme-dark .nest-menu .el-sub-menu>.el-sub-menu__title:hover,
|
|
body #app .sidebar-container .theme-dark .el-menu-item:hover {
|
|
background-color: #fff !important;
|
|
}
|
|
body .hideSidebar .el-submenu__title i.icon-jianyanjihua{
|
|
padding: 0 0 0 7px;
|
|
font-size: 26px;
|
|
}
|
|
body .hideSidebar .el-submenu__title i.icon-xiangmuguanli{
|
|
font-size: 28px;
|
|
}
|
|
body .hideSidebar .el-submenu__title i.icon-zhengtitubiaosvg_lishijiankong{
|
|
font-size: 29px;
|
|
}
|
|
body .hideSidebar .el-submenu__title i.icon-xitongguanli{
|
|
font-size: 26px;
|
|
}
|
|
body .hideSidebar .el-submenu__title i.icon-xitongjiankong{
|
|
font-size: 29px;
|
|
}
|
|
body .hideSidebar .el-submenu__title i.el-icon-setting{
|
|
font-size:28px;
|
|
}
|
|
body .hideSidebar .el-submenu__title i.el-icon-notebook-1{
|
|
font-size:27px;
|
|
}
|
|
body .hideSidebar .el-menu-item i.icon-shouye{
|
|
font-size:28px;
|
|
}
|
|
body #app .sidebar-container .theme-dark .el-sub-menu__title{
|
|
background: #fff !important;
|
|
color: #333 !important;
|
|
}
|
|
body #app .sidebar-container .theme-dark .el-sub-menu__title:hover{
|
|
background: #fff !important;
|
|
color: #004098 !important;
|
|
}
|
|
body #app .sidebar-container .theme-dark .is-active>.el-sub-menu__title{
|
|
color: #004098 !important;
|
|
}
|
|
body .el-menu .el-menu-item>i ,
|
|
body .el-submenu__title i {
|
|
color: #5F5E5E;
|
|
vertical-align: middle;
|
|
margin-right: 5px;
|
|
width: 24px;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
display: inline-block;
|
|
line-height: 21px;
|
|
height: 21px;
|
|
}
|
|
body .el-submenu__title i.icon-zhiliang-xianxing{
|
|
font-size: 23px;
|
|
text-align: left;
|
|
}
|
|
body .el-submenu__title i.icon-jianyanjihua{
|
|
padding: 0 0 0 3px;
|
|
}
|
|
body .el-menu-item i.icon-zhiliang-xianxing{
|
|
font-size: 21px;
|
|
}
|
|
body .el-submenu__title:hover i,
|
|
body .el-submenu.is-opened .el-submenu__title i,
|
|
body .el-menu .el-menu-item:hover>i,
|
|
body .el-menu .el-menu-item.is-active>i{
|
|
color:#004098;
|
|
}
|
|
body .el-submenu__title i.el-submenu__icon-arrow,
|
|
body .el-submenu__title:hover i.el-submenu__icon-arrow{
|
|
color: #909399;
|
|
font-size: 12px;
|
|
margin: 0;
|
|
width: auto;
|
|
height: auto;
|
|
display: inherit;
|
|
top: calc(50% - 9px);
|
|
}
|
|
body .hideSidebar .el-menu .el-menu-item>div>i ,
|
|
body .hideSidebar .el-submenu__title i {
|
|
color: #5F5E5E;
|
|
vertical-align: middle;
|
|
margin: 0;
|
|
width: 65px;
|
|
text-align: center;
|
|
font-size: 30px;
|
|
display: inline-block;
|
|
line-height: 34px;
|
|
height: 34px;
|
|
box-sizing: border-box;
|
|
padding: 0;
|
|
}
|
|
body .hideSidebar .el-submenu__title i.icon-zhiliang-xianxing{
|
|
padding: 0 0px 0 0;
|
|
text-align: center;
|
|
font-size: 32px;
|
|
}
|
|
body #app .sidebar-container .el-submenu .el-menu-item,
|
|
body #app .sidebar-container .nest-menu .el-submenu>.el-submenu__title {
|
|
min-width: 180px!important;
|
|
}
|
|
|
|
/*main-container 右侧内容*/
|
|
body #app .hideSidebar .main-container {
|
|
margin-left: 65px;
|
|
}
|
|
body #app .main-container {
|
|
margin-left: 180px;
|
|
background:#f9fafe;
|
|
background-size:100%;
|
|
}
|
|
body #app .main-container .app-main{
|
|
background: #f9fafe;
|
|
}
|
|
body #app .main-container .app-main>.dashboard-editor-container{
|
|
background: #f9fafe;
|
|
padding: 20px;
|
|
}
|
|
body #app .main-container .app-main>.dashboard-editor-container>.panel-group{
|
|
margin-top: 0 !important;
|
|
}
|
|
body #app .main-container .app-main>.app-container,
|
|
body .app-container {
|
|
padding: 20px;
|
|
}
|
|
body #app .main-container .app-main>.p-2{
|
|
padding: 16px;
|
|
}
|
|
|
|
/*el-breadcrumb 面包屑*/
|
|
body #app .main-container .el-breadcrumb{
|
|
line-height: 40px;
|
|
margin: 0 40px 0 40px;
|
|
display: block;
|
|
font-size: 14px;
|
|
}
|
|
body #app .main-container .el-breadcrumb .float-right{
|
|
color: #666;
|
|
}
|
|
body #app .main-container .app-breadcrumb.el-breadcrumb .no-redirect{
|
|
color: #a4a4a4 !important;
|
|
}
|
|
body #app .main-container .app-breadcrumb.el-breadcrumb .el-breadcrumb__inner {
|
|
color: #141414 !important;
|
|
}
|
|
body #app .main-container .app-breadcrumb.el-breadcrumb .el-breadcrumb__inner:hover,
|
|
body #app .main-container .app-breadcrumb.el-breadcrumb .el-breadcrumb__inner:hover a,
|
|
body #app .main-container .app-breadcrumb.el-breadcrumb .el-breadcrumb__inner a:hover{
|
|
color:#004098 !important;
|
|
}
|
|
|
|
/*hamburger-container 展开折叠菜单按钮*/
|
|
body #app .app-wrapper .main-container .navbar .hamburger-container{
|
|
padding: 0px 15px;
|
|
position: fixed;
|
|
z-index: 1001;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 180px;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
text-align: right;
|
|
color:#5F5E5E !important;
|
|
font-size:22px !important;
|
|
background:#fff;
|
|
transition: width .28s;
|
|
}
|
|
body #app .app-wrapper.hideSidebar .navbar .hamburger-container{
|
|
width: 65px;
|
|
height: 50px;
|
|
text-align: center;
|
|
}
|
|
body #app .main-container .navbar .hamburger-container *{
|
|
color:#5F5E5E !important;
|
|
font-size:22px !important;
|
|
}
|
|
|
|
/*navbar 顶部导航*/
|
|
body #app .main-container .navbar{
|
|
background: #fff !important;
|
|
box-shadow: none !important;
|
|
height: 57px !important;
|
|
padding: 8px 0 8px 0 !important;
|
|
position: relative;
|
|
border-bottom: 1px solid rgba(0 0 0 / 5%);
|
|
box-sizing: border-box;
|
|
}
|
|
body #app .main-container .navbar .big-title{
|
|
color: #004098 !important;
|
|
font-size: 26px;
|
|
margin: 0 0 0 40px;
|
|
display: inline-block;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
}
|
|
body #app .main-container .navbar .right-menu{
|
|
height: 40px;
|
|
line-height: 40px;
|
|
margin: 0;
|
|
position: absolute;
|
|
float: inherit;
|
|
top: 8px;
|
|
right: 16px;
|
|
}
|
|
body #app .main-container .navbar .right-menu>.el-select{
|
|
margin-right: 15px;
|
|
}
|
|
body #app .main-container .navbar .right-menu>.el-select .el-input>.el-input__wrapper{
|
|
background: #f9fafe;
|
|
box-shadow: 0 0 0 1px #f9fafe inset !important;
|
|
}
|
|
body #app .main-container .navbar .right-menu>.el-select .el-input.is-focus>.el-input__wrapper{
|
|
box-shadow: 0 0 0 1px #f9fafe inset !important;
|
|
}
|
|
body #app .main-container .navbar .right-menu>.el-select .el-input>.el-input__wrapper .el-input__prefix,
|
|
body #app .main-container .navbar .right-menu>.el-select .el-input>.el-input__wrapper .el-input__suffix,
|
|
body #app .main-container .navbar .right-menu>.el-select .el-input>.el-input__wrapper .el-select__caret{
|
|
color: #333 !important;
|
|
}
|
|
body #app .main-container .navbar .right-menu>.el-select .el-input>.el-input__wrapper>.el-input__inner{
|
|
color: #333;
|
|
}
|
|
body #app .main-container .navbar .right-menu>.el-select .el-input>.el-input__wrapper>.el-input__inner::placeholder {
|
|
color: #333 !important;
|
|
}
|
|
body #app .main-container .navbar .right-menu>.el-select .el-input>.el-input__wrapper>.el-input__inner::-webkit-input-placeholder {
|
|
color: #333 !important;
|
|
}
|
|
body #app .main-container .navbar .right-menu>.el-select .el-input>.el-input__wrapper>.el-input__inner::-moz-placeholder {
|
|
color: #333 !important;
|
|
}
|
|
body #app .main-container .navbar .right-menu>.el-select .el-input>.el-input__wrapper>.el-input__inner:-ms-input-placeholder{
|
|
color: #333 !important;
|
|
}
|
|
body #app .main-container .navbar .right-menu>.el-tooltip__trigger{
|
|
margin-right: 15px;
|
|
background: #E6F7FF;
|
|
width: 30px;
|
|
text-align: center;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
border-radius: 100%;
|
|
color: #004098 !important;
|
|
font-size: 18px;
|
|
}
|
|
body #app .main-container .navbar .right-menu>.el-tooltip__trigger+.el-icon{
|
|
margin-right: 5px;
|
|
}
|
|
body #app .main-container .navbar .right-menu .el-input-group{
|
|
width: 248px;
|
|
}
|
|
body #app .main-container .navbar .right-menu .el-dropdown,
|
|
body #app .main-container .navbar .right-menu .el-dropdown{
|
|
background: transparent;
|
|
float: left;
|
|
margin-right: 20px;
|
|
}
|
|
body #app .main-container .navbar .right-menu .el-dropdown .el-dropdown-selfdefine{
|
|
height: 50px;
|
|
color: #141414;
|
|
font-size: 18px;
|
|
margin: 0;
|
|
}
|
|
body #app .main-container .navbar .right-menu .el-dropdown .el-dropdown-selfdefine .user-avatar{
|
|
height: 50px;
|
|
width: 50px;
|
|
float: left;
|
|
margin: 0 10px 0 0;
|
|
}
|
|
body #app .main-container .navbar .right-menu .el-dropdown .el-dropdown-selfdefine i{
|
|
top:20px;
|
|
}
|
|
body #app .main-container .navbar .right-menu .el-icon-bell{
|
|
color: #141414;
|
|
font-size: 26px;
|
|
line-height: 40px;
|
|
margin: 0 0 0 15px;
|
|
}
|
|
body #app .main-container .navbar .right-menu .el-icon-chat-dot-round{
|
|
color: #141414;
|
|
font-size: 14px;
|
|
line-height: 50px;
|
|
margin: 0 0 0 15px;
|
|
}
|
|
body #app .main-container .navbar .el-breadcrumb .el-breadcrumb__item .no-redirect{
|
|
color: #004098 !important;
|
|
font-size:14px;
|
|
}
|
|
body #app .main-container .navbar .el-breadcrumb .right-menu *{
|
|
color: #141414 !important;
|
|
}
|
|
body #app .main-container .navbar .right-menu .avatar-container{
|
|
margin-right: 16px !important;
|
|
}
|
|
body #app .main-container .navbar .app-breadcrumb.el-breadcrumb{
|
|
margin-left:16px !important;
|
|
}
|
|
body #app .main-container .navbar .right-menu .right-menu-item{
|
|
height: 40px;
|
|
line-height: 40px;
|
|
}
|
|
body #app .main-container .navbar .size-icon--style,
|
|
body #app .main-container .navbar .lang-select--style{
|
|
line-height: 40px !important;
|
|
}
|
|
body #app .main-container .navbar .right-menu .avatar-container .avatar-wrapper{
|
|
margin-top: 0 !important;
|
|
height: 40px;
|
|
}
|
|
body #app .main-container .navbar .right-menu .avatar-container .avatar-wrapper .user-avatar{
|
|
margin-top: 0 !important;
|
|
}
|
|
body #app .main-container .navbar .right-menu .avatar-container .avatar-wrapper i{
|
|
top: 14px !important;
|
|
}
|
|
|
|
/*tags-view-container 菜单页签*/
|
|
body #app .main-container .tags-view-container{
|
|
box-shadow: none;
|
|
border: 0;
|
|
height: 44px;
|
|
}
|
|
body #app .main-container .tags-view-container .scroll-container{
|
|
}
|
|
body #app .main-container .tags-view-container .scroll-container .el-scrollbar__wrap{
|
|
height: 61px;
|
|
}
|
|
body #app .main-container .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view{
|
|
}
|
|
body #app .main-container .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view .tags-view-item{
|
|
margin-top: 10px;
|
|
margin-left:0;
|
|
height: 34px;
|
|
line-height: 30px;
|
|
border: 0;
|
|
font-size: 14px;
|
|
color: #666;
|
|
border-radius: 4px 4px 0 0;
|
|
padding:0 15px;
|
|
position:relative;
|
|
}
|
|
body #app .main-container .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view>.tags-view-item:first-child{
|
|
margin-left:20px !important;
|
|
}
|
|
body #app .main-container .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view .tags-view-item:before{
|
|
content:"";
|
|
display:block;
|
|
position:absolute;
|
|
left:0;
|
|
top:10px;
|
|
width:1px;
|
|
height:10px;
|
|
background:#B4B0B0;
|
|
}
|
|
body #app .main-container .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view>.tags-view-item:first-child:before{
|
|
content:none;
|
|
}
|
|
body #app .main-container .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view .tags-view-item.active:before{
|
|
content:none;
|
|
}
|
|
body #app .main-container .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view .tags-view-item.active+.tags-view-item:before{
|
|
content:none;
|
|
}
|
|
body #app .main-container .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view .tags-view-item.active,
|
|
body #app .main-container .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view .tags-view-item.active:hover{
|
|
background:#0E48AD !important;
|
|
color: #fff;
|
|
}
|
|
body #app .main-container .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view .tags-view-item:hover{
|
|
color:#013A9D;
|
|
}
|
|
body #app .main-container .tags-view-container .scroll-container .el-scrollbar__wrap .el-scrollbar__view .tags-view-item.active:before{
|
|
content:none;
|
|
}
|
|
body #app .main-container .tags-view-container .tags-view-wrapper .tags-view-item .el-icon-close{
|
|
font-size: 14px;
|
|
vertical-align: 1px;
|
|
text-align: center;
|
|
box-sizing: border-box;
|
|
width: 15px;
|
|
height: 15px;
|
|
color: #707070;
|
|
margin: 0 0 0 6px;
|
|
}
|
|
body #app .main-container .tags-view-container .tags-view-wrapper .tags-view-item .el-icon-close:hover{
|
|
background:#aaa;
|
|
color:#fff;
|
|
}
|
|
body #app .main-container .tags-view-container .tags-view-wrapper .tags-view-item .el-icon-close:before{
|
|
vertical-align: -1px;
|
|
transform: scale(1);
|
|
}
|
|
body #app .main-container .tags-view-container .tags-view-wrapper .tags-view-item.active .el-icon-close{
|
|
color:#fff;
|
|
}
|
|
body #app .main-container .tags-view-container .tags-view-wrapper .tags-view-item.active .el-icon-close:hover{
|
|
background:#fff;
|
|
color:#013A9D;
|
|
}
|
|
|
|
/*el-row*/
|
|
body .el-row+.el-row{
|
|
margin-top: 20px;
|
|
}
|
|
|
|
/*el-card 卡片组件*/
|
|
body .el-col>.el-card+.el-card,
|
|
body .el-card+.el-card{
|
|
margin-top:20px;
|
|
}
|
|
body .el-card.is-always-shadow {
|
|
box-shadow: 0px 2px 8px rgb(0 0 0 / 5%) !important;
|
|
border: 0 !important;
|
|
border-radius: 4px !important;
|
|
}
|
|
body .el-card.is-hover-shadow{
|
|
box-shadow: 0px 2px 8px rgb(0 0 0 / 5%) !important;
|
|
border: 0 !important;
|
|
border-radius: 4px !important;
|
|
}
|
|
body .el-card{
|
|
border: 0 !important;
|
|
border-radius: 4px !important;
|
|
}
|
|
body .el-card .el-card__body{
|
|
position:relative;
|
|
padding: 16px !important;
|
|
}
|
|
body .el-card .no-cont{
|
|
padding: 75px 0;
|
|
height: 275px;
|
|
box-sizing: border-box;
|
|
}
|
|
body .el-card .no-cont .img img{
|
|
width:100px;
|
|
}
|
|
body .el-card .el-card__header{
|
|
box-sizing: border-box;
|
|
padding: 16px;
|
|
font-size: 14px;
|
|
color: #333;
|
|
font-weight: bold;
|
|
border-bottom: 1px solid #e6e6e6;
|
|
background:transparent;
|
|
}
|
|
body .el-card .el-card__header .title{
|
|
display: inline-block;
|
|
position:relative;
|
|
}
|
|
body .el-card .el-card__header .title:before{
|
|
position: absolute;
|
|
left: 20px;
|
|
top: calc(50% - 7px);
|
|
content: "";
|
|
display: block;
|
|
width: 3px;
|
|
height: 14px;
|
|
background: #004098;
|
|
}
|
|
body .el-card .el-card__header .clearfix{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
height: 24px;
|
|
}
|
|
body .el-card .el-card__header .clearfix::after{
|
|
content: none;
|
|
}
|
|
body .el-card .el-card__header .clearfix .tline{
|
|
display: block;
|
|
position: relative;
|
|
line-height: 24px;
|
|
padding-left: 11px;
|
|
}
|
|
body .el-card .el-card__header .clearfix .tline::before{
|
|
position: absolute;
|
|
left: 0;
|
|
top: 5px;
|
|
content: "";
|
|
display: block;
|
|
width: 3px;
|
|
height: 14px;
|
|
background: #004098;
|
|
}
|
|
body .el-card .el-card__header .clearfix .header-button .el-button{
|
|
height: 24px;
|
|
line-height: 22px;
|
|
padding: 0 15px;
|
|
min-width: 34px;
|
|
text-align: center;
|
|
}
|
|
body .el-card .el-card__header .clearfix .header-button .el-button.el-button--primary{
|
|
background:#004098;
|
|
border-color:#004098;
|
|
color: #fff;
|
|
}
|
|
body .el-card .el-card__header .clearfix .header-button .el-button.el-button--primary:hover{
|
|
background:#3071b9;
|
|
border-color:#3071b9;
|
|
color: #fff;
|
|
}
|
|
body .el-card .el-card__header .clearfix .header-button .el-button.el-button--info{
|
|
background: #F2F3F5;
|
|
border: 1px dashed #E5E6EB;
|
|
color: #4e5969;
|
|
}
|
|
body .el-card .el-card__header .clearfix .header-button .el-button.el-button--info:hover{
|
|
background: #eef1f7;
|
|
border-color: #dadded;
|
|
color: #222;
|
|
}
|
|
body .el-card .el-card__header .small-title{
|
|
color: #141414;
|
|
font-size: 16px;
|
|
}
|
|
body .el-card .el-card__header .el-button{
|
|
line-height: 22px;
|
|
height: 24px;
|
|
padding: 0 10px !important;
|
|
}
|
|
body .el-drawer .el-drawer__body .el-card.box-card{
|
|
border-radius: 0 !important;
|
|
}
|
|
body .el-drawer .el-drawer__body .el-card.is-always-shadow{
|
|
box-shadow: none !important;
|
|
}
|
|
body .el-drawer .el-drawer__body .el-card.box-card>.el-card__body{
|
|
padding: 0 !important;
|
|
}
|
|
body .el-drawer .el-drawer__body .el-card.box-card>.el-card__body .gray-card{
|
|
margin: 0;
|
|
padding-top: 40px;
|
|
}
|
|
body .el-drawer__wrapper.no-padding .el-drawer .el-drawer__body{
|
|
padding: 0;
|
|
}
|
|
|
|
/*el-form 表单组件*/
|
|
body .el-form-item{
|
|
margin-bottom: 25px;
|
|
}
|
|
body .el-form .el-row{
|
|
margin:0;
|
|
}
|
|
body .el-form-item .el-form-item__label {
|
|
color: #5e5e5e;
|
|
font-weight:normal;
|
|
padding: 0 8px 0 0;
|
|
line-height:34px;
|
|
}
|
|
body .el-form-item .el-form-item__content {
|
|
color: #141414;
|
|
font-weight:normal;
|
|
line-height:34px;
|
|
}
|
|
|
|
/*form1*/
|
|
.form1{
|
|
max-width: 80%;
|
|
}
|
|
body .form1 .el-cascader ,
|
|
body .form1 .el-select,
|
|
body .form1 .el-date-editor{
|
|
width: 340px;
|
|
}
|
|
|
|
/*.el-form-border*/
|
|
body .el-form-border .el-form .el-form-item{
|
|
margin: 0;
|
|
}
|
|
body .el-form-border .el-form .el-row,
|
|
body .el-form .el-form-border .el-row{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
border-left: 1px solid #e5e6eb;
|
|
border-top: 1px solid #e5e6eb;
|
|
}
|
|
body .el-form-border .el-form .el-row+.el-row,
|
|
body .el-form .el-form-border .el-row+.el-row{
|
|
border-top: 0;
|
|
}
|
|
body .el-form-border .el-form .el-row>.el-col,
|
|
body .el-form .el-form-border .el-row>.el-col{
|
|
float: inherit;
|
|
margin: 0;
|
|
border-right: 1px solid #e5e6eb;
|
|
border-bottom: 1px solid #e5e6eb;
|
|
display: block;
|
|
}
|
|
body .el-form-border .el-form .el-row>.el-col>.el-form-item,
|
|
body .el-form .el-form-border .el-row>.el-col>.el-form-item{
|
|
display: flex;
|
|
height: 100%;
|
|
margin: 0;
|
|
}
|
|
body .el-form-border .el-form .el-row>.el-col>.el-form-item>.el-form-item__label,
|
|
body .el-form .el-form-border .el-row>.el-col>.el-form-item>.el-form-item__label{
|
|
display: block;
|
|
height: 100%;
|
|
float: inherit;
|
|
margin: 0;
|
|
background: #fafafa;
|
|
padding: 5px 10px;
|
|
border-right: 1px solid #e5e6eb;
|
|
font-size: 14px;
|
|
color: #333;
|
|
text-align: right;
|
|
}
|
|
body .el-form-border .el-form .el-row>.el-col>.el-form-item>.el-form-item__content,
|
|
body .el-form .el-form-border .el-row>.el-col>.el-form-item>.el-form-item__content{
|
|
display: block;
|
|
height: 100%;
|
|
float: inherit;
|
|
margin: 0 !important;
|
|
padding: 5px 10px;
|
|
flex: 1;
|
|
font-size: 14px;
|
|
color: #333;
|
|
position: inherit;
|
|
}
|
|
body .el-form-border .el-form .el-row>.el-col>.el-form-item>.el-form-item__content>.el-select,
|
|
body .el-form .el-form-border .el-row>.el-col>.el-form-item>.el-form-item__content>.el-select{
|
|
display: block;
|
|
}
|
|
body .el-form-item>.el-form-item__content>.el-select{
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
body .el-form-border .el-form .el-row>.el-col>.el-form-item>.el-form-item__content .el-form-item__error,
|
|
body .el-form .el-form-border .el-row>.el-col>.el-form-item>.el-form-item__content .el-form-item__error{
|
|
position: inherit;
|
|
display: block;
|
|
float: inherit;
|
|
margin: 4px 0 0 0;
|
|
}
|
|
body .el-form-border .el-form-item .el-cascader ,
|
|
body .el-form-border .el-form-item .el-select,
|
|
body .el-form-border .el-form-item .el-date-editor{
|
|
width: 100%;
|
|
max-width: 340px;
|
|
}
|
|
body .el-form-border .el-form-item .el-checkbox-group .el-checkbox{
|
|
min-width: 200px;
|
|
}
|
|
|
|
/*el-input-group 全局搜索框组件*/
|
|
body .el-input-group{
|
|
background: transparent;
|
|
border-radius: 2px;
|
|
}
|
|
body .el-input-group .el-input__inner{
|
|
background: #fff;
|
|
border-color: #DCDFE6;
|
|
border-radius: 2px 0 0 2px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
border-width:0px;
|
|
}
|
|
body .el-input-group .el-input__inner:hover{
|
|
border-color: #DCDFE6;
|
|
}
|
|
body .el-input.el-input-group .el-input__inner:focus,
|
|
body .el-input.el-input-group .el-input__inner:hover {
|
|
border-color:#DCDFE6;
|
|
}
|
|
.el-input-group .el-input__prefix{
|
|
}
|
|
.el-input-group .el-input__prefix .el-icon-search{
|
|
color: #A7A7A7;
|
|
font-size: 18px;
|
|
}
|
|
.el-input-group .el-input-group__append,
|
|
.el-input-group .el-input-group__append:hover{
|
|
background: transparent;
|
|
border: 0;
|
|
width: auto;
|
|
box-sizing: border-box;
|
|
padding: 0;
|
|
position:relative;
|
|
}
|
|
.el-input-group .el-input-group__append:before{
|
|
content:none;
|
|
}
|
|
.el-input-group .el-input-group__append .el-button,
|
|
.el-input-group .el-input-group__append .el-button:hover{
|
|
width: auto;
|
|
background: #004098;
|
|
color: #fff;
|
|
text-align: center;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0 10px;
|
|
border-radius: 0 2px 2px 0 !important;
|
|
}
|
|
.el-input-group .el-input-group__append .el-button:hover{
|
|
|
|
}
|
|
.el-input-group .el-input-group__append .el-button i{
|
|
font-size: 18px;
|
|
color: #fff;
|
|
line-height:32px;
|
|
margin-left: 0;
|
|
}
|
|
.el-input-group .el-input-group__append .el-button:hover i{
|
|
color:#fff;
|
|
}
|
|
|
|
/*el-button 组件按钮*/
|
|
body .el-button{
|
|
border-radius: 2px !important;
|
|
height: 34px;
|
|
line-height: 32px;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
body .el-button,body .el-button:focus{
|
|
background: #fff;
|
|
border-color: #DCDFE6;
|
|
color: #515151;
|
|
}
|
|
body .el-button:hover{
|
|
background:#fff;
|
|
border-color:#004098;
|
|
color:#004098;
|
|
}
|
|
body .el-button.el-button--primary,
|
|
body .el-button.el-button--primary.is-plain,
|
|
body .el-button.el-button--primary:focus,
|
|
body .el-button.el-button--primary.is-plain:focus{
|
|
background:#004098;
|
|
border-color:#004098;
|
|
color: #fff;
|
|
}
|
|
body .el-button.el-button--primary:hover,
|
|
body .el-button.el-button--primary.is-plain:hover{
|
|
background:#3071b9;
|
|
border-color:#3071b9;
|
|
color: #fff;
|
|
}
|
|
body .el-button.el-button--primary.is-disabled,
|
|
body .el-button.el-button--primary[disabled],
|
|
body .el-button.el-button--primary.is-disabled:hover,
|
|
body .el-button.el-button--primary[disabled]:hover,
|
|
body .el-button.el-button--primary.is-plain.is-disabled,
|
|
body .el-button.el-button--primary.is-plain[disabled],
|
|
body .el-button.el-button--primary.is-plain.is-disabled:hover,
|
|
body .el-button.el-button--primary.is-plain[disabled]:hover{
|
|
background: #7F9FCB;
|
|
border-color: #7F9FCB;
|
|
color: #fff;
|
|
}
|
|
body .el-button.el-button--text{
|
|
color: #3071b9;
|
|
}
|
|
body .el-button.el-button--text:hover{
|
|
color: #0656e4;
|
|
}
|
|
body .el-button+.el-button {
|
|
margin-left: 10px;
|
|
}
|
|
body .el-button.el-button--text{
|
|
border-color: transparent;
|
|
}
|
|
|
|
/*switch*/
|
|
body .el-switch.is-checked .el-switch__core {
|
|
background-color: #004098;
|
|
border-color: #004098;
|
|
}
|
|
body .el-switch.is-checked .el-switch__core .el-switch__action {
|
|
color: #004098;
|
|
}
|
|
|
|
/*el-link 文字链接组件*/
|
|
body .el-link.el-link--primary {
|
|
color: #3071b9;
|
|
}
|
|
body .el-link.el-link--primary:hover{
|
|
color: #0656e4;
|
|
}
|
|
|
|
/*el-drawer 抽屉组件*/
|
|
body .el-drawer .el-drawer__header{
|
|
padding: 10px 32px 10px 32px;
|
|
margin: 0;
|
|
color:#141414;
|
|
font-size: 18px;
|
|
font-weight: 500;
|
|
border-bottom: 1px solid rgba(0 0 0 / 5%);
|
|
}
|
|
body .el-drawer .el-drawer__header .title{
|
|
text-align: left;
|
|
margin: 0;
|
|
color: #141414;
|
|
font-size: 18px;
|
|
font-weight: 500;
|
|
}
|
|
body .el-drawer .el-drawer__header .drawer-head-btn .el-card.is-always-shadow,
|
|
body .el-drawer .el-drawer__header .drawer-head-btn .el-card.is-hover-shadow{
|
|
box-shadow: none !important;
|
|
border-radius: 0 !important;
|
|
}
|
|
body .el-drawer .el-drawer__header .drawer-head-btn .el-card .el-card__body{
|
|
padding: 0 !important;
|
|
}
|
|
.el-drawer .el-drawer__header .el-drawer__close-btn{
|
|
display: inline-block;
|
|
color: #666;
|
|
width: 36px;
|
|
height: 36px;
|
|
border-radius: 4px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
.el-drawer .el-drawer__header .el-drawer__close-btn i{
|
|
line-height: 26px;
|
|
padding: 0;
|
|
color: #515151;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
}
|
|
body .el-drawer .el-drawer__body{
|
|
padding: 16px 32px;
|
|
}
|
|
.el-drawer .el-drawer__body .registerbox {
|
|
margin: 0;
|
|
padding-top: 0;
|
|
}
|
|
|
|
/*pagination-container 分页*/
|
|
body .apparatus-card>.el-card__body .el-card.gray-card+.pagination-container{
|
|
padding-bottom:20px !important;
|
|
}
|
|
body .apparatus-card>.el-card__body .el-card.gray-card+.pagination-container .el-pagination{
|
|
right:15px;
|
|
}
|
|
body .el-card.gray-card+.pagination-container{
|
|
margin-top: -3px !important;
|
|
}
|
|
body .pagination-container{
|
|
height: 28px !important;
|
|
box-sizing: content-box !important;
|
|
margin: 15px 0 0 !important;
|
|
padding: 0 20px !important;
|
|
}
|
|
body .pagination-container .el-pagination{
|
|
padding:0 !important;
|
|
}
|
|
body .el-pagination.is-background .el-pager li:not(.disabled).active,
|
|
body .el-pagination.is-background .el-pager li:not(.disabled).active:hover {
|
|
background-color:#004098;
|
|
color: #fff;
|
|
}
|
|
body .el-pagination.is-background .el-pager li:not(.disabled):hover{
|
|
color: #004098;
|
|
}
|
|
body .el-pager li:hover{
|
|
color: #004098;
|
|
}
|
|
body .el-pager li.active {
|
|
color: #004098;
|
|
}
|
|
body .el-pager li.is-active {
|
|
color: #004098;
|
|
}
|
|
body .el-pagination.is-background .btn-next.is-active,
|
|
body .el-pagination.is-background .btn-prev.is-active,
|
|
body .el-pagination.is-background .el-pager li.is-active {
|
|
background-color:#004098;
|
|
color: #fff;
|
|
}
|
|
body .el-pagination.is-background .btn-next.is-active:hover,
|
|
body .el-pagination.is-background .btn-prev.is-active:hover,
|
|
body .el-pagination.is-background .el-pager li.is-active:hover {
|
|
background-color:#004098;
|
|
color: #fff;
|
|
}
|
|
body .el-pagination{
|
|
text-align: right;
|
|
justify-content: flex-end;
|
|
padding: 15px 0 0 0;
|
|
}
|
|
body .news-card>.el-card__body .gray-card+.el-pagination,
|
|
body .gray-card+.el-pagination{
|
|
padding-top:0 !important;
|
|
}
|
|
|
|
/*el-message-box 确认框组件*/
|
|
.el-message-box .el-message-box__btns .el-button.el-button--default.el-button--primary,
|
|
.el-message-box .el-message-box__btns .el-button.el-button--primary{
|
|
background:#004098;
|
|
border-color:#004098;
|
|
color: #fff;
|
|
}
|
|
.el-message-box .el-message-box__btns .el-button.el-button--default.el-button--primary:hover,
|
|
.el-message-box .el-message-box__btns .el-button.el-button--primary:hover{
|
|
background:#3071b9;
|
|
border-color:#3071b9;
|
|
color: #fff;
|
|
}
|
|
.el-message-box .el-message-box__headerbtn:hover .el-message-box__close{
|
|
color: #004098;
|
|
}
|
|
|
|
/*el-dialog 对话框组件*/
|
|
body .el-dialog{
|
|
border-radius:10px;
|
|
}
|
|
body .el-dialog>.el-dialog__header{
|
|
border-bottom: 1px solid #D5D3D3;
|
|
padding: 15px 30px;
|
|
height: 55px;
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
}
|
|
body .el-dialog>.el-dialog__header .el-dialog__title{
|
|
color: #000;
|
|
font-size:16px;
|
|
font-weight:bold;
|
|
}
|
|
body .el-dialog>.el-dialog__header .el-dialog__headerbtn{
|
|
top: 15px;
|
|
font-size: 22px;
|
|
height: 25px;
|
|
line-height: 25px;
|
|
color:#666;
|
|
}
|
|
body .el-dialog>.el-dialog__header .el-dialog__headerbtn:hover,
|
|
body .el-dialog>.el-dialog__header .el-dialog__headerbtn:hover i{
|
|
color: #004098;
|
|
}
|
|
body .el-dialog>.el-dialog__body,
|
|
body .el-overlay .el-overlay-dialog .el-dialog>.el-dialog__body{
|
|
padding:20px 30px !important;
|
|
}
|
|
body .el-dialog>.el-dialog__footer{
|
|
padding: 10px 30px;
|
|
height: 55px;
|
|
box-sizing: border-box;
|
|
}
|
|
body .el-dialog>.el-dialog__footer .dialog-footer{
|
|
}
|
|
body .el-dialog>.el-dialog__footer .dialog-footer .el-button{
|
|
padding: 0 22px;
|
|
}
|
|
|
|
/*el-input 输入框选择框文本框组件*/
|
|
body .el-input__prefix{
|
|
color: #4E5969;
|
|
}
|
|
body .el-input__wrapper{
|
|
border-radius: 2px;
|
|
}
|
|
body .el-textarea__inner{
|
|
border-radius: 2px;
|
|
}
|
|
body .el-textarea__inner:focus{
|
|
border-color: #004098;
|
|
box-shadow: 0;
|
|
}
|
|
body .el-input__wrapper.is-focus {
|
|
box-shadow: 0 0 0 1px #004098 inset;
|
|
}
|
|
body .el-select .el-input__wrapper.is-focus {
|
|
box-shadow: 0 0 0 1px #004098 inset !important;
|
|
}
|
|
body .el-range-editor.is-active,
|
|
body .el-range-editor.is-active:hover {
|
|
border-color: #004098;
|
|
}
|
|
body .el-select .el-input.is-focus .el-input__wrapper {
|
|
box-shadow: 0 0 0 1px #004098 inset !important;
|
|
}
|
|
body .el-select .el-input.is-focus .el-input__inner {
|
|
border-color: #004098;
|
|
}
|
|
body .el-select .el-input__inner:focus,
|
|
body .el-input .el-input__inner:focus,
|
|
body .el-textarea .el-textarea__inner:focus ,
|
|
body .el-select .el-input__inner:hover,
|
|
body .el-input .el-input__inner:hover,
|
|
body .el-textarea .el-textarea__inner:hover {
|
|
border-color:#004098;
|
|
}
|
|
body .el-select.is-disabled .el-input__inner:focus,
|
|
body .el-input.is-disabled .el-input__inner:focus,
|
|
body .el-textarea.is-disabled .el-textarea__inner:focus ,
|
|
body .el-select.is-disabled .el-input__inner:hover,
|
|
body .el-input.is-disabled .el-input__inner:hover,
|
|
body .el-textarea.is-disabled .el-textarea__inner:hover {
|
|
border-color:#dfe4ed;
|
|
}
|
|
body .el-pagination__sizes .el-input .el-input__inner:hover {
|
|
border-color: #004098;
|
|
}
|
|
body .el-input__inner,
|
|
body .el-textarea__inner{
|
|
font-size: 14px;
|
|
color: #141414;
|
|
font-family: "-apple-system","BlinkMacSystemFont","Microsoft YaHei","system-ui";
|
|
}
|
|
body .el-input__inner::-webkit-input-placeholder,
|
|
body .el-textarea__inner::-webkit-input-placeholder {
|
|
color:#B4B0B0;
|
|
}
|
|
body .el-input__inner:-moz-placeholder,
|
|
body .el-textarea__inner:-moz-placeholder {
|
|
color: #B4B0B0;
|
|
}
|
|
body .el-input__inner::-moz-placeholder,
|
|
body .el-textarea__inner::-moz-placeholder {
|
|
color: #B4B0B0;
|
|
}
|
|
body .el-input__inner:-ms-input-placeholder,
|
|
body .el-textarea__inner:-ms-input-placeholder {
|
|
color: #B4B0B0;
|
|
}
|
|
body .el-date-editor .el-range-separator{
|
|
line-height: 26px;
|
|
width: 20px;
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
body .el-switch{
|
|
line-height: 34px;
|
|
height: 34px;
|
|
}
|
|
body .el-input__inner{
|
|
height:34px;
|
|
line-height:32px;
|
|
border-radius: 2px;
|
|
}
|
|
body .el-input .el-input__icon,
|
|
body .el-select .el-input__icon{
|
|
line-height:32px;
|
|
height: 32px;
|
|
}
|
|
body .el-input-number .el-input-number__decrease,
|
|
body .el-input-number .el-input-number__increase{
|
|
height: 32px;
|
|
}
|
|
body .el-input-number .el-input-number__decrease i,
|
|
body .el-input-number .el-input-number__increase i{
|
|
line-height:32px;
|
|
}
|
|
body .el-input i,body .el-select i{
|
|
line-height:32px;
|
|
}
|
|
body .el-input .el-date-editor i{
|
|
line-height: 32px;
|
|
height: 32px;
|
|
color: #4E5969;
|
|
}
|
|
body .el-date-editor.el-range-editor i{
|
|
height: 26px;
|
|
line-height: 26px;
|
|
color: #4E5969;
|
|
}
|
|
body .el-radio-group .el-radio{
|
|
line-height:34px;
|
|
}
|
|
body .el-textarea__inner{
|
|
min-height:100% !important;
|
|
}
|
|
body .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled),
|
|
body .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
|
|
border-color: #004098;
|
|
}
|
|
body .el-input-number.is-controls-right .el-input-number__increase,
|
|
body .el-form-item .el-form-item__content .el-input-number.is-controls-right .el-input-number__increase{
|
|
height: 16px;
|
|
line-height: 16px;
|
|
border-radius: 0 4px 0 0;
|
|
}
|
|
body .el-input-number.is-controls-right .el-input-number__decrease,
|
|
body .el-form-item .el-form-item__content .el-input-number.is-controls-right .el-input-number__decrease{
|
|
height: 16px;
|
|
line-height: 16px;
|
|
border-radius: 0 0 4px 0;
|
|
border-bottom: 0;
|
|
}
|
|
body .el-input-number.is-controls-right .el-input-number__increase i,
|
|
body .el-form-item .el-form-item__content .el-input-number.is-controls-right .el-input-number__increase i{
|
|
line-height: 16px;
|
|
}
|
|
body .el-input-number.is-controls-right .el-input-number__decrease i,
|
|
body .el-form-item .el-form-item__content .el-input-number.is-controls-right .el-input-number__decrease i{
|
|
line-height: 16px;
|
|
}
|
|
body .el-input-number.is-controls-right .el-input-number__increase:hover,
|
|
body .el-form-item .el-form-item__content .el-input-number.is-controls-right .el-input-number__increase:hover{
|
|
color: #004098;
|
|
}
|
|
body .el-input-number.is-controls-right .el-input-number__decrease:hover,
|
|
body .el-form-item .el-form-item__content .el-input-number.is-controls-right .el-input-number__decrease:hover{
|
|
color: #004098;
|
|
}
|
|
body .el-cascader {
|
|
line-height: 34px;
|
|
}
|
|
body .el-input-number{
|
|
line-height: 34px;
|
|
}
|
|
body .el-input-number .el-input__inner{
|
|
display: block;
|
|
}
|
|
body .el-cascader .el-input .el-input__inner:focus,
|
|
body .el-cascader .el-input.is-focus .el-input__inner {
|
|
border-color: #004098;
|
|
}
|
|
body .el-cascader-node.in-active-path,
|
|
body .el-cascader-node.is-active,
|
|
body .el-cascader-node.is-selectable.in-checked-path {
|
|
color: #004098;
|
|
}
|
|
body .el-date-table td.today span {
|
|
color: #004098;
|
|
}
|
|
body .el-date-table td.available:hover {
|
|
color: #004098;
|
|
}
|
|
body .el-date-table td.end-date span,
|
|
body .el-date-table td.start-date span {
|
|
background-color: #004098;
|
|
}
|
|
|
|
.vue-treeselect .vue-treeselect__control{
|
|
border:1px solid #DCDFE6;
|
|
}
|
|
.vue-treeselect:hover .vue-treeselect__control,
|
|
.vue-treeselect .vue-treeselect__control:hover,
|
|
.vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused) .vue-treeselect__control:hover{
|
|
border-color:#004098 !important;
|
|
}
|
|
.vue-treeselect--focused:not(.vue-treeselect--open) .vue-treeselect__control{
|
|
border-color:#004098 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
/*el-select-dropdown 下拉选择组件*/
|
|
body .el-select-dropdown__item.selected {
|
|
color: #004098;
|
|
}
|
|
body .el-select-dropdown__item.hover,
|
|
body .el-select-dropdown__item:hover {
|
|
background-color: #E5EFFF;
|
|
color: #004098;
|
|
}
|
|
.el-dropdown-menu .el-dropdown-menu__item:hover{
|
|
background-color: #E5EFFF;
|
|
color: #004098;
|
|
}
|
|
|
|
/*el-checkbox 多选组件*/
|
|
body .el-checkbox__input.is-checked + .el-checkbox__label {
|
|
color: #004098;
|
|
}
|
|
body .el-checkbox__input.is-checked .el-checkbox__inner {
|
|
background-color: #004098;
|
|
border-color: #004098;
|
|
}
|
|
body .el-checkbox__inner:hover {
|
|
border-color: #004098;
|
|
}
|
|
body .el-checkbox__input.is-focus .el-checkbox__inner {
|
|
border-color: #004098;
|
|
}
|
|
body .el-checkbox__input.is-indeterminate .el-checkbox__inner {
|
|
background-color: #004098;
|
|
border-color: #004098;
|
|
}
|
|
|
|
/*el-radio 单选组件*/
|
|
body .el-radio__input.is-checked + .el-radio__label {
|
|
color: #004098;
|
|
}
|
|
body .el-radio__input.is-checked .el-radio__inner {
|
|
border-color: #004098;
|
|
background: #004098;
|
|
}
|
|
body .el-radio__inner:hover {
|
|
border-color: #004098;
|
|
}
|
|
body .el-radio__input.is-focus .el-radio__inner {
|
|
border-color: #004098;
|
|
}
|
|
body .el-radio-button__orig-radio:checked + .el-radio-button__inner {
|
|
background-color: #004098;
|
|
border-color: #004098;
|
|
-webkit-box-shadow: -1px 0 0 0 #004098;
|
|
box-shadow: -1px 0 0 0 #004098;
|
|
}
|
|
body .el-radio-button__inner:hover {
|
|
color: #004098;
|
|
}
|
|
|
|
/*el-upload 上传按钮组件*/
|
|
body .el-upload,
|
|
body .registerbox .avatar-uploader .el-upload{
|
|
background:#fff;
|
|
border:1px solid #004098;
|
|
color:#004098 !important;
|
|
border-radius: 2px;
|
|
height: 36px;
|
|
}
|
|
body .el-upload:hover,
|
|
body .registerbox .avatar-uploader .el-upload:hover{
|
|
background:#004098;
|
|
border-color:#004098;
|
|
color:#fff !important;
|
|
}
|
|
body .el-upload i,
|
|
body .registerbox .avatar-uploader .el-upload i{
|
|
color:#004098 !important;
|
|
}
|
|
body .el-upload:hover i,
|
|
body .registerbox .avatar-uploader .el-upload:hover i{
|
|
color:#fff !important;
|
|
}
|
|
body .el-upload:hover .el-upload-dragger i{
|
|
color:#004098 !important;
|
|
}
|
|
body .el-upload .el-button,
|
|
body .el-upload .el-button:hover{
|
|
border: none !important;
|
|
background: transparent !important;
|
|
}
|
|
body .el-upload .el-button{
|
|
color:#004098 !important;
|
|
}
|
|
body .el-upload:hover .el-button{
|
|
color:#fff !important;
|
|
}
|
|
body .el-upload .el-button{
|
|
border-radius: 0 !important;
|
|
display: block;
|
|
}
|
|
body .el-upload .el-button.el-button--primary{
|
|
background: #004098 !important;
|
|
border: 1px solid #004098 !important;
|
|
color: #fff !important;
|
|
}
|
|
body .el-upload .el-button.el-button--primary:hover{
|
|
background: #3071b9 !important;
|
|
border: 1px solid #3071b9 !important;
|
|
color: #fff !important;
|
|
}
|
|
body .el-upload-list__item.is-success .el-upload-list__item-name:focus,
|
|
body .el-upload-list__item.is-success .el-upload-list__item-name:hover {
|
|
color: #004098;
|
|
}
|
|
|
|
/*el-tree 树形组件*/
|
|
.el-tree .el-tree-node__content{
|
|
height:30px;
|
|
line-height: 30px;
|
|
margin: 0;
|
|
font-size:14px;
|
|
color:#434344;
|
|
}
|
|
.el-tree .el-tree-node .el-tree-node__content:hover {
|
|
background-color: #E5EFFF ;
|
|
color:#004098;
|
|
}
|
|
.el-tree .el-tree-node:focus>.el-tree-node__content {
|
|
background-color: #E5EFFF ;
|
|
color:#004098;
|
|
}
|
|
.el-tree .el-tree-node__expand-icon{
|
|
color: #09121f;
|
|
}
|
|
.el-tree .el-tree-node__expand-icon.is-leaf{
|
|
color: transparent;
|
|
}
|
|
body .el-tree .custom-tree-node{
|
|
flex: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
body .el-tree .custom-tree-node .el-dropdown{
|
|
margin-right: 8px;
|
|
}
|
|
|
|
/*el-divider 分割线组件*/
|
|
body .el-divider {
|
|
background-color: #e5e6eb;
|
|
}
|
|
|
|
/*el-dropdown-menu 下拉菜单组件*/
|
|
body .el-dropdown-menu__item:focus,
|
|
body .el-dropdown-menu__item:not(.is-disabled):hover {
|
|
background-color: #f2f3f5;
|
|
color: #004098;
|
|
}
|
|
|
|
/*.el-table--border*/
|
|
body .el-table{
|
|
color: #333;
|
|
border-left: 1px solid #e5e6eb;
|
|
border-top: 1px solid #e5e6eb;
|
|
}
|
|
body .el-table thead,
|
|
body .el-table .el-table__header-wrapper th{
|
|
color: #333;
|
|
}
|
|
body .el-table th.el-table__cell,
|
|
body .el-table.is-scrolling-left th.el-table-fixed-column--left,
|
|
body .el-table.is-scrolling-right th.el-table-fixed-column--right,
|
|
body .el-table__header-wrapper tr th.el-table-fixed-column--left,
|
|
body .el-table__header-wrapper tr th.el-table-fixed-column--right,
|
|
body .el-table thead.is-group th.el-table__cell{
|
|
background: #fafafa;
|
|
}
|
|
body .el-table td.el-table__cell,
|
|
body .el-table th.el-table__cell.is-leaf{
|
|
border-bottom-color: #e5e6eb;
|
|
}
|
|
body .el-table .el-table__cell ,
|
|
body .el-table:not(.el-table--border) .el-table__cell{
|
|
border-right: 1px solid #e5e6eb;
|
|
}
|
|
body .el-table:before {
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 1px;
|
|
}
|
|
body .el-table:after {
|
|
top: -1px;
|
|
right: 0;
|
|
width: 1px;
|
|
height: 100%;
|
|
}
|
|
body .el-table .el-table__inner-wrapper:after{
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 1px;
|
|
z-index: 4;
|
|
}
|
|
body .el-table:after,
|
|
body .el-table:before,
|
|
body .el-table .el-table__inner-wrapper:after {
|
|
content: "" !important;
|
|
position: absolute;
|
|
background-color: #e5e6eb;
|
|
z-index: 4;
|
|
}
|
|
body .el-table--border .el-table__cell {
|
|
border-right-color: #e5e6eb;
|
|
}
|
|
body .el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell {
|
|
border-right: 1px solid #e5e6eb;
|
|
}
|
|
body .el-table--border th.el-table__cell {
|
|
border-bottom: 1px solid #e5e6eb;
|
|
}
|
|
body .el-table--border:after,
|
|
body .el-table--border:before,
|
|
body .el-table--border .el-table__inner-wrapper:after,
|
|
body .el-table__inner-wrapper:before,
|
|
body .el-table__border-left-patch{
|
|
background-color: #e5e6eb;
|
|
}
|
|
body .el-table th .el-form-item,
|
|
body .el-table td .el-form-item{
|
|
margin-bottom: 0;
|
|
}
|
|
.el-table td .el-button{
|
|
font-size:14px !important;
|
|
padding:0 !important;
|
|
color:#004098 !important;
|
|
border:0 !important;
|
|
background: transparent !important;
|
|
height: 20px;
|
|
}
|
|
.el-table td .el-button:hover{
|
|
font-size:14px !important;
|
|
padding:0 !important;
|
|
color: #1890FF !important;
|
|
border:0 !important;
|
|
background: transparent !important;
|
|
}
|
|
.el-table td .el-input-group .el-input-group__append,
|
|
.el-table td .el-input-group .el-input-group__append:hover{
|
|
background: #004098;
|
|
box-shadow: 0 1px 0 0 #004098 inset;
|
|
}
|
|
.el-table td .el-input-group .el-input-group__append .el-button{
|
|
background: #004098 !important;
|
|
border-color: #004098 !important;
|
|
padding: 0 5px !important;
|
|
line-height: 42px;
|
|
}
|
|
body .el-table td .el-upload:hover .el-button {
|
|
color: #fff!important;
|
|
}
|
|
.el-table td .upload-file{
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
.el-table td .upload-file+.sm{
|
|
margin-top: 0;
|
|
}
|
|
.el-table td .upload-file .el-upload .el-button{
|
|
padding: 0 10px !important;
|
|
}
|
|
.el-table td .el-form-item__content .el-form-item__error{
|
|
display: block;
|
|
width: 100%;
|
|
position: relative;
|
|
top: 0;
|
|
left: 0;
|
|
white-space: break-spaces;
|
|
padding: 4px 0 0 0;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
/*el-tabs*/
|
|
body .el-tabs .el-tabs__nav-wrap::after {
|
|
height: 1px;
|
|
background-color:#e6e6e6;
|
|
}
|
|
body .el-tabs__active-bar.is-top{
|
|
display: none;
|
|
background: #034aac;
|
|
}
|
|
body .el-tabs .el-tabs__item{
|
|
color: #909399;
|
|
font-size: 14px;
|
|
border-bottom: 2px solid transparent;
|
|
}
|
|
body .el-tabs .el-tabs__item:hover{
|
|
color: #333;
|
|
}
|
|
body .el-tabs .el-tabs__item.is-active,
|
|
body .el-tabs .el-tabs__item.is-active:hover{
|
|
color: #034aac;
|
|
font-weight: bold;
|
|
border-color: #034aac;
|
|
}
|
|
body .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
|
|
padding-left: 20px;
|
|
}
|
|
body .el-tabs--top .el-tabs__item.is-top:last-child{
|
|
padding-right: 20px;
|
|
}
|
|
body .el-card>.el-card__body .el-tabs--border-card{
|
|
box-shadow: none;
|
|
}
|
|
body .el-card>.el-card__body .search-btn .el-tabs--border-card{
|
|
border: 0;
|
|
}
|
|
body .el-card>.el-card__body .search-btn .el-tabs--border-card>.el-tabs__header{
|
|
border-bottom: 1px solid #e6e6e6;
|
|
background: transparent;
|
|
}
|
|
body .el-card>.el-card__body .search-btn .el-tabs--border-card>.el-tabs__header .el-tabs__item{
|
|
margin: 0;
|
|
border: none;
|
|
}
|
|
body .el-card>.el-card__body .search-btn .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{
|
|
border: 0;
|
|
background: transparent;
|
|
color: #034aac;
|
|
font-weight: bold;
|
|
position: relative;
|
|
}
|
|
body .el-card>.el-card__body .search-btn .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active::after{
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
background: #004098;
|
|
content: "";
|
|
display: block;
|
|
width: 100%;
|
|
height: 2px;
|
|
}
|
|
|
|
/*.el-dropdown-link*/
|
|
body .el-table .el-dropdown-link {
|
|
color: #004098;
|
|
}
|
|
|
|
/*el-tag*/
|
|
body .el-table .el-tag,
|
|
body .table1 .el-tag{
|
|
height: 24px;
|
|
padding: 0 5px;
|
|
line-height: 22px;
|
|
font-size: 12px;
|
|
border-radius: 2px;
|
|
}
|
|
body .el-tag,
|
|
body .el-tag.el-tag--primary {
|
|
background-color: #eff5ff;
|
|
border-color: #bcd5ff;
|
|
color: #004098 !important;
|
|
}
|
|
body .el-tag.orange,
|
|
body .el-tag.el-tag--warning{
|
|
background-color: rgba(250 173 20 / 8%);
|
|
border-color: rgba(250 173 20 / 16%);
|
|
color: #FAAD14 !important;
|
|
}
|
|
body .el-tag.green,
|
|
body .el-tag.el-tag--success{
|
|
background-color: #F6FFED;
|
|
border-color: #B7EB8F;
|
|
color: #52C41A !important;
|
|
}
|
|
body .el-tag.red,
|
|
body .el-tag.el-tag--danger{
|
|
background-color: #FFF1F0;
|
|
border-color: #FFA39E;
|
|
color: #F5222D !important;
|
|
}
|
|
|
|
/*el-alert*/
|
|
.el-alert{
|
|
|
|
}
|
|
body .el-alert .el-alert__icon+.el-alert__content{
|
|
padding-left: 10px;
|
|
}
|
|
body .el-alert .el-alert__content{
|
|
padding-left: 0px;
|
|
}
|
|
body .el-alert .el-alert__content i{
|
|
padding-right: 10px;
|
|
}
|
|
|
|
/*lfixedtable*/
|
|
body .el-table+.el-table,
|
|
body .el-table+.table1,
|
|
body .table1+.el-table,
|
|
body .table1+.table1,
|
|
body .el-table+.el-form-border,
|
|
body .table1+.el-form-border,
|
|
body .lfixedtable+.lfixedtable,
|
|
body .lfixedtable+.table1,
|
|
body .lfixedtable+.el-table,
|
|
body .lfixedtable+.el-form-border,
|
|
body .table1+.lfixedtable,
|
|
body .el-table+.lfixedtable,
|
|
body .el-form-border+.lfixedtable{
|
|
margin-top: 10px;
|
|
}
|
|
.lfixedtable{
|
|
display: block;
|
|
width: 100%;
|
|
overflow: auto;
|
|
margin: 0 0 10px 0;
|
|
position: relative;
|
|
border-left: 1px solid #e5e6eb;
|
|
border-right: 1px solid #e5e6eb;
|
|
}
|
|
.lfixedtable::-webkit-scrollbar {
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
.lfixedtable::-webkit-scrollbar-track-piece {
|
|
background-color: transparent;
|
|
border-radius: 4px;
|
|
}
|
|
.lfixedtable::-webkit-scrollbar-thumb {
|
|
cursor: pointer;
|
|
background-color:#dedfe1;
|
|
border-radius: 4px;
|
|
}
|
|
.lfixedtable::-webkit-scrollbar-thumb:hover {
|
|
cursor: pointer;
|
|
background-color:#c8c9cc;
|
|
border-radius: 4px;
|
|
}
|
|
.lfixedtable .table1{
|
|
table-layout: fixed;
|
|
width: max-content;
|
|
border-left: 0;
|
|
}
|
|
.lfixedtable .fix{
|
|
position: sticky;
|
|
position: -webkit-sticky;
|
|
z-index: 3;
|
|
}
|
|
.lfixedtable .table1 tr>th{
|
|
background: #fafafa;
|
|
}
|
|
.lfixedtable .table1 tr>td{
|
|
background: #fff;
|
|
}
|
|
.lfixedtable .table1 tr>th:first-child,
|
|
.lfixedtable .table1 tr>td:first-child{
|
|
border-left: 0;
|
|
}
|
|
.lfixedtable .table1 tr>th:last-child,
|
|
.lfixedtable .table1 tr>td:last-child{
|
|
border-right: 0;
|
|
}
|
|
.lfixedtable .fix.f1{
|
|
left: 0;
|
|
}
|
|
.lfixedtable .fix.f2{
|
|
left: 50px;
|
|
}
|
|
.lfixedtable .fix.f3{
|
|
left: 200px;
|
|
}
|
|
.lfixedtable .fix.f4{
|
|
left: 350px;
|
|
}
|
|
.lfixedtable .fix.f5{
|
|
left: 500px;
|
|
}
|
|
|
|
/*table1*/
|
|
body .table1+.el-form-border{
|
|
margin-top: 10px;
|
|
}
|
|
.table1{
|
|
width: 100%;
|
|
table-layout: fixed;
|
|
border-left: 1px solid #e5e6eb;
|
|
border-top: 1px solid #e5e6eb;
|
|
font-size: 14px;
|
|
color: #333;
|
|
}
|
|
.table1 thead tr th{
|
|
background: #fafafa;
|
|
border-right: 1px solid #e5e6eb;
|
|
border-bottom: 1px solid #e5e6eb;
|
|
color: #333;
|
|
line-height: 23px;
|
|
padding: 8px 12px;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
}
|
|
.table1 td.clum{
|
|
background: #fafafa;
|
|
color: #333;
|
|
}
|
|
.table1 tbody tr td{
|
|
border-right: 1px solid #e5e6eb;
|
|
border-bottom: 1px solid #e5e6eb;
|
|
line-height: 23px;
|
|
padding: 8px 12px;
|
|
text-align: left;
|
|
}
|
|
body .table1 thead tr th .el-form-item,
|
|
body .table1 tbody tr td .el-form-item{
|
|
margin-bottom: 0;
|
|
}
|
|
.table1 td .el-button{
|
|
font-size:14px !important;
|
|
padding:0 !important;
|
|
color:#004098 !important;
|
|
border:0 !important;
|
|
background: transparent !important;
|
|
line-height: 20px;
|
|
height: 20px;
|
|
}
|
|
.table1 td .el-button:hover{
|
|
font-size:14px !important;
|
|
padding:0 !important;
|
|
color: #3071b9 !important;
|
|
border:0 !important;
|
|
background: transparent !important;
|
|
}
|
|
.table1 td .upload-file{
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
.table1 td .upload-file+.sm{
|
|
margin-top: 0;
|
|
}
|
|
.table1 td .upload-file .el-upload .el-button{
|
|
padding: 0 10px !important;
|
|
}
|
|
.table1 .ttd{
|
|
padding: 0;
|
|
}
|
|
.table1 td .el-input-group .el-input-group__append,
|
|
.table1 td .el-input-group .el-input-group__append:hover{
|
|
background: #004098;
|
|
box-shadow: 0 1px 0 0 #004098 inset;
|
|
}
|
|
.table1 td .el-input-group .el-input-group__append .el-button{
|
|
background: #004098 !important;
|
|
border-color: #004098 !important;
|
|
padding: 0 5px !important;
|
|
line-height: 42px;
|
|
}
|
|
body .table1 td .el-upload:hover .el-button {
|
|
color: #fff!important;
|
|
}
|
|
body .table1 td .el-form-item__content .el-form-item__error{
|
|
display: block;
|
|
width: 100%;
|
|
position: relative;
|
|
top: 0;
|
|
left: 0;
|
|
white-space: break-spaces;
|
|
padding: 4px 0 0 0;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
/*etable1 表格展开折叠*/
|
|
body .etable1.el-table .el-table__cell.el-table__expanded-cell{
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
body .etable1.el-table .el-table__cell.el-table__expanded-cell>.el-table{
|
|
border-left: 0;
|
|
border-top: 0;
|
|
}
|
|
body .etable1.el-table .undefined,
|
|
body .etable1.el-table .el-table__expanded-cell tr>th:nth-child(1),
|
|
body .etable1.el-table .el-table__expanded-cell tr>td:nth-child(1),
|
|
body .etable1.el-table .el-table__expanded-cell tr>th:nth-child(2),
|
|
body .etable1.el-table .el-table__expanded-cell tr>td:nth-child(2){
|
|
border-right: 0;
|
|
}
|
|
|
|
/*flexbox*/
|
|
.flexbox{
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
}
|
|
.flexbox .ltree{
|
|
display: block;
|
|
width: 250px;
|
|
border-right: 1px solid #d9d9d9;
|
|
padding: 0 16px 0 0;
|
|
}
|
|
.flexbox.flexw1 .ltree{
|
|
width: 120px;
|
|
}
|
|
.flexbox .ltree+.rtable{
|
|
width: calc(100% - 250px);
|
|
}
|
|
.flexbox.flexw1 .ltree+.rtable{
|
|
width: calc(100% - 120px);
|
|
}
|
|
.flexbox .rtable{
|
|
display: block;
|
|
flex: 1;
|
|
padding: 0 0 0 16px;
|
|
}
|
|
|
|
/*grab 查询筛选*/
|
|
.grab{
|
|
display: block;
|
|
}
|
|
.search{
|
|
display: flex;
|
|
}
|
|
.search .sl{
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 1;
|
|
flex-wrap: wrap;
|
|
}
|
|
.search .sr{
|
|
display: flex;
|
|
}
|
|
.search .el-button{
|
|
margin-top: 4px;
|
|
margin-bottom: 4px;
|
|
}
|
|
.search .el-form-item{
|
|
margin: 4px 20px 4px 0;
|
|
}
|
|
.search .el-form-item .el-button{
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
.search .el-form-item>.el-form-item__content>.el-input,
|
|
.search .el-form-item>.el-form-item__content>.el-select,
|
|
.search .el-form-item>.el-form-item__content>.el-cascader,
|
|
.search .el-form-item>.el-form-item__content>.el-date-editor.el-range-editor,
|
|
.search .el-form-item>.el-form-item__content>.el-date-editor.el-date-editor{
|
|
width: 250px;
|
|
}
|
|
.grab .filtrate{
|
|
display: none;
|
|
}
|
|
.grab.open .filtrate{
|
|
display: flex;
|
|
}
|
|
.filtrate{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
}
|
|
.filtrate .el-button{
|
|
margin-top: 4px;
|
|
margin-bottom: 4px;
|
|
}
|
|
.filtrate .el-form-item .el-button{
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
.filtrate .el-form-item{
|
|
margin: 4px 20px 4px 0;
|
|
}
|
|
.filtrate .el-form-item>.el-form-item__content>.el-input,
|
|
.filtrate .el-form-item>.el-form-item__content>.el-select,
|
|
.filtrate .el-form-item>.el-form-item__content>.el-cascader,
|
|
.filtrate .el-form-item>.el-form-item__content>.el-date-editor.el-range-editor,
|
|
.filtrate .el-form-item>.el-form-item__content>.el-date-editor.el-date-editor{
|
|
width: 250px;
|
|
}
|
|
|
|
/*operate 操作区域*/
|
|
.operate{
|
|
display: block;
|
|
margin: 0 0 20px 0;
|
|
}
|
|
|
|
/*lrtt 树&表格*/
|
|
.lrtt{
|
|
|
|
}
|
|
body .el-card.lrtt>.el-card__body{
|
|
padding: 0 !important;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
}
|
|
.lrtt .lt{
|
|
display: block;
|
|
padding: 16px;
|
|
width: 310px;
|
|
height: 700px;
|
|
overflow: auto;
|
|
}
|
|
.lrtt .lt+.rt{
|
|
border-left: 1px solid #e6e6e6;
|
|
}
|
|
.lrtt .rt{
|
|
display: block;
|
|
padding: 16px;
|
|
flex: 1;
|
|
height: 700px;
|
|
overflow: auto;
|
|
}
|
|
.lrtt .lt::-webkit-scrollbar,
|
|
.lrtt .rt::-webkit-scrollbar{
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
.lrtt .lt::-webkit-scrollbar-track-piece,
|
|
.lrtt .rt::-webkit-scrollbar-track-piece{
|
|
background-color: transparent;
|
|
border-radius: 4px;
|
|
}
|
|
.lrtt .lt::-webkit-scrollbar-thumb,
|
|
.lrtt .rt::-webkit-scrollbar-thumb{
|
|
cursor: pointer;
|
|
background-color:#dedfe1;
|
|
border-radius: 4px;
|
|
}
|
|
.lrtt .lt::-webkit-scrollbar-thumb:hover,
|
|
.lrtt .rt::-webkit-scrollbar-thumb:hover{
|
|
cursor: pointer;
|
|
background-color:#c8c9cc;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
/*sm*/
|
|
body .sm1,body .sm1.el-alert{
|
|
margin: 25px 0;
|
|
background-color: rgba(246, 239, 214, 1) !important;
|
|
color: #DE0A0A !important;
|
|
border-radius: 2px;
|
|
padding: 15px;
|
|
}
|
|
body .sm1.el-alert .el-alert__title,body .sm1.el-alert .el-alert__text{
|
|
font-size: 14px;
|
|
}
|
|
body .sm1.el-alert .el-alert__closebtn {
|
|
top: 18px;
|
|
right: 10px;
|
|
}
|
|
|
|
/*textb1*/
|
|
.textb1{
|
|
line-height: 24px;
|
|
}
|
|
.textb1 .ht{
|
|
|
|
}
|
|
.textb1 .bt{
|
|
display: flex;
|
|
display: flex;
|
|
}
|
|
.textb1 .bt a{
|
|
margin: 10px 20px 0 0;
|
|
}
|
|
|
|
/*fjlist1 导出附件*/
|
|
.fjlist1 {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.fjlist1 a{
|
|
margin: 5px 20px 0 0;
|
|
}
|
|
|
|
/*flist1 数据汇总统计*/
|
|
.flist1{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.flist1 .list{
|
|
display: flex;
|
|
width: calc(100% / 3);
|
|
border-right: 1px dashed #e6e6e6;
|
|
padding: 2px 16px 2px 24px;
|
|
align-items: center;
|
|
}
|
|
.flist1 .list:nth-child(3n+1){
|
|
padding-left: 0;
|
|
}
|
|
.flist1 .list:nth-child(3n){
|
|
border-right: 0;
|
|
padding-right: 0;
|
|
}
|
|
.flist1 .list .limg{
|
|
display: block;
|
|
width: 40px;
|
|
height: 40px;
|
|
margin: 0 12px 0 0;
|
|
}
|
|
.flist1 .list .ltext{
|
|
display: block;
|
|
}
|
|
.flist1 .list .ltext .t1{
|
|
display: block;
|
|
color: #333;
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
line-height: 32px;
|
|
}
|
|
.flist1 .list .ltext .t1 a,.flist1 .list .ltext .t1 a:visited,.flist1 .list .ltext .t1 a:active{
|
|
color: #333;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
}
|
|
.flist1 .list .ltext .t1 a:hover{
|
|
color: #004098;
|
|
}
|
|
.flist1 .list .ltext .t2{
|
|
display: block;
|
|
color: #999;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
line-height: 22px;
|
|
}
|
|
|
|
/*flist2 消息中心列表*/
|
|
.flist2{
|
|
display: block;
|
|
overflow: auto;
|
|
height: 342px;
|
|
}
|
|
.flist2 .list{
|
|
display: flex;
|
|
border-bottom: 1px dashed #EBEEF5;
|
|
padding: 16px 0;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
}
|
|
.flist2 .list:last-child{
|
|
border-bottom: 0;
|
|
}
|
|
body .el-card .el-card__body .flist2 .list:first-child{
|
|
padding-top: 0;
|
|
}
|
|
body .el-card .el-card__body .flist2 .list:last-child{
|
|
padding-bottom: 0;
|
|
}
|
|
.flist2 .list .ltext{
|
|
display: block;
|
|
flex: 1;
|
|
position: relative;
|
|
padding: 0 0 0 14px;
|
|
}
|
|
.flist2 .list .ltext::before{
|
|
content: "";
|
|
position: absolute;
|
|
left: 0;
|
|
top: 8px;
|
|
display: block;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-radius: 100%;
|
|
background: #F1403C;
|
|
}
|
|
.flist2 .list .ltext .title{
|
|
display: block;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
color: #333;
|
|
}
|
|
.flist2 .list .ltext .time{
|
|
display: block;
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
color: #ccc;
|
|
}
|
|
.flist2 .list .el-icon-arrow-right{
|
|
color: #ccc;
|
|
font-size: 14px;
|
|
}
|
|
.flist2 .list:hover .ltext .title{
|
|
color: #004098;
|
|
}
|
|
.flist2 .list:hover .ltext .time{
|
|
color: #888;
|
|
}
|
|
.flist2 .list:hover .el-icon-arrow-right{
|
|
color: #888;
|
|
}
|
|
|
|
/*tjbox 统计图*/
|
|
.tjbox1{
|
|
display: block;
|
|
height: 175px;
|
|
}
|
|
.tjbox2{
|
|
display: block;
|
|
}
|
|
.tjbox1 img,
|
|
.tjbox2 img{
|
|
display: block;
|
|
margin: 0 auto;
|
|
max-width: 100%;
|
|
width: auto;
|
|
}
|
|
|
|
/*divide 分割*/
|
|
.divide{
|
|
display: block;
|
|
height: 16px;
|
|
}
|
|
.divide.double{
|
|
height: 32px;
|
|
}
|
|
|
|
/*treebox 树边框*/
|
|
.treebox{
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 2px;
|
|
padding: 10px;
|
|
}
|
|
body .el-form-border .el-form .el-form-item .treebox,
|
|
body .el-form .el-form-border .el-form-item .treebox{
|
|
border-style: dashed;
|
|
}
|
|
|
|
/*tboper 标题栏*/
|
|
.tboper{
|
|
display: flex;
|
|
margin: 0 0 10px 0;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.tboper .tit{
|
|
display: block;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
color: #333;
|
|
position: relative;
|
|
padding: 0 0 0 9px;
|
|
font-weight: bold;
|
|
}
|
|
.tboper .tit::before{
|
|
content: "";
|
|
position: absolute;
|
|
left: 0;
|
|
top: 4px;
|
|
display: block;
|
|
width: 3px;
|
|
height: 14px;
|
|
background: #004098;
|
|
}
|
|
.tboper .boper{
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 14px;
|
|
}
|
|
.tboper .boper .slist{
|
|
display: inline-flex;
|
|
align-items: center;
|
|
margin: 0 10px 0 0;
|
|
}
|
|
.tboper .boper .slist+.slist{
|
|
margin-left: 20px;
|
|
}
|
|
.tboper .boper .slist .tt{
|
|
padding: 0 5px 0 0;
|
|
white-space: nowrap;
|
|
}
|
|
.tboper .boper .el-button{
|
|
padding: 0 8px;
|
|
height: 30px;
|
|
line-height: 28px;
|
|
}
|
|
.tboper .boper .el-button+.warning{
|
|
margin-left: 10px;
|
|
}
|
|
.tboper .boper .warning{
|
|
display: flex;
|
|
align-items: center;
|
|
color: #f78800;
|
|
}
|
|
.tboper .boper .warning svg,
|
|
.tboper .boper .warning i{
|
|
margin: 0 5px 0 0;
|
|
}
|
|
|
|
/*login-page 登录*/
|
|
.login-page{
|
|
display: flex;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: fixed;
|
|
background: #fff;
|
|
}
|
|
body .login-page .el-input .el-input__icon, body .login-page .el-select .el-input__icon {
|
|
line-height: 38px;
|
|
height: 38px;
|
|
}
|
|
.login-page .loleft{
|
|
display: block;
|
|
width: 66.5%;
|
|
background: url("../images/login-bg.jpg") no-repeat left center;
|
|
background-size: cover;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.login-page .loright{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 33.5%;
|
|
padding: 0 50px;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
.login-page .loright .locont{
|
|
display: block;
|
|
width: 100%;
|
|
max-width: 400px;
|
|
}
|
|
.login-page .loright .locont .logoi{
|
|
display: block;
|
|
text-align: center;
|
|
margin: 0 auto 20px auto;
|
|
}
|
|
.login-page .loright .locont .logoi img{
|
|
display: block;
|
|
margin: 0 auto;
|
|
width: 48px;
|
|
height: auto;
|
|
}
|
|
.login-page .loright .locont .title{
|
|
display: block;
|
|
color: #1D2129;
|
|
text-align: center;
|
|
font-size: 26px;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
line-height: 50px;
|
|
margin: 0;
|
|
}
|
|
.login-page .loright .locont .title+.el-form{
|
|
margin-top: 60px;
|
|
}
|
|
.login-page .loright .locont .el-form-item{
|
|
margin-bottom: 20px;
|
|
}
|
|
.login-page .loright .locont .el-form-item:last-child{
|
|
margin-bottom: 0;
|
|
}
|
|
.login-page .loright .locont .el-form-item .el-button{
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
.login-page .loright .locont .el-input__inner,
|
|
.login-page .loright .locont .el-button{
|
|
border-radius: 2px;
|
|
}
|
|
body .login-page .loright .locont input::-webkit-input-placeholder{
|
|
color: #86909C;
|
|
}
|
|
body .login-page .loright .locont input:-moz-placeholder{
|
|
color: #86909C;
|
|
}
|
|
body .login-page .loright .locont input::-moz-placeholder{
|
|
color: #86909C;
|
|
}
|
|
body .login-page .loright .locont input:-ms-input-placeholder{
|
|
color: #86909C;
|
|
}
|
|
body .login-page .loright .locont .el-form-item .el-form-item__content .el-input__inner {
|
|
height: 38px;
|
|
line-height: 38px;
|
|
}
|
|
body .login-page .loright .locont .el-form-item .el-form-item__content .el-button {
|
|
padding: 0 15px;
|
|
height: 38px;
|
|
line-height: 38px;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
margin: 12px 0 0 0;
|
|
}
|
|
body .login-page .loright .locont .el-form-item .el-form-item__label {
|
|
color: #1D2129;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
line-height: 22px;
|
|
}
|
|
body .login-page .loright .locont .el-form--label-top .el-form-item .el-form-item__label {
|
|
padding: 0 0 4px 0;
|
|
}
|
|
|
|
/*lctitle 流程监控标题*/
|
|
.lctitle{
|
|
display: block;
|
|
color: #004098;
|
|
background: #E6F7FF ;
|
|
padding: 10px 15px;
|
|
margin: 0 0 15px 0;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
}
|
|
|
|
/*fbox1 工具详情-左右分栏*/
|
|
.fbox1{
|
|
display: flex;
|
|
}
|
|
.fbox1 .fl{
|
|
display: block;
|
|
padding: 16px 32px;
|
|
flex: 1;
|
|
}
|
|
.fbox1 .fl+.fr{
|
|
border-left: 1px solid #e6e6e6;
|
|
}
|
|
.fbox1 .fr{
|
|
display: block;
|
|
padding: 16px 32px;
|
|
width: 420px;
|
|
}
|
|
|
|
/*pltextarea 评论框*/
|
|
body .pltextarea{
|
|
display: block;
|
|
position: relative;
|
|
background: #f2f3f5;
|
|
border-radius: 2px;
|
|
}
|
|
body .pltextarea .el-textarea{
|
|
|
|
}
|
|
body .pltextarea .el-textarea .el-textarea__inner,
|
|
body .pltextarea .el-textarea .el-textarea__inner:focus,
|
|
body .pltextarea .el-textarea .el-textarea__inner:hover{
|
|
border: 0;
|
|
background: #f2f3f5;
|
|
padding: 4px 12px 24px 12px;
|
|
font-size: 14px;
|
|
color: #000;
|
|
}
|
|
body .pltextarea .el-textarea .el-input__count{
|
|
left: 12px;
|
|
right: auto;
|
|
background: transparent;
|
|
line-height: 20px;
|
|
bottom: 4px;
|
|
color: #86909C;
|
|
font-size: 12px;
|
|
}
|
|
body .pltextarea .plbtn{
|
|
position: absolute;
|
|
right: 12px;
|
|
bottom: 4px;
|
|
left: auto;
|
|
z-index: 2;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
align-items: center;
|
|
}
|
|
body .pltextarea .plbtn .el-button{
|
|
display: block;
|
|
padding: 0;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
color: #86909C;
|
|
font-size: 12px;
|
|
border: 0;
|
|
background: transparent;
|
|
}
|
|
body .pltextarea .plbtn .el-button:hover{
|
|
display: block;
|
|
padding: 0;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
color: #004098;
|
|
font-size: 12px;
|
|
border: 0;
|
|
background: transparent;
|
|
}
|
|
|
|
/*pllist*/
|
|
.pllist{
|
|
display: block;
|
|
}
|
|
.pllist .list{
|
|
display: flex;
|
|
padding: 20px 0;
|
|
border-bottom: 1px solid #E6E6E6;
|
|
}
|
|
.pllist>.list:last-child{
|
|
border-bottom: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
.pllist .list .luser{
|
|
display: block;
|
|
width: 44px;
|
|
}
|
|
.pllist .list .luser .xuser{
|
|
display: block;
|
|
width: 32px;
|
|
height: 32px;
|
|
border-radius: 100%;
|
|
background: #00B2FF;
|
|
color: #fff;
|
|
text-align: center;
|
|
line-height: 32px;
|
|
}
|
|
.pllist .list .luser img{
|
|
display: block;
|
|
width: 32px;
|
|
height: 32px;
|
|
border-radius: 100%;
|
|
}
|
|
.pllist .list .ltext{
|
|
display: block;
|
|
flex: 1;
|
|
}
|
|
.pllist .list .ltext>.list{
|
|
padding: 10px 0;
|
|
}
|
|
.pllist .list .ltext>.list:last-child{
|
|
border-bottom: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
.pllist .list .ltext .nt{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
}
|
|
.pllist .list .ltext .nt .name{
|
|
color: #4E5969;
|
|
}
|
|
.pllist .list .ltext .nt .time{
|
|
color: #86909C;
|
|
}
|
|
.pllist .list .ltext .nt span+span{
|
|
margin-left: 8px;
|
|
}
|
|
.pllist .list .ltext .te{
|
|
display: block;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
color: #1D2129;
|
|
}
|
|
.pllist .list .ltext .hb{
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
margin: 8px 0 0 0;
|
|
}
|
|
.pllist .list .ltext .hb .btn,
|
|
.pllist .list .ltext .hb .btn:visited,
|
|
.pllist .list .ltext .hb .btn:active{
|
|
display: block;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
color: #1D2129;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
.pllist .list .ltext .hb .btn:hover{
|
|
color: #004098;
|
|
}
|
|
.pllist .list .ltext .hb .btn i{
|
|
padding: 0 4px 0 0;
|
|
}
|
|
.pllist .list .ltext .hb+.pltextarea{
|
|
margin-top: 10px;
|
|
}
|