gfwleak/cyber-narrator-cn-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CN-1612 feat: 1、部分css重构内容：report报告；2、修复新增report，time limit选择custom时，开始时间报错的问题。

Browse Source
This commit is contained in:
刘洪洪
2024-04-07 15:48:19 +08:00
parent 9ec793db92
commit f1a91429ec
5 changed files with 261 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/assets/css/components/views/entityExplorer/entityList/row.scss
View File

@@ -238,6 +238,7 @@
flex-shrink: 0;
padding: 0 30px;
font-size: 12px;
//color: #2C72C6;
color: var(--el-color-business);
font-weight: 400;
display: flex;

115
src/assets/css/components/views/report/report.scss
View File

@@ -1,39 +1,51 @@
$fill-color-blank: var(--el-fill-color-blank);
$color-regular: var(--el-text-color-regular);
$bg-color-dark: var(--el-border-color-dark);
.cn-report {
background: #fff;
background: $fill-color-blank;
margin: 10px;
height: calc(100% - 20px) !important;
display: flex;
flex-direction: row;
.cn-report-left {
width: 288px;
height: 100%;
border-right: 1px solid #E7EAED;
border-right: 1px solid var(--el-border-color-light);
position: relative;
overflow: auto;
.cn-report-left-title {
padding: 28px 0 26px 13px;
font-size: 16px;
color: #333333;
color: var(--el-text-color-primary);
letter-spacing: 0;
}
.cn-report-left-menu {
width: 250px;
word-break: normal;
margin: auto;
font-size: 14px;
color: #333333;
color: var(--el-text-color-primary);
letter-spacing: 0;
padding: 14px;
cursor: pointer;
}
.cn-report-left-menu.cn-active {
background: #F4FAFF;
//background: #F4FAFF;
background: var(--el-color-primary-light-9);
border-radius: 2px;
color: #0091FF;
//color: #0091FF;
color: var(--el-color-business);
}
}
.cn-report-right {
flex: 1;
.list-page .main-container {
padding: 0;
@@ -43,159 +55,194 @@
.el-table--fit.el-table--border {
height: calc(100% - 55px) !important;
}
.el-table__header th:first-of-type {
border-right: none;
}
.has-gutter .el-table-column--selection .el-checkbox {
border-left: none;
display: none;
}
.el-scrollbar__bar.is-vertical {
z-index: 1000;
}
.el-table__row .el-table-column--selection .cell {
padding: 0;
}
.el-table__row.expanded {
td {
border-bottom: none;
}
}
.el-table__body-wrapper {
.el-table__expanded-cell {
z-index: 100;
}
}
.el-table__fixed,
.el-table__fixed-right {
.el-table__expanded-cell {
visibility: hidden;
}
}
.el-table__expanded-cell {
.down {
margin-left: 32px;
height: 100%;
width: calc(100% - 32px);
background: #fff; //盖住fixed产生的阴影
background: $fill-color-blank; //盖住fixed产生的阴影
:deep .is-leaf {
color: #1b2e3b;
color: var(--el-text-color-primary);
background: var(--el-border-color-lighter);
}
.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;
color: var(--el-text-color-primary);
}
}
}
}
.block.drop-down-time {
margin: 15px 0 14px 0;
.el-date-editor {
justify-content: center;
.el-range-separator {
width: 24px;
}
.el-input__icon.el-range__close-icon {
display: none;
}
}
}
.expand {
min-height: 95px;
display: flex;
flex-wrap: wrap;
position: relative;
.panel-chart__no-data {
line-height: 95px;
}
.expand-cell {
display: flex;
background: #FFFFFF;
border: 1px solid #E7EAED;
background: $fill-color-blank;
border: 1px solid var(--el-border-color-light);
border-radius: 2px;
margin: 0 12px 16px 0;
width: 300px;
height: 97px;
.expand-right {
background: #F9F9F9;
background: var(--el-fill-color-lighter);
border-radius: 2px;
width: 97px;
height: 94px;
position: relative;
.demo-progress {
position: absolute;
top: 21px;
left: 18.5px;
}
.demo-progress,.demo-progress .el-progress-circle {
.demo-progress, .demo-progress .el-progress-circle {
width: 57px !important;
height: 57px !important;
}
}
.expand-left {
text-align: center;
width: calc(100% - 97px);
display: flex;
flex-direction: column;
justify-content: center;
.expand-name {
font-size: 12px;
color: #666666;
color: $color-regular;
font-weight: 400;
margin-bottom: 4px;
display: flex;
align-items: center;
justify-content: center;
i {
padding: 2px 3px 0 0;
}
}
.expand-time {
font-size: 12px;
color: #666666;
color: $color-regular;
margin-bottom: 4px;
div:nth-of-type(1) {
font-size: 12px;
color: #999999;
color: var(--el-color-info);
}
}
.expand-icon {
display: flex;
justify-content: space-evenly;
margin: 0 8px;
font-size: 14px;
.table-operation-item--no-border {
cursor: pointer;
position: relative;
font-size: 16px;
}
.table-operation-item--disabled {
cursor: not-allowed;
filter: grayscale(1);
@@ -208,7 +255,8 @@
}
}
}
.table-operation-all {
/*.table-operation-all {
width: 300px;
position: absolute;
bottom: 17px;
@@ -217,57 +265,68 @@
line-height: 24px;
height: 24px;
display: flex;
.el-checkbox {
width: 14px;
height: 14px;
padding: 0;
.el-checkbox__input,.el-checkbox__inner {
.el-checkbox__input, .el-checkbox__inner {
width: 100%;
height: 100%;
min-width: unset;
}
}
.table-operation-all-span {
height: 24px;
display: flex;
span {
margin: 0 10px;
font-size: 14px;
color: #666666;
color: $color-regular;
letter-spacing: 0;
font-weight: 400;
}
.table-operation-back-down {
font-weight: 500;
height: 24px;
background: #D7D7D7;
background: $bg-color-dark;
border-radius: 2px;
cursor: not-allowed;
span {
margin: 3px 8px;
font-size: 12px;
color: #FFFFFF;
color: var(--el-color-white);
}
}
.table-operation-back-down div {
color: #FFFFFF;
color: var(--el-color-white);
height: 24px;
background: #D7D7D7;
background: $bg-color-dark;
border-radius: 2px;
i {
font-size: 25px;
top: calc(50% - 12px);
}
}
.table-operation-back-down.table-operation-all-checkbox {
background: #0091ff;
cursor: pointer;
}
}
.table-operation-back-down.table-operation-all-loading {
background: #D7D7D7;
}
background: $bg-color-dark;
}
}
}
}*/
.table-operation-items {
.table-operation-item--no-border {
margin-right: 16px;
@@ -275,9 +334,11 @@
position: relative;
font-size: 16px;
}
.table-operation-item--no-border:last-of-type {
margin-right: 0;
}
.table-operation-item--no-border {
display: flex;
justify-content: center;