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

CN-1612 feat: 部分css重构内容：实体详情tag的class名进行更正

Browse Source
This commit is contained in:
刘洪洪
2024-04-07 16:54:09 +08:00
parent d7606f411c
commit 8e5a45bfcf
5 changed files with 13 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/assets/css/components/views/entityExplorer/entityList/detail-overview.scss
View File

@@ -137,32 +137,24 @@
border-radius: 2px; border-radius: 2px;
color: var(--el-color-white); color: var(--el-color-white);
&.alert-level-tag--high.critical { &.alert-level-tag--critical {
background-color: var(--cn-color-critical); background-color: var(--cn-color-critical);
} }
&.alert-level-tag--high.high { &.alert-level-tag--high {
background-color: var(--cn-color-high); background-color: var(--cn-color-high);
} }
&.alert-level-tag--high.info { &.alert-level-tag--info {
background-color: var(--cn-color-info); background-color: var(--cn-color-info);
} }
&.alert-level-tag--high.medium { &.alert-level-tag--medium {
background-color: var(--cn-color-medium); background-color: var(--cn-color-medium);
} }
&.alert-level-tag--high.low {
background-color: var(--cn-color-low);
}
&.alert-level-tag--middle {
background-color: #FFAB66;
}
&.alert-level-tag--low { &.alert-level-tag--low {
background-color: #F6C738; background-color: var(--cn-color-low);
} }
} }

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

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

4
src/views/entityExplorer/entityList/detailOverview/App.vue
View File

@@ -147,7 +147,7 @@
<div class="overview__row overview__row--small-font" v-for="(performance, index) in entityData.performanceList" :key="index"> <div class="overview__row overview__row--small-font" v-for="(performance, index) in entityData.performanceList" :key="index">
<div class="row__label row__label--width130">{{dateFormatByAppearance(performance.startTime) || '-'}}</div> <div class="row__label row__label--width130">{{dateFormatByAppearance(performance.startTime) || '-'}}</div>
<div class="row__content row__content--width90"> <div class="row__content row__content--width90">
<div class="alert-level-tag alert-level-tag--high" :class="iconClass(performance)">{{performance.eventSeverity}}</div> <div class="alert-level-tag" :class="`alert-level-tag--${iconClass(performance)}`">{{performance.eventSeverity}}</div>
</div> </div>
<div class="row__content-loading"> <div class="row__content-loading">
<div class="performance-event-remark">{{performance.eventType}}</div> <div class="performance-event-remark">{{performance.eventType}}</div>
@@ -174,7 +174,7 @@
<div class="overview__row overview__row--small-font" v-for="(security, index) in entityData.securityList" :key="index"> <div class="overview__row overview__row--small-font" v-for="(security, index) in entityData.securityList" :key="index">
<div class="row__label row__label--width130">{{security.startTime ? dateFormatByAppearance(Number(security.startTime)) : '-'}}</div> <div class="row__label row__label--width130">{{security.startTime ? dateFormatByAppearance(Number(security.startTime)) : '-'}}</div>
<div class="row__content row__content--width90"> <div class="row__content row__content--width90">
<div class="alert-level-tag alert-level-tag--high" :class="iconClass(security)">{{security.eventSeverity}}</div> <div class="alert-level-tag" :class="`alert-level-tag--${iconClass(security)}`">{{security.eventSeverity}}</div>
</div> </div>
<div class="cn-detection__header"> <div class="cn-detection__header">
<i class="cn-icon cn-icon-attacker"></i> <i class="cn-icon cn-icon-attacker"></i>

4
src/views/entityExplorer/entityList/detailOverview/Domain.vue
View File

@@ -151,7 +151,7 @@
<div class="overview__row overview__row--small-font" v-for="(performance, index) in entityData.performanceList" :key="index"> <div class="overview__row overview__row--small-font" v-for="(performance, index) in entityData.performanceList" :key="index">
<div class="row__label row__label--width130">{{performance.startTime ? dateFormatByAppearance(Number(performance.startTime)) : '-'}}</div> <div class="row__label row__label--width130">{{performance.startTime ? dateFormatByAppearance(Number(performance.startTime)) : '-'}}</div>
<div class="row__content row__content--width90"> <div class="row__content row__content--width90">
<div class="alert-level-tag alert-level-tag--high" :class="iconClass(performance)">{{performance.eventSeverity}}</div> <div class="alert-level-tag" :class="`alert-level-tag--${iconClass(performance)}`">{{performance.eventSeverity}}</div>
</div> </div>
<div class="row__content-loading"> <div class="row__content-loading">
<div class="performance-event-remark">{{performance.eventType}}</div> <div class="performance-event-remark">{{performance.eventType}}</div>
@@ -178,7 +178,7 @@
<div class="overview__row overview__row--small-font" v-for="(security, i) in entityData.securityList" :key="i"> <div class="overview__row overview__row--small-font" v-for="(security, i) in entityData.securityList" :key="i">
<div class="row__label row__label--width130">{{security.startTime ? dateFormatByAppearance(Number(security.startTime)) : '-'}}</div> <div class="row__label row__label--width130">{{security.startTime ? dateFormatByAppearance(Number(security.startTime)) : '-'}}</div>
<div class="row__content row__content--width90"> <div class="row__content row__content--width90">
<div class="alert-level-tag alert-level-tag--high" :class="iconClass(security)">{{security.eventSeverity}}</div> <div class="alert-level-tag" :class="`alert-level-tag--${iconClass(security)}`">{{security.eventSeverity}}</div>
</div> </div>
<div class="cn-detection__header"> <div class="cn-detection__header">
<i class="cn-icon cn-icon-attacker"></i> <i class="cn-icon cn-icon-attacker"></i>

6
src/views/entityExplorer/entityList/detailOverview/Ip.vue
View File

@@ -187,7 +187,7 @@
<div class="overview__row overview__row--small-font" v-for="(performance, index) in entityData.performanceList" :key="index"> <div class="overview__row overview__row--small-font" v-for="(performance, index) in entityData.performanceList" :key="index">
<div class="row__label row__label--width130">{{performance.startTime ? dateFormatByAppearance(Number(performance.startTime)) : '-'}}</div> <div class="row__label row__label--width130">{{performance.startTime ? dateFormatByAppearance(Number(performance.startTime)) : '-'}}</div>
<div class="row__content row__content--width90"> <div class="row__content row__content--width90">
<div class="alert-level-tag alert-level-tag--high" :class="iconClass(performance)">{{performance.eventSeverity}}</div> <div class="alert-level-tag" :class="`alert-level-tag--${iconClass(performance)}`">{{performance.eventSeverity}}</div>
</div> </div>
<div class="row__content-loading"> <div class="row__content-loading">
<div class="performance-event-remark">{{performance.eventType}}</div> <div class="performance-event-remark">{{performance.eventType}}</div>
@@ -214,9 +214,9 @@
<div class="overview__row overview__row--small-font" v-for="(security, index) in entityData.securityList" :key="index"> <div class="overview__row overview__row--small-font" v-for="(security, index) in entityData.securityList" :key="index">
<div class="row__label row__label--width130">{{security.startTime ? dateFormatByAppearance(Number(security.startTime)) : '-'}}</div> <div class="row__label row__label--width130">{{security.startTime ? dateFormatByAppearance(Number(security.startTime)) : '-'}}</div>
<div class="row__content row__content--width90"> <div class="row__content row__content--width90">
<div class="alert-level-tag alert-level-tag--high" :class="iconClass(security)">{{security.eventSeverity}}</div> <div class="alert-level-tag" :class="`alert-level-tag--${iconClass(security)}`">{{security.eventSeverity}}</div>
</div> </div>
<div class="cn-detection__header" > <div class="cn-detection__header">
<i class="cn-icon cn-icon-attacker"></i> <i class="cn-icon cn-icon-attacker"></i>
<span>{{ security.offenderIp }}</span> <span>{{ security.offenderIp }}</span>
<div class="domain" v-if="security.offenderIp===security.serverIp">{{ security.domain }}</div> <div class="domain" v-if="security.offenderIp===security.serverIp">{{ security.domain }}</div>