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

CN-1263 network overview、npm、dns的下钻查询条件变更

Browse Source
This commit is contained in:
hyx
2023-09-06 15:17:02 +08:00
parent 385abbfe98
commit 25ae5afcb0
6 changed files with 122 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/layout/Header.vue
View File

@@ -540,6 +540,8 @@ export default {
const curTab = curTableInCode.tabList.find(item => item.label === columnName) const curTab = curTableInCode.tabList.find(item => item.label === columnName)
if (curTab) { if (curTab) {
type = curTab.prop type = curTab.prop
} else {
type = curTableInCode.tabList[0].prop
} }
} }
const params = { const params = {
@@ -719,6 +721,7 @@ export default {
this.urlChangeParams[this.curTabState.tabOperationType] = opeType this.urlChangeParams[this.curTabState.tabOperationType] = opeType
if (opeType === 3) { if (opeType === 3) {
this.urlChangeParams.queryCondition = '' this.urlChangeParams.queryCondition = ''
this.urlChangeParams.lineQueryCondition = ''
} }
} else { } else {
this.urlChangeParams[this.curTabState.tabOperationType] = operationType.mainMenu this.urlChangeParams[this.curTabState.tabOperationType] = operationType.mainMenu
@@ -763,7 +766,7 @@ export default {
} else { } else {
child.columnName = '' child.columnName = ''
child.columnValue = '' child.columnValue = ''
this.$_.omit(this.urlChangeParams, [this.curTabState.thirdPanel, this.curTabState.fourthPanel, this.curTabState.thirdMenu, this.curTabState.fourthMenu, this.curTabState.dimensionType, this.curTabState.panelName, this.curTabState.curTab, this.curTabState.queryCondition, this.curTabState.networkOverviewBeforeTab,, this.curTabState.lineThirdDimensionQueryCondition,, this.curTabState.thirdDimensionQueryCondition]) this.$_.omit(this.urlChangeParams, [this.curTabState.thirdPanel, this.curTabState.fourthPanel, this.curTabState.thirdMenu, this.curTabState.fourthMenu, this.curTabState.dimensionType, this.curTabState.panelName, this.curTabState.curTab, this.curTabState.queryCondition, this.curTabState.lineQueryCondition, this.curTabState.networkOverviewBeforeTab,, this.curTabState.lineThirdDimensionQueryCondition,, this.curTabState.thirdDimensionQueryCondition])
} }
} }
}) })

130
src/utils/constants.js
View File

@@ -685,7 +685,7 @@ export const networkOverviewTabList = [
prop: 'ip', prop: 'ip',
queryCycleTotalProp: 'ips', queryCycleTotalProp: 'ips',
dillDownProp: ['common_client_ip', 'common_server_ip'], // 下钻表格：查询条件q（dillDownProp里条件之间都是OR的关系）,或者queryCondition属性，queryCondition: ['ip = \'$param\' AND side = \'server\''], dillDownProp: ['common_client_ip', 'common_server_ip'], // 下钻表格：查询条件q（dillDownProp里条件之间都是OR的关系）,或者queryCondition属性，queryCondition: ['ip = \'$param\' AND side = \'server\''],
thirdDimensionQueryCondition: ['notEmpty(common_client_ip) OR notEmpty(common_server_ip)'], // 下钻表格：第三级维度查询条件q thirdDimensionQueryCondition: [], // 下钻表格：第三级维度查询条件q
lineQueryCondition: ['ip = \'$param\''], // 曲线图：查询条件q lineQueryCondition: ['ip = \'$param\''], // 曲线图：查询条件q
lineThirdDimensionQueryCondition: ['notEmpty(ip)'], // 曲线图：第三级维度查询条件q lineThirdDimensionQueryCondition: ['notEmpty(ip)'], // 曲线图：第三级维度查询条件q
checked: true, checked: true,
@@ -696,7 +696,7 @@ export const networkOverviewTabList = [
prop: 'countryRegion', prop: 'countryRegion',
queryCycleTotalProp: 'countries', queryCycleTotalProp: 'countries',
dillDownProp: ['client_country_region', 'server_country_region'], dillDownProp: ['client_country_region', 'server_country_region'],
thirdDimensionQueryCondition: ['notEmpty(client_country_region) OR notEmpty(server_country_region)'], // 下钻表格：第三级维度查询条件q thirdDimensionQueryCondition: [], // 下钻表格：第三级维度查询条件q
lineQueryCondition: ['country_region = \'$param\''], // 曲线图：查询条件q lineQueryCondition: ['country_region = \'$param\''], // 曲线图：查询条件q
lineThirdDimensionQueryCondition: ['notEmpty(country_region)'], // 曲线图：第三级维度查询条件q lineThirdDimensionQueryCondition: ['notEmpty(country_region)'], // 曲线图：第三级维度查询条件q
checked: true, checked: true,
@@ -707,7 +707,7 @@ export const networkOverviewTabList = [
prop: 'asn', prop: 'asn',
queryCycleTotalProp: 'asns', queryCycleTotalProp: 'asns',
dillDownProp: ['client_asn', 'server_asn'], dillDownProp: ['client_asn', 'server_asn'],
thirdDimensionQueryCondition: ['notEmpty(client_asn) OR notEmpty(server_asn)'], // 下钻表格：第三级维度查询条件q thirdDimensionQueryCondition: [], // 下钻表格：第三级维度查询条件q
lineQueryCondition: ['asn = \'$param\''], // 曲线图：查询条件q lineQueryCondition: ['asn = \'$param\''], // 曲线图：查询条件q
lineThirdDimensionQueryCondition: ['notEmpty(asn)'], // 曲线图：第三级维度查询条件q lineThirdDimensionQueryCondition: ['notEmpty(asn)'], // 曲线图：第三级维度查询条件q
checked: true, checked: true,
@@ -718,7 +718,7 @@ export const networkOverviewTabList = [
prop: 'appLabel', prop: 'appLabel',
queryCycleTotalProp: 'applications', queryCycleTotalProp: 'applications',
dillDownProp: ['common_app_label'], dillDownProp: ['common_app_label'],
thirdDimensionQueryCondition: ['notEmpty(common_app_label)'], // 下钻表格：第三级维度查询条件q thirdDimensionQueryCondition: [], // 下钻表格：第三级维度查询条件q
lineQueryCondition: ['common_app_label = \'$param\''], // 曲线图：查询条件q lineQueryCondition: ['common_app_label = \'$param\''], // 曲线图：查询条件q
lineThirdDimensionQueryCondition: ['notEmpty(common_app_label)'], // 曲线图：第三级维度查询条件q lineThirdDimensionQueryCondition: ['notEmpty(common_app_label)'], // 曲线图：第三级维度查询条件q
checked: true, checked: true,
@@ -729,7 +729,7 @@ export const networkOverviewTabList = [
prop: 'appCompany', prop: 'appCompany',
queryCycleTotalProp: 'providers', queryCycleTotalProp: 'providers',
dillDownProp: ['app_company'], dillDownProp: ['app_company'],
thirdDimensionQueryCondition: ['notEmpty(app_company)'], // 下钻表格：第三级维度查询条件q thirdDimensionQueryCondition: [], // 下钻表格：第三级维度查询条件q
lineQueryCondition: ['app_company = \'$param\''], // 曲线图：查询条件q lineQueryCondition: ['app_company = \'$param\''], // 曲线图：查询条件q
lineThirdDimensionQueryCondition: ['notEmpty(app_company)'], // 曲线图：第三级维度查询条件q lineThirdDimensionQueryCondition: ['notEmpty(app_company)'], // 曲线图：第三级维度查询条件q
checked: true, checked: true,
@@ -740,7 +740,7 @@ export const networkOverviewTabList = [
prop: 'domain', prop: 'domain',
queryCycleTotalProp: 'domains', queryCycleTotalProp: 'domains',
dillDownProp: ['domain'], dillDownProp: ['domain'],
thirdDimensionQueryCondition: ['notEmpty(domain)'], // 下钻表格：第三级维度查询条件q thirdDimensionQueryCondition: [], // 下钻表格：第三级维度查询条件q
lineQueryCondition: ['domain = \'$param\''], // 曲线图：查询条件q lineQueryCondition: ['domain = \'$param\''], // 曲线图：查询条件q
lineThirdDimensionQueryCondition: ['notEmpty(domain)'], // 曲线图：第三级维度查询条件q lineThirdDimensionQueryCondition: ['notEmpty(domain)'], // 曲线图：第三级维度查询条件q
checked: true, checked: true,
@@ -751,7 +751,7 @@ export const networkOverviewTabList = [
prop: 'domainSld', prop: 'domainSld',
queryCycleTotalProp: 'domainSld', queryCycleTotalProp: 'domainSld',
dillDownProp: ['domain_sld'], dillDownProp: ['domain_sld'],
thirdDimensionQueryCondition: ['notEmpty(domain_sld)'], // 下钻表格：第三级维度查询条件q thirdDimensionQueryCondition: [], // 下钻表格：第三级维度查询条件q
lineQueryCondition: ['domain_sld = \'$param\''], // 曲线图：查询条件q lineQueryCondition: ['domain_sld = \'$param\''], // 曲线图：查询条件q
lineThirdDimensionQueryCondition: ['notEmpty(domain_sld)'], // 曲线图：第三级维度查询条件q lineThirdDimensionQueryCondition: ['notEmpty(domain_sld)'], // 曲线图：第三级维度查询条件q
checked: true, checked: true,
@@ -762,7 +762,7 @@ export const networkOverviewTabList = [
prop: 'l7Protocol', prop: 'l7Protocol',
queryCycleTotalProp: 'protocols', queryCycleTotalProp: 'protocols',
dillDownProp: ['common_l7_protocol'], dillDownProp: ['common_l7_protocol'],
thirdDimensionQueryCondition: ['notEmpty(common_l7_protocol)'], // 下钻表格：第三级维度查询条件q thirdDimensionQueryCondition: [], // 下钻表格：第三级维度查询条件q
lineQueryCondition: ['common_l7_protocol = \'$param\''], // 曲线图：查询条件q lineQueryCondition: ['common_l7_protocol = \'$param\''], // 曲线图：查询条件q
lineThirdDimensionQueryCondition: ['notEmpty(common_l7_protocol)'], // 曲线图：第三级维度查询条件q lineThirdDimensionQueryCondition: ['notEmpty(common_l7_protocol)'], // 曲线图：第三级维度查询条件q
checked: true, checked: true,
@@ -773,7 +773,7 @@ export const networkOverviewTabList = [
prop: 'superAdminArea', prop: 'superAdminArea',
queryCycleTotalProp: 'regions', queryCycleTotalProp: 'regions',
dillDownProp: ['client_super_admin_area', 'server_super_admin_ area'], dillDownProp: ['client_super_admin_area', 'server_super_admin_ area'],
thirdDimensionQueryCondition: ['notEmpty(client_super_admin_area) OR notEmpty(server_super_admin_area)'], // 下钻表格：第三级维度查询条件q thirdDimensionQueryCondition: [], // 下钻表格：第三级维度查询条件q
lineQueryCondition: ['super_admin_area = \'$param\''], // 曲线图：查询条件q lineQueryCondition: ['super_admin_area = \'$param\''], // 曲线图：查询条件q
lineThirdDimensionQueryCondition: ['notEmpty(super_admin_area)'], // 曲线图：第三级维度查询条件q lineThirdDimensionQueryCondition: ['notEmpty(super_admin_area)'], // 曲线图：第三级维度查询条件q
checked: false, checked: false,
@@ -784,7 +784,7 @@ export const networkOverviewTabList = [
prop: 'adminArea', prop: 'adminArea',
queryCycleTotalProp: 'cities', queryCycleTotalProp: 'cities',
dillDownProp: ['client_admin_area', 'server_admin_area'], dillDownProp: ['client_admin_area', 'server_admin_area'],
thirdDimensionQueryCondition: ['notEmpty(client_admin_area) OR notEmpty(server_admin_area)'], // 下钻表格：第三级维度查询条件q thirdDimensionQueryCondition: [], // 下钻表格：第三级维度查询条件q
lineQueryCondition: ['admin_area = \'$param\''], // 曲线图：查询条件q lineQueryCondition: ['admin_area = \'$param\''], // 曲线图：查询条件q
lineThirdDimensionQueryCondition: ['notEmpty(admin_area)'], // 曲线图：第三级维度查询条件q lineThirdDimensionQueryCondition: ['notEmpty(admin_area)'], // 曲线图：第三级维度查询条件q
checked: false, checked: false,
@@ -795,7 +795,7 @@ export const networkOverviewTabList = [
prop: 'isp', prop: 'isp',
queryCycleTotalProp: 'isps', queryCycleTotalProp: 'isps',
dillDownProp: ['client_isp', 'server_isp'], dillDownProp: ['client_isp', 'server_isp'],
thirdDimensionQueryCondition: ['notEmpty(client_isp) OR notEmpty(server_isp)'], // 下钻表格：第三级维度查询条件q thirdDimensionQueryCondition: [], // 下钻表格：第三级维度查询条件q
lineQueryCondition: ['isp = \'$param\''], // 曲线图：查询条件q lineQueryCondition: ['isp = \'$param\''], // 曲线图：查询条件q
lineThirdDimensionQueryCondition: ['notEmpty(isp)'], // 曲线图：第三级维度查询条件q lineThirdDimensionQueryCondition: ['notEmpty(isp)'], // 曲线图：第三级维度查询条件q
checked: false, checked: false,
@@ -806,7 +806,7 @@ export const networkOverviewTabList = [
prop: 'appSubcategory', prop: 'appSubcategory',
queryCycleTotalProp: 'applicationCategories', queryCycleTotalProp: 'applicationCategories',
dillDownProp: ['app_subcategory'], dillDownProp: ['app_subcategory'],
thirdDimensionQueryCondition: ['notEmpty(app_subcategory)'], // 下钻表格：第三级维度查询条件q thirdDimensionQueryCondition: [], // 下钻表格：第三级维度查询条件q
lineQueryCondition: ['app_subcategory = \'$param\''], // 曲线图：查询条件q lineQueryCondition: ['app_subcategory = \'$param\''], // 曲线图：查询条件q
lineThirdDimensionQueryCondition: ['notEmpty(app_subcategory)'], // 曲线图：第三级维度查询条件q lineThirdDimensionQueryCondition: ['notEmpty(app_subcategory)'], // 曲线图：第三级维度查询条件q
checked: false, checked: false,
@@ -817,7 +817,7 @@ export const networkOverviewTabList = [
prop: 'domainCategoryName', prop: 'domainCategoryName',
queryCycleTotalProp: 'domainCategories', queryCycleTotalProp: 'domainCategories',
dillDownProp: ['domain_category_name'], dillDownProp: ['domain_category_name'],
thirdDimensionQueryCondition: ['notEmpty(domain_category_name)'], // 下钻表格：第三级维度查询条件q thirdDimensionQueryCondition: [], // 下钻表格：第三级维度查询条件q
lineQueryCondition: ['domain_category_name = \'$param\''], // 曲线图：查询条件q lineQueryCondition: ['domain_category_name = \'$param\''], // 曲线图：查询条件q
lineThirdDimensionQueryCondition: ['notEmpty(domain_category_name)'], // 曲线图：第三级维度查询条件q lineThirdDimensionQueryCondition: ['notEmpty(domain_category_name)'], // 曲线图：第三级维度查询条件q
checked: false, checked: false,
@@ -828,7 +828,7 @@ export const networkOverviewTabList = [
prop: 'httpHost', prop: 'httpHost',
queryCycleTotalProp: 'hosts', queryCycleTotalProp: 'hosts',
dillDownProp: ['http_host'], dillDownProp: ['http_host'],
thirdDimensionQueryCondition: ['notEmpty(http_host)'], // 下钻表格：第三级维度查询条件q thirdDimensionQueryCondition: [], // 下钻表格：第三级维度查询条件q
lineQueryCondition: ['http_host = \'$param\''], // 曲线图：查询条件q lineQueryCondition: ['http_host = \'$param\''], // 曲线图：查询条件q
lineThirdDimensionQueryCondition: ['notEmpty(http_host)'], // 曲线图：第三级维度查询条件q lineThirdDimensionQueryCondition: ['notEmpty(http_host)'], // 曲线图：第三级维度查询条件q
checked: false, checked: false,
@@ -838,8 +838,8 @@ export const networkOverviewTabList = [
label: 'network.protocolPorts', label: 'network.protocolPorts',
prop: 'protocolPort', prop: 'protocolPort',
queryCycleTotalProp: 'protocolports', queryCycleTotalProp: 'protocolports',
dillDownProp: ['common_l7_protocol', 'common_server_port '], dillDownProp: ['common_l7_protocol', 'common_server_port'],
thirdDimensionQueryCondition: ['notEmpty(common_l7_protocol)'], // 下钻表格：第三级维度查询条件q thirdDimensionQueryCondition: [], // 下钻表格：第三级维度查询条件q
lineQueryCondition: ['common_l7_protocol = \'$protocol_param\' AND common_server_port = $port_param'], // 曲线图：查询条件q lineQueryCondition: ['common_l7_protocol = \'$protocol_param\' AND common_server_port = $port_param'], // 曲线图：查询条件q
lineThirdDimensionQueryCondition: ['notEmpty(common_l7_protocol)'], // 曲线图：第三级维度查询条件q lineThirdDimensionQueryCondition: ['notEmpty(common_l7_protocol)'], // 曲线图：第三级维度查询条件q
checked: false, checked: false,
@@ -850,7 +850,7 @@ export const networkOverviewTabList = [
prop: 'clientIp', prop: 'clientIp',
queryCycleTotalProp: 'clientIps', queryCycleTotalProp: 'clientIps',
dillDownProp: ['common_client_ip'], dillDownProp: ['common_client_ip'],
thirdDimensionQueryCondition: ['notEmpty(common_client_ip)'], // 下钻表格：第三级维度查询条件q thirdDimensionQueryCondition: [], // 下钻表格：第三级维度查询条件q
lineQueryCondition: ['ip = \'$param\' and side = \'client\''], // 曲线图：查询条件q lineQueryCondition: ['ip = \'$param\' and side = \'client\''], // 曲线图：查询条件q
lineThirdDimensionQueryCondition: ['notEmpty(ip) and side = \'client\''], // 曲线图：第三级维度查询条件q lineThirdDimensionQueryCondition: ['notEmpty(ip) and side = \'client\''], // 曲线图：第三级维度查询条件q
checked: false, checked: false,
@@ -861,7 +861,7 @@ export const networkOverviewTabList = [
prop: 'serverIp', prop: 'serverIp',
queryCycleTotalProp: 'serverIps', queryCycleTotalProp: 'serverIps',
dillDownProp: ['common_server_ip'], dillDownProp: ['common_server_ip'],
thirdDimensionQueryCondition: ['notEmpty(common_server_ip)'], // 下钻表格：第三级维度查询条件q thirdDimensionQueryCondition: [], // 下钻表格：第三级维度查询条件q
lineQueryCondition: ['ip = \'$param\' and side = \'server\''], // 曲线图：查询条件q lineQueryCondition: ['ip = \'$param\' and side = \'server\''], // 曲线图：查询条件q
lineThirdDimensionQueryCondition: ['notEmpty(ip) and side = \'server\''], // 曲线图：第三级维度查询条件q lineThirdDimensionQueryCondition: ['notEmpty(ip) and side = \'server\''], // 曲线图：第三级维度查询条件q
checked: false, checked: false,
@@ -872,7 +872,7 @@ export const networkOverviewTabList = [
prop: 'clientCountryRegion', prop: 'clientCountryRegion',
queryCycleTotalProp: 'clientCountries', queryCycleTotalProp: 'clientCountries',
dillDownProp: ['client_country_region'], dillDownProp: ['client_country_region'],
thirdDimensionQueryCondition: ['notEmpty(client_country_region)'], // 下钻表格：第三级维度查询条件q thirdDimensionQueryCondition: [], // 下钻表格：第三级维度查询条件q
lineQueryCondition: ['country_region = \'$param\' and side = \'client\''], // 曲线图：查询条件q lineQueryCondition: ['country_region = \'$param\' and side = \'client\''], // 曲线图：查询条件q
lineThirdDimensionQueryCondition: ['notEmpty(country_region) and side = \'client\''], // 曲线图：第三级维度查询条件q lineThirdDimensionQueryCondition: ['notEmpty(country_region) and side = \'client\''], // 曲线图：第三级维度查询条件q
checked: false, checked: false,
@@ -883,7 +883,7 @@ export const networkOverviewTabList = [
prop: 'serverCountryRegion', prop: 'serverCountryRegion',
queryCycleTotalProp: 'serverCountries', queryCycleTotalProp: 'serverCountries',
dillDownProp: ['server_country_region'], dillDownProp: ['server_country_region'],
thirdDimensionQueryCondition: ['notEmpty(server_country_region)'], // 下钻表格：第三级维度查询条件q thirdDimensionQueryCondition: [], // 下钻表格：第三级维度查询条件q
lineQueryCondition: ['country_region = \'$param\' and side = \'server\''], // 曲线图：查询条件q lineQueryCondition: ['country_region = \'$param\' and side = \'server\''], // 曲线图：查询条件q
lineThirdDimensionQueryCondition: ['notEmpty(country_region) and side = \'server\''], // 曲线图：第三级维度查询条件q lineThirdDimensionQueryCondition: ['notEmpty(country_region) and side = \'server\''], // 曲线图：第三级维度查询条件q
checked: false, checked: false,
@@ -894,7 +894,7 @@ export const networkOverviewTabList = [
prop: 'clientSuperAdminArea', prop: 'clientSuperAdminArea',
queryCycleTotalProp: 'clientProvinces', queryCycleTotalProp: 'clientProvinces',
dillDownProp: ['client_super_admin_area'], dillDownProp: ['client_super_admin_area'],
thirdDimensionQueryCondition: ['notEmpty(client_super_admin_area)'], // 下钻表格：第三级维度查询条件q thirdDimensionQueryCondition: [], // 下钻表格：第三级维度查询条件q
lineQueryCondition: ['super_admin_area = \'$param\' and side = \'client\''], // 曲线图：查询条件q lineQueryCondition: ['super_admin_area = \'$param\' and side = \'client\''], // 曲线图：查询条件q
lineThirdDimensionQueryCondition: ['notEmpty(super_admin_area) and side = \'client\''], // 曲线图：第三级维度查询条件q lineThirdDimensionQueryCondition: ['notEmpty(super_admin_area) and side = \'client\''], // 曲线图：第三级维度查询条件q
checked: false, checked: false,
@@ -905,7 +905,7 @@ export const networkOverviewTabList = [
prop: 'serverSuperAdminArea', prop: 'serverSuperAdminArea',
queryCycleTotalProp: 'serverProvinces', queryCycleTotalProp: 'serverProvinces',
dillDownProp: ['server_super_admin_area'], dillDownProp: ['server_super_admin_area'],
thirdDimensionQueryCondition: ['notEmpty(server_super_admin_area)'], // 下钻表格：第三级维度查询条件q thirdDimensionQueryCondition: [], // 下钻表格：第三级维度查询条件q
lineQueryCondition: ['super_admin_area = \'$param\' and side = \'server\''], // 曲线图：查询条件q lineQueryCondition: ['super_admin_area = \'$param\' and side = \'server\''], // 曲线图：查询条件q
lineThirdDimensionQueryCondition: ['notEmpty(super_admin_area) and side = \'server\''], // 曲线图：第三级维度查询条件q lineThirdDimensionQueryCondition: ['notEmpty(super_admin_area) and side = \'server\''], // 曲线图：第三级维度查询条件q
checked: false, checked: false,
@@ -916,7 +916,7 @@ export const networkOverviewTabList = [
prop: 'clientAdminArea', prop: 'clientAdminArea',
queryCycleTotalProp: 'clientCities', queryCycleTotalProp: 'clientCities',
dillDownProp: ['client_admin_area'], dillDownProp: ['client_admin_area'],
thirdDimensionQueryCondition: ['notEmpty(client_admin_area)'], // 下钻表格：第三级维度查询条件q thirdDimensionQueryCondition: [], // 下钻表格：第三级维度查询条件q
lineQueryCondition: ['admin_area = \'$param\' and side = \'client\''], // 曲线图：查询条件q lineQueryCondition: ['admin_area = \'$param\' and side = \'client\''], // 曲线图：查询条件q
lineThirdDimensionQueryCondition: ['notEmpty(admin_area) and side = \'client\''], // 曲线图：第三级维度查询条件q lineThirdDimensionQueryCondition: ['notEmpty(admin_area) and side = \'client\''], // 曲线图：第三级维度查询条件q
checked: false, checked: false,
@@ -927,7 +927,7 @@ export const networkOverviewTabList = [
prop: 'serverAdminArea', prop: 'serverAdminArea',
queryCycleTotalProp: 'serverCities', queryCycleTotalProp: 'serverCities',
dillDownProp: ['server_admin_area'], dillDownProp: ['server_admin_area'],
thirdDimensionQueryCondition: ['notEmpty(server_admin_area)'], // 下钻表格：第三级维度查询条件q thirdDimensionQueryCondition: [], // 下钻表格：第三级维度查询条件q
lineQueryCondition: ['admin_area = \'$param\' and side = \'server\''], // 曲线图：查询条件q lineQueryCondition: ['admin_area = \'$param\' and side = \'server\''], // 曲线图：查询条件q
lineThirdDimensionQueryCondition: ['notEmpty(admin_area) and side = \'server\''], // 曲线图：第三级维度查询条件q lineThirdDimensionQueryCondition: ['notEmpty(admin_area) and side = \'server\''], // 曲线图：第三级维度查询条件q
checked: false, checked: false,
@@ -938,7 +938,7 @@ export const networkOverviewTabList = [
prop: 'clientIsp', prop: 'clientIsp',
queryCycleTotalProp: 'clientIsps', queryCycleTotalProp: 'clientIsps',
dillDownProp: ['client_isp'], dillDownProp: ['client_isp'],
thirdDimensionQueryCondition: ['notEmpty(client_isp)'], // 下钻表格：第三级维度查询条件q thirdDimensionQueryCondition: [], // 下钻表格：第三级维度查询条件q
lineQueryCondition: ['isp = \'$param\' and side = \'client\''], // 曲线图：查询条件q lineQueryCondition: ['isp = \'$param\' and side = \'client\''], // 曲线图：查询条件q
lineThirdDimensionQueryCondition: ['notEmpty(isp) and side = \'client\''], // 曲线图：第三级维度查询条件q lineThirdDimensionQueryCondition: ['notEmpty(isp) and side = \'client\''], // 曲线图：第三级维度查询条件q
checked: false, checked: false,
@@ -949,7 +949,7 @@ export const networkOverviewTabList = [
prop: 'serverIsp', prop: 'serverIsp',
queryCycleTotalProp: 'serverIsps', queryCycleTotalProp: 'serverIsps',
dillDownProp: ['server_isp'], dillDownProp: ['server_isp'],
thirdDimensionQueryCondition: ['notEmpty(server_isp)'], // 下钻表格：第三级维度查询条件q thirdDimensionQueryCondition: [], // 下钻表格：第三级维度查询条件q
lineQueryCondition: ['isp = \'$param\' and side = \'server\''], // 曲线图：查询条件q lineQueryCondition: ['isp = \'$param\' and side = \'server\''], // 曲线图：查询条件q
lineThirdDimensionQueryCondition: ['notEmpty(isp) and side = \'server\''], // 曲线图：第三级维度查询条件q lineThirdDimensionQueryCondition: ['notEmpty(isp) and side = \'server\''], // 曲线图：第三级维度查询条件q
checked: false, checked: false,
@@ -960,7 +960,7 @@ export const networkOverviewTabList = [
prop: 'clientAsn', prop: 'clientAsn',
queryCycleTotalProp: 'clientAsns', queryCycleTotalProp: 'clientAsns',
dillDownProp: ['client_asn'], dillDownProp: ['client_asn'],
thirdDimensionQueryCondition: ['notEmpty(client_asn)'], // 下钻表格：第三级维度查询条件q thirdDimensionQueryCondition: [], // 下钻表格：第三级维度查询条件q
lineQueryCondition: ['asn = \'$param\' and side = \'client\''], // 曲线图：查询条件q lineQueryCondition: ['asn = \'$param\' and side = \'client\''], // 曲线图：查询条件q
lineThirdDimensionQueryCondition: ['notEmpty(asn) and side = \'client\''], // 曲线图：第三级维度查询条件q lineThirdDimensionQueryCondition: ['notEmpty(asn) and side = \'client\''], // 曲线图：第三级维度查询条件q
checked: false, checked: false,
@@ -971,7 +971,7 @@ export const networkOverviewTabList = [
prop: 'serverAsn', prop: 'serverAsn',
queryCycleTotalProp: 'serverAsns', queryCycleTotalProp: 'serverAsns',
dillDownProp: ['server_asn'], dillDownProp: ['server_asn'],
thirdDimensionQueryCondition: ['notEmpty(server_asn)'], // 下钻表格：第三级维度查询条件q thirdDimensionQueryCondition: [], // 下钻表格：第三级维度查询条件q
lineQueryCondition: ['asn = \'$param\' and side = \'server\''], // 曲线图：查询条件q lineQueryCondition: ['asn = \'$param\' and side = \'server\''], // 曲线图：查询条件q
lineThirdDimensionQueryCondition: ['notEmpty(asn) and side = \'server\''], // 曲线图：第三级维度查询条件q lineThirdDimensionQueryCondition: ['notEmpty(asn) and side = \'server\''], // 曲线图：第三级维度查询条件q
checked: false, checked: false,
@@ -985,7 +985,8 @@ export const networkAppPerformanceTabList = [
label: 'network.ips', // tab名称对应的il8n label: 'network.ips', // tab名称对应的il8n
prop: 'ip', // 接口返回数据中，tab第一列对应的属性名 prop: 'ip', // 接口返回数据中，tab第一列对应的属性名
queryCycleTotalProp: 'ips', // SQL中查询不同纬度的列名称 queryCycleTotalProp: 'ips', // SQL中查询不同纬度的列名称
dillDownProp: ['common_client_ip', 'common_server_ip'], // 下钻时，传递的查询条件，即接口的q参数 dillDownProp: ['ip'], // 下钻时，传递的查询条件，即接口的q参数
lineQueryCondition: ['ip = \'$param\''], // 曲线图：查询条件q
checked: true, // 自定义设置中，是否默认选中 checked: true, // 自定义设置中，是否默认选中
disabled: false, // 自定义设置中，是否可操作（选中或取消选中） disabled: false, // 自定义设置中，是否可操作（选中或取消选中）
panelId: drillDownPanelTypeMapping.npmOverviewIp// 下钻后展示的panelId panelId: drillDownPanelTypeMapping.npmOverviewIp// 下钻后展示的panelId
@@ -993,7 +994,8 @@ export const networkAppPerformanceTabList = [
label: 'network.countries', label: 'network.countries',
prop: 'countryRegion', prop: 'countryRegion',
queryCycleTotalProp: 'countries', queryCycleTotalProp: 'countries',
dillDownProp: ['client_country_region', 'server_country_region'], dillDownProp: ['country_region'],
lineQueryCondition: ['country_region = \'$param\''], // 曲线图：查询条件q
checked: true, checked: true,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.npmOverviewCommon panelId: drillDownPanelTypeMapping.npmOverviewCommon
@@ -1001,7 +1003,8 @@ export const networkAppPerformanceTabList = [
label: 'network.asns', label: 'network.asns',
prop: 'asn', prop: 'asn',
queryCycleTotalProp: 'asns', queryCycleTotalProp: 'asns',
dillDownProp: ['client_asn', 'server_asn'], dillDownProp: ['asn'],
lineQueryCondition: ['asn = \'$param\''],
checked: true, checked: true,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.npmOverviewCommon panelId: drillDownPanelTypeMapping.npmOverviewCommon
@@ -1010,6 +1013,7 @@ export const networkAppPerformanceTabList = [
prop: 'appLabel', prop: 'appLabel',
queryCycleTotalProp: 'applications', queryCycleTotalProp: 'applications',
dillDownProp: ['common_app_label'], dillDownProp: ['common_app_label'],
lineQueryCondition: ['common_app_label = \'$param\''],
checked: true, checked: true,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.npmOverviewApp panelId: drillDownPanelTypeMapping.npmOverviewApp
@@ -1018,6 +1022,7 @@ export const networkAppPerformanceTabList = [
prop: 'appCompany', prop: 'appCompany',
queryCycleTotalProp: 'providers', queryCycleTotalProp: 'providers',
dillDownProp: ['app_company'], dillDownProp: ['app_company'],
lineQueryCondition: ['app_company = \'$param\''],
checked: true, checked: true,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.npmOverviewCommon panelId: drillDownPanelTypeMapping.npmOverviewCommon
@@ -1026,6 +1031,7 @@ export const networkAppPerformanceTabList = [
prop: 'domain', prop: 'domain',
queryCycleTotalProp: 'domains', queryCycleTotalProp: 'domains',
dillDownProp: ['domain'], dillDownProp: ['domain'],
lineQueryCondition: ['domain = \'$param\''],
checked: true, checked: true,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.npmOverviewDomain panelId: drillDownPanelTypeMapping.npmOverviewDomain
@@ -1034,6 +1040,7 @@ export const networkAppPerformanceTabList = [
prop: 'domainSld', prop: 'domainSld',
queryCycleTotalProp: 'domainSld', queryCycleTotalProp: 'domainSld',
dillDownProp: ['domain_sld'], dillDownProp: ['domain_sld'],
lineQueryCondition: ['domain_sld = \'$param\''],
checked: true, checked: true,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.npmOverviewDomain panelId: drillDownPanelTypeMapping.npmOverviewDomain
@@ -1041,7 +1048,8 @@ export const networkAppPerformanceTabList = [
label: 'network.protocols', label: 'network.protocols',
prop: 'l7Protocol', prop: 'l7Protocol',
queryCycleTotalProp: 'protocols', queryCycleTotalProp: 'protocols',
dillDownProp: ['common_l7_protocol'], dillDownProp: ['l7_protocol'],
lineQueryCondition: ['l7_protocol = \'$param\''],
checked: true, checked: true,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.npmOverviewCommon panelId: drillDownPanelTypeMapping.npmOverviewCommon
@@ -1049,7 +1057,8 @@ export const networkAppPerformanceTabList = [
label: 'network.regions', label: 'network.regions',
prop: 'superAdminArea', prop: 'superAdminArea',
queryCycleTotalProp: 'regions', queryCycleTotalProp: 'regions',
dillDownProp: ['client_super_admin_area', 'server_super_admin_ area'], dillDownProp: ['super_admin_area'],
lineQueryCondition: ['super_admin_area = \'$param\''],
checked: false, checked: false,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.npmOverviewCommon panelId: drillDownPanelTypeMapping.npmOverviewCommon
@@ -1057,7 +1066,8 @@ export const networkAppPerformanceTabList = [
label: 'network.cities', label: 'network.cities',
prop: 'adminArea', prop: 'adminArea',
queryCycleTotalProp: 'cities', queryCycleTotalProp: 'cities',
dillDownProp: ['client_admin_area', 'server_admin_area'], dillDownProp: ['admin_area'],
lineQueryCondition: ['admin_area = \'$param\''],
checked: false, checked: false,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.npmOverviewCommon panelId: drillDownPanelTypeMapping.npmOverviewCommon
@@ -1065,7 +1075,8 @@ export const networkAppPerformanceTabList = [
label: 'network.isps', label: 'network.isps',
prop: 'isp', prop: 'isp',
queryCycleTotalProp: 'isps', queryCycleTotalProp: 'isps',
dillDownProp: ['client_isp', 'server_isp'], dillDownProp: ['isp'],
lineQueryCondition: ['isp = \'$param\''],
checked: false, checked: false,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.npmOverviewCommon panelId: drillDownPanelTypeMapping.npmOverviewCommon
@@ -1074,6 +1085,7 @@ export const networkAppPerformanceTabList = [
prop: 'appSubcategory', prop: 'appSubcategory',
queryCycleTotalProp: 'applicationCategories', queryCycleTotalProp: 'applicationCategories',
dillDownProp: ['app_subcategory'], dillDownProp: ['app_subcategory'],
lineQueryCondition: ['app_subcategory = \'$param\''],
checked: false, checked: false,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.npmOverviewCommon panelId: drillDownPanelTypeMapping.npmOverviewCommon
@@ -1082,6 +1094,7 @@ export const networkAppPerformanceTabList = [
prop: 'domainCategoryName', prop: 'domainCategoryName',
queryCycleTotalProp: 'domainCategories', queryCycleTotalProp: 'domainCategories',
dillDownProp: ['domain_category_name'], dillDownProp: ['domain_category_name'],
lineQueryCondition: ['domain_category_name = \'$param\''],
checked: false, checked: false,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.npmOverviewCommon panelId: drillDownPanelTypeMapping.npmOverviewCommon
@@ -1090,6 +1103,7 @@ export const networkAppPerformanceTabList = [
prop: 'httpHost', prop: 'httpHost',
queryCycleTotalProp: 'hosts', queryCycleTotalProp: 'hosts',
dillDownProp: ['http_host'], dillDownProp: ['http_host'],
lineQueryCondition: ['http_host = \'$param\''],
checked: false, checked: false,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.npmOverviewCommon panelId: drillDownPanelTypeMapping.npmOverviewCommon
@@ -1097,7 +1111,8 @@ export const networkAppPerformanceTabList = [
label: 'network.protocolPorts', label: 'network.protocolPorts',
prop: 'protocolPort', prop: 'protocolPort',
queryCycleTotalProp: 'protocolports', queryCycleTotalProp: 'protocolports',
dillDownProp: ['common_l7_protocol', 'common_server_port '], dillDownProp: ['common_l7_protocol', 'common_server_port'],
lineQueryCondition: ['common_l7_protocol = \'$protocol_param\' AND common_server_port = $port_param'],
checked: false, checked: false,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.npmOverviewCommon panelId: drillDownPanelTypeMapping.npmOverviewCommon
@@ -1105,8 +1120,8 @@ export const networkAppPerformanceTabList = [
label: 'network.clientIps', label: 'network.clientIps',
prop: 'clientIp', prop: 'clientIp',
queryCycleTotalProp: 'clientIps', queryCycleTotalProp: 'clientIps',
dillDownProp: ['common_client_ip'], dillDownProp: ['client_ip'],
queryCondition: ['ip = \'$param\' AND side = \'client\''], lineQueryCondition: ['ip = \'$param\' AND side = \'client\''],
checked: false, checked: false,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.npmOverviewCommon panelId: drillDownPanelTypeMapping.npmOverviewCommon
@@ -1114,8 +1129,8 @@ export const networkAppPerformanceTabList = [
label: 'network.serverIps', label: 'network.serverIps',
prop: 'serverIp', prop: 'serverIp',
queryCycleTotalProp: 'serverIps', queryCycleTotalProp: 'serverIps',
dillDownProp: ['common_server_ip'], dillDownProp: ['server_ip'],
queryCondition: ['ip = \'$param\' AND side = \'server\''], lineQueryCondition: ['ip = \'$param\' AND side = \'server\''],
checked: false, checked: false,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.npmOverviewCommon panelId: drillDownPanelTypeMapping.npmOverviewCommon
@@ -1124,7 +1139,7 @@ export const networkAppPerformanceTabList = [
prop: 'clientCountryRegion', prop: 'clientCountryRegion',
queryCycleTotalProp: 'clientCountries', queryCycleTotalProp: 'clientCountries',
dillDownProp: ['client_country_region'], dillDownProp: ['client_country_region'],
queryCondition: ['country_region = \'$param\' AND side = \'client\''], lineQueryCondition: ['country_region = \'$param\' AND side = \'client\''],
checked: false, checked: false,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.npmOverviewCommon panelId: drillDownPanelTypeMapping.npmOverviewCommon
@@ -1133,7 +1148,7 @@ export const networkAppPerformanceTabList = [
prop: 'serverCountryRegion', prop: 'serverCountryRegion',
queryCycleTotalProp: 'serverCountries', queryCycleTotalProp: 'serverCountries',
dillDownProp: ['server_country_region'], dillDownProp: ['server_country_region'],
queryCondition: ['country_region = \'$param\' AND side = \'server\''], lineQueryCondition: ['country_region = \'$param\' AND side = \'server\''],
checked: false, checked: false,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.npmOverviewCommon panelId: drillDownPanelTypeMapping.npmOverviewCommon
@@ -1142,7 +1157,7 @@ export const networkAppPerformanceTabList = [
prop: 'clientSuperAdminArea', prop: 'clientSuperAdminArea',
queryCycleTotalProp: 'clientProvinces', queryCycleTotalProp: 'clientProvinces',
dillDownProp: ['client_super_admin_area'], dillDownProp: ['client_super_admin_area'],
queryCondition: ['super_admin_area = \'$param\' AND side = \'client\''], lineQueryCondition: ['super_admin_area = \'$param\' AND side = \'client\''],
checked: false, checked: false,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.npmOverviewCommon panelId: drillDownPanelTypeMapping.npmOverviewCommon
@@ -1151,7 +1166,7 @@ export const networkAppPerformanceTabList = [
prop: 'serverSuperAdminArea', prop: 'serverSuperAdminArea',
queryCycleTotalProp: 'serverProvinces', queryCycleTotalProp: 'serverProvinces',
dillDownProp: ['server_super_admin_area'], dillDownProp: ['server_super_admin_area'],
queryCondition: ['super_admin_area = \'$param\' AND side = \'server\''], lineQueryCondition: ['super_admin_area = \'$param\' AND side = \'server\''],
checked: false, checked: false,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.npmOverviewCommon panelId: drillDownPanelTypeMapping.npmOverviewCommon
@@ -1160,7 +1175,7 @@ export const networkAppPerformanceTabList = [
prop: 'clientAdminArea', prop: 'clientAdminArea',
queryCycleTotalProp: 'clientCities', queryCycleTotalProp: 'clientCities',
dillDownProp: ['client_admin_area'], dillDownProp: ['client_admin_area'],
queryCondition: ['admin_area = \'$param\' AND side = \'client\''], lineQueryCondition: ['admin_area = \'$param\' AND side = \'client\''],
checked: false, checked: false,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.npmOverviewCommon panelId: drillDownPanelTypeMapping.npmOverviewCommon
@@ -1169,7 +1184,7 @@ export const networkAppPerformanceTabList = [
prop: 'serverAdminArea', prop: 'serverAdminArea',
queryCycleTotalProp: 'serverCities', queryCycleTotalProp: 'serverCities',
dillDownProp: ['server_admin_area'], dillDownProp: ['server_admin_area'],
queryCondition: ['admin_area = \'$param\' AND side = \'server\''], lineQueryCondition: ['admin_area = \'$param\' AND side = \'server\''],
checked: false, checked: false,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.npmOverviewCommon panelId: drillDownPanelTypeMapping.npmOverviewCommon
@@ -1178,7 +1193,7 @@ export const networkAppPerformanceTabList = [
prop: 'clientIsp', prop: 'clientIsp',
queryCycleTotalProp: 'clientIsps', queryCycleTotalProp: 'clientIsps',
dillDownProp: ['client_isp'], dillDownProp: ['client_isp'],
queryCondition: ['isp = \'$param\' AND side = \'client\''], lineQueryCondition: ['isp = \'$param\' AND side = \'client\''],
checked: false, checked: false,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.npmOverviewCommon panelId: drillDownPanelTypeMapping.npmOverviewCommon
@@ -1187,7 +1202,7 @@ export const networkAppPerformanceTabList = [
prop: 'serverIsp', prop: 'serverIsp',
queryCycleTotalProp: 'serverIsps', queryCycleTotalProp: 'serverIsps',
dillDownProp: ['server_isp'], dillDownProp: ['server_isp'],
queryCondition: ['isp = \'$param\' AND side = \'server\''], lineQueryCondition: ['isp = \'$param\' AND side = \'server\''],
checked: false, checked: false,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.npmOverviewCommon panelId: drillDownPanelTypeMapping.npmOverviewCommon
@@ -1196,7 +1211,7 @@ export const networkAppPerformanceTabList = [
prop: 'clientAsn', prop: 'clientAsn',
queryCycleTotalProp: 'clientAsns', queryCycleTotalProp: 'clientAsns',
dillDownProp: ['client_asn'], dillDownProp: ['client_asn'],
queryCondition: ['asn = \'$param\' AND side = \'client\''], lineQueryCondition: ['asn = \'$param\' AND side = \'client\''],
checked: false, checked: false,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.npmOverviewCommon panelId: drillDownPanelTypeMapping.npmOverviewCommon
@@ -1205,7 +1220,7 @@ export const networkAppPerformanceTabList = [
prop: 'serverAsn', prop: 'serverAsn',
queryCycleTotalProp: 'serverAsns', queryCycleTotalProp: 'serverAsns',
dillDownProp: ['server_asn'], dillDownProp: ['server_asn'],
queryCondition: ['asn = \'$param\' AND side = \'server\''], lineQueryCondition: ['asn = \'$param\' AND side = \'server\''],
checked: false, checked: false,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.npmOverviewCommon panelId: drillDownPanelTypeMapping.npmOverviewCommon
@@ -1328,7 +1343,7 @@ export const linkMonitorTabList = [
label: 'network.protocolPorts', label: 'network.protocolPorts',
prop: 'protocolPort', prop: 'protocolPort',
queryCycleTotalProp: 'protocolports', queryCycleTotalProp: 'protocolports',
dillDownProp: ['common_l7_protocol', 'common_server_port '], dillDownProp: ['common_l7_protocol', 'common_server_port'],
checked: false, checked: false,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.linkMonitor panelId: drillDownPanelTypeMapping.linkMonitor
@@ -1436,6 +1451,7 @@ export const dnsServiceInsightsTabList = [
prop: 'dnsServer', // 接口返回数据中，tab第一列对应的属性名 prop: 'dnsServer', // 接口返回数据中，tab第一列对应的属性名
queryCycleTotalProp: 'dnsServer', // SQL中查询不同纬度的列名称 queryCycleTotalProp: 'dnsServer', // SQL中查询不同纬度的列名称
dillDownProp: ['common_server_ip'], // 下钻时，传递的查询条件，即接口的q参数 dillDownProp: ['common_server_ip'], // 下钻时，传递的查询条件，即接口的q参数
lineQueryCondition: ['server_ip = \'$param\''], // 曲线图：查询条件q
checked: true, // 自定义设置中，是否默认选中 checked: true, // 自定义设置中，是否默认选中
disabled: false, // 自定义设置中，是否可操作（选中或取消选中） disabled: false, // 自定义设置中，是否可操作（选中或取消选中）
panelId: drillDownPanelTypeMapping.dnsFourthMenu// 下钻后展示的panelId panelId: drillDownPanelTypeMapping.dnsFourthMenu// 下钻后展示的panelId
@@ -1445,6 +1461,7 @@ export const dnsServiceInsightsTabList = [
prop: 'countryRegion', prop: 'countryRegion',
queryCycleTotalProp: 'countries', queryCycleTotalProp: 'countries',
dillDownProp: ['server_country_region'], dillDownProp: ['server_country_region'],
lineQueryCondition: ['server_country_region = \'$param\''], // 曲线图：查询条件q
checked: true, checked: true,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.dnsFourthMenu panelId: drillDownPanelTypeMapping.dnsFourthMenu
@@ -1454,6 +1471,7 @@ export const dnsServiceInsightsTabList = [
prop: 'adminArea', prop: 'adminArea',
queryCycleTotalProp: 'cities', queryCycleTotalProp: 'cities',
dillDownProp: ['server_admin_area'], dillDownProp: ['server_admin_area'],
lineQueryCondition: ['server_admin_area = \'$param\''], // 曲线图：查询条件q
checked: true, checked: true,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.dnsFourthMenu panelId: drillDownPanelTypeMapping.dnsFourthMenu
@@ -1463,6 +1481,7 @@ export const dnsServiceInsightsTabList = [
prop: 'dnsServerIsp', prop: 'dnsServerIsp',
queryCycleTotalProp: 'isps', queryCycleTotalProp: 'isps',
dillDownProp: ['server_isp'], dillDownProp: ['server_isp'],
lineQueryCondition: ['server_isp = \'$param\''], // 曲线图：查询条件q
checked: true, checked: true,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.dnsFourthMenu panelId: drillDownPanelTypeMapping.dnsFourthMenu
@@ -1473,6 +1492,7 @@ export const dnsServiceInsightsTabList = [
queryCycleTotalProp: 'roles', queryCycleTotalProp: 'roles',
dillDownProp: ['dns_server_role'], dillDownProp: ['dns_server_role'],
queryCondition: ['has(dns_server_role,\'$param\')'], queryCondition: ['has(dns_server_role,\'$param\')'],
lineQueryCondition: ['arrayJoin(server_role) = \'$param\''], // 曲线图：查询条件q
checked: true, checked: true,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.dnsFourthMenu panelId: drillDownPanelTypeMapping.dnsFourthMenu
@@ -1482,6 +1502,7 @@ export const dnsServiceInsightsTabList = [
prop: 'qname', prop: 'qname',
queryCycleTotalProp: 'qnames', queryCycleTotalProp: 'qnames',
dillDownProp: ['dns_qname'], dillDownProp: ['dns_qname'],
lineQueryCondition: ['qname = \'$param\''], // 曲线图：查询条件q
checked: true, checked: true,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.dnsFourthMenu panelId: drillDownPanelTypeMapping.dnsFourthMenu
@@ -1492,6 +1513,7 @@ export const dnsServiceInsightsTabList = [
queryCycleTotalProp: 'slds', queryCycleTotalProp: 'slds',
dillDownProp: ['dns_qname'], dillDownProp: ['dns_qname'],
queryCondition: ['cutToFirstSignificantSubdomain(dns_qname) = \'$param\''], queryCondition: ['cutToFirstSignificantSubdomain(dns_qname) = \'$param\''],
lineQueryCondition: ['qname_sld = \'$param\''], // 曲线图：查询条件q
checked: true, checked: true,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.dnsFourthMenu panelId: drillDownPanelTypeMapping.dnsFourthMenu
@@ -1502,6 +1524,7 @@ export const dnsServiceInsightsTabList = [
queryCycleTotalProp: 'tlds', queryCycleTotalProp: 'tlds',
dillDownProp: ['dns_qname'], dillDownProp: ['dns_qname'],
queryCondition: [' topLevelDomain(dns_qname) = \'$param\''], queryCondition: [' topLevelDomain(dns_qname) = \'$param\''],
lineQueryCondition: ['qname_tld = \'$param\''], // 曲线图：查询条件q
checked: true, checked: true,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.dnsFourthMenu panelId: drillDownPanelTypeMapping.dnsFourthMenu
@@ -1512,6 +1535,7 @@ export const dnsServiceInsightsTabList = [
queryCycleTotalProp: 'qtypes', queryCycleTotalProp: 'qtypes',
dillDownProp: ['dns_qtype'], dillDownProp: ['dns_qtype'],
queryCondition: ['dns_qtype = $param'], queryCondition: ['dns_qtype = $param'],
lineQueryCondition: ['qtype = \'$param\''], // 曲线图：查询条件q
checked: true, checked: true,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.dnsFourthMenu panelId: drillDownPanelTypeMapping.dnsFourthMenu
@@ -1522,6 +1546,7 @@ export const dnsServiceInsightsTabList = [
queryCycleTotalProp: 'rcodes', queryCycleTotalProp: 'rcodes',
dillDownProp: ['dns_rcode'], dillDownProp: ['dns_rcode'],
queryCondition: ['dns_rcode = $param'], queryCondition: ['dns_rcode = $param'],
lineQueryCondition: ['rcode = \'$param\''], // 曲线图：查询条件q
checked: true, checked: true,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.dnsFourthMenu panelId: drillDownPanelTypeMapping.dnsFourthMenu
@@ -1532,6 +1557,7 @@ export const dnsServiceInsightsTabList = [
queryCycleTotalProp: 'a', queryCycleTotalProp: 'a',
dillDownProp: ['rr_a'], dillDownProp: ['rr_a'],
queryCondition: ['notEmpty(dns_rr) AND has(JSONExtractArrayRaw(JSON_QUERY(\'$.rr[*].type\', dns_rr) ), \'1\') AND arrayJoin(tupleElement(tupleElement(JSONExtract(dns_rr,\'Tuple(rr Nested(name String, type UInt32, a String))\'), \'rr\'), \'a\')) = \'$param\''], queryCondition: ['notEmpty(dns_rr) AND has(JSONExtractArrayRaw(JSON_QUERY(\'$.rr[*].type\', dns_rr) ), \'1\') AND arrayJoin(tupleElement(tupleElement(JSONExtract(dns_rr,\'Tuple(rr Nested(name String, type UInt32, a String))\'), \'rr\'), \'a\')) = \'$param\''],
lineQueryCondition: ['rr_a = \'$param\''], // 曲线图：查询条件q
checked: true, checked: true,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.dnsFourthMenu panelId: drillDownPanelTypeMapping.dnsFourthMenu
@@ -1542,6 +1568,7 @@ export const dnsServiceInsightsTabList = [
queryCycleTotalProp: 'aaaa', queryCycleTotalProp: 'aaaa',
dillDownProp: ['rr_aaaa'], dillDownProp: ['rr_aaaa'],
queryCondition: ['notEmpty(dns_rr) and has(JSONExtractArrayRaw(JSON_QUERY(\'$.rr[*].type\', dns_rr) ), \'28\') AND arrayJoin(tupleElement(tupleElement(JSONExtract(dns_rr,\'Tuple(rr Nested(name String, type UInt32, aaaa String))\'), \'rr\'), \'aaaa\')) = \'$param\''], queryCondition: ['notEmpty(dns_rr) and has(JSONExtractArrayRaw(JSON_QUERY(\'$.rr[*].type\', dns_rr) ), \'28\') AND arrayJoin(tupleElement(tupleElement(JSONExtract(dns_rr,\'Tuple(rr Nested(name String, type UInt32, aaaa String))\'), \'rr\'), \'aaaa\')) = \'$param\''],
lineQueryCondition: ['rr_aaaa = \'$param\''], // 曲线图：查询条件q
checked: true, checked: true,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.dnsFourthMenu panelId: drillDownPanelTypeMapping.dnsFourthMenu
@@ -1552,6 +1579,7 @@ export const dnsServiceInsightsTabList = [
queryCycleTotalProp: 'cnames', queryCycleTotalProp: 'cnames',
dillDownProp: ['rr_cname'], dillDownProp: ['rr_cname'],
queryCondition: ['notEmpty(dns_rr) and has(JSONExtractArrayRaw(JSON_QUERY(\'$.rr[*].type\', dns_rr) ), \'5\') AND arrayJoin(tupleElement(tupleElement(JSONExtract(dns_rr,\'Tuple(rr Nested(name String, type UInt32, cname String))\'), \'rr\'), \'cname\')) = \'$param\''], queryCondition: ['notEmpty(dns_rr) and has(JSONExtractArrayRaw(JSON_QUERY(\'$.rr[*].type\', dns_rr) ), \'5\') AND arrayJoin(tupleElement(tupleElement(JSONExtract(dns_rr,\'Tuple(rr Nested(name String, type UInt32, cname String))\'), \'rr\'), \'cname\')) = \'$param\''],
lineQueryCondition: ['rr_cname = \'$param\''], // 曲线图：查询条件q
checked: true, checked: true,
disabled: false, disabled: false,
panelId: drillDownPanelTypeMapping.dnsFourthMenu panelId: drillDownPanelTypeMapping.dnsFourthMenu

17
src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue
View File

@@ -91,9 +91,11 @@ export default {
const lineMetric = ref(query.lineMetric || 'Queries/s') const lineMetric = ref(query.lineMetric || 'Queries/s')
const lineRefer = ref(query.lineRefer || 'Average') const lineRefer = ref(query.lineRefer || 'Average')
const lineTab = ref(query.lineTab || '') const lineTab = ref(query.lineTab || '')
const queryCondition = ref(query.queryCondition || '') const lineQueryCondition = ref(query.lineQueryCondition || '')
const dimensionType = ref(query.dimensionType || '')
return { return {
queryCondition, lineQueryCondition,
dimensionType,
lineMetric, lineMetric,
lineRefer, lineRefer,
lineTab, lineTab,
@@ -152,18 +154,21 @@ export default {
if (!val) { if (!val) {
val = this.lineMetric val = this.lineMetric
} }
const type = this.dimensionType
const params = { const params = {
startTime: getSecond(this.timeFilter.startTime), startTime: getSecond(this.timeFilter.startTime),
endTime: getSecond(this.timeFilter.endTime) endTime: getSecond(this.timeFilter.endTime),
type: type
} }
if (this.queryCondition) { if (this.lineQueryCondition) {
params.q = this.queryCondition params.q = this.lineQueryCondition
} }
this.toggleLoading(true) this.toggleLoading(true)
const url = this.queryCondition ? api.dnsInsight.drilldownTrafficAnalysis : api.dnsInsight.totalTrafficAnalysis const url = this.lineQueryCondition ? api.dnsInsight.drilldownTrafficAnalysis : api.dnsInsight.totalTrafficAnalysis
axios.get(url, { params }).then(res => { axios.get(url, { params }).then(res => {
if (res.status === 200) { if (res.status === 200) {

9
src/views/charts2/charts/npm/NpmAppCategoryScore.vue
View File

@@ -320,6 +320,15 @@ export default {
}) })
this.urlChangeParams[this.curTabState.queryCondition] = queryCondition.join(' OR ') this.urlChangeParams[this.curTabState.queryCondition] = queryCondition.join(' OR ')
const curTab = tabGroup[0]
if (curTab.lineQueryCondition) {
const lineQueryCondition = []
curTab.lineQueryCondition.forEach(item => {
lineQueryCondition.push(item.replaceAll('$param', value))
})
this.urlChangeParams[this.curTabState.lineQueryCondition] = lineQueryCondition.join(' OR ')
}
this.$store.getters.menuList.forEach(menu => { this.$store.getters.menuList.forEach(menu => {
if (this.$_.isEmpty(menu.children) && menu.route) { if (this.$_.isEmpty(menu.children) && menu.route) {
if (this.$route.path === menu.route) { if (this.$route.path === menu.route) {

19
src/views/charts2/charts/npm/NpmNetworkQuantity.vue
View File

@@ -120,7 +120,7 @@ export default {
} else { } else {
condition = this.queryCondition condition = this.queryCondition
} }
let type = this.dimensionType || this.networkOverviewBeforeTab const type = this.dimensionType || this.networkOverviewBeforeTab
const params = { const params = {
startTime: getSecond(this.timeFilter.startTime), startTime: getSecond(this.timeFilter.startTime),
endTime: getSecond(this.timeFilter.endTime), endTime: getSecond(this.timeFilter.endTime),
@@ -133,19 +133,10 @@ export default {
this.side = 'server' this.side = 'server'
} }
if (condition && (typeof condition !== 'object') && type) { // 判断 condition 不为空并且不为对象 type 不为空 if (type === 'ip') { // condition 为数组时数组长度不为 0 | type 不为空 | type为ip
if (type === 'clientIp' || type === 'serverIp') { // type = clientIp || serverIp params.q = `${condition} and side='${this.side}'`
if (parseFloat(this.tabIndex) === 0) { // npm 下钻 tabIndex 为 0 } else {
type = 'clientIp' params.q = condition
} else if (parseFloat(this.tabIndex) === 1) { // npm 下钻 tabIndex 为 1
type = 'serverIp'
}
}
params.q = getQueryByType(type, condition)
} else if (condition.length > 1 && type && type === 'ip') { // condition 为数组时数组长度不为 0 | type 不为空 | type为ip
params.q = `${type}='${condition[1]}' and side='${this.side}'` // 拼接字段作为参数
} else if (condition.length > 1 && type && type !== 'ip') { // condition 为数组时数组长度不为 0 | type 不为空 | type不为ip
params.q = getQueryByFlag2(type, condition)
} }
params.type = type params.type = type

43
src/views/charts2/charts/npm/NpmTrafficLine.vue
View File

@@ -64,12 +64,12 @@ export default {
setup () { setup () {
const { query } = useRoute() const { query } = useRoute()
const metricFilter = ref(query.lineMetric || 'establishLatencyMs') const metricFilter = ref(query.lineMetric || 'establishLatencyMs')
const queryCondition = ref(query.queryCondition || '') const lineQueryCondition = ref(query.lineQueryCondition || '')
const dimensionType = ref(query.dimensionType || '') const dimensionType = ref(query.dimensionType || '')
const tabIndex = ref(query.tabIndex || 0) const tabIndex = ref(query.tabIndex || 0)
return { return {
metricFilter, metricFilter,
queryCondition, lineQueryCondition,
dimensionType, dimensionType,
tabIndex, tabIndex,
myChart: shallowRef(null) myChart: shallowRef(null)
@@ -113,14 +113,14 @@ export default {
val = this.metricFilter val = this.metricFilter
} }
let condition = '' let condition = ''
let type = this.dimensionType const type = this.dimensionType
if (this.queryCondition.indexOf(' OR ') > -1) { if (this.lineQueryCondition.indexOf(' OR ') > -1) {
condition = this.queryCondition.split(/["|'](.*?)["|']/) condition = this.lineQueryCondition.split(/["|'](.*?)["|']/)
} else if (this.queryCondition.indexOf('+OR+') > -1) { } else if (this.lineQueryCondition.indexOf('+OR+') > -1) {
condition = this.queryCondition.replace(/\+/g, ' ').split(/["|'](.*?)["|']/) condition = this.lineQueryCondition.replace(/\+/g, ' ').split(/["|'](.*?)["|']/)
} else { } else {
condition = this.queryCondition condition = this.lineQueryCondition
} }
if (parseFloat(this.tabIndex) === 0) { if (parseFloat(this.tabIndex) === 0) {
@@ -128,31 +128,16 @@ export default {
} else if (parseFloat(this.tabIndex) === 1) { } else if (parseFloat(this.tabIndex) === 1) {
this.side = 'server' this.side = 'server'
} }
const params = { const params = {
startTime: getSecond(this.timeFilter.startTime), startTime: getSecond(this.timeFilter.startTime),
endTime: getSecond(this.timeFilter.endTime) endTime: getSecond(this.timeFilter.endTime),
type: type
} }
// 此处过滤入参，再进行精简便降低可读性了，故暂时保留，若之后有更好处理方法则进行替换 if (type === 'ip') {
if (type) { params.q = `${condition} and side='${this.side}'`
if (type === 'clientIp' || type === 'serverIp') { } else {
if (parseFloat(this.tabIndex) === 0) { params.q = condition
type = 'clientIp'
} else if (parseFloat(this.tabIndex) === 1) {
type = 'serverIp'
}
params.q = `ip='${condition.split(/'(.*?)'/)[1]}'`
}
params.type = type
}
if (condition && (typeof condition !== 'object') && type) {
params.q = getQueryByType(type, condition)
} else if (condition.length > 1 && type && type === 'ip') {
params.q = `${type}='${condition[1]}' and side='${this.side}'`
} else if (condition.length > 1 && type && type !== 'ip') {
params.q = getQueryByFlag2(type, condition)
} }
this.toggleLoading(true) this.toggleLoading(true)