fix : chartRightBox 系统模块 图例中文模式修改

This commit is contained in:
likexuan
2022-10-19 11:40:40 +08:00
parent 3d50bd6caa
commit a02a99b8a7
3 changed files with 7 additions and 4 deletions

View File

@@ -244,7 +244,7 @@
<el-col class="legend-title"> <el-col class="legend-title">
{{ $t('dashboard.panel.chartForm.legend') }}&nbsp; {{ $t('dashboard.panel.chartForm.legend') }}&nbsp;
<el-popover placement="top" trigger="hover" width="211" popper-class="prevent-clickoutside"> <el-popover placement="top" trigger="hover" width="211" popper-class="prevent-clickoutside">
<div style="word-break:keep-all;">{{ $t('dashboard.panel.chartForm.legendTip') }}</div> <div :style="{'word-break':language!=='zh'?'keep-all':'break-all'}">{{ $t('dashboard.panel.chartForm.legendTip') }}</div>
<i slot="reference" class="nz-icon nz-icon-info-normal" style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;" <i slot="reference" class="nz-icon nz-icon-info-normal" style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;"
@mouseover="rz"></i> @mouseover="rz"></i>
</el-popover> </el-popover>
@@ -1118,6 +1118,7 @@ export default {
return { return {
theme: theme, theme: theme,
expressions: [], expressions: [],
language: localStorage.getItem('nz-language') || 'en',
chartTypeList: [ chartTypeList: [
{ {
id: 'line', id: 'line',

View File

@@ -98,7 +98,7 @@
<el-col class="legend-title"> <el-col class="legend-title">
<span class="legend-title__span">{{$t('dashboard.panel.chartForm.legend')}}&nbsp;</span> <span class="legend-title__span">{{$t('dashboard.panel.chartForm.legend')}}&nbsp;</span>
<el-popover placement="top" trigger="hover" width="211" popper-class="prevent-clickoutside"> <el-popover placement="top" trigger="hover" width="211" popper-class="prevent-clickoutside">
<div style="word-break:break-all; white-space: normal">{{$t('dashboard.panel.chartForm.legendTip')}}</div> <div style="white-space: normal" :style="{'word-break':language!=='zh'?'keep-all':'break-all'}">{{$t('dashboard.panel.chartForm.legendTip')}}</div>
<!-- <div :style="{'word-break':language!=='cn'?'keep-all':'break-all'}">{{$t('dashboard.panel.chartForm.legendTip')}}</div> --> <!-- <div :style="{'word-break':language!=='cn'?'keep-all':'break-all'}">{{$t('dashboard.panel.chartForm.legendTip')}}</div> -->
<i @mouseover="rz" class="nz-icon nz-icon-info-normal" slot="reference" style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;"></i> <i @mouseover="rz" class="nz-icon nz-icon-info-normal" slot="reference" style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;"></i>
</el-popover> </el-popover>
@@ -969,6 +969,7 @@ export default {
oldType: '', oldType: '',
tag: '', tag: '',
promqlType: 'log', promqlType: 'log',
language: localStorage.getItem('nz-language') || 'en',
showHidden: [ showHidden: [
{ {
id: 'show', id: 'show',

View File

@@ -113,7 +113,7 @@
<el-col class="legend-title"> <el-col class="legend-title">
<span class="legend-title__span">{{$t('dashboard.panel.chartForm.legend')}}&nbsp;</span> <span class="legend-title__span">{{$t('dashboard.panel.chartForm.legend')}}&nbsp;</span>
<el-popover placement="top" trigger="hover" width="211" popper-class="prevent-clickoutside"> <el-popover placement="top" trigger="hover" width="211" popper-class="prevent-clickoutside">
<div :style="{'word-break':language!=='cn'?'keep-all':'break-all'}">{{$t('dashboard.panel.chartForm.legendTip')}}</div> <div :style="{'word-break':language!=='zh'?'keep-all':'break-all'}">{{$t('dashboard.panel.chartForm.legendTip')}}</div>
<i @mouseover="rz" class="nz-icon nz-icon-info-normal" slot="reference" style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;"></i> <i @mouseover="rz" class="nz-icon nz-icon-info-normal" slot="reference" style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;"></i>
</el-popover> </el-popover>
</el-col> </el-col>
@@ -910,7 +910,8 @@ export default {
} }
], ],
keyList: [], keyList: [],
compareList: [] compareList: [],
language: localStorage.getItem('nz-language') || 'en'
} }
}, },
watch: { watch: {