diff --git a/src/views/charts/PanelChart.vue b/src/views/charts/PanelChart.vue index e2a6cf85..6a0a4111 100644 --- a/src/views/charts/PanelChart.vue +++ b/src/views/charts/PanelChart.vue @@ -72,7 +72,7 @@ import { isAppRelatedDomain, isBlock } from './charts/tools' -import { tableTitleMapping } from '@/components/charts/chart-table-title' +import { tableTitleMapping, legendMapping } from '@/components/charts/chart-table-title' import { replaceUrlPlaceholder } from '@/utils/tools' import { getNowTime, getSecond } from '@/utils/date-util' import { chartPieTableTopOptions, chartTableDefaultPageSize, chartTableTopOptions } from '@/utils/constants' @@ -163,6 +163,7 @@ export default { methods: { /* 参数 extraParams 额外请求参数,isRefresh 是否是刷新 */ getChartData (url, extraParams = {}, isRefresh) { + const vm = this this.loading = true this.standaloneTimeRange.use = !!isRefresh try { @@ -184,7 +185,7 @@ export default { } if (this.isSingleValue) { if (chartParams && chartParams.dataKey) { - get(replaceUrlPlaceholder(chartParams.url), this.queryParams).then(response =>{ + get(replaceUrlPlaceholder(chartParams.url), this.queryParams).then(response => { if (response.code === 200) { if (response.data.result && (response.data.result[chartParams.dataKey] || response.data.result[chartParams.dataKey] === 0)) { this.chartData = response.data.result[chartParams.dataKey] @@ -208,6 +209,13 @@ export default { response = testData.data2 } if (response.code === 200) { + if (Array.isArray(response.data.result)) { + response.data.result.forEach(item => { + if (item.legend && legendMapping[`${this.entity && this.entity.ip ? 'ip_' : ''}${item.legend}`]) { + item.legend = vm.$t(legendMapping[`${this.entity && this.entity.ip ? 'ip_' : ''}${item.legend}`]) + } + }) + } this.chartData = response.data.result this.table.tableData = response.data.result this.table.tableColumns = this.getTableTitle(response.data.result) @@ -322,8 +330,8 @@ export default { return this.$_.slice(tableData, (pageNum - 1) * pageSize, pageNum * pageSize) }, groupShow (chartInfo) { - this.$emit('groupShow',chartInfo) - }, + this.$emit('groupShow', chartInfo) + } }, mounted () { this.showLoading(true)