cyber-narrator-cn-ui/src/utils/static-data.js

/**
 * @name: 静态数据模板
 * @description: 用于存放引用到的静态数据，如表格列名称、echarts的legend名称等
 * 如有使用 this 的，js文件里不识别 this，需要引入对应方法，如this.$t引入i18n，this.$route 引入route
 * @author: newhome
 * @date: 2023-03-16 17:26:49
 */
// 如有使用this的
import i18n from '@/i18n'
import { unitTypes } from '@/utils/constants'
const _this = i18n.global
_this.$t = _this.t

// NpmTrafficLine折线图数据
export const dataForNpmTrafficLine = {
  tabs: [
    {
      name: _this.$t('network.total'),
      show: true,
      positioning: 0,
      data: [],
      unitType: 'number'
    },
    {
      name: _this.$t('network.inbound'),
      show: true,
      positioning: 1,
      data: [],
      unitType: 'number'
    },
    {
      name: _this.$t('network.outbound'),
      show: true,
      positioning: 2,
      data: [],
      unitType: 'number'
    },
    {
      name: _this.$t('network.internal'),
      show: true,
      positioning: 3,
      data: [],
      unitType: 'number'
    },
    {
      name: _this.$t('network.through'),
      show: true,
      positioning: 4,
      data: [],
      unitType: 'number'
    },
    {
      name: _this.$t('network.other'),
      show: true,
      positioning: 5,
      data: [],
      unitType: 'number'
    }
  ],
  npmQuantity: [
    { name: _this.$t('networkAppPerformance.tcpConnectionEstablishLatency'), show: true, positioning: 0, data: [], unitType: unitTypes.time, index: 0 },
    { name: _this.$t('networkAppPerformance.httpResponse'), show: true, positioning: 0, data: [], unitType: unitTypes.time, index: 1 },
    { name: _this.$t('networkAppPerformance.sslResponseLatency'), show: true, positioning: 0, data: [], unitType: unitTypes.time, index: 2 },
    { name: _this.$t('networkAppPerformance.packetLoss'), show: true, positioning: 0, data: [], unitType: unitTypes.percent, index: 3 },
    { name: _this.$t('overall.packetRetrans'), show: true, positioning: 0, data: [], unitType: unitTypes.percent, index: 4 }
  ],
  metricOptions: [
    { value: 'Bits/s', label: 'Bits/s' },
    { value: 'Packets/s', label: 'Packets/s' },
    { value: 'Sessions/s', label: 'Sessions/s' },
    { value: 'establishLatencyMs', label: _this.$t('networkAppPerformance.tcpConnectionEstablishLatency') },
    { value: 'httpResponseLatency', label: _this.$t('networkAppPerformance.httpResponse') },
    { value: 'sslConLatency', label: _this.$t('networkAppPerformance.sslResponseLatency') },
    { value: 'tcpLostlenPercent', label: _this.$t('networkAppPerformance.packetLoss') },
    { value: 'pktRetransPercent', label: _this.$t('overall.packetRetrans') }
  ]
}

export const dataForNetworkOverviewLine = {
  options2: [
    {
      value: 'Average',
      label: 'Average'
    },
    {
      value: '95th Percentile',
      label: '95th Percentile'
    },
    {
      value: 'Maximum',
      label: 'Maximum'
    }
  ],
  tabsTemplate: [
    {
      analysis: {},
      name: 'network.total',
      class: 'total',
      show: true,
      invertTab: true,
      positioning: 0,
      data: [],
      unitType: ''
    },
    {
      analysis: {},
      name: 'network.inbound',
      class: 'inbound',
      show: true,
      invertTab: true,
      positioning: 1,
      data: [],
      unitType: ''
    },
    {
      analysis: {},
      name: 'network.outbound',
      class: 'outbound',
      show: true,
      invertTab: true,
      positioning: 2,
      data: [],
      unitType: ''
    },
    {
      analysis: {},
      name: 'network.internal',
      class: 'internal',
      show: true,
      invertTab: true,
      positioning: 3,
      data: [],
      unitType: ''
    },
    {
      analysis: {},
      name: 'network.through',
      class: 'through',
      show: true,
      invertTab: true,
      positioning: 4,
      data: [],
      unitType: ''
    },
    {
      analysis: {},
      name: 'network.other',
      class: 'other',
      show: true,
      invertTab: true,
      positioning: 5,
      data: [],
      unitType: ''
    }
  ]
}

export const dataForLinkTrafficLine = {
  options: [
    {
      value: 'Bits/s',
      label: 'Bits/s'
    },
    {
      value: 'Packets/s',
      label: 'Packets/s'
    }
  ],
  tabs: [
    { analysis: {}, name: 'network.total', class: 'total', show: true, invertTab: true, positioning: 0, data: [], unitType: '' },
    { analysis: {}, name: 'linkMonitor.ingress', class: 'ingress', show: true, invertTab: true, positioning: 1, data: [], unitType: '' },
    { analysis: {}, name: 'linkMonitor.egress', class: 'egress', show: true, invertTab: true, positioning: 2, data: [], unitType: '' }
  ]
}

export const dataForNpmLine = {
  chartOptionLineData: [
    { legend: _this.$t('network.total'), index: 0, invertTab: true, show: false, color: '#749F4D' },
    { legend: _this.$t('network.inbound'), index: 1, invertTab: true, show: false, color: '#98709B' },
    { legend: _this.$t('network.outbound'), index: 2, invertTab: true, show: false, color: '#E5A219' }
  ],
  npmLineColor: [
    { legend: '', color: '#749F4D' },
    { legend: '', color: '#98709B' },
    { legend: '', color: '#E5A219' }
  ]
}