下钻表格查询条件更改（npm,dns）,及样式调整

2023-09-08 17:09:06 +08:00
parent d9e6ea339c
commit ce7a8d7456
4 changed files with 33 additions and 21 deletions
--- a/src/utils/constants.js
+++ b/src/utils/constants.js
@@ -994,7 +994,7 @@ export const networkAppPerformanceTabList = [
    label: 'network.countries',
    prop: 'countryRegion',
    queryCycleTotalProp: 'countries',
-    dillDownProp: ['country_region'],
+    dillDownProp: ['client_country_region','server_country_region'],
    lineQueryCondition: ['country_region = \'$param\''], // 曲线图：查询条件q
    checked: true,
    disabled: false,
@@ -1003,7 +1003,7 @@ export const networkAppPerformanceTabList = [
    label: 'network.asns',
    prop: 'asn',
    queryCycleTotalProp: 'asns',
-    dillDownProp: ['asn'],
+    dillDownProp: ['client_asn','server_asn'],
    lineQueryCondition: ['asn = \'$param\''],
    checked: true,
    disabled: false,
@@ -1048,7 +1048,7 @@ export const networkAppPerformanceTabList = [
    label: 'network.protocols',
    prop: 'l7Protocol',
    queryCycleTotalProp: 'protocols',
-    dillDownProp: ['l7_protocol'],
+    dillDownProp: ['common_l7_protocol'],
    lineQueryCondition: ['l7_protocol = \'$param\''],
    checked: true,
    disabled: false,
@@ -1057,7 +1057,7 @@ export const networkAppPerformanceTabList = [
    label: 'network.regions',
    prop: 'superAdminArea',
    queryCycleTotalProp: 'regions',
-    dillDownProp: ['super_admin_area'],
+    dillDownProp: ['client_super_admin_area','server_super_admin_area'],
    lineQueryCondition: ['super_admin_area = \'$param\''],
    checked: false,
    disabled: false,
@@ -1066,7 +1066,7 @@ export const networkAppPerformanceTabList = [
    label: 'network.cities',
    prop: 'adminArea',
    queryCycleTotalProp: 'cities',
-    dillDownProp: ['admin_area'],
+    dillDownProp: ['client_admin_area','server_admin_area'],
    lineQueryCondition: ['admin_area = \'$param\''],
    checked: false,
    disabled: false,
@@ -1075,7 +1075,7 @@ export const networkAppPerformanceTabList = [
    label: 'network.isps',
    prop: 'isp',
    queryCycleTotalProp: 'isps',
-    dillDownProp: ['isp'],
+    dillDownProp: ['client_isp','server_isp'],
    lineQueryCondition: ['isp = \'$param\''],
    checked: false,
    disabled: false,
@@ -1120,7 +1120,7 @@ export const networkAppPerformanceTabList = [
    label: 'network.clientIps',
    prop: 'clientIp',
    queryCycleTotalProp: 'clientIps',
-    dillDownProp: ['client_ip'],
+    dillDownProp: ['common_client_ip'],
    lineQueryCondition: ['ip = \'$param\' AND side = \'client\''],
    checked: false,
    disabled: false,
@@ -1129,7 +1129,7 @@ export const networkAppPerformanceTabList = [
    label: 'network.serverIps',
    prop: 'serverIp',
    queryCycleTotalProp: 'serverIps',
-    dillDownProp: ['server_ip'],
+    dillDownProp: ['common_server_ip'],
    lineQueryCondition: ['ip = \'$param\' AND side = \'server\''],
    checked: false,
    disabled: false,
@@ -1226,6 +1226,7 @@ export const networkAppPerformanceTabList = [
    panelId: drillDownPanelTypeMapping.npmOverviewCommon
  }
 ]
+
 export const linkMonitorTabList = [
  {
    label: 'network.ips', // tab名称对应的il8n
@@ -1445,6 +1446,7 @@ export const linkMonitorTabList = [
    panelId: drillDownPanelTypeMapping.linkMonitor
  }
 ]
+
 export const dnsServiceInsightsTabList = [
  {
    label: 'dns.dnsServer', // tab名称对应的il8n
@@ -1466,6 +1468,16 @@ export const dnsServiceInsightsTabList = [
    disabled: false,
    panelId: drillDownPanelTypeMapping.dnsFourthMenu
  },
+  {
+    label: 'network.regions',
+    prop: 'superAdminArea',
+    queryCycleTotalProp: 'regions',
+    dillDownProp: ['server_super_admin_area'],
+    lineQueryCondition: ['server_super_admin_area = \'$param\''], // 曲线图：查询条件q
+    checked: true,
+    disabled: false,
+    panelId: drillDownPanelTypeMapping.dnsFourthMenu
+  },
  {
    label: 'network.cities',
    prop: 'adminArea',
@@ -1491,7 +1503,7 @@ export const dnsServiceInsightsTabList = [
    prop: 'dnsServerRole',
    queryCycleTotalProp: 'roles',
    dillDownProp: ['dns_server_role'],
-    queryCondition: ['has(dns_server_role,\'$param\')'],
+    queryCondition: ['has(server_ip_tags,\'$param\')'],
    lineQueryCondition: ['arrayJoin(server_role) = \'$param\''], // 曲线图：查询条件q
    checked: true,
    disabled: false,
--- a/src/views/charts2/charts/networkOverview/NetworkOverviewTabs.vue
+++ b/src/views/charts2/charts/networkOverview/NetworkOverviewTabs.vue
@@ -1798,7 +1798,7 @@ export default {
      this.activeCustomize = tab.paneName
    },
    tableCellStyle ({ row, column, rowIndex, columnIndex }) {
-      let style = 'border-right:0px;font-size:12px;padding:7px 0 !important;border-bottom: 1px solid #ECECEC;height:41px !important;'
+      let style = 'border-right:0px;font-size:12px;padding:7px 0 !important;border-bottom: 1px solid #ECECEC;height:39px !important;'
      if (rowIndex === this.tableData.length - 1) {
        // style = style + 'border-bottom:0px !important;'
      }
@@ -1809,7 +1809,7 @@ export default {
    },
    tableHeaderCellStyle ({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 0) {
-        return 'text-align:left;border-right:0px;font-size:12px;font-weight:500;padding:4px 0 !important;border-bottom: 1px solid #E2E5EC;'
+        return 'text-align:left;border-right:0px;font-size:12px;font-weight:500;padding:5px 0 !important;border-bottom: 1px solid #E2E5EC;'
      } else {
        return 'border-right:0px;font-size:12px;font-weight:500;padding:4px 0 !important;border-bottom: 1px solid #E2E5EC;'
      }
--- a/src/views/charts2/charts/npm/NpmNetworkQuantity.vue
+++ b/src/views/charts2/charts/npm/NpmNetworkQuantity.vue
@@ -71,13 +71,13 @@ export default {
  mixins: [chartMixin],
  setup () {
    const { query } = useRoute()
-    const queryCondition = ref(query.queryCondition || '')
+    const lineQueryCondition = ref(query.lineQueryCondition || '')
    const dimensionType = ref(query.dimensionType || '')
    const tabIndex = ref(query.tabIndex || 0)
    const tabOperationType = ref(query.tabOperationType)
    const networkOverviewBeforeTab = ref(query.networkOverviewBeforeTab || '')
    return {
-      queryCondition,
+      lineQueryCondition,
      dimensionType,
      tabIndex,
      tabOperationType,
@@ -113,12 +113,12 @@ export default {
    npmNetworkCycleQuery () {
      let condition = ''
      let url = ''
-      if (this.queryCondition && 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 && 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
      }
      const type = this.dimensionType || this.networkOverviewBeforeTab
      const params = {
@@ -133,7 +133,7 @@ export default {
        this.side = 'server'
      }

-      if (type === 'ip') { // condition 为数组时数组长度不为 0 | type 不为空 | type为ip
+      if (type === 'ip' || type === 'clientIp' || type === 'serverIp') { // condition 为数组时数组长度不为 0 | type 不为空 | type为ip
        params.q = `${condition} and side='${this.side}'`
      } else {
        params.q = condition
--- a/src/views/charts2/charts/npm/NpmTrafficLine.vue
+++ b/src/views/charts2/charts/npm/NpmTrafficLine.vue
@@ -133,7 +133,7 @@ export default {
        type: type
      }

-      if (type === 'ip') {
+      if (type === 'ip' || type === 'clientIp' || type === 'serverIp') {
        params.q = `${condition} and side='${this.side}'`
      } else {
        params.q = condition