diff --git a/src/components/layout/Header.vue b/src/components/layout/Header.vue index e705a6cd..384cbaff 100644 --- a/src/components/layout/Header.vue +++ b/src/components/layout/Header.vue @@ -540,6 +540,8 @@ export default { const curTab = curTableInCode.tabList.find(item => item.label === columnName) if (curTab) { type = curTab.prop + } else { + type = curTableInCode.tabList[0].prop } } const params = { @@ -719,6 +721,7 @@ export default { this.urlChangeParams[this.curTabState.tabOperationType] = opeType if (opeType === 3) { this.urlChangeParams.queryCondition = '' + this.urlChangeParams.lineQueryCondition = '' } } else { this.urlChangeParams[this.curTabState.tabOperationType] = operationType.mainMenu @@ -763,7 +766,7 @@ export default { } else { child.columnName = '' 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]) } } }) diff --git a/src/utils/constants.js b/src/utils/constants.js index 233f0ae8..fa11a0c8 100644 --- a/src/utils/constants.js +++ b/src/utils/constants.js @@ -685,7 +685,7 @@ export const networkOverviewTabList = [ prop: 'ip', queryCycleTotalProp: 'ips', 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 lineThirdDimensionQueryCondition: ['notEmpty(ip)'], // 曲线图:第三级维度查询条件q checked: true, @@ -696,7 +696,7 @@ export const networkOverviewTabList = [ prop: 'countryRegion', queryCycleTotalProp: 'countries', 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 lineThirdDimensionQueryCondition: ['notEmpty(country_region)'], // 曲线图:第三级维度查询条件q checked: true, @@ -707,7 +707,7 @@ export const networkOverviewTabList = [ prop: 'asn', queryCycleTotalProp: 'asns', dillDownProp: ['client_asn', 'server_asn'], - thirdDimensionQueryCondition: ['notEmpty(client_asn) OR notEmpty(server_asn)'], // 下钻表格:第三级维度查询条件q + thirdDimensionQueryCondition: [], // 下钻表格:第三级维度查询条件q lineQueryCondition: ['asn = \'$param\''], // 曲线图:查询条件q lineThirdDimensionQueryCondition: ['notEmpty(asn)'], // 曲线图:第三级维度查询条件q checked: true, @@ -718,7 +718,7 @@ export const networkOverviewTabList = [ prop: 'appLabel', queryCycleTotalProp: 'applications', dillDownProp: ['common_app_label'], - thirdDimensionQueryCondition: ['notEmpty(common_app_label)'], // 下钻表格:第三级维度查询条件q + thirdDimensionQueryCondition: [], // 下钻表格:第三级维度查询条件q lineQueryCondition: ['common_app_label = \'$param\''], // 曲线图:查询条件q lineThirdDimensionQueryCondition: ['notEmpty(common_app_label)'], // 曲线图:第三级维度查询条件q checked: true, @@ -729,7 +729,7 @@ export const networkOverviewTabList = [ prop: 'appCompany', queryCycleTotalProp: 'providers', dillDownProp: ['app_company'], - thirdDimensionQueryCondition: ['notEmpty(app_company)'], // 下钻表格:第三级维度查询条件q + thirdDimensionQueryCondition: [], // 下钻表格:第三级维度查询条件q lineQueryCondition: ['app_company = \'$param\''], // 曲线图:查询条件q lineThirdDimensionQueryCondition: ['notEmpty(app_company)'], // 曲线图:第三级维度查询条件q checked: true, @@ -740,7 +740,7 @@ export const networkOverviewTabList = [ prop: 'domain', queryCycleTotalProp: 'domains', dillDownProp: ['domain'], - thirdDimensionQueryCondition: ['notEmpty(domain)'], // 下钻表格:第三级维度查询条件q + thirdDimensionQueryCondition: [], // 下钻表格:第三级维度查询条件q lineQueryCondition: ['domain = \'$param\''], // 曲线图:查询条件q lineThirdDimensionQueryCondition: ['notEmpty(domain)'], // 曲线图:第三级维度查询条件q checked: true, @@ -751,7 +751,7 @@ export const networkOverviewTabList = [ prop: 'domainSld', queryCycleTotalProp: 'domainSld', dillDownProp: ['domain_sld'], - thirdDimensionQueryCondition: ['notEmpty(domain_sld)'], // 下钻表格:第三级维度查询条件q + thirdDimensionQueryCondition: [], // 下钻表格:第三级维度查询条件q lineQueryCondition: ['domain_sld = \'$param\''], // 曲线图:查询条件q lineThirdDimensionQueryCondition: ['notEmpty(domain_sld)'], // 曲线图:第三级维度查询条件q checked: true, @@ -762,7 +762,7 @@ export const networkOverviewTabList = [ prop: 'l7Protocol', queryCycleTotalProp: 'protocols', dillDownProp: ['common_l7_protocol'], - thirdDimensionQueryCondition: ['notEmpty(common_l7_protocol)'], // 下钻表格:第三级维度查询条件q + thirdDimensionQueryCondition: [], // 下钻表格:第三级维度查询条件q lineQueryCondition: ['common_l7_protocol = \'$param\''], // 曲线图:查询条件q lineThirdDimensionQueryCondition: ['notEmpty(common_l7_protocol)'], // 曲线图:第三级维度查询条件q checked: true, @@ -773,7 +773,7 @@ export const networkOverviewTabList = [ prop: 'superAdminArea', queryCycleTotalProp: 'regions', 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 lineThirdDimensionQueryCondition: ['notEmpty(super_admin_area)'], // 曲线图:第三级维度查询条件q checked: false, @@ -784,7 +784,7 @@ export const networkOverviewTabList = [ prop: 'adminArea', queryCycleTotalProp: 'cities', 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 lineThirdDimensionQueryCondition: ['notEmpty(admin_area)'], // 曲线图:第三级维度查询条件q checked: false, @@ -795,7 +795,7 @@ export const networkOverviewTabList = [ prop: 'isp', queryCycleTotalProp: 'isps', dillDownProp: ['client_isp', 'server_isp'], - thirdDimensionQueryCondition: ['notEmpty(client_isp) OR notEmpty(server_isp)'], // 下钻表格:第三级维度查询条件q + thirdDimensionQueryCondition: [], // 下钻表格:第三级维度查询条件q lineQueryCondition: ['isp = \'$param\''], // 曲线图:查询条件q lineThirdDimensionQueryCondition: ['notEmpty(isp)'], // 曲线图:第三级维度查询条件q checked: false, @@ -806,7 +806,7 @@ export const networkOverviewTabList = [ prop: 'appSubcategory', queryCycleTotalProp: 'applicationCategories', dillDownProp: ['app_subcategory'], - thirdDimensionQueryCondition: ['notEmpty(app_subcategory)'], // 下钻表格:第三级维度查询条件q + thirdDimensionQueryCondition: [], // 下钻表格:第三级维度查询条件q lineQueryCondition: ['app_subcategory = \'$param\''], // 曲线图:查询条件q lineThirdDimensionQueryCondition: ['notEmpty(app_subcategory)'], // 曲线图:第三级维度查询条件q checked: false, @@ -817,7 +817,7 @@ export const networkOverviewTabList = [ prop: 'domainCategoryName', queryCycleTotalProp: 'domainCategories', dillDownProp: ['domain_category_name'], - thirdDimensionQueryCondition: ['notEmpty(domain_category_name)'], // 下钻表格:第三级维度查询条件q + thirdDimensionQueryCondition: [], // 下钻表格:第三级维度查询条件q lineQueryCondition: ['domain_category_name = \'$param\''], // 曲线图:查询条件q lineThirdDimensionQueryCondition: ['notEmpty(domain_category_name)'], // 曲线图:第三级维度查询条件q checked: false, @@ -828,7 +828,7 @@ export const networkOverviewTabList = [ prop: 'httpHost', queryCycleTotalProp: 'hosts', dillDownProp: ['http_host'], - thirdDimensionQueryCondition: ['notEmpty(http_host)'], // 下钻表格:第三级维度查询条件q + thirdDimensionQueryCondition: [], // 下钻表格:第三级维度查询条件q lineQueryCondition: ['http_host = \'$param\''], // 曲线图:查询条件q lineThirdDimensionQueryCondition: ['notEmpty(http_host)'], // 曲线图:第三级维度查询条件q checked: false, @@ -838,8 +838,8 @@ export const networkOverviewTabList = [ label: 'network.protocolPorts', prop: 'protocolPort', queryCycleTotalProp: 'protocolports', - dillDownProp: ['common_l7_protocol', 'common_server_port '], - thirdDimensionQueryCondition: ['notEmpty(common_l7_protocol)'], // 下钻表格:第三级维度查询条件q + dillDownProp: ['common_l7_protocol', 'common_server_port'], + thirdDimensionQueryCondition: [], // 下钻表格:第三级维度查询条件q lineQueryCondition: ['common_l7_protocol = \'$protocol_param\' AND common_server_port = $port_param'], // 曲线图:查询条件q lineThirdDimensionQueryCondition: ['notEmpty(common_l7_protocol)'], // 曲线图:第三级维度查询条件q checked: false, @@ -850,7 +850,7 @@ export const networkOverviewTabList = [ prop: 'clientIp', queryCycleTotalProp: 'clientIps', dillDownProp: ['common_client_ip'], - thirdDimensionQueryCondition: ['notEmpty(common_client_ip)'], // 下钻表格:第三级维度查询条件q + thirdDimensionQueryCondition: [], // 下钻表格:第三级维度查询条件q lineQueryCondition: ['ip = \'$param\' and side = \'client\''], // 曲线图:查询条件q lineThirdDimensionQueryCondition: ['notEmpty(ip) and side = \'client\''], // 曲线图:第三级维度查询条件q checked: false, @@ -861,7 +861,7 @@ export const networkOverviewTabList = [ prop: 'serverIp', queryCycleTotalProp: 'serverIps', dillDownProp: ['common_server_ip'], - thirdDimensionQueryCondition: ['notEmpty(common_server_ip)'], // 下钻表格:第三级维度查询条件q + thirdDimensionQueryCondition: [], // 下钻表格:第三级维度查询条件q lineQueryCondition: ['ip = \'$param\' and side = \'server\''], // 曲线图:查询条件q lineThirdDimensionQueryCondition: ['notEmpty(ip) and side = \'server\''], // 曲线图:第三级维度查询条件q checked: false, @@ -872,7 +872,7 @@ export const networkOverviewTabList = [ prop: 'clientCountryRegion', queryCycleTotalProp: 'clientCountries', dillDownProp: ['client_country_region'], - thirdDimensionQueryCondition: ['notEmpty(client_country_region)'], // 下钻表格:第三级维度查询条件q + thirdDimensionQueryCondition: [], // 下钻表格:第三级维度查询条件q lineQueryCondition: ['country_region = \'$param\' and side = \'client\''], // 曲线图:查询条件q lineThirdDimensionQueryCondition: ['notEmpty(country_region) and side = \'client\''], // 曲线图:第三级维度查询条件q checked: false, @@ -883,7 +883,7 @@ export const networkOverviewTabList = [ prop: 'serverCountryRegion', queryCycleTotalProp: 'serverCountries', dillDownProp: ['server_country_region'], - thirdDimensionQueryCondition: ['notEmpty(server_country_region)'], // 下钻表格:第三级维度查询条件q + thirdDimensionQueryCondition: [], // 下钻表格:第三级维度查询条件q lineQueryCondition: ['country_region = \'$param\' and side = \'server\''], // 曲线图:查询条件q lineThirdDimensionQueryCondition: ['notEmpty(country_region) and side = \'server\''], // 曲线图:第三级维度查询条件q checked: false, @@ -894,7 +894,7 @@ export const networkOverviewTabList = [ prop: 'clientSuperAdminArea', queryCycleTotalProp: 'clientProvinces', dillDownProp: ['client_super_admin_area'], - thirdDimensionQueryCondition: ['notEmpty(client_super_admin_area)'], // 下钻表格:第三级维度查询条件q + thirdDimensionQueryCondition: [], // 下钻表格:第三级维度查询条件q lineQueryCondition: ['super_admin_area = \'$param\' and side = \'client\''], // 曲线图:查询条件q lineThirdDimensionQueryCondition: ['notEmpty(super_admin_area) and side = \'client\''], // 曲线图:第三级维度查询条件q checked: false, @@ -905,7 +905,7 @@ export const networkOverviewTabList = [ prop: 'serverSuperAdminArea', queryCycleTotalProp: 'serverProvinces', dillDownProp: ['server_super_admin_area'], - thirdDimensionQueryCondition: ['notEmpty(server_super_admin_area)'], // 下钻表格:第三级维度查询条件q + thirdDimensionQueryCondition: [], // 下钻表格:第三级维度查询条件q lineQueryCondition: ['super_admin_area = \'$param\' and side = \'server\''], // 曲线图:查询条件q lineThirdDimensionQueryCondition: ['notEmpty(super_admin_area) and side = \'server\''], // 曲线图:第三级维度查询条件q checked: false, @@ -916,7 +916,7 @@ export const networkOverviewTabList = [ prop: 'clientAdminArea', queryCycleTotalProp: 'clientCities', dillDownProp: ['client_admin_area'], - thirdDimensionQueryCondition: ['notEmpty(client_admin_area)'], // 下钻表格:第三级维度查询条件q + thirdDimensionQueryCondition: [], // 下钻表格:第三级维度查询条件q lineQueryCondition: ['admin_area = \'$param\' and side = \'client\''], // 曲线图:查询条件q lineThirdDimensionQueryCondition: ['notEmpty(admin_area) and side = \'client\''], // 曲线图:第三级维度查询条件q checked: false, @@ -927,7 +927,7 @@ export const networkOverviewTabList = [ prop: 'serverAdminArea', queryCycleTotalProp: 'serverCities', dillDownProp: ['server_admin_area'], - thirdDimensionQueryCondition: ['notEmpty(server_admin_area)'], // 下钻表格:第三级维度查询条件q + thirdDimensionQueryCondition: [], // 下钻表格:第三级维度查询条件q lineQueryCondition: ['admin_area = \'$param\' and side = \'server\''], // 曲线图:查询条件q lineThirdDimensionQueryCondition: ['notEmpty(admin_area) and side = \'server\''], // 曲线图:第三级维度查询条件q checked: false, @@ -938,7 +938,7 @@ export const networkOverviewTabList = [ prop: 'clientIsp', queryCycleTotalProp: 'clientIsps', dillDownProp: ['client_isp'], - thirdDimensionQueryCondition: ['notEmpty(client_isp)'], // 下钻表格:第三级维度查询条件q + thirdDimensionQueryCondition: [], // 下钻表格:第三级维度查询条件q lineQueryCondition: ['isp = \'$param\' and side = \'client\''], // 曲线图:查询条件q lineThirdDimensionQueryCondition: ['notEmpty(isp) and side = \'client\''], // 曲线图:第三级维度查询条件q checked: false, @@ -949,7 +949,7 @@ export const networkOverviewTabList = [ prop: 'serverIsp', queryCycleTotalProp: 'serverIsps', dillDownProp: ['server_isp'], - thirdDimensionQueryCondition: ['notEmpty(server_isp)'], // 下钻表格:第三级维度查询条件q + thirdDimensionQueryCondition: [], // 下钻表格:第三级维度查询条件q lineQueryCondition: ['isp = \'$param\' and side = \'server\''], // 曲线图:查询条件q lineThirdDimensionQueryCondition: ['notEmpty(isp) and side = \'server\''], // 曲线图:第三级维度查询条件q checked: false, @@ -960,7 +960,7 @@ export const networkOverviewTabList = [ prop: 'clientAsn', queryCycleTotalProp: 'clientAsns', dillDownProp: ['client_asn'], - thirdDimensionQueryCondition: ['notEmpty(client_asn)'], // 下钻表格:第三级维度查询条件q + thirdDimensionQueryCondition: [], // 下钻表格:第三级维度查询条件q lineQueryCondition: ['asn = \'$param\' and side = \'client\''], // 曲线图:查询条件q lineThirdDimensionQueryCondition: ['notEmpty(asn) and side = \'client\''], // 曲线图:第三级维度查询条件q checked: false, @@ -971,7 +971,7 @@ export const networkOverviewTabList = [ prop: 'serverAsn', queryCycleTotalProp: 'serverAsns', dillDownProp: ['server_asn'], - thirdDimensionQueryCondition: ['notEmpty(server_asn)'], // 下钻表格:第三级维度查询条件q + thirdDimensionQueryCondition: [], // 下钻表格:第三级维度查询条件q lineQueryCondition: ['asn = \'$param\' and side = \'server\''], // 曲线图:查询条件q lineThirdDimensionQueryCondition: ['notEmpty(asn) and side = \'server\''], // 曲线图:第三级维度查询条件q checked: false, @@ -985,7 +985,8 @@ export const networkAppPerformanceTabList = [ label: 'network.ips', // tab名称对应的il8n prop: 'ip', // 接口返回数据中,tab第一列对应的属性名 queryCycleTotalProp: 'ips', // SQL中查询不同纬度的列名称 - dillDownProp: ['common_client_ip', 'common_server_ip'], // 下钻时,传递的查询条件,即接口的q参数 + dillDownProp: ['ip'], // 下钻时,传递的查询条件,即接口的q参数 + lineQueryCondition: ['ip = \'$param\''], // 曲线图:查询条件q checked: true, // 自定义设置中,是否默认选中 disabled: false, // 自定义设置中,是否可操作(选中或取消选中) panelId: drillDownPanelTypeMapping.npmOverviewIp// 下钻后展示的panelId @@ -993,7 +994,8 @@ export const networkAppPerformanceTabList = [ label: 'network.countries', prop: 'countryRegion', queryCycleTotalProp: 'countries', - dillDownProp: ['client_country_region', 'server_country_region'], + dillDownProp: ['country_region'], + lineQueryCondition: ['country_region = \'$param\''], // 曲线图:查询条件q checked: true, disabled: false, panelId: drillDownPanelTypeMapping.npmOverviewCommon @@ -1001,7 +1003,8 @@ export const networkAppPerformanceTabList = [ label: 'network.asns', prop: 'asn', queryCycleTotalProp: 'asns', - dillDownProp: ['client_asn', 'server_asn'], + dillDownProp: ['asn'], + lineQueryCondition: ['asn = \'$param\''], checked: true, disabled: false, panelId: drillDownPanelTypeMapping.npmOverviewCommon @@ -1010,6 +1013,7 @@ export const networkAppPerformanceTabList = [ prop: 'appLabel', queryCycleTotalProp: 'applications', dillDownProp: ['common_app_label'], + lineQueryCondition: ['common_app_label = \'$param\''], checked: true, disabled: false, panelId: drillDownPanelTypeMapping.npmOverviewApp @@ -1018,6 +1022,7 @@ export const networkAppPerformanceTabList = [ prop: 'appCompany', queryCycleTotalProp: 'providers', dillDownProp: ['app_company'], + lineQueryCondition: ['app_company = \'$param\''], checked: true, disabled: false, panelId: drillDownPanelTypeMapping.npmOverviewCommon @@ -1026,6 +1031,7 @@ export const networkAppPerformanceTabList = [ prop: 'domain', queryCycleTotalProp: 'domains', dillDownProp: ['domain'], + lineQueryCondition: ['domain = \'$param\''], checked: true, disabled: false, panelId: drillDownPanelTypeMapping.npmOverviewDomain @@ -1034,6 +1040,7 @@ export const networkAppPerformanceTabList = [ prop: 'domainSld', queryCycleTotalProp: 'domainSld', dillDownProp: ['domain_sld'], + lineQueryCondition: ['domain_sld = \'$param\''], checked: true, disabled: false, panelId: drillDownPanelTypeMapping.npmOverviewDomain @@ -1041,7 +1048,8 @@ export const networkAppPerformanceTabList = [ label: 'network.protocols', prop: 'l7Protocol', queryCycleTotalProp: 'protocols', - dillDownProp: ['common_l7_protocol'], + dillDownProp: ['l7_protocol'], + lineQueryCondition: ['l7_protocol = \'$param\''], checked: true, disabled: false, panelId: drillDownPanelTypeMapping.npmOverviewCommon @@ -1049,7 +1057,8 @@ export const networkAppPerformanceTabList = [ label: 'network.regions', prop: 'superAdminArea', queryCycleTotalProp: 'regions', - dillDownProp: ['client_super_admin_area', 'server_super_admin_ area'], + dillDownProp: ['super_admin_area'], + lineQueryCondition: ['super_admin_area = \'$param\''], checked: false, disabled: false, panelId: drillDownPanelTypeMapping.npmOverviewCommon @@ -1057,7 +1066,8 @@ export const networkAppPerformanceTabList = [ label: 'network.cities', prop: 'adminArea', queryCycleTotalProp: 'cities', - dillDownProp: ['client_admin_area', 'server_admin_area'], + dillDownProp: ['admin_area'], + lineQueryCondition: ['admin_area = \'$param\''], checked: false, disabled: false, panelId: drillDownPanelTypeMapping.npmOverviewCommon @@ -1065,7 +1075,8 @@ export const networkAppPerformanceTabList = [ label: 'network.isps', prop: 'isp', queryCycleTotalProp: 'isps', - dillDownProp: ['client_isp', 'server_isp'], + dillDownProp: ['isp'], + lineQueryCondition: ['isp = \'$param\''], checked: false, disabled: false, panelId: drillDownPanelTypeMapping.npmOverviewCommon @@ -1074,6 +1085,7 @@ export const networkAppPerformanceTabList = [ prop: 'appSubcategory', queryCycleTotalProp: 'applicationCategories', dillDownProp: ['app_subcategory'], + lineQueryCondition: ['app_subcategory = \'$param\''], checked: false, disabled: false, panelId: drillDownPanelTypeMapping.npmOverviewCommon @@ -1082,6 +1094,7 @@ export const networkAppPerformanceTabList = [ prop: 'domainCategoryName', queryCycleTotalProp: 'domainCategories', dillDownProp: ['domain_category_name'], + lineQueryCondition: ['domain_category_name = \'$param\''], checked: false, disabled: false, panelId: drillDownPanelTypeMapping.npmOverviewCommon @@ -1090,6 +1103,7 @@ export const networkAppPerformanceTabList = [ prop: 'httpHost', queryCycleTotalProp: 'hosts', dillDownProp: ['http_host'], + lineQueryCondition: ['http_host = \'$param\''], checked: false, disabled: false, panelId: drillDownPanelTypeMapping.npmOverviewCommon @@ -1097,7 +1111,8 @@ export const networkAppPerformanceTabList = [ label: 'network.protocolPorts', prop: 'protocolPort', 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, disabled: false, panelId: drillDownPanelTypeMapping.npmOverviewCommon @@ -1105,8 +1120,8 @@ export const networkAppPerformanceTabList = [ label: 'network.clientIps', prop: 'clientIp', queryCycleTotalProp: 'clientIps', - dillDownProp: ['common_client_ip'], - queryCondition: ['ip = \'$param\' AND side = \'client\''], + dillDownProp: ['client_ip'], + lineQueryCondition: ['ip = \'$param\' AND side = \'client\''], checked: false, disabled: false, panelId: drillDownPanelTypeMapping.npmOverviewCommon @@ -1114,8 +1129,8 @@ export const networkAppPerformanceTabList = [ label: 'network.serverIps', prop: 'serverIp', queryCycleTotalProp: 'serverIps', - dillDownProp: ['common_server_ip'], - queryCondition: ['ip = \'$param\' AND side = \'server\''], + dillDownProp: ['server_ip'], + lineQueryCondition: ['ip = \'$param\' AND side = \'server\''], checked: false, disabled: false, panelId: drillDownPanelTypeMapping.npmOverviewCommon @@ -1124,7 +1139,7 @@ export const networkAppPerformanceTabList = [ prop: 'clientCountryRegion', queryCycleTotalProp: 'clientCountries', dillDownProp: ['client_country_region'], - queryCondition: ['country_region = \'$param\' AND side = \'client\''], + lineQueryCondition: ['country_region = \'$param\' AND side = \'client\''], checked: false, disabled: false, panelId: drillDownPanelTypeMapping.npmOverviewCommon @@ -1133,7 +1148,7 @@ export const networkAppPerformanceTabList = [ prop: 'serverCountryRegion', queryCycleTotalProp: 'serverCountries', dillDownProp: ['server_country_region'], - queryCondition: ['country_region = \'$param\' AND side = \'server\''], + lineQueryCondition: ['country_region = \'$param\' AND side = \'server\''], checked: false, disabled: false, panelId: drillDownPanelTypeMapping.npmOverviewCommon @@ -1142,7 +1157,7 @@ export const networkAppPerformanceTabList = [ prop: 'clientSuperAdminArea', queryCycleTotalProp: 'clientProvinces', dillDownProp: ['client_super_admin_area'], - queryCondition: ['super_admin_area = \'$param\' AND side = \'client\''], + lineQueryCondition: ['super_admin_area = \'$param\' AND side = \'client\''], checked: false, disabled: false, panelId: drillDownPanelTypeMapping.npmOverviewCommon @@ -1151,7 +1166,7 @@ export const networkAppPerformanceTabList = [ prop: 'serverSuperAdminArea', queryCycleTotalProp: 'serverProvinces', dillDownProp: ['server_super_admin_area'], - queryCondition: ['super_admin_area = \'$param\' AND side = \'server\''], + lineQueryCondition: ['super_admin_area = \'$param\' AND side = \'server\''], checked: false, disabled: false, panelId: drillDownPanelTypeMapping.npmOverviewCommon @@ -1160,7 +1175,7 @@ export const networkAppPerformanceTabList = [ prop: 'clientAdminArea', queryCycleTotalProp: 'clientCities', dillDownProp: ['client_admin_area'], - queryCondition: ['admin_area = \'$param\' AND side = \'client\''], + lineQueryCondition: ['admin_area = \'$param\' AND side = \'client\''], checked: false, disabled: false, panelId: drillDownPanelTypeMapping.npmOverviewCommon @@ -1169,7 +1184,7 @@ export const networkAppPerformanceTabList = [ prop: 'serverAdminArea', queryCycleTotalProp: 'serverCities', dillDownProp: ['server_admin_area'], - queryCondition: ['admin_area = \'$param\' AND side = \'server\''], + lineQueryCondition: ['admin_area = \'$param\' AND side = \'server\''], checked: false, disabled: false, panelId: drillDownPanelTypeMapping.npmOverviewCommon @@ -1178,7 +1193,7 @@ export const networkAppPerformanceTabList = [ prop: 'clientIsp', queryCycleTotalProp: 'clientIsps', dillDownProp: ['client_isp'], - queryCondition: ['isp = \'$param\' AND side = \'client\''], + lineQueryCondition: ['isp = \'$param\' AND side = \'client\''], checked: false, disabled: false, panelId: drillDownPanelTypeMapping.npmOverviewCommon @@ -1187,7 +1202,7 @@ export const networkAppPerformanceTabList = [ prop: 'serverIsp', queryCycleTotalProp: 'serverIsps', dillDownProp: ['server_isp'], - queryCondition: ['isp = \'$param\' AND side = \'server\''], + lineQueryCondition: ['isp = \'$param\' AND side = \'server\''], checked: false, disabled: false, panelId: drillDownPanelTypeMapping.npmOverviewCommon @@ -1196,7 +1211,7 @@ export const networkAppPerformanceTabList = [ prop: 'clientAsn', queryCycleTotalProp: 'clientAsns', dillDownProp: ['client_asn'], - queryCondition: ['asn = \'$param\' AND side = \'client\''], + lineQueryCondition: ['asn = \'$param\' AND side = \'client\''], checked: false, disabled: false, panelId: drillDownPanelTypeMapping.npmOverviewCommon @@ -1205,7 +1220,7 @@ export const networkAppPerformanceTabList = [ prop: 'serverAsn', queryCycleTotalProp: 'serverAsns', dillDownProp: ['server_asn'], - queryCondition: ['asn = \'$param\' AND side = \'server\''], + lineQueryCondition: ['asn = \'$param\' AND side = \'server\''], checked: false, disabled: false, panelId: drillDownPanelTypeMapping.npmOverviewCommon @@ -1328,7 +1343,7 @@ export const linkMonitorTabList = [ label: 'network.protocolPorts', prop: 'protocolPort', queryCycleTotalProp: 'protocolports', - dillDownProp: ['common_l7_protocol', 'common_server_port '], + dillDownProp: ['common_l7_protocol', 'common_server_port'], checked: false, disabled: false, panelId: drillDownPanelTypeMapping.linkMonitor @@ -1436,6 +1451,7 @@ export const dnsServiceInsightsTabList = [ prop: 'dnsServer', // 接口返回数据中,tab第一列对应的属性名 queryCycleTotalProp: 'dnsServer', // SQL中查询不同纬度的列名称 dillDownProp: ['common_server_ip'], // 下钻时,传递的查询条件,即接口的q参数 + lineQueryCondition: ['server_ip = \'$param\''], // 曲线图:查询条件q checked: true, // 自定义设置中,是否默认选中 disabled: false, // 自定义设置中,是否可操作(选中或取消选中) panelId: drillDownPanelTypeMapping.dnsFourthMenu// 下钻后展示的panelId @@ -1445,6 +1461,7 @@ export const dnsServiceInsightsTabList = [ prop: 'countryRegion', queryCycleTotalProp: 'countries', dillDownProp: ['server_country_region'], + lineQueryCondition: ['server_country_region = \'$param\''], // 曲线图:查询条件q checked: true, disabled: false, panelId: drillDownPanelTypeMapping.dnsFourthMenu @@ -1454,6 +1471,7 @@ export const dnsServiceInsightsTabList = [ prop: 'adminArea', queryCycleTotalProp: 'cities', dillDownProp: ['server_admin_area'], + lineQueryCondition: ['server_admin_area = \'$param\''], // 曲线图:查询条件q checked: true, disabled: false, panelId: drillDownPanelTypeMapping.dnsFourthMenu @@ -1463,6 +1481,7 @@ export const dnsServiceInsightsTabList = [ prop: 'dnsServerIsp', queryCycleTotalProp: 'isps', dillDownProp: ['server_isp'], + lineQueryCondition: ['server_isp = \'$param\''], // 曲线图:查询条件q checked: true, disabled: false, panelId: drillDownPanelTypeMapping.dnsFourthMenu @@ -1473,6 +1492,7 @@ export const dnsServiceInsightsTabList = [ queryCycleTotalProp: 'roles', dillDownProp: ['dns_server_role'], queryCondition: ['has(dns_server_role,\'$param\')'], + lineQueryCondition: ['arrayJoin(server_role) = \'$param\''], // 曲线图:查询条件q checked: true, disabled: false, panelId: drillDownPanelTypeMapping.dnsFourthMenu @@ -1482,6 +1502,7 @@ export const dnsServiceInsightsTabList = [ prop: 'qname', queryCycleTotalProp: 'qnames', dillDownProp: ['dns_qname'], + lineQueryCondition: ['qname = \'$param\''], // 曲线图:查询条件q checked: true, disabled: false, panelId: drillDownPanelTypeMapping.dnsFourthMenu @@ -1492,6 +1513,7 @@ export const dnsServiceInsightsTabList = [ queryCycleTotalProp: 'slds', dillDownProp: ['dns_qname'], queryCondition: ['cutToFirstSignificantSubdomain(dns_qname) = \'$param\''], + lineQueryCondition: ['qname_sld = \'$param\''], // 曲线图:查询条件q checked: true, disabled: false, panelId: drillDownPanelTypeMapping.dnsFourthMenu @@ -1502,6 +1524,7 @@ export const dnsServiceInsightsTabList = [ queryCycleTotalProp: 'tlds', dillDownProp: ['dns_qname'], queryCondition: [' topLevelDomain(dns_qname) = \'$param\''], + lineQueryCondition: ['qname_tld = \'$param\''], // 曲线图:查询条件q checked: true, disabled: false, panelId: drillDownPanelTypeMapping.dnsFourthMenu @@ -1512,6 +1535,7 @@ export const dnsServiceInsightsTabList = [ queryCycleTotalProp: 'qtypes', dillDownProp: ['dns_qtype'], queryCondition: ['dns_qtype = $param'], + lineQueryCondition: ['qtype = \'$param\''], // 曲线图:查询条件q checked: true, disabled: false, panelId: drillDownPanelTypeMapping.dnsFourthMenu @@ -1522,6 +1546,7 @@ export const dnsServiceInsightsTabList = [ queryCycleTotalProp: 'rcodes', dillDownProp: ['dns_rcode'], queryCondition: ['dns_rcode = $param'], + lineQueryCondition: ['rcode = \'$param\''], // 曲线图:查询条件q checked: true, disabled: false, panelId: drillDownPanelTypeMapping.dnsFourthMenu @@ -1532,6 +1557,7 @@ export const dnsServiceInsightsTabList = [ queryCycleTotalProp: '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\''], + lineQueryCondition: ['rr_a = \'$param\''], // 曲线图:查询条件q checked: true, disabled: false, panelId: drillDownPanelTypeMapping.dnsFourthMenu @@ -1542,6 +1568,7 @@ export const dnsServiceInsightsTabList = [ queryCycleTotalProp: '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\''], + lineQueryCondition: ['rr_aaaa = \'$param\''], // 曲线图:查询条件q checked: true, disabled: false, panelId: drillDownPanelTypeMapping.dnsFourthMenu @@ -1552,6 +1579,7 @@ export const dnsServiceInsightsTabList = [ queryCycleTotalProp: 'cnames', 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\''], + lineQueryCondition: ['rr_cname = \'$param\''], // 曲线图:查询条件q checked: true, disabled: false, panelId: drillDownPanelTypeMapping.dnsFourthMenu diff --git a/src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue b/src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue index 9b8d1c10..290eb08f 100644 --- a/src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue +++ b/src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue @@ -91,9 +91,11 @@ export default { const lineMetric = ref(query.lineMetric || 'Queries/s') const lineRefer = ref(query.lineRefer || 'Average') const lineTab = ref(query.lineTab || '') - const queryCondition = ref(query.queryCondition || '') + const lineQueryCondition = ref(query.lineQueryCondition || '') + const dimensionType = ref(query.dimensionType || '') return { - queryCondition, + lineQueryCondition, + dimensionType, lineMetric, lineRefer, lineTab, @@ -152,18 +154,21 @@ export default { if (!val) { val = this.lineMetric } + + const type = this.dimensionType const params = { startTime: getSecond(this.timeFilter.startTime), - endTime: getSecond(this.timeFilter.endTime) + endTime: getSecond(this.timeFilter.endTime), + type: type } - if (this.queryCondition) { - params.q = this.queryCondition + if (this.lineQueryCondition) { + params.q = this.lineQueryCondition } 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 => { if (res.status === 200) { diff --git a/src/views/charts2/charts/npm/NpmAppCategoryScore.vue b/src/views/charts2/charts/npm/NpmAppCategoryScore.vue index 38e2c58c..edc74b8e 100644 --- a/src/views/charts2/charts/npm/NpmAppCategoryScore.vue +++ b/src/views/charts2/charts/npm/NpmAppCategoryScore.vue @@ -320,6 +320,15 @@ export default { }) 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 => { if (this.$_.isEmpty(menu.children) && menu.route) { if (this.$route.path === menu.route) { diff --git a/src/views/charts2/charts/npm/NpmNetworkQuantity.vue b/src/views/charts2/charts/npm/NpmNetworkQuantity.vue index b702ee0a..ec024427 100644 --- a/src/views/charts2/charts/npm/NpmNetworkQuantity.vue +++ b/src/views/charts2/charts/npm/NpmNetworkQuantity.vue @@ -120,7 +120,7 @@ export default { } else { condition = this.queryCondition } - let type = this.dimensionType || this.networkOverviewBeforeTab + const type = this.dimensionType || this.networkOverviewBeforeTab const params = { startTime: getSecond(this.timeFilter.startTime), endTime: getSecond(this.timeFilter.endTime), @@ -133,19 +133,10 @@ export default { this.side = 'server' } - if (condition && (typeof condition !== 'object') && type) { // 判断 condition 不为空并且不为对象 type 不为空 - if (type === 'clientIp' || type === 'serverIp') { // type = clientIp || serverIp - if (parseFloat(this.tabIndex) === 0) { // npm 下钻 tabIndex 为 0 - type = 'clientIp' - } 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) + if (type === 'ip') { // condition 为数组时数组长度不为 0 | type 不为空 | type为ip + params.q = `${condition} and side='${this.side}'` + } else { + params.q = condition } params.type = type diff --git a/src/views/charts2/charts/npm/NpmTrafficLine.vue b/src/views/charts2/charts/npm/NpmTrafficLine.vue index 8d650836..897c98ac 100644 --- a/src/views/charts2/charts/npm/NpmTrafficLine.vue +++ b/src/views/charts2/charts/npm/NpmTrafficLine.vue @@ -64,12 +64,12 @@ export default { setup () { const { query } = useRoute() const metricFilter = ref(query.lineMetric || 'establishLatencyMs') - const queryCondition = ref(query.queryCondition || '') + const lineQueryCondition = ref(query.lineQueryCondition || '') const dimensionType = ref(query.dimensionType || '') const tabIndex = ref(query.tabIndex || 0) return { metricFilter, - queryCondition, + lineQueryCondition, dimensionType, tabIndex, myChart: shallowRef(null) @@ -113,14 +113,14 @@ export default { val = this.metricFilter } let condition = '' - let type = this.dimensionType + const type = this.dimensionType - if (this.queryCondition.indexOf(' OR ') > -1) { - condition = this.queryCondition.split(/["|'](.*?)["|']/) - } else if (this.queryCondition.indexOf('+OR+') > -1) { - condition = this.queryCondition.replace(/\+/g, ' ').split(/["|'](.*?)["|']/) + if (this.lineQueryCondition.indexOf(' OR ') > -1) { + condition = this.lineQueryCondition.split(/["|'](.*?)["|']/) + } else if (this.lineQueryCondition.indexOf('+OR+') > -1) { + condition = this.lineQueryCondition.replace(/\+/g, ' ').split(/["|'](.*?)["|']/) } else { - condition = this.queryCondition + condition = this.lineQueryCondition } if (parseFloat(this.tabIndex) === 0) { @@ -128,31 +128,16 @@ export default { } else if (parseFloat(this.tabIndex) === 1) { this.side = 'server' } - const params = { startTime: getSecond(this.timeFilter.startTime), - endTime: getSecond(this.timeFilter.endTime) + endTime: getSecond(this.timeFilter.endTime), + type: type } - // 此处过滤入参,再进行精简便降低可读性了,故暂时保留,若之后有更好处理方法则进行替换 - if (type) { - if (type === 'clientIp' || type === 'serverIp') { - if (parseFloat(this.tabIndex) === 0) { - 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) + if (type === 'ip') { + params.q = `${condition} and side='${this.side}'` + } else { + params.q = condition } this.toggleLoading(true)