feat: dashboard定义

This commit is contained in:
chenjinsong
2022-07-06 21:08:12 +08:00
parent 05cc86a3f2
commit ebd9727178
21 changed files with 290 additions and 34 deletions

View File

@@ -2,14 +2,12 @@
height: calc(100% - 50px);
background-color: $--content-right-background-color;
width: 100%;
&>div {
height: 100%;
}
}
.cn-header {
display: flex;
height: 50px;
border-bottom: 1px solid #e2e5ec;
.header__left {
display: flex;
@@ -18,7 +16,8 @@
.header__left-breadcrumb.el-breadcrumb {
padding-left: 20px;
.header__left-breadcrumb-item.el-breadcrumb-item {
display: inline-block; max-width: 300px;
display: inline-block;
max-width: 300px;
height: 16px;
overflow: hidden;
text-overflow: ellipsis;

View File

@@ -24,7 +24,7 @@
@import './views/detections/detection-list/detection-list';
@import './views/detections/detection-list/row';
@import './views/detections/detection-overview';
@import './views/charts/panel';
// @import './views/charts/panel';
@import 'views/charts/chartIpOpenPortBar';
@import './views/charts/chartTable';
@import './views/charts/chartSingleValue';
@@ -45,5 +45,5 @@
@import './views/report/builtinReport';
@import './components/rightBox/report/builtinReportBox';
@import './views/charts2/panel';
//@import '../chart';

View File

@@ -0,0 +1,25 @@
.panel-box {
height: calc(100% - 20px);
.panel__header {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20px;
padding: 0 20px 20px;
.panel__title {
font-size: 20px;
color: #353636;
}
.panel__time {
display: flex;
}
}
.chart-list {
height: calc(100% - 46px);
overflow: auto;
&>.vue-grid-layout {
margin-top: -20px;
}
}
}

View File

@@ -85,9 +85,6 @@
overflow: auto;
background-color: $--content-right-background-color;
&>.cn-entity-detail .entity-detail__body>.cn-panel {
background-color: white;
}
&>.cn-entity-detail .entity-detail__body>.cn-panel2 {
.panel-chart {
.chart-header.panel-chart-block {