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

fix: 实体代码整理

Browse Source
This commit is contained in:
chenjinsong
2022-03-27 13:05:12 +08:00
parent 5fbd73103f
commit f6f82d26c4
3 changed files with 29 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/views/entityExplorer/entityList/Card.vue
View File

@@ -45,19 +45,25 @@
</div>
<div class="body__row">
<span class="body__row-label"><i class="cn-icon cn-icon-entity-alert"></i>{{$t('entities.recentAlert')}}：</span>
<div class="body__row-value" :title="entityData.alertCount">{{entityData.alertCount || '-'}}</div>
<div class="body__row-value" :title="entityData.performanceCount">{{entityData.performanceCount}}</div>
</div>
<div class="body__row">
<span class="body__row-label"><i class="cn-icon cn-icon-safe"></i>{{$t('entities.recentSecurity')}}：</span>
<div class="body__row-value" :title="entityData.securityCount">{{entityData.securityCount || '-'}}</div>
<div class="body__row-value" :title="entityData.securityCount">{{entityData.securityCount}}</div>
</div>
<!-- 曲线-->
<div class="body__drawing-box">
<div class="body__drawing" :id="`entityListChart${entityData.ipAddr}`"></div>
<div class="body__drawing" :id="`entityListChart${entityData.ipAddr}${listMode}`"></div>
</div>
<div class="body__statics">
<div class="entity-statics-down"><i class="cn-icon cn-icon-fall entity-statics-icon"></i>{{entityData.bytesReceivedRate || 0}} bps</div>
<div class="entity-statics-up" ><i class="cn-icon cn-icon-rise"></i>{{entityData.bytesSentRate || 0}} bps</div>
<div class="entity-statics-down">
<i class="cn-icon cn-icon-fall entity-statics-icon"></i>
{{entityData.bytesReceivedRate ? unitConvert(entityData.bytesReceivedRate, unitTypes.byte).join(' ') + 'ps' : '-'}}
</div>
<div class="entity-statics-up" >
<i class="cn-icon cn-icon-rise"></i>
{{entityData.bytesSentRate ? unitConvert(entityData.bytesSentRate, unitTypes.byte).join(' ') + 'ps' : '-'}}
</div>
<div class="body__detail" @click="showDetail">{{$t('overall.detail')}}></div>
</div>
</template>
@@ -76,19 +82,24 @@
</div>
<div class="body__row">
<span class="body__row-label"><i class="cn-icon cn-icon-entity-alert"></i>{{$t('entities.recentAlert')}}：</span>
<div class="body__row-value" :title="entityData.alertCount">{{entityData.alertCount || '-'}}</div>
<div class="body__row-value" :title="entityData.performanceCount">{{entityData.performanceCount}}</div>
</div>
<div class="body__row">
<span class="body__row-label"><i class="cn-icon cn-icon-safe"></i>{{$t('entities.recentSecurity')}}：</span>
<div class="body__row-value" :title="entityData.securityCount">{{entityData.securityCount || '-'}}</div>
<div class="body__row-value" :title="entityData.securityCount">{{entityData.securityCount}}</div>
</div>
<!-- 曲线-->
<div class="body__drawing-box">
<div class="body__drawing" :id="`entityListChart${entityData.domainName}`"></div>
<div class="body__drawing" :id="`entityListChart${entityData.domainName}${listMode}`"></div>
</div>
<div class="body__statics">
<div class="entity-statics-down"><i class="cn-icon cn-icon-fall entity-statics-icon"></i>{{entityData.bytesReceivedRate || 0}} bps</div>
<div class="entity-statics-up" ><i class="cn-icon cn-icon-rise"></i>{{entityData.bytesSentRate || 0}} bps</div>
<div class="entity-statics-down"><i class="cn-icon cn-icon-fall entity-statics-icon"></i>
{{entityData.bytesReceivedRate ? unitConvert(entityData.bytesReceivedRate, unitTypes.byte).join(' ') + 'ps' : '-'}}
</div>
<div class="entity-statics-up" >
<i class="cn-icon cn-icon-rise"></i>
{{entityData.bytesSentRate ? unitConvert(entityData.bytesSentRate, unitTypes.byte).join(' ') + 'ps' : '-'}}
</div>
<div class="body__detail" @click="showDetail">{{$t('overall.detail')}}></div>
</div>
</template>
@@ -107,15 +118,15 @@
</div>
<div class="body__row">
<span class="body__row-label"><i class="cn-icon cn-icon-entity-alert"></i>{{$t('entities.recentAlert')}}：</span>
<div class="body__row-value" :title="entityData.alertCount">{{entityData.alertCount || '-'}}</div>
<div class="body__row-value" :title="entityData.performanceCount">{{entityData.performanceCount}}</div>
</div>
<div class="body__row">
<span class="body__row-label"><i class="cn-icon cn-icon-safe"></i>{{$t('entities.recentSecurity')}}：</span>
<div class="body__row-value" :title="entityData.securityCount">{{entityData.securityCount || '-'}}</div>
<div class="body__row-value" :title="entityData.securityCount">{{entityData.securityCount}}</div>
</div>
<!-- 曲线-->
<div class="body__drawing-box">
<div class="body__drawing" :id="`entityListChart${entityData.appName}`"></div>
<div class="body__drawing" :id="`entityListChart${entityData.appName}${listMode}`"></div>
</div>
<div class="body__statics">
<div class="entity-statics-down"><i class="cn-icon cn-icon-fall entity-statics-icon"></i>{{entityData.bytesReceivedRate ? unitConvert(entityData.bytesReceivedRate, unitTypes.byte).join(' ') + 'ps' : '-'}}</div>
@@ -129,16 +140,8 @@
<script>
import entityListMixin from './entityListMixin'
import { unitTypes } from '@/utils/constants'
import unitConvert from '@/utils/unit-convert'
export default {
name: 'Card',
mixins: [entityListMixin],
setup () {
return {
unitTypes,
unitConvert
}
}
mixins: [entityListMixin]
}
</script>

9
src/views/entityExplorer/entityList/detailOverview/entityDetailMixin.js
View File

@@ -24,6 +24,7 @@ export default {
sentChart: null,
receivedChart: null
},
chartOption: null,
queryParams: {}
}
},
@@ -237,20 +238,16 @@ export default {
this.queryEntityDetailNetworkQuantity()
this.queryEntityDetailLinkOutUrl()
this.queryEntityDetailLinkInUrl()
this.queryRelated()
}
},
setup () {
return {
chartOption: entityListLineOption,
unitTypes,
unitConvert
}
},
mounted () {
if (this.listMode === 'list') {
this.chartOption = _.cloneDeep(entityListLineOption)
setTimeout(() => { this.queryEntityDetail() })
}
this.chartOption = _.cloneDeep(entityListLineOption)
setTimeout(() => { this.queryEntityDetail() })
}
}