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

Merge branch 'dev' of https://git.mesalab.cn/cyber-narrator/cn-ui into dev

Browse Source
This commit is contained in:
hyx
2022-02-17 18:46:49 +08:00
parent 3a0a343de5 8c0f467ed2
commit 273e16547c
7 changed files with 350 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/charts/PanelChart.vue
View File

@@ -190,12 +190,12 @@ export default {
}
const requestUrl = url || (chartParams && chartParams.url)
if (requestUrl) {
get(replaceUrlPlaceholder(requestUrl, this.queryParams)).then(response => {
if (this.chartInfo.type === 23 && testData) {
response = testData.data
} else if (this.chartInfo.type === 24 && testData) {
response = testData.data2
}
get(replaceUrlPlaceholder(requestUrl, this.queryParams)).then(response => {1
// if (this.chartInfo.type === 23 && testData) {
// response = testData.data
// } else if (this.chartInfo.type === 24 && testData) {
// response = testData.data2
// }
if (response.code === 200) {
if (Array.isArray(response.data.result)) {
response.data.result.forEach(item => {

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

@@ -50,15 +50,45 @@
</div>
<div class="overview-item">
<div class="overview__title">{{$t('overall.relationship')}}</div>
<div class="overview__content">
<div class="overview__tags">
<div class="overview__tag">
<span class="tag__value">{{entityData.domainCount}}</span>
<span class="tag__desc">{{$t('entities.relatedDomains')}}</span>
<div class="overview__content domain__content">
<div class="overview__tags domain__tags overview__app-tags" ref="relationship">
<div class="overview__domain-tabs">
<div class="overview__domain-tab">
<div class="overview__tag domain__tag">
<span class="tag__value">{{entityData.domainCount}}</span>
<span class="tag__desc">{{$t('entities.relatedDomains')}}</span>
</div>
<div class="overview__tag domain__tag-list" :ref="'relatedApp' + index" v-show="item.show" v-for="(item, index) in relationshipDataOne" :key="index">
<span class="tag__desc">{{item.domain}}</span>
</div>
</div>
<div class="overview__domain-btn" @click="more(relationshipDataOne, relationshipShowMoreOne, 1)" v-if="relationshipShowOne">
<div class="overview__domain-more">...</div>
<div class="overview__domain-more-tabs show-more-app" v-if="relationshipShowMoreOne">
<div class="domain-more-tab" v-for="item in relationshipMoreDataOne" :key="item">
<span v-if="item.domain" :title="item.domain">{{item.domain}}</span>
</div>
</div>
</div>
</div>
<div class="overview__tag">
<span class="tag__value">{{entityData.ipCount}}</span>
<span class="tag__desc">{{$t('entities.relatedServerIp')}}</span>
<div class="overview__domain-tabs">
<div class="overview__domain-tab">
<div class="overview__tag domain__tag">
<span class="tag__value">{{entityData.ipCount}}</span>
<span class="tag__desc">{{$t('entities.relatedServerIp')}}</span>
</div>
<div class="overview__tag domain__tag-list" :ref="'relatedServerApp' + index" v-show="item.show" v-for="(item, index) in relationshipDataTow" :key="index">
<span class="tag__desc">{{item.ip}}</span>
</div>
</div>
<div class="overview__domain-btn" @click="more(relationshipDataTow, relationshipShowMoreTow, 2)" v-if="relationshipShowTow">
<div class="overview__domain-more">...</div>
<div class="overview__domain-more-tabs show-more-ip" v-if="relationshipShowMoreTow">
<div class="domain-more-tab" v-for="item in relationshipMoreDataTow" :key="item">
<span v-if="item.ip" :title="item.ip">{{item.ip}}</span>
</div>
</div>
</div>
</div>
</div>
</div>
@@ -153,10 +183,11 @@ import Chart from '@/views/charts/Chart'
import _ from 'lodash'
import ChartSingleValue from '@/views/charts/charts/ChartSingleValue'
import { get } from '@/utils/http'
import relatedServer from '@/mixins/relatedServer'
export default {
name: 'App',
mixins: [entityDetailMixin],
mixins: [entityDetailMixin, relatedServer],
components: {
Chart,
ChartSingleValue
@@ -173,6 +204,8 @@ export default {
alertUrl: api.entityAppDetailAlert,
securityUrl: api.entityAppDetailSecurity,
trafficUrlMap: api.entityAppDetailTrafficMap,
relatedServerDomainUrl: api.entityAppRelatedServerDomain,
relatedServerIpUrl: api.entityAppRelatedServerIp,
chartData: null,
listMode: 'list',
singleValues: {
@@ -252,12 +285,17 @@ export default {
this.singleValues.chartDatas.splice(1, 1, this.$_.get(n, 'httpResponseLatency'))
this.singleValues.chartDatas.splice(2, 1, this.$_.get(n, 'sslConLatency'))
this.singleValues.chartDatas.splice(3, 1, this.$_.get(n, 'sequenceGapLossPercent'))
this.singleValues.chartDatas.splice(4, 1, this.$_.get(n, 'pktRetransPercent'))
this.getRelatedServerDataOne(this.relatedServerDomainUrl, 'relatedApp')
this.getRelatedServerDataTow(this.relatedServerIpUrl, 'relatedServerApp')
}
}
},
mounted () {
this.$nextTick(() => { setTimeout(() => { this.chartGetMap() }, 250) })
this.$nextTick(() => {
setTimeout(() => {
this.chartGetMap()
}, 250)
})
},
setup (props) {
return {

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

@@ -58,15 +58,45 @@
</div>
<div class="overview-item">
<div class="overview__title">{{$t('overall.relationship')}}</div>
<div class="overview__content">
<div class="overview__tags">
<div class="overview__tag">
<span class="tag__value">{{entityData.appCount}}</span>
<span class="tag__desc">{{$t('entities.relatedApp')}}</span>
<div class="overview__content domain__content">
<div class="overview__tags domain__tags overview__domain-tags" ref="relationship">
<div class="overview__domain-tabs">
<div class="overview__domain-tab">
<div class="overview__tag domain__tag">
<span class="tag__value">{{entityData.appCount}}</span>
<span class="tag__desc">{{$t('entities.relatedApp')}}</span>
</div>
<div class="overview__tag domain__tag-list" :ref="'relatedDomain' + index" v-show="item.show" v-for="(item, index) in relationshipDataOne" :key="index">
<span class="tag__desc">{{item.appName}}</span>
</div>
</div>
<div class="overview__domain-btn" @click="more(relationshipDataOne, relationshipShowMoreOne, 1)" v-if="relationshipShowOne">
<div class="overview__domain-more">...</div>
<div class="overview__domain-more-tabs show-more-app" v-if="relationshipShowMoreOne">
<div class="domain-more-tab" v-for="item in relationshipMoreDataOne" :key="item">
<span v-if="item.appName" :title="item.appName">{{item.appName}}</span>
</div>
</div>
</div>
</div>
<div class="overview__tag">
<span class="tag__value">{{entityData.ipCount}}</span>
<span class="tag__desc">{{$t('entities.relatedServerIp')}}</span>
<div class="overview__domain-tabs">
<div class="overview__domain-tab">
<div class="overview__tag domain__tag">
<span class="tag__value">{{entityData.ipCount}}</span>
<span class="tag__desc">{{$t('entities.relatedServerIp')}}</span>
</div>
<div class="overview__tag domain__tag-list" :ref="'relatedServerDomain' + index" v-show="item.show" v-for="(item, index) in relationshipDataTow" :key="index">
<span class="tag__desc">{{item.ip}}</span>
</div>
</div>
<div class="overview__domain-btn" @click="more(relationshipDataTow, relationshipShowMoreTow, 2)" v-if="relationshipShowTow">
<div class="overview__domain-more">...</div>
<div class="overview__domain-more-tabs show-more-ip" v-if="relationshipShowMoreTow">
<div class="domain-more-tab" v-for="item in relationshipMoreDataTow" :key="item">
<span v-if="item.ip" :title="item.ip">{{item.ip}}</span>
</div>
</div>
</div>
</div>
</div>
</div>
@@ -159,15 +189,16 @@ import entityDetailMixin from './entityDetailMixin'
import { unitTypes } from '@/utils/constants'
import unitConvert from '@/utils/unit-convert'
import Chart from '@/views/charts/Chart'
import _ from 'lodash'
import _, { lowerFirst } from 'lodash'
import { get } from '@/utils/http'
import relatedServer from '@/mixins/relatedServer'
export default {
name: 'Domain',
components: {
ChartSingleValue,
Chart
},
mixins: [entityDetailMixin],
mixins: [entityDetailMixin, relatedServer],
data () {
return {
// entityData: {},
@@ -180,6 +211,8 @@ export default {
alertUrl: api.entityDomainDetailAlert,
securityUrl: api.entityDomainDetailSecurity,
trafficUrlMap: api.entityDomainDetailTrafficMap,
relatedServerIpUrl: api.entityDomainRelatedServerIp,
relatedServerAppUrl: api.entityDomainRelatedServerApp,
chartData: null,
listMode: 'list',
singleValues: {
@@ -243,7 +276,7 @@ export default {
this.entityData.ipCount = result.ipCount
},
chartGetMap () {
get((this.trafficUrlMap), this.getQueryParams()).then(response => {
get(this.trafficUrlMap, this.getQueryParams()).then(response => {
if (response.code === 200) {
this.chartData = response.data.result
}
@@ -260,11 +293,17 @@ export default {
this.singleValues.chartDatas.splice(2, 1, this.$_.get(n, 'sslConLatency'))
this.singleValues.chartDatas.splice(3, 1, this.$_.get(n, 'sequenceGapLossPercent'))
this.singleValues.chartDatas.splice(4, 1, this.$_.get(n, 'pktRetransPercent'))
this.getRelatedServerDataOne(this.relatedServerAppUrl, 'relatedDomain')
this.getRelatedServerDataTow(this.relatedServerIpUrl, 'relatedServerDomain')
}
}
},
mounted () {
this.$nextTick(() => { setTimeout(() => { this.chartGetMap()}, 250)})
this.$nextTick(() => {
setTimeout(() => {
this.chartGetMap()
}, 250)
})
},
setup (props) {
const entityCopy = {

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

@@ -42,15 +42,45 @@
</div>
<div class="overview-item">
<div class="overview__title">{{$t('overall.relationship')}}</div>
<div class="overview__content">
<div class="overview__tags">
<div class="overview__tag">
<span class="tag__value">{{entityData.domainCount}}</span>
<span class="tag__desc">{{$t('entities.relatedDomains')}}</span>
<div class="overview__content domain__content">
<div class="overview__tags domain__tags overview__ip-tags" ref="relationship">
<div class="overview__domain-tabs">
<div class="overview__domain-tab">
<div class="overview__tag domain__tag">
<span class="tag__value">{{entityData.domainCount}}</span>
<span class="tag__desc">{{$t('entities.relatedDomains')}}</span>
</div>
<div class="overview__tag domain__tag-list" :ref="'relatedIp' + index" v-show="item.show" v-for="(item, index) in relationshipDataOne" :key="index">
<span class="tag__desc">{{item.domain}}</span>
</div>
</div>
<div class="overview__domain-btn" @click="more(relationshipDataOne, relationshipShowMoreOne, 1)" v-if="relationshipShowOne">
<div class="overview__domain-more">...</div>
<div class="overview__domain-more-tabs show-more-app" v-if="relationshipShowMoreOne">
<div class="domain-more-tab" v-for="item in relationshipMoreDataOne" :key="item">
<span v-if="item.domain" :title="item.domain">{{item.domain}}</span>
</div>
</div>
</div>
</div>
<div class="overview__tag">
<span class="tag__value">{{entityData.appCount}}</span>
<span class="tag__desc">{{$t('entities.relatedServerIp')}}</span>
<div class="overview__domain-tabs">
<div class="overview__domain-tab">
<div class="overview__tag domain__tag">
<span class="tag__value">{{entityData.appCount}}</span>
<span class="tag__desc">{{$t('entities.relatedApp')}}</span>
</div>
<div class="overview__tag domain__tag-list" :ref="'relatedServerIp' + index" v-show="item.show" v-for="(item, index) in relationshipDataTow" :key="index">
<span class="tag__desc">{{item.appName}}</span>
</div>
</div>
<div class="overview__domain-btn" @click="more(relationshipDataTow, relationshipShowMoreTow, 2)" v-if="relationshipShowTow">
<div class="overview__domain-more">...</div>
<div class="overview__domain-more-tabs show-more-ip" v-if="relationshipShowMoreTow">
<div class="domain-more-tab" v-for="item in relationshipMoreDataTow" :key="item">
<span v-if="item.appName" :title="item.appName">{{item.appName}}</span>
</div>
</div>
</div>
</div>
</div>
</div>
@@ -145,10 +175,11 @@ import unitConvert from '@/utils/unit-convert'
import Chart from '@/views/charts/Chart'
import _ from 'lodash'
import { get } from '@/utils/http'
import relatedServer from '@/mixins/relatedServer'
export default {
name: 'Ip',
mixins: [entityDetailMixin],
mixins: [entityDetailMixin, relatedServer],
components: {
Chart,
ChartSingleValue
@@ -165,6 +196,8 @@ export default {
linkOutUrl: api.entityIpDetailLinkOut,
alertUrl: api.entityIpDetailAlert,
securityUrl: api.entityIpDetailSecurity,
relatedServerDomainUrl: api.entityIpRelatedServerDomain,
relatedServerAppUrl: api.entityIpRelatedServerApp,
listMode: 'list',
chartData: null,
singleValues: {
@@ -246,11 +279,17 @@ export default {
this.singleValues.chartDatas.splice(2, 1, this.$_.get(n, 'sslConLatency'))
this.singleValues.chartDatas.splice(3, 1, this.$_.get(n, 'sequenceGapLossPercent'))
this.singleValues.chartDatas.splice(4, 1, this.$_.get(n, 'pktRetransPercent'))
this.getRelatedServerDataOne(this.relatedServerDomainUrl, 'relatedIp')
this.getRelatedServerDataTow(this.relatedServerAppUrl, 'relatedServerIp')
}
}
},
mounted () {
this.$nextTick(() => { setTimeout(() => { this.chartGetMap() }, 250) })
this.$nextTick(() => {
setTimeout(() => {
this.chartGetMap()
}, 250)
})
},
setup (props) {
const entityCopy = {