Merge remote-tracking branch 'origin/dev-ele-update' into dev
# Conflicts: # package.json
This commit is contained in:
@@ -16,7 +16,7 @@
|
||||
margin-right: 12px;
|
||||
background-color: transparent;
|
||||
|
||||
.el-icon-search {
|
||||
i {
|
||||
color: #3976CB;
|
||||
}
|
||||
}
|
||||
@@ -51,14 +51,14 @@
|
||||
line-height: 39px;
|
||||
background: #38ACD2;
|
||||
|
||||
.el-icon-search {
|
||||
i {
|
||||
font-size: 22px;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
.search__suffix-close {
|
||||
.el-icon-error {
|
||||
i {
|
||||
font-size: 17px;
|
||||
color: #C4C4C4;
|
||||
cursor: pointer;
|
||||
@@ -87,7 +87,7 @@
|
||||
border-radius: 2px;
|
||||
padding-left: 10px;
|
||||
padding-right: 80px;
|
||||
background-color: white;
|
||||
background-color: $--select-bg-color-1;
|
||||
border: 1px solid #DEDEDE;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
@@ -151,6 +151,20 @@
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
cursor: text;
|
||||
.el-select {
|
||||
min-width: 210px !important;
|
||||
min-height: 20px !important;
|
||||
height: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.el-select__wrapper {
|
||||
height: 28px;
|
||||
margin-top: -4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.el-select__wrapper.is-focused {
|
||||
box-shadow: 0 0 0 1px $--color-primary inset !important;
|
||||
}
|
||||
}
|
||||
.condition__operator {
|
||||
color: #3976CB;
|
||||
@@ -180,7 +194,13 @@
|
||||
padding-left: 65px;
|
||||
}
|
||||
|
||||
.el-popover.my-popper-class {
|
||||
.my-popper-class {
|
||||
width: auto !important;
|
||||
padding: 8px 12px !important;
|
||||
padding: 8px 10px !important;
|
||||
}
|
||||
.el-input__wrapper.is-focus {
|
||||
box-shadow: 0 0 0 1px $--color-primary inset !important;
|
||||
}
|
||||
.el-select-dropdown__item.is-selected {
|
||||
color: #2c72c6 !important;
|
||||
}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
.CodeMirror {
|
||||
/* Set height, width, borders, and global font properties here */
|
||||
height: 40px;
|
||||
height: 40px !important;
|
||||
color: black;
|
||||
direction: ltr;
|
||||
border: 1px solid #CECECE;
|
||||
@@ -22,7 +22,7 @@
|
||||
/* PADDING */
|
||||
|
||||
.CodeMirror-lines {
|
||||
padding: 9px 5px; /* Vertical padding around content */
|
||||
//padding: 9px 5px; /* Vertical padding around content */
|
||||
}
|
||||
.CodeMirror pre.CodeMirror-line,
|
||||
.CodeMirror pre.CodeMirror-line-like {
|
||||
@@ -187,6 +187,8 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
|
||||
position: relative;
|
||||
border-right: 50px solid transparent;
|
||||
width: 3000px; // 避免搜索过长导致换行
|
||||
height: 30px;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
/* The fake, visible scrollbars. Used to force redraw during scrolling
|
||||
@@ -222,7 +224,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
|
||||
}
|
||||
.CodeMirror-gutter {
|
||||
white-space: normal;
|
||||
height: 100%;
|
||||
height: 100% !important;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin-bottom: -50px;
|
||||
@@ -249,6 +251,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
|
||||
.CodeMirror-lines {
|
||||
cursor: text;
|
||||
min-height: 1px; /* prevents collapsing before first draw */
|
||||
margin-top: 4px;
|
||||
}
|
||||
.CodeMirror pre.CodeMirror-line,
|
||||
.CodeMirror pre.CodeMirror-line-like {
|
||||
@@ -391,11 +394,6 @@ span.CodeMirror-selectedtext { background: none; }
|
||||
//color: #D85512;
|
||||
}
|
||||
|
||||
.CodeMirror-lines {
|
||||
/*height: 20px;*/
|
||||
//padding: 3px 0;
|
||||
}
|
||||
|
||||
.in-coder-panel {
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
@@ -32,8 +32,10 @@
|
||||
padding: 0 10px;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #DEDEDE;
|
||||
//background: #FFFFFF;
|
||||
background: var(--el-fill-color-blank);
|
||||
//border: 1px solid #DEDEDE;
|
||||
border: 1px solid var(--el-border-color);
|
||||
box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
|
||||
border-radius: 2px;
|
||||
height: 28px;
|
||||
@@ -56,7 +58,8 @@
|
||||
|
||||
.date-range-title {
|
||||
font-size: 14px;
|
||||
color: #666666;
|
||||
//color: #666666;
|
||||
color: $--text-color-4;
|
||||
font-weight: 600;
|
||||
padding: 14px 0 7px 8px;
|
||||
}
|
||||
@@ -71,7 +74,8 @@
|
||||
white-space: nowrap;
|
||||
display: inline-block;
|
||||
margin: 0 5px;
|
||||
color: #353636;
|
||||
//color: #353636;
|
||||
color: $--text-color-1;
|
||||
.cn-icon-Data {
|
||||
color: #575757;
|
||||
}
|
||||
@@ -88,7 +92,8 @@
|
||||
.date-range-panel {
|
||||
height: 426px;
|
||||
width: 500px;
|
||||
background: #FFFFFF;
|
||||
//background: #FFFFFF;
|
||||
background: $--select-bg-color-1;
|
||||
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
|
||||
position: absolute;
|
||||
right: 0;
|
||||
@@ -102,7 +107,8 @@
|
||||
|
||||
.content-title {
|
||||
font-size: 14px;
|
||||
color: #666666;
|
||||
//color: #666666;
|
||||
color: var(--el-text-color-primary);
|
||||
font-weight: 400;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
@@ -134,9 +140,13 @@
|
||||
|
||||
.date-range-history-item:hover {
|
||||
/*font-weight: 600;*/
|
||||
background: #f9f9f9;
|
||||
//background: #f9f9f9;
|
||||
background: $--select-bg-color-hover-1;
|
||||
}
|
||||
}
|
||||
.el-range-editor.el-input__wrapper{
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.date-range-panel-content-right {
|
||||
@@ -156,15 +166,18 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
color: #333333;
|
||||
//color: #333333;
|
||||
color: var(--el-text-color-primary);
|
||||
font-weight: 400;
|
||||
padding: 0 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
li.active {
|
||||
background: #F2F9FF;
|
||||
color: #0091FF;
|
||||
//background: #F2F9FF;
|
||||
//color: #0091FF;
|
||||
background: $--select-bg-color-1;
|
||||
color: var(--el-color-primary);
|
||||
font-weight: 400;
|
||||
|
||||
.cn-icon-check {
|
||||
@@ -175,8 +188,10 @@
|
||||
}
|
||||
|
||||
li:hover {
|
||||
background: #F2F9FF;
|
||||
color: #0091FF;
|
||||
//background: #F2F9FF;
|
||||
background: var(--el-color-primary-light-9);
|
||||
//color: #0091FF;
|
||||
color: var(--el-color-primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -17,8 +17,9 @@
|
||||
.refresh-list{
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #DEDEDE;
|
||||
//background: #FFFFFF;
|
||||
background: $--select-bg-color-1;
|
||||
border: 1px solid var(--el-border-color);
|
||||
box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
|
||||
border-radius: 2px;
|
||||
top: 30px;
|
||||
@@ -29,13 +30,13 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
color: #333333;
|
||||
color: $--text-color-5;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
padding: 8px 0 8px 12px;
|
||||
}
|
||||
.refresh-list-item.active{
|
||||
background: #F2F9FF;
|
||||
background: $--select-bg-color-1;
|
||||
color: #0091FF;
|
||||
font-weight: 400;
|
||||
.cn-icon-check{
|
||||
@@ -45,7 +46,8 @@
|
||||
}
|
||||
}
|
||||
.refresh-list-item:hover{
|
||||
background: #F2F9FF;
|
||||
//background: #F2F9FF;
|
||||
background: $--select-bg-color-hover-1;
|
||||
color: #0091FF;
|
||||
}
|
||||
}
|
||||
@@ -66,5 +68,6 @@
|
||||
.el-button--mini{
|
||||
padding: 4px 6px !important;
|
||||
min-height: 28px !important;
|
||||
height: 28px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -17,8 +17,9 @@
|
||||
box-shadow: none;
|
||||
|
||||
&>.el-tabs__header {
|
||||
background-color: white;
|
||||
border-color: #E2E5EC;
|
||||
//background-color: white;
|
||||
background-color: $--select-bg-color-1;
|
||||
border-color: $--border-color-2;
|
||||
|
||||
.el-tabs__nav-wrap {
|
||||
padding-left: 27px;
|
||||
@@ -33,6 +34,7 @@
|
||||
}
|
||||
.el-tabs__nav {
|
||||
z-index: 1;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.el-tabs__item.is-top {
|
||||
@@ -40,7 +42,7 @@
|
||||
line-height: 35px;
|
||||
|
||||
.chart-tabs__label {
|
||||
color: #353636;
|
||||
color: $--text-color-1;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
box-sizing: border-box;
|
||||
@@ -53,7 +55,7 @@
|
||||
}
|
||||
&.is-active {
|
||||
.chart-tabs__label {
|
||||
color: #353636;
|
||||
color: $--text-color-1;
|
||||
|
||||
i {
|
||||
color: #046EC9;
|
||||
|
||||
@@ -1,16 +1,89 @@
|
||||
.pagination {
|
||||
padding-top: 8px;
|
||||
text-align: center;
|
||||
max-height: 42px;
|
||||
//.pagination {
|
||||
// padding-top: 8px;
|
||||
// text-align: center;
|
||||
// max-height: 42px;
|
||||
//
|
||||
// .el-pagination {
|
||||
// max-height: 42px;
|
||||
// padding-right: 0;
|
||||
// }
|
||||
// .pagination-size-select .el-input--mini .el-input__inner{
|
||||
// height: 20px;
|
||||
// line-height: 20px;
|
||||
// margin: 5px 0 5px 5px;
|
||||
// }
|
||||
// .el-pager li, .el-pagination .btn-next, .el-pagination .btn-prev {
|
||||
// margin:5px 5px 0 5px;
|
||||
// padding: 0 4px;
|
||||
// font-size: 13px;
|
||||
// min-width: 20px;
|
||||
// height: 20px;
|
||||
// line-height: 20px;
|
||||
// text-align: center;
|
||||
// border: 1px solid rgba(154,154,154,0.20);
|
||||
// border-radius: 2px;
|
||||
// }
|
||||
// .el-pagination .el-pager li.btn-quicknext, .el-pager li.btn-quickprev {
|
||||
// line-height: 20px;
|
||||
// }
|
||||
// .el-pagination .el-pager .more::before {
|
||||
// line-height: 20px;
|
||||
// }
|
||||
// .el-pagination .el-pager .more {
|
||||
// background-color: $--content-right-background-color;
|
||||
// }
|
||||
// .btn-next, .btn-prev {
|
||||
// background-color: $--content-right-background-color !important;
|
||||
// }
|
||||
// input {
|
||||
// background-color: $--content-right-background-color !important;
|
||||
// }
|
||||
// .el-pager li.number {
|
||||
// color: #666666;
|
||||
// letter-spacing: 0;
|
||||
// font-weight:normal;
|
||||
// background-color: $--content-right-background-color;
|
||||
// }
|
||||
// .el-pager li.number.active {
|
||||
// color: #FFFFFF;
|
||||
// letter-spacing: 0;
|
||||
// }
|
||||
//
|
||||
// .el-pagination .el-pager li.active {
|
||||
// background-color: $--color-primary;
|
||||
// border-radius: 2px;
|
||||
// }
|
||||
// .el-pager li:hover, .el-pagination .btn-next:hover, .el-pagination .btn-prev:hover {
|
||||
// color: #666666;
|
||||
// letter-spacing: 0;
|
||||
// font-weight:normal;
|
||||
// }
|
||||
// .el-pagination__sizes .el-input .el-input__inner, .el-pagination__editor.el-input .el-input__inner {
|
||||
// height: 20px;
|
||||
// border-color: rgba(154,154,154,0.20);
|
||||
// }
|
||||
// .el-pagination__sizes .el-input .el-input__inner:hover {
|
||||
// border-color: rgba(154,154,154,0.20);
|
||||
// }
|
||||
//}
|
||||
//.entity__pagination .pagination {
|
||||
// .el-pager li.more + li {
|
||||
// display: none;
|
||||
// }
|
||||
// .el-pager li.number:not(:last-of-type) {
|
||||
// display: inline-block !important;
|
||||
// }
|
||||
//}
|
||||
|
||||
.el-pagination {
|
||||
max-height: 42px;
|
||||
padding-right: 0;
|
||||
}
|
||||
.pagination-size-select .el-input--mini .el-input__inner{
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
margin: 5px 0 5px 5px;
|
||||
.pagination {
|
||||
//max-height: 42px;
|
||||
padding-top: 8px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.el-pagination__total {
|
||||
margin-right: 10px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.el-pager li, .el-pagination .btn-next, .el-pagination .btn-prev {
|
||||
margin:5px 5px 0 5px;
|
||||
@@ -23,54 +96,44 @@
|
||||
border: 1px solid rgba(154,154,154,0.20);
|
||||
border-radius: 2px;
|
||||
}
|
||||
.el-pagination .el-pager li.btn-quicknext, .el-pager li.btn-quickprev {
|
||||
line-height: 20px;
|
||||
}
|
||||
.el-pagination .el-pager .more::before {
|
||||
line-height: 20px;
|
||||
}
|
||||
.el-pagination .el-pager .more {
|
||||
background-color: $--content-right-background-color;
|
||||
}
|
||||
.btn-next, .btn-prev {
|
||||
.el-pagination .btn-prev {
|
||||
background-color: $--content-right-background-color !important;
|
||||
}
|
||||
input {
|
||||
background-color: $--content-right-background-color !important;
|
||||
}
|
||||
.el-pager li.number {
|
||||
color: #666666;
|
||||
letter-spacing: 0;
|
||||
font-weight:normal;
|
||||
background-color: $--content-right-background-color;
|
||||
}
|
||||
.el-pager li.number.active {
|
||||
color: #FFFFFF;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
|
||||
.el-pagination .el-pager li.active {
|
||||
background-color: $--color-primary;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.el-pager li:hover, .el-pagination .btn-next:hover, .el-pagination .btn-prev:hover {
|
||||
color: #666666;
|
||||
letter-spacing: 0;
|
||||
font-weight:normal;
|
||||
}
|
||||
.el-pagination__sizes .el-input .el-input__inner, .el-pagination__editor.el-input .el-input__inner {
|
||||
.btn-next, .btn-prev {
|
||||
background-color: $--content-right-background-color !important;
|
||||
}
|
||||
.el-pager li.is-active {
|
||||
background-color: #699dc9;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
}
|
||||
.el-pager li, .el-pagination .btn-next, .el-pagination .btn-prev {
|
||||
margin-top: 0;
|
||||
}
|
||||
.el-select {
|
||||
width: 100px !important;
|
||||
margin-left: 3px;
|
||||
}
|
||||
.pagination-size-select .el-select__wrapper{
|
||||
width: 100px;
|
||||
height: 20px;
|
||||
border-color: rgba(154,154,154,0.20);
|
||||
line-height: 20px;
|
||||
min-height: 20px !important;
|
||||
margin: 5px 0 5px 5px;
|
||||
padding: 4px 8px 4px 10px;
|
||||
font-size: 12px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.el-pagination__sizes .el-input .el-input__inner:hover {
|
||||
border-color: rgba(154,154,154,0.20);
|
||||
}
|
||||
}
|
||||
.entity__pagination .pagination {
|
||||
.el-pager li.more + li {
|
||||
display: none;
|
||||
}
|
||||
.el-pager li.number:not(:last-of-type) {
|
||||
display: inline-block !important;
|
||||
.el-select__suffix {
|
||||
svg {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
}
|
||||
//el-icon el-select__caret el-select__icon
|
||||
}
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
.cn-container {
|
||||
height: calc(100% - 100px);
|
||||
background-color: $--content-right-background-color;
|
||||
//background-color: $--content-right-background-color;
|
||||
background-color: var(--bg-color);
|
||||
width: 100%;
|
||||
&>div {
|
||||
height: 100%;
|
||||
@@ -49,8 +50,9 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 40px;
|
||||
background-color: #f7f7f7;
|
||||
border-bottom: 1px solid #E2E5EC;
|
||||
//background-color: #f7f7f7;
|
||||
background-color: var(--el-bg-color-overlay);
|
||||
border-bottom: 1px solid $--border-color;
|
||||
|
||||
.cn-icon-a-NetworkAnalytics {
|
||||
margin-left: 20px;
|
||||
@@ -68,88 +70,6 @@
|
||||
.header__left-breadcrumb-item-select{
|
||||
display:flex;
|
||||
align-items: center;
|
||||
.search-input{
|
||||
width:100%;
|
||||
padding: 4px 4px 0px 4px;
|
||||
.el-input__inner{
|
||||
padding:0px 4px;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #C5C5C5;
|
||||
box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85);
|
||||
border-radius: 2px;
|
||||
font-size: 12px;
|
||||
/*color: rgba(87,87,87,0.60);*/
|
||||
letter-spacing: 0;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
.breadcrumb-button{
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 24px;
|
||||
justify-content: center;
|
||||
line-height: 24px;
|
||||
padding: 0px 6px;
|
||||
span {
|
||||
margin-right: 6px;
|
||||
}
|
||||
}
|
||||
.breadcrumb-button:hover,.breadcrumb-button__active {
|
||||
cursor:pointer;
|
||||
background: rgba(113,113,113,0.10);
|
||||
box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
|
||||
border-radius: 2px;
|
||||
}
|
||||
.breadcrumb__popper{
|
||||
top: -7px !important;
|
||||
width:auto !important;
|
||||
max-height:206px;
|
||||
overflow:hidden;
|
||||
padding: 0px !important;
|
||||
background: #FFFFFF;
|
||||
border:1px solid #C5C5C5 !important;
|
||||
box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85)!important;
|
||||
border-radius: 2px !important;
|
||||
.el-row {
|
||||
width: 100% !important;
|
||||
}
|
||||
.selected {
|
||||
color: #0091ff;
|
||||
font-weight: bold;
|
||||
}
|
||||
.el-popper {
|
||||
max-height: 405px;
|
||||
}
|
||||
.select-dropdown {
|
||||
max-height:172px;
|
||||
width:100%;
|
||||
margin: 1px 0px;
|
||||
overflow:auto;
|
||||
list-style: none;
|
||||
padding:4px 0px;
|
||||
box-sizing: border-box;
|
||||
.select-dropdown__item:hover{
|
||||
background-color: #F5F7FA !important;
|
||||
}
|
||||
.select-dropdown__item{
|
||||
width:100%;
|
||||
height:30px;
|
||||
padding:0px 11px;
|
||||
line-height:30px;
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
color: #666665;
|
||||
display: list-item;
|
||||
text-align: -webkit-match-parent;
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -250,6 +170,9 @@
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
.header-menu--item {
|
||||
outline-style: initial;
|
||||
}
|
||||
}
|
||||
.left-menu--pin {
|
||||
width: 20px;
|
||||
@@ -297,3 +220,93 @@
|
||||
border-radius: 4px;
|
||||
border: 2px solid transparent;
|
||||
}
|
||||
|
||||
.breadcrumb__popper{
|
||||
top: 96px !important;
|
||||
width: 180px !important;
|
||||
min-width: 180px;
|
||||
max-height:206px;
|
||||
overflow:hidden;
|
||||
padding: 0 !important;
|
||||
background: #963131;
|
||||
border:1px solid #C5C5C5 !important;
|
||||
box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85)!important;
|
||||
border-radius: 2px !important;
|
||||
.el-row {
|
||||
width: 100% !important;
|
||||
}
|
||||
.selected {
|
||||
color: #0091ff;
|
||||
font-weight: bold;
|
||||
}
|
||||
.el-popper {
|
||||
max-height: 405px;
|
||||
}
|
||||
.select-dropdown {
|
||||
max-height:172px;
|
||||
width:100%;
|
||||
margin: 1px 0px;
|
||||
overflow:auto;
|
||||
list-style: none;
|
||||
padding:4px 0px;
|
||||
box-sizing: border-box;
|
||||
.select-dropdown__item:hover{
|
||||
background-color: #F5F7FA !important;
|
||||
}
|
||||
.select-dropdown__item{
|
||||
width:100%;
|
||||
height:30px;
|
||||
padding:0px 11px;
|
||||
line-height:30px;
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
color: #666665;
|
||||
display: list-item;
|
||||
text-align: -webkit-match-parent;
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.search-input{
|
||||
width:100%;
|
||||
padding: 4px 4px 0px 4px;
|
||||
.el-input__wrapper {
|
||||
border: 1px solid #C5C5C5;
|
||||
box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85);
|
||||
}
|
||||
.el-input__inner{
|
||||
//padding:0px 4px;
|
||||
//background: #FFFFFF;
|
||||
//border: 1px solid #C5C5C5;
|
||||
//box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85);
|
||||
border-radius: 2px;
|
||||
font-size: 12px;
|
||||
/*color: rgba(87,87,87,0.60);*/
|
||||
letter-spacing: 0;
|
||||
font-weight: 400;
|
||||
margin-left: -7px;
|
||||
}
|
||||
}
|
||||
.breadcrumb-button{
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 24px;
|
||||
justify-content: center;
|
||||
line-height: 24px;
|
||||
padding: 0px 6px;
|
||||
span {
|
||||
margin-right: 6px;
|
||||
}
|
||||
}
|
||||
.breadcrumb-button:hover,.breadcrumb-button__active {
|
||||
cursor:pointer;
|
||||
background: rgba(113,113,113,0.10);
|
||||
box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
@@ -4,6 +4,7 @@
|
||||
.el-checkbox {
|
||||
margin-right: 24px;
|
||||
line-height: 28px;
|
||||
margin-top: -2px;
|
||||
}
|
||||
.el-checkbox-group {
|
||||
line-height: 28px;
|
||||
@@ -108,10 +109,40 @@
|
||||
height: 32px;
|
||||
margin: 10px 0 0 10px;
|
||||
}
|
||||
.el-input__wrapper {
|
||||
height: 32px !important;
|
||||
padding: 1px 11px !important;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.el-input__inner {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.el-form-item__content {
|
||||
line-height: 40px !important;
|
||||
}
|
||||
}
|
||||
.el-input__inner {
|
||||
border: none;
|
||||
}
|
||||
.el-select--small .el-select__wrapper {
|
||||
padding: 0 10px;
|
||||
min-height: 32px !important;
|
||||
line-height: 32px !important;
|
||||
margin-top: -2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
}
|
||||
.right-box__select--param {
|
||||
.el-input__prefix {
|
||||
//.el-select--small .el-select__prefix {
|
||||
// left: 0;
|
||||
// background-color: #f5f7fa;
|
||||
// color: #999;
|
||||
// padding: 0 1.07143rem;
|
||||
// border: 1px solid #dcdfe6;
|
||||
// border-radius: 2px 0 0 2px;
|
||||
//}
|
||||
.el-select__prefix, .el-input__prefix {
|
||||
left: 0;
|
||||
background-color: #f5f7fa;
|
||||
color: #999;
|
||||
@@ -119,5 +150,11 @@
|
||||
border: 1px solid #dcdfe6;
|
||||
border-radius: 2px 0 0 2px;
|
||||
}
|
||||
.el-select__wrapper {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.my-form-item .el-form-item__content {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
@@ -86,9 +86,12 @@
|
||||
width:28px !important;
|
||||
height:28px !important;
|
||||
padding:unset !important;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
i {
|
||||
font-size: 14px;
|
||||
color: #575757;
|
||||
color: $--text-color-2;
|
||||
margin-right:unset !important;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -10,6 +10,21 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
.el-form-item {
|
||||
margin-bottom: 27px;
|
||||
}
|
||||
.el-form-item__content {
|
||||
width: 600px;
|
||||
.el-select__wrapper {
|
||||
min-height: 32px !important;
|
||||
line-height: 32px;
|
||||
padding: 0 10px 0 16px;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
.el-form--default.el-form--label-top .el-form-item .el-form-item__label {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.el-input {
|
||||
width:600px;
|
||||
}
|
||||
@@ -60,3 +75,6 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.el-popper.is-pure {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
.dns-event-chart {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 1px solid #E2E5EC;
|
||||
border: 1px solid $--border-color;
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
.el-popper.analysis-popper {
|
||||
top: -5px !important;
|
||||
margin-top: -5px !important;
|
||||
padding: 0;
|
||||
border: 1px solid #C5C5C5;
|
||||
border: 1px solid #C5C5C5 !important;
|
||||
border-radius: 4px;
|
||||
box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85);
|
||||
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
align-items: center;
|
||||
|
||||
& > .el-select {
|
||||
width: 162px;
|
||||
width: 162px !important;
|
||||
margin-right: 10px;
|
||||
|
||||
.select-prefix {
|
||||
@@ -34,15 +34,23 @@
|
||||
.line-select-metric {
|
||||
margin-right: 20px;
|
||||
|
||||
.el-input__inner {
|
||||
.el-select__wrapper {
|
||||
width: 127px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
min-height: 24px !important;
|
||||
padding-left: 4px;
|
||||
font-size: 12px;
|
||||
color: #2C72C6;
|
||||
font-weight: 400;
|
||||
border-radius: 2px;
|
||||
.el-select__placeholder {
|
||||
color: #2C72C6 !important;
|
||||
margin-left: 1px;
|
||||
}
|
||||
.el-select__suffix {
|
||||
margin-right: -2px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
|
||||
.network-overview-apps-title {
|
||||
font-size: 14px;
|
||||
color: #353636;
|
||||
color: $--text-color-1;
|
||||
font-weight: 600;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
@@ -20,7 +20,7 @@
|
||||
|
||||
&>span {
|
||||
font-size: 12px;
|
||||
color: #575757;
|
||||
color: $--text-color-2;
|
||||
font-weight: 400;
|
||||
margin-right: 3px;
|
||||
}
|
||||
@@ -45,7 +45,7 @@
|
||||
.el-select__caret {
|
||||
line-height: 24px;
|
||||
width: 16px;
|
||||
color: #575757;
|
||||
color: $--text-color-2;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -62,14 +62,14 @@
|
||||
padding-top: 10px;
|
||||
|
||||
.app-card {
|
||||
border: 1px solid #E2E5EC;
|
||||
border: 1px solid $--border-color;
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
height: 100px;
|
||||
flex-direction: column;
|
||||
|
||||
&.app-card--create {
|
||||
background-color: #F7F7F7;
|
||||
background-color: $--block-bg-color-1;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
@@ -81,7 +81,7 @@
|
||||
}
|
||||
span {
|
||||
font-size: 12px;
|
||||
color: #353636;
|
||||
color: $--text-color-1;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
@@ -119,12 +119,12 @@
|
||||
border-radius: 2px;
|
||||
font-size: 12px;
|
||||
padding-left: 6.8px;
|
||||
color: #353636;
|
||||
color: $--text-color-1;
|
||||
font-weight: 400;
|
||||
i {
|
||||
margin-right: 5.67px;
|
||||
font-size: 12px;
|
||||
color: #575757;
|
||||
color: $--text-color-2;
|
||||
}
|
||||
}
|
||||
.app-card-title-more-delete:hover {
|
||||
@@ -155,7 +155,7 @@
|
||||
display: flex;
|
||||
.app-card__body-content-number {
|
||||
font-size: 14px;
|
||||
color: #353636;
|
||||
color: $--text-color-1;
|
||||
font-weight: 700;
|
||||
margin-right: 6px;
|
||||
}
|
||||
@@ -171,7 +171,7 @@
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
top: 50%;
|
||||
color: #717171;
|
||||
color: $--text-color-3;
|
||||
margin-top: -10px;
|
||||
background-color: rgba(113, 113, 113, 0.12);
|
||||
}
|
||||
@@ -188,12 +188,12 @@
|
||||
margin-top: -2px;
|
||||
margin-bottom: 2px;
|
||||
font-size: 12px;
|
||||
color: #778391;
|
||||
color: $--text-color-3;
|
||||
}
|
||||
.app-card__body-previous {
|
||||
display: flex;
|
||||
font-size: 12px;
|
||||
color: #353636;
|
||||
color: $--text-color-1;
|
||||
font-weight: 400;
|
||||
div:nth-of-type(1) {
|
||||
margin-right: 5px;
|
||||
@@ -207,6 +207,10 @@
|
||||
.add-app-drawer {
|
||||
height: 526px !important;
|
||||
|
||||
.el-drawer__body {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.add-app {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -216,14 +220,14 @@
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
height: 46px;
|
||||
background-color: white;
|
||||
background-color: $--select-bg-color-1;
|
||||
|
||||
.header__title {
|
||||
padding-left: 20px;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
line-height: 46px;
|
||||
color: #353636;
|
||||
color: $--text-color-1;
|
||||
}
|
||||
.header__operations {
|
||||
display: flex;
|
||||
@@ -261,6 +265,12 @@
|
||||
flex: 1;
|
||||
position: relative;
|
||||
}
|
||||
.el-tabs__item {
|
||||
display: inline-block;
|
||||
}
|
||||
.el-tabs__item:hover {
|
||||
color: #046eca;
|
||||
}
|
||||
.el-tabs__item.is-top {
|
||||
height: 50px;
|
||||
line-height: 60px;
|
||||
@@ -280,18 +290,25 @@
|
||||
right: 28px;
|
||||
top: 11px;
|
||||
width: 280px;
|
||||
.el-input.el-input--mini {
|
||||
.el-input__inner {
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #DEDEDE;
|
||||
box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
|
||||
border-radius: 14px;
|
||||
.el-input__wrapper {
|
||||
border-radius: 14px;
|
||||
font-size: 12px;
|
||||
.el-input.el-input--mini {
|
||||
.el-input__inner {
|
||||
font-size: 12px !important;
|
||||
//background: #FFFFFF;
|
||||
//border: 1px solid #DEDEDE;
|
||||
//box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
|
||||
//border-radius: 14px;
|
||||
}
|
||||
}
|
||||
&.el-input--prefix {
|
||||
.el-input__prefix-inner {
|
||||
i {
|
||||
color: #575757;
|
||||
color: $--text-color-2;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
margin-left: -2px;
|
||||
margin-right: 6px
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -350,7 +367,7 @@
|
||||
.body__app-left-title {
|
||||
font-family: Helvetica-Bold;
|
||||
font-size: 16px;
|
||||
color: #353636;
|
||||
color: $--text-color-1;
|
||||
font-weight: 700;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
@@ -375,7 +392,7 @@
|
||||
}
|
||||
.body__app-value {
|
||||
font-size: 12px;
|
||||
color: #717171;
|
||||
color: $--text-color-3;
|
||||
line-height: 18px;
|
||||
font-weight: 400;
|
||||
max-height: 54px;
|
||||
|
||||
@@ -1,11 +1,11 @@
|
||||
.ddos-detection {
|
||||
height: 100%;
|
||||
border: 1px solid #E2E5EC;
|
||||
border: 1px solid $--border-color;
|
||||
border-radius: 4px;
|
||||
background: rgba(113,113,113,0.06);
|
||||
.ddos-detection-title {
|
||||
font-size: 14px;
|
||||
color: #353636;
|
||||
color: $--text-color-1;
|
||||
font-weight: 600;
|
||||
margin-top: 15px;
|
||||
i {
|
||||
@@ -34,7 +34,7 @@
|
||||
flex-direction: column;
|
||||
.ddos-detection-type-value-name {
|
||||
font-size: 12px;
|
||||
color: #575757;
|
||||
color: $--text-color-2;
|
||||
line-height: 12px;
|
||||
font-weight: 400;
|
||||
margin-bottom: 12px;
|
||||
@@ -53,23 +53,27 @@
|
||||
.el-button {
|
||||
margin-right: 20px;
|
||||
width: 117px;
|
||||
height: 29.6px;
|
||||
min-height: 28px;
|
||||
background: #FBFBFB;
|
||||
border: 1px solid #C5C5C5;
|
||||
background: $--button-color-1;
|
||||
border: 1px solid $--border-color-1;
|
||||
box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
|
||||
border-radius: 4px;
|
||||
padding: 8px 5px;
|
||||
span {
|
||||
font-size: 12px;
|
||||
color: #575757;
|
||||
color: $--text-color-2;
|
||||
font-weight: 500;
|
||||
i {
|
||||
transform: rotate(-90deg);
|
||||
color: #575757;
|
||||
//transform: rotate(-90deg);
|
||||
color: $--text-color-2;
|
||||
font-size: 12px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
background: $--button-bg-color-1 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
border: 1px solid #E2E5EC;
|
||||
border: 1px solid $--border-color;
|
||||
border-radius: 4px;
|
||||
.chart-drawing {
|
||||
height: 100%;
|
||||
@@ -35,6 +35,10 @@
|
||||
display: flex;
|
||||
//flex: 1;
|
||||
.line-select__operation {
|
||||
.el-select__wrapper {
|
||||
height: 24px !important;
|
||||
min-height: 24px !important;
|
||||
}
|
||||
.el-input__inner {
|
||||
width: 100px;
|
||||
}
|
||||
@@ -42,6 +46,10 @@
|
||||
.line-select-reference-line {
|
||||
margin-right: 20px;
|
||||
.line-select__operation {
|
||||
.el-select__wrapper {
|
||||
height: 24px !important;
|
||||
min-height: 24px !important;
|
||||
}
|
||||
.el-input__inner {
|
||||
width: 127px;
|
||||
}
|
||||
@@ -54,17 +62,36 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.line-select__operation {
|
||||
min-width: 127px;
|
||||
height: 24px;
|
||||
margin-left: 3px;
|
||||
box-shadow: none;
|
||||
border-radius: 2px;
|
||||
.el-input__inner {
|
||||
padding-left: 4px;
|
||||
line-height: 24px;
|
||||
.el-select__wrapper {
|
||||
min-height: 24px !important;
|
||||
//padding-left: 4px;
|
||||
line-height: 24px !important;
|
||||
height: 24px;
|
||||
font-size: 12px;
|
||||
color: #2C72C6;
|
||||
color: $--text-color-6;
|
||||
font-weight: 400;
|
||||
padding: 5px 6px 4px 5px !important;
|
||||
.el-select__placeholder {
|
||||
color: $--text-color-6;
|
||||
}
|
||||
.el-select__suffix {
|
||||
.el-icon {
|
||||
color: #575757;
|
||||
}
|
||||
}
|
||||
//.el-input__inner {
|
||||
// padding-left: 4px;
|
||||
// line-height: 24px;
|
||||
// height: 24px;
|
||||
// font-size: 12px;
|
||||
// color: #2C72C6;
|
||||
// font-weight: 400;
|
||||
//}
|
||||
}
|
||||
.el-input__suffix {
|
||||
display: flex;
|
||||
@@ -111,14 +138,14 @@
|
||||
.line-value-unit-number {
|
||||
font-family: Helvetica-Bold;
|
||||
font-size: 28px;
|
||||
color: #353636;
|
||||
color: $--text-color-1;
|
||||
margin-right: 4px;
|
||||
}
|
||||
.line-value-unit-number2 {
|
||||
font-size: 0;
|
||||
span {
|
||||
font-size: 12px;
|
||||
color: #575757;
|
||||
color: $--text-color-2;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,12 +1,12 @@
|
||||
.performance-event {
|
||||
height: 100%;
|
||||
border: 1px solid #E2E5EC;
|
||||
border: 1px solid $--border-color;
|
||||
border-radius: 4px;
|
||||
background: rgba(113,113,113,0.06);
|
||||
.performance-event-title {
|
||||
margin-top: 15px;
|
||||
font-size: 14px;
|
||||
color: #353636;
|
||||
color: $--text-color-1;
|
||||
font-weight: 600;
|
||||
line-height: 1;
|
||||
i {
|
||||
@@ -24,7 +24,7 @@
|
||||
height: 1px;
|
||||
width: calc(100% - 40px);
|
||||
margin: auto;
|
||||
background: #E2E5EC;
|
||||
background: $--border-color;
|
||||
}
|
||||
.performance-event-pie {
|
||||
position: relative;
|
||||
@@ -38,26 +38,30 @@
|
||||
}
|
||||
.pie-button.el-button {
|
||||
width: 96px;
|
||||
height: 29.6px;
|
||||
}
|
||||
.el-button {
|
||||
width: 117px;
|
||||
min-height: 28px;
|
||||
background: #FBFBFB;
|
||||
border: 1px solid #C5C5C5;
|
||||
background: $--button-color-1;
|
||||
border: 1px solid $--border-color-1;
|
||||
box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
|
||||
border-radius: 4px;
|
||||
padding: 8px 5px;
|
||||
margin-left: 30px;
|
||||
span {
|
||||
font-size: 12px;
|
||||
color: #575757;
|
||||
color: $--text-color-2;
|
||||
font-weight: 500;
|
||||
i {
|
||||
transform: rotate(-90deg);
|
||||
color: #575757;
|
||||
//transform: rotate(-90deg);
|
||||
color: $--text-color-2;
|
||||
font-size: 12px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
background: $--button-bg-color-1 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -52,11 +52,11 @@
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
align-items: flex-start;
|
||||
color: #778391;
|
||||
color: $--text-color-3;
|
||||
font-weight: 400;
|
||||
.data-column__span {
|
||||
font-weight: bold;
|
||||
color:#353636;
|
||||
color: $--text-color-1;
|
||||
}
|
||||
.unit__span {
|
||||
color: #778391;
|
||||
@@ -122,9 +122,9 @@
|
||||
}
|
||||
}
|
||||
.tab-table__average {
|
||||
border: 1px solid #E2E5EC;
|
||||
border: 1px solid $--border-color;
|
||||
border-radius: 4px 4px 0 0;
|
||||
padding: 1px;
|
||||
//padding: 1px;
|
||||
.data-click:hover{
|
||||
cursor: pointer;
|
||||
}
|
||||
@@ -187,7 +187,7 @@
|
||||
height: 0px;
|
||||
}
|
||||
.el-table thead {
|
||||
color: $grey;
|
||||
color: $--text-color-1;
|
||||
}
|
||||
.el-table__empty-text{
|
||||
line-height:20px !important;
|
||||
@@ -198,6 +198,7 @@
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
line-height:18px;
|
||||
padding: 1px 10px 0 11px !important;
|
||||
.caret-wrapper {
|
||||
margin-top:3px;
|
||||
}
|
||||
@@ -228,6 +229,13 @@
|
||||
background: #749F4D;
|
||||
}
|
||||
}
|
||||
.el-table__border-left-patch {
|
||||
width: 0;
|
||||
}
|
||||
.el-table__inner-wrapper::after, .el-table__inner-wrapper::before {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
}
|
||||
.el-tabs__header {
|
||||
margin-bottom: 10px;
|
||||
@@ -245,8 +253,8 @@
|
||||
}
|
||||
.el-tabs__item {
|
||||
padding: 0 10px;
|
||||
height: 33px;
|
||||
color: $grey;
|
||||
height: 40px;
|
||||
color: $--text-color-1;
|
||||
font-size: 14px;
|
||||
|
||||
&.el-tabs__item.is-top.is-active {
|
||||
@@ -340,8 +348,153 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.customize-tab__popper{
|
||||
max-height:405px;/*calc(100% - 136px);*/
|
||||
overflow:hidden;
|
||||
padding: 0px !important;
|
||||
background: #FFFFFF;
|
||||
/*border: 1px solid #C5C5C5;*/
|
||||
border:1px solid #C5C5C5 !important;
|
||||
box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85)!important;
|
||||
border-radius: 2px !important;
|
||||
.el-popper {
|
||||
max-height: 405px;
|
||||
}
|
||||
.el-tabs__header{
|
||||
font-size: 12px;
|
||||
color:green !important;
|
||||
font-weight: 500;
|
||||
margin: 0px ;
|
||||
border-bottom: 1px solid #E2E5EC;
|
||||
height: 30px !important;
|
||||
}
|
||||
.el-tabs__content {
|
||||
max-height: 358px !important;
|
||||
margin:8px 0 6px 0;
|
||||
}
|
||||
.el-tabs__nav{
|
||||
width:100%;
|
||||
}
|
||||
.el-tabs__nav-wrap {
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
.el-tabs__item{
|
||||
width:50%;
|
||||
text-align:center;
|
||||
padding:0px;
|
||||
height:30px;
|
||||
line-height: 30px;
|
||||
font-size: 12px;
|
||||
color: #353636;
|
||||
font-weight: 500;
|
||||
}
|
||||
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
|
||||
border-top: 3px solid #38ACD2;
|
||||
}
|
||||
.el-tabs--card > .el-tabs__header .el-tabs__item:first-child{
|
||||
border-radius: 2.5px 0 0 0;
|
||||
}
|
||||
.el-tabs--card > .el-tabs__header .el-tabs__item:last-child{
|
||||
border-radius: 0 2.5px 0 0 ;
|
||||
border-left: 1px #E2E5EC solid !important;
|
||||
}
|
||||
.el-tabs--card > .el-tabs__header .el-tabs__item{
|
||||
border-bottom: 0px ;
|
||||
border-top: 3px solid white;
|
||||
color: #353636;
|
||||
}
|
||||
.el-tabs--card > .el-tabs__header .el-tabs__nav {
|
||||
border:0px ;
|
||||
}
|
||||
|
||||
.list {
|
||||
list-style: none;
|
||||
padding-inline-start: 0px !important;
|
||||
/*height:375px;*/
|
||||
max-height: 358px !important;
|
||||
overflow:auto;
|
||||
margin:0 0;
|
||||
.drag-move {
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
|
||||
.list-item:last-child {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.list-item {
|
||||
width:100%;
|
||||
color: #575757;
|
||||
margin-bottom: 0px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
text-align: left;
|
||||
font-weight:400;
|
||||
font-size:12px;
|
||||
|
||||
.icon-drag{
|
||||
cursor: move;
|
||||
margin-left:6px;
|
||||
margin-right:3px;
|
||||
}
|
||||
|
||||
.el-checkbox__input.is-checked .el-checkbox__inner {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
background-color: #38ACD2;
|
||||
border-color: #38ACD2;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.el-checkbox__input .el-checkbox__inner {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
background-color: #F2F7F9;
|
||||
border: 1px solid rgba(0,0,0,0.15);
|
||||
border-radius: 2px;
|
||||
}
|
||||
.el-checkbox__input.is-checked + .el-checkbox__label,.el-checkbox__input + .el-checkbox__label {
|
||||
font-size: 12px;
|
||||
color: #575757;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
/*top:0px !important;
|
||||
right:200px !important;
|
||||
transform: translateY(126px) !important;*/
|
||||
}
|
||||
.fixed-row {
|
||||
display:flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
//background: white;
|
||||
background: var(--el-bg-color);
|
||||
width: 100%;
|
||||
height:40px;
|
||||
border:solid 1px $--border-color;
|
||||
//border: 1px solid var(var(--el-border-color-lighter));
|
||||
padding-left:10px !important;
|
||||
text-align: left;
|
||||
border-radius:0 0 4px 4px;
|
||||
color:#046eca;
|
||||
.fixed-button {
|
||||
display:flex;
|
||||
justify-content: center;
|
||||
padding:7px 10px;
|
||||
align-items: center;
|
||||
height: 30px;
|
||||
}
|
||||
.fixed-button:hover {
|
||||
cursor:pointer;
|
||||
background: #e6f4ff;
|
||||
box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
.btn-up{
|
||||
margin-top:40px;
|
||||
}
|
||||
.tab-search__popper{
|
||||
top: -7px !important;
|
||||
margin-top: -7px;
|
||||
width:auto !important;
|
||||
max-height:206px;
|
||||
overflow:hidden;
|
||||
@@ -354,10 +507,10 @@
|
||||
width:100%;
|
||||
padding: 4px 4px 0px 4px;
|
||||
.el-input__inner{
|
||||
padding:0px 4px;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #C5C5C5;
|
||||
box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85);
|
||||
//padding:0px 4px;
|
||||
//background: #FFFFFF;
|
||||
//border: 1px solid #C5C5C5;
|
||||
//box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85);
|
||||
border-radius: 2px;
|
||||
font-size: 12px;
|
||||
/*color: rgba(87,87,87,0.60);*/
|
||||
@@ -405,140 +558,3 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.customize-tab__popper{
|
||||
max-height:405px;/*calc(100% - 136px);*/
|
||||
overflow:hidden;
|
||||
padding: 0px !important;
|
||||
background: #FFFFFF;
|
||||
/*border: 1px solid #C5C5C5;*/
|
||||
border:1px solid #C5C5C5 !important;
|
||||
box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85)!important;
|
||||
border-radius: 2px !important;
|
||||
.el-popper {
|
||||
max-height: 405px;
|
||||
}
|
||||
.el-tabs__header{
|
||||
font-size: 12px;
|
||||
color:green !important;
|
||||
font-weight: 500;
|
||||
margin: 0px ;
|
||||
border-bottom: 1px solid #E2E5EC;
|
||||
}
|
||||
.el-tabs__content {
|
||||
max-height: 358px !important;
|
||||
margin:8px 0 6px 0;
|
||||
}
|
||||
.el-tabs__nav{
|
||||
width:100%;
|
||||
}
|
||||
.el-tabs__nav-wrap {
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
.el-tabs__item{
|
||||
width:50%;
|
||||
text-align:center;
|
||||
padding:0px;
|
||||
height:30px;
|
||||
line-height: 30px;
|
||||
font-size: 12px;
|
||||
color: #353636;
|
||||
font-weight: 500;
|
||||
}
|
||||
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
|
||||
border-top: 3px solid #38ACD2;
|
||||
}
|
||||
.el-tabs--card > .el-tabs__header .el-tabs__item:first-child{
|
||||
border-radius: 2.5px 0 0 0;
|
||||
}
|
||||
.el-tabs--card > .el-tabs__header .el-tabs__item:last-child{
|
||||
border-radius: 0 2.5px 0 0 ;
|
||||
border-left: 1px #E2E5EC solid !important;
|
||||
}
|
||||
.el-tabs--card > .el-tabs__header .el-tabs__item{
|
||||
border-bottom: 0px ;
|
||||
border-top: 3px solid white;
|
||||
}
|
||||
.el-tabs--card > .el-tabs__header .el-tabs__nav {
|
||||
border:0px ;
|
||||
}
|
||||
|
||||
.list {
|
||||
list-style: none;
|
||||
padding-inline-start: 0px !important;
|
||||
/*height:375px;*/
|
||||
max-height: 358px !important;
|
||||
overflow:auto;
|
||||
margin:0 0;
|
||||
.drag-move {
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
|
||||
.list-item:last-child {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.list-item {
|
||||
width:100%;
|
||||
color: #575757;
|
||||
margin-bottom: 0px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
text-align: left;
|
||||
font-weight:400;
|
||||
font-size:12px;
|
||||
|
||||
.icon-drag{
|
||||
cursor: move;
|
||||
margin-left:6px;
|
||||
margin-right:3px;
|
||||
}
|
||||
|
||||
.el-checkbox__input.is-checked .el-checkbox__inner {
|
||||
background-color: #38ACD2;
|
||||
border-color: #38ACD2;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.el-checkbox__input .el-checkbox__inner {
|
||||
background-color: #F2F7F9;
|
||||
border: 1px solid rgba(0,0,0,0.15);
|
||||
border-radius: 2px;
|
||||
}
|
||||
.el-checkbox__input.is-checked + .el-checkbox__label,.el-checkbox__input + .el-checkbox__label {
|
||||
font-size: 12px;
|
||||
color: #575757;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
/*top:0px !important;
|
||||
right:200px !important;
|
||||
transform: translateY(126px) !important;*/
|
||||
}
|
||||
.fixed-row {
|
||||
display:flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
background: white;
|
||||
width: 100%;
|
||||
height:40px;
|
||||
border:solid 1px #E2E5EC;
|
||||
padding-left:10px !important;
|
||||
text-align: left;
|
||||
border-radius:0 0 4px 4px;
|
||||
color:#046eca;
|
||||
.fixed-button {
|
||||
display:flex;
|
||||
justify-content: center;
|
||||
padding:7px 10px;
|
||||
align-items: center;
|
||||
height: 30px;
|
||||
}
|
||||
.fixed-button:hover {
|
||||
cursor:pointer;
|
||||
background: #e6f4ff;
|
||||
box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
.btn-up{
|
||||
margin-top:40px;
|
||||
}
|
||||
|
||||
@@ -73,11 +73,14 @@
|
||||
padding: 5px 0;
|
||||
.data-column__span {
|
||||
font-size: 12px;
|
||||
color: #353636;
|
||||
color: $--text-color-1;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
.el-table__cell {
|
||||
padding: 13px 0;
|
||||
}
|
||||
.el-table__header-wrapper .el-table__header {
|
||||
tr th:nth-last-child(-n+3) {
|
||||
text-align: center;
|
||||
@@ -86,7 +89,7 @@
|
||||
.el-table__body-wrapper.is-scrolling-none {
|
||||
height: 306px !important;
|
||||
tr td {
|
||||
padding: 13px 0;
|
||||
padding: 13px 0 !important;
|
||||
}
|
||||
tr td:nth-last-child(-n+3) {
|
||||
text-align: center;
|
||||
@@ -99,6 +102,7 @@
|
||||
.data-total {
|
||||
display: flex !important;
|
||||
.data-total-category-icon {
|
||||
margin-left: -2px;
|
||||
i {
|
||||
font-size: 16px;
|
||||
margin-right: 12px;
|
||||
@@ -120,6 +124,7 @@
|
||||
width: 34px;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
margin-left: -2px;
|
||||
}
|
||||
.data-score.data-score-red {
|
||||
background: #E26154;
|
||||
@@ -133,6 +138,7 @@
|
||||
.data-score-no-data {
|
||||
width: 34px;
|
||||
text-align: center;
|
||||
margin-left: -2px;
|
||||
}
|
||||
}
|
||||
.data-total-value {
|
||||
|
||||
@@ -47,7 +47,7 @@
|
||||
padding: 4px 0;
|
||||
.data-column__span {
|
||||
font-size: 12px;
|
||||
color: #353636;
|
||||
color: $--text-color-1;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
@@ -116,4 +116,7 @@
|
||||
left: 0;
|
||||
top: 32px;
|
||||
}
|
||||
.el-table .cell {
|
||||
padding: 0 10px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -24,12 +24,29 @@
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
display: inline-block;
|
||||
|
||||
.el-select__wrapper {
|
||||
font-size: 12px;
|
||||
padding: 0;
|
||||
}
|
||||
.el-select__popper.map-select-down {
|
||||
top: 32px !important;
|
||||
.el-popper__arrow {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.el-select__placeholder {
|
||||
padding-left: 16px;
|
||||
color: #2c72c6;
|
||||
}
|
||||
.el-select__prefix {
|
||||
padding-left: 5px;
|
||||
}
|
||||
.el-select__suffix {
|
||||
padding-right: 10px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
.map-select {
|
||||
margin-left: 10px;
|
||||
|
||||
@@ -40,6 +57,19 @@
|
||||
width: 110px;
|
||||
}
|
||||
}
|
||||
.map-select__location {
|
||||
&.el-select {
|
||||
width: 222px;
|
||||
}
|
||||
.el-select__wrapper {
|
||||
min-height: 28px;
|
||||
height: 28px;
|
||||
.el-select__placeholder {
|
||||
padding-left: 4px;
|
||||
color: #c0c4cc;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.map-legend {
|
||||
display: flex;
|
||||
|
||||
@@ -20,12 +20,36 @@
|
||||
border: 1px solid #E2E5EC;
|
||||
border-radius: 4px;
|
||||
padding: 1px;
|
||||
|
||||
.el-scrollbar__thumb {
|
||||
background: rgba(0,0,0,0);
|
||||
//width: calc(100% - 200px) !important;
|
||||
}
|
||||
.el-table__empty-block {
|
||||
width: calc(100% - 2px) !important;
|
||||
}
|
||||
.el-table__empty-text {
|
||||
line-height: 25px !important;
|
||||
.table-no-data {
|
||||
//margin-left: -2px !important;
|
||||
.icon {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin-left: 1px;
|
||||
}
|
||||
.table-no-data__title {
|
||||
font-size: 14px;
|
||||
color: #575757;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
.el-table__header-wrapper {
|
||||
tr th {
|
||||
padding: 4px 0;
|
||||
.data-column__span {
|
||||
font-size: 12px;
|
||||
color: #353636;
|
||||
color: $--text-color-1;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
@@ -34,20 +58,6 @@
|
||||
tr td {
|
||||
padding: 6.75px 0;
|
||||
}
|
||||
.el-table__empty-block .el-table__empty-text {
|
||||
line-height: 25px;
|
||||
.table-no-data {
|
||||
.icon {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
.table-no-data__title {
|
||||
font-size: 14px;
|
||||
color: #575757;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.data-recent-table {
|
||||
@@ -106,4 +116,7 @@
|
||||
.el-table--group::after,.el-table--border::after, .el-table::before {
|
||||
height: 0px;
|
||||
}
|
||||
.el-table .cell {
|
||||
padding: 0 10px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -18,6 +18,7 @@
|
||||
|
||||
&>.el-tabs__header {
|
||||
background-color: white;
|
||||
//background-color: #f00;
|
||||
border-color: #E2E5EC;
|
||||
|
||||
.el-tabs__nav-wrap {
|
||||
|
||||
@@ -22,17 +22,37 @@
|
||||
}
|
||||
.line-select__operation {
|
||||
height: 24px;
|
||||
min-height: 24px;
|
||||
margin-left: 3px;
|
||||
box-shadow: none;
|
||||
border-radius: 2px;
|
||||
.el-input__inner {
|
||||
.el-select__wrapper {
|
||||
width: 225px;
|
||||
height: 24px;
|
||||
height: 24px !important;
|
||||
min-height: 24px !important;
|
||||
padding-left: 4px;
|
||||
line-height: 24px;
|
||||
font-size: 12px;
|
||||
color: #2C72C6;
|
||||
font-weight: 400;
|
||||
.el-select__placeholder {
|
||||
color: #2C72C6;
|
||||
margin-left: 1px;
|
||||
}
|
||||
.el-input__inner {
|
||||
width: 225px;
|
||||
height: 24px;
|
||||
padding-left: 4px;
|
||||
line-height: 24px;
|
||||
font-size: 12px;
|
||||
color: #2C72C6;
|
||||
font-weight: 400;
|
||||
}
|
||||
.el-select__suffix {
|
||||
margin-right: -7px;
|
||||
i {
|
||||
color: #575757 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.el-input__suffix {
|
||||
display: flex;
|
||||
|
||||
@@ -21,7 +21,8 @@
|
||||
font-size: 24px;
|
||||
line-height: 24px;
|
||||
font-weight: 900;
|
||||
color: #353636;
|
||||
//color: #353636;
|
||||
color: $--text-color-1;
|
||||
display:flex;
|
||||
.score {
|
||||
.circle-icon {
|
||||
@@ -76,7 +77,7 @@
|
||||
display: flex;
|
||||
|
||||
&>.el-select {
|
||||
width: 162px;
|
||||
width: 162px !important;
|
||||
margin-right: 10px;
|
||||
|
||||
.select-prefix {
|
||||
@@ -96,6 +97,22 @@
|
||||
.panel__time {
|
||||
display: flex;
|
||||
}
|
||||
.el-select__wrapper {
|
||||
height: 28px !important;
|
||||
min-height: 20px !important;
|
||||
padding: 5px 7px 4px 5px !important;
|
||||
.el-select__prefix {
|
||||
.select-prefix {
|
||||
margin-right: -5px !important;
|
||||
}
|
||||
}
|
||||
.el-select__suffix {
|
||||
.el-icon {
|
||||
margin-left: -17px !important;
|
||||
margin-top: -2px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.chart-list {
|
||||
|
||||
@@ -1,6 +1,17 @@
|
||||
.form-setting__block {
|
||||
width: 620px;
|
||||
|
||||
&.el-form-item {
|
||||
margin-bottom: 20px;
|
||||
margin-top: -4px;
|
||||
}
|
||||
.el-select__wrapper, .el-input__wrapper {
|
||||
min-height: 24px !important;
|
||||
height: 24px !important;
|
||||
}
|
||||
.el-switch__label.is-active {
|
||||
color: $--text-color-1;
|
||||
}
|
||||
.el-form-item__label {
|
||||
height: 14px;
|
||||
line-height: 14px;
|
||||
|
||||
@@ -135,6 +135,16 @@
|
||||
.el-collapse-item__content {
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
.el-input__wrapper, .el-select__wrapper {
|
||||
height: 24px !important;
|
||||
line-height: 24px !important;
|
||||
min-height: 24px !important;
|
||||
width: 112px;
|
||||
margin: 0 12px;
|
||||
}
|
||||
.el-input__inner {
|
||||
padding: 0 15px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -130,7 +130,10 @@
|
||||
}
|
||||
.new-detection-filter-content {
|
||||
padding: 20px;
|
||||
|
||||
.el-checkbox {
|
||||
display: inline-block !important;
|
||||
height: auto !important;
|
||||
}
|
||||
.new-filter-content-title {
|
||||
font-family: NotoSansHans-Medium;
|
||||
font-size: 14px;
|
||||
@@ -145,11 +148,12 @@
|
||||
|
||||
.new-filter-content-checkbox {
|
||||
line-height: 16px;
|
||||
margin-bottom: 10px;
|
||||
margin-bottom: 13.6px;
|
||||
font-family: NotoSansSChineseRegular;
|
||||
font-size: 14px;
|
||||
color: #353636;
|
||||
font-weight: 400;
|
||||
display: flex !important;
|
||||
|
||||
.el-checkbox__inner {
|
||||
width: 16px !important;
|
||||
@@ -185,6 +189,7 @@
|
||||
font-size: 14px;
|
||||
color: #353636;
|
||||
font-weight: 400;
|
||||
padding-left: 10px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,4 +1,10 @@
|
||||
.detection-table {
|
||||
.el-table td, .el-table th {
|
||||
padding: 12px 0;
|
||||
}
|
||||
.el-table .el-table__cell.is-center {
|
||||
padding-top: 4px;
|
||||
}
|
||||
.el-table th > .cell, .el-table .cell {
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
|
||||
@@ -129,6 +129,10 @@
|
||||
|
||||
.el-input--small {
|
||||
line-height: 27px;
|
||||
.el-input__wrapper {
|
||||
height: 28px !important;
|
||||
border-radius: 2px 0 0 2px !important;
|
||||
}
|
||||
|
||||
.el-input__inner {
|
||||
height: 28px;
|
||||
|
||||
@@ -90,6 +90,8 @@
|
||||
font-size: 14px;
|
||||
color: #353636;
|
||||
font-weight: 400;
|
||||
height: 20.8px;
|
||||
line-height: 20.8px;
|
||||
|
||||
.entity-hide-entity {
|
||||
margin-left: 20px;
|
||||
|
||||
@@ -64,6 +64,7 @@
|
||||
i {
|
||||
color: #23BF9A;
|
||||
margin-right: 4px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -161,6 +161,9 @@
|
||||
padding-left: 18px;
|
||||
}
|
||||
}
|
||||
.el-scrollbar__bar {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
.clear-all {
|
||||
padding-left: 18px;
|
||||
|
||||
@@ -78,11 +78,37 @@
|
||||
color: #1b2e3b;
|
||||
background: #ebeef5;
|
||||
}
|
||||
.el-range-editor--small.el-input__wrapper {
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
}
|
||||
.cn-detection__footer {
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
.el-pagination__jump {
|
||||
margin-left: 3px;
|
||||
}
|
||||
.el-pagination__goto {
|
||||
display: none;
|
||||
}
|
||||
.el-input--small {
|
||||
width: 46px !important;
|
||||
.el-input__wrapper {
|
||||
height: 22px;
|
||||
}
|
||||
}
|
||||
.el-pagination--small {
|
||||
.btn-prev {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.btn-next {
|
||||
margin-left: 10px;
|
||||
}
|
||||
&span {
|
||||
color: $--color-text-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.block.drop-down-time {
|
||||
@@ -176,6 +202,12 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.el-table__border-left-patch, .el-table--border::before {
|
||||
width: 0;
|
||||
}
|
||||
.el-table--border .el-table__inner-wrapper::after, .el-table__inner-wrapper::before {
|
||||
height: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.table-operation-all {
|
||||
|
||||
@@ -169,6 +169,8 @@
|
||||
align-items: center;
|
||||
.card-title-name {
|
||||
width:100%;
|
||||
height: 19.2px;
|
||||
line-height: 19.2px;
|
||||
overflow: hidden; //超出的文本隐藏
|
||||
text-overflow: ellipsis; //溢出用省略号显示
|
||||
white-space:nowrap;
|
||||
@@ -996,6 +998,10 @@
|
||||
padding-left: 20px;
|
||||
overflow: auto;
|
||||
|
||||
.el-form--label-top .el-form-item .el-form-item__label {
|
||||
margin-bottom: 3px !important;
|
||||
}
|
||||
|
||||
.enable-form__mt {
|
||||
.el-form {
|
||||
margin-top:6px;
|
||||
@@ -1176,6 +1182,7 @@
|
||||
}
|
||||
.el-textarea__inner {
|
||||
padding-left: 8px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.form-select__disable {
|
||||
@@ -1188,6 +1195,13 @@
|
||||
.form-select__enable {
|
||||
width: 100%;
|
||||
|
||||
.el-select__wrapper {
|
||||
//padding-left: 22px !important;
|
||||
.el-select__inner {
|
||||
background-color: #521919 !important;
|
||||
padding-left: 22px !important;
|
||||
}
|
||||
}
|
||||
.el-input__inner {
|
||||
background-color: white !important;
|
||||
padding-left: 22px !important;
|
||||
@@ -1899,6 +1913,7 @@
|
||||
padding-top:0px;
|
||||
padding-right:30px;
|
||||
padding-left:30px;
|
||||
padding-bottom:30px;
|
||||
.dialog-message {
|
||||
padding-left:0px !important;
|
||||
padding-right:0px !important;
|
||||
@@ -1920,12 +1935,21 @@
|
||||
&.update-dialog__table--system-user {
|
||||
height: calc(100% - 139px);
|
||||
}
|
||||
&.el-table .el-table__cell {
|
||||
padding: 12px 0 !important;
|
||||
}
|
||||
&.el-table .el-table__row .el-table__cell {
|
||||
padding: 8px 0 !important;
|
||||
}
|
||||
}
|
||||
.update-knowledge-form {
|
||||
.el-upload {
|
||||
width:100%;
|
||||
}
|
||||
.form-input {
|
||||
.el-input__wrapper {
|
||||
padding: 1px 16px !important;
|
||||
}
|
||||
.el-input__inner{
|
||||
padding-right: 50px !important;
|
||||
font-size: 14px;
|
||||
@@ -1936,7 +1960,8 @@
|
||||
border: 1px solid rgba(222,222,222,1);
|
||||
box-shadow: 0px 2px 4px 0px rgba(51,51,51,0.02);
|
||||
border-radius: 2px;
|
||||
width:100%;
|
||||
//width:100%;
|
||||
width: 1020px;
|
||||
height:28px;
|
||||
min-height:28px !important;
|
||||
color: #575757;
|
||||
@@ -1962,6 +1987,16 @@
|
||||
}
|
||||
.knowledge-remark {
|
||||
margin-bottom:0px !important;
|
||||
.el-textarea__inner {
|
||||
font-size: 12px;
|
||||
padding: 5px 15px;
|
||||
}
|
||||
}
|
||||
.el-form--label-top .el-form-item .el-form-item__label {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
.el-form--default.el-form--label-top .el-form-item .el-form-item__label {
|
||||
line-height: 14px;
|
||||
}
|
||||
}
|
||||
.dialog-footer {
|
||||
|
||||
@@ -58,4 +58,7 @@
|
||||
-webkit-line-clamp: 2; // 超出多少行
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
.cn-table .el-table:not(.chart-table) td {
|
||||
padding: 8px 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user