gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix： 处理国际化的问题

Browse Source
This commit is contained in:
zhangyu
2021-11-04 18:21:20 +08:00
parent 968a03c316
commit 897fb7673c
13 changed files with 20 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
nezha-fronted/src/components/common/ChartDiagram/diagram.vue
View File

@@ -1007,7 +1007,7 @@ export default {
}, },
// Severity Label // Severity Label
returnSeverityLabel (key) { returnSeverityLabel (key) {
return this.$CONSTANTS.alertMessage.severityData.find(s => { return s.value == key }).label return this.$t(this.$CONSTANTS.alertMessage.severityData.find(s => { return s.value == key }).label)
}, },
getNodesArr () { getNodesArr () {
const arr = [] const arr = []

2
nezha-fronted/src/components/common/pickTime.vue
View File

@@ -14,7 +14,7 @@
<transition name="el-zoom-in-top"> <transition name="el-zoom-in-top">
<ul v-show="dropdownShow" class="el-dropdown-menu el-popper el-dropdown-menu--mini nz-dropdown"> <ul v-show="dropdownShow" class="el-dropdown-menu el-popper el-dropdown-menu--mini nz-dropdown">
<li v-for="i in $CONSTANTS.intervalList" :key="i.value + i.label" :style="{color:interval === i.value || interval.value === i.value ? theme.themeColor : ''}" class="el-dropdown-menu__item dropdown-content" @click="selectInterval(i)"> <li v-for="i in $CONSTANTS.intervalList" :key="i.value + i.label" :style="{color:interval === i.value || interval.value === i.value ? theme.themeColor : ''}" class="el-dropdown-menu__item dropdown-content" @click="selectInterval(i)">
{{i.label}} {{$t(i.label)}}
</li> </li>
</ul> </ul>
</transition> </transition>

4
nezha-fronted/src/components/common/project/popData/alertTable.vue
View File

@@ -14,7 +14,7 @@
> >
<template v-slot:top-tool-right> <template v-slot:top-tool-right>
<el-select v-model="state" size="small" value-key="value" @change="getTableData"> <el-select v-model="state" size="small" value-key="value" @change="getTableData">
<el-option v-for="item in stateOptions" :key="item.value" :label="item.label" :value="item.value"></el-option> <el-option v-for="item in stateOptions" :key="item.value" :label="$t(item.label)" :value="item.value"></el-option>
</el-select> </el-select>
</template> </template>
<template v-slot:default="slotProps"> <template v-slot:default="slotProps">
@@ -288,7 +288,7 @@ export default {
}, },
// Severity Label // Severity Label
returnSeverityLabel (key) { returnSeverityLabel (key) {
return this.$CONSTANTS.alertMessage.severityData.find(s => { return s.value == key }).label return this.$t(this.$CONSTANTS.alertMessage.severityData.find(s => { return s.value == key }).label)
}, },
tableDataSort (item) { tableDataSort (item) {
let orderBy = '' let orderBy = ''

2
nezha-fronted/src/components/common/project/topologyL5.vue
View File

@@ -1027,7 +1027,7 @@ export default {
}, },
// Severity Label // Severity Label
returnSeverityLabel (key) { returnSeverityLabel (key) {
return this.$CONSTANTS.alertMessage.severityData.find(s => { return s.value == key }).label return this.$t(this.$CONSTANTS.alertMessage.severityData.find(s => { return s.value == key }).label)
}, },
// 获取module // 获取module
getModule () { getModule () {

6
nezha-fronted/src/components/common/rightBox/asset/assetBatchEditBox.vue
View File

@@ -12,14 +12,14 @@
<el-form ref="assetEditForm" :model="editData" :rules="rules" label-position="top" label-width="120px"> <el-form ref="assetEditForm" :model="editData" :rules="rules" label-position="top" label-width="120px">
<el-form-item :label="$t('overall.editType')" prop="editType"> <el-form-item :label="$t('overall.editType')" prop="editType">
<el-select v-model="editData.editType" class="right-box__select" popper-class="right-box-select-top prevent-clickoutside" size="small" value-key="value"> <el-select v-model="editData.editType" class="right-box__select" popper-class="right-box-select-top prevent-clickoutside" size="small" value-key="value">
<el-option v-for="type in assetConstants.editTypeOptions" :key="type.value" :label="type.label" :value="type.value"/> <el-option v-for="type in assetConstants.editTypeOptions" :key="type.value" :label="$t(type.label)" :value="type.value"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 第一级：Edit type = account --> <!-- 第一级：Edit type = account -->
<template v-if="editData.editType === assetConstants.editTypeData.account"> <template v-if="editData.editType === assetConstants.editTypeData.account">
<el-form-item :label="$t('asset.authProtocol')" prop="authProtocol"> <el-form-item :label="$t('asset.authProtocol')" prop="authProtocol">
<el-select v-model="editData.authProtocol" class="right-box__select" :placeholder="$t('overall.select')" popper-class="right-box-select-top prevent-clickoutside" size="small" value-key="value"> <el-select v-model="editData.authProtocol" class="right-box__select" :placeholder="$t('overall.select')" popper-class="right-box-select-top prevent-clickoutside" size="small" value-key="value">
<el-option v-for="type in assetConstants.authProtocolOptions" :key="type.value" :label="type.label" :value="type.value"/> <el-option v-for="type in assetConstants.authProtocolOptions" :key="type.value" :label="$t(type.label)" :value="type.value"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 第二级：Protocol type = SSH --> <!-- 第二级：Protocol type = SSH -->
@@ -27,7 +27,7 @@
<div class="form__sub-title">{{$t('asset.sshAccount')}}</div> <div class="form__sub-title">{{$t('asset.sshAccount')}}</div>
<el-form-item :label="$t('asset.authType')" prop="authType"> <el-form-item :label="$t('asset.authType')" prop="authType">
<el-select v-model="editData.authType" class="right-box__select" popper-class="right-box-select-top prevent-clickoutside" size="small" value-key="value"> <el-select v-model="editData.authType" class="right-box__select" popper-class="right-box-select-top prevent-clickoutside" size="small" value-key="value">
<el-option v-for="type in assetConstants.authTypeOptions" :key="type.value" :label="type.label" :value="type.value"/> <el-option v-for="type in assetConstants.authTypeOptions" :key="type.value" :label="$t(type.label)" :value="type.value"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 第三级：Auth type = username | key --> <!-- 第三级：Auth type = username | key -->

6
nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue
View File

@@ -19,7 +19,7 @@
</el-form-item> </el-form-item>
<el-form-item :label='$t("config.mib.credential.type")' prop="type"> <el-form-item :label='$t("config.mib.credential.type")' prop="type">
<el-select v-model="editCredential.type" placeholder="" id="credential-box-input-type" class="right-box__select" popper-class="right-box-select-top right-public-box-dropdown-top prevent-clickoutside" @change="typeChange"> <el-select v-model="editCredential.type" placeholder="" id="credential-box-input-type" class="right-box__select" popper-class="right-box-select-top right-public-box-dropdown-top prevent-clickoutside" @change="typeChange">
<el-option v-for="item in $CONSTANTS.snmpProtocolTypes" :key="item.value" :label="item.label" :value="item.value"> <el-option v-for="item in $CONSTANTS.snmpProtocolTypes" :key="item.value" :label="$t(item.label)" :value="item.value">
<span class="panel-dropdown-label-txt" >{{item.label}}</span> <span class="panel-dropdown-label-txt" >{{item.label}}</span>
</el-option> </el-option>
</el-select> </el-select>
@@ -45,7 +45,7 @@
<el-form-item :label='$t("config.mib.credential.method")' prop="authProtocol" v-if="editCredential.type === 3"> <el-form-item :label='$t("config.mib.credential.method")' prop="authProtocol" v-if="editCredential.type === 3">
<el-select v-model="editCredential.config.authProtocol" placeholder="" id="credential-box-input-type" class="right-box__select" popper-class="right-box-select-top prevent-clickoutside"> <el-select v-model="editCredential.config.authProtocol" placeholder="" id="credential-box-input-type" class="right-box__select" popper-class="right-box-select-top prevent-clickoutside">
<el-option v-for="item in $CONSTANTS.snmpAuthMethod" :key="item.value" :label="item.label" :value="item.value"> <el-option v-for="item in $CONSTANTS.snmpAuthMethod" :key="item.value" :label="$t(item.label)" :value="item.value">
<span class="panel-dropdown-label-txt" >{{item.label}}</span> <span class="panel-dropdown-label-txt" >{{item.label}}</span>
</el-option> </el-option>
</el-select> </el-select>
@@ -59,7 +59,7 @@
<el-form-item :label='$t("config.mib.credential.method")' prop="privProtocol" v-if="editCredential.type === 3"> <el-form-item :label='$t("config.mib.credential.method")' prop="privProtocol" v-if="editCredential.type === 3">
<el-select v-model="editCredential.config.privProtocol" placeholder="" id="credential-box-input-type" class="right-box__select" popper-class="right-box-select-top prevent-clickoutside" :disabled="!editCredential.config.authProtocol || editCredential.config.authProtocol === ''"> <el-select v-model="editCredential.config.privProtocol" placeholder="" id="credential-box-input-type" class="right-box__select" popper-class="right-box-select-top prevent-clickoutside" :disabled="!editCredential.config.authProtocol || editCredential.config.authProtocol === ''">
<el-option v-for="item in $CONSTANTS.snmpEncryptionMethod" :key="item.value" :label="item.label" :value="item.value"> <el-option v-for="item in $CONSTANTS.snmpEncryptionMethod" :key="item.value" :label="$t(item.label)" :value="item.value">
<span class="panel-dropdown-label-txt" >{{item.label}}</span> <span class="panel-dropdown-label-txt" >{{item.label}}</span>
</el-option> </el-option>
</el-select> </el-select>

2
nezha-fronted/src/components/common/table/alert/alertMessageTable.vue
View File

@@ -590,7 +590,7 @@ export default {
}, },
// Severity Label // Severity Label
returnSeverityLabel (key) { returnSeverityLabel (key) {
return this.$CONSTANTS.alertMessage.severityData.find(s => { return s.value == key }).label return this.$t(this.$CONSTANTS.alertMessage.severityData.find(s => { return s.value == key }).label)
} }
/* plpsscrolly(el,self){ /* plpsscrolly(el,self){
if (el._ps_.scrollbarYTop > 50) { if (el._ps_.scrollbarYTop > 50) {

2
nezha-fronted/src/components/common/table/settings/credentialsTable.vue
View File

@@ -48,7 +48,7 @@
</template> </template>
<template v-if="item.prop === 'type'"> <template v-if="item.prop === 'type'">
<template v-if="scope.row.type"> <template v-if="scope.row.type">
{{$CONSTANTS.snmpProtocolTypes.find(t=>t.value == scope.row.type).label}} {{$t($CONSTANTS.snmpProtocolTypes.find(t=>t.value == scope.row.type).label)}}
</template> </template>
<template v-else>-</template> <template v-else>-</template>
</template> </template>

3
nezha-fronted/src/components/common/table/settings/terminalLogTable.vue
View File

@@ -194,8 +194,9 @@ export default {
}, },
computed: { computed: {
getStatusText () { getStatusText () {
const self = this
return function (status) { return function (status) {
return terminalLog.status[status] return self.$t(terminalLog.status[status])
} }
}, },
getRemoteText () { getRemoteText () {

2
nezha-fronted/src/components/page/alert/alertMessage.vue
View File

@@ -15,7 +15,7 @@
> >
<template v-slot:top-tool-right> <template v-slot:top-tool-right>
<el-select v-model="state" class="margin-r-10" size="small" value-key="value" @change="getTableData" popper-class="right-box-select-top right-public-box-dropdown-top"> <el-select v-model="state" class="margin-r-10" size="small" value-key="value" @change="getTableData" popper-class="right-box-select-top right-public-box-dropdown-top">
<el-option v-for="item in stateOptions" :key="item.value" :label="item.label" :value="item.value"></el-option> <el-option v-for="item in stateOptions" :key="item.value" :label="$t(item.label)" :value="item.value"></el-option>
</el-select> </el-select>
<button id="asset-filter" :class="[dataListLayout.indexOf('clickSearch') > -1?'is-focus':'' ]" class="top-tool-btn margin-r-10" @click.stop="showClickSearch"> <button id="asset-filter" :class="[dataListLayout.indexOf('clickSearch') > -1?'is-focus':'' ]" class="top-tool-btn margin-r-10" @click.stop="showClickSearch">
<i class="nz-icon nz-icon-funnel"></i> <i class="nz-icon nz-icon-funnel"></i>

2
nezha-fronted/src/components/page/config/agent.vue
View File

@@ -71,7 +71,7 @@
</el-form-item> </el-form-item>
<el-form-item :label="$t('config.agent.agent.type')" class="half-form-item" prop="type"> <el-form-item :label="$t('config.agent.agent.type')" class="half-form-item" prop="type">
<el-select v-model="agentParam.type" class="right-box-row-with-btn" popper-class="right-box-select-top agent-select" placeholder=""> <el-select v-model="agentParam.type" class="right-box-row-with-btn" popper-class="right-box-select-top agent-select" placeholder="">
<el-option v-for="item in agent2.theData" :key="item.value" :label="item.label" :value="item.value" :disabled="federationEnabled && item.value == 2"> <el-option v-for="item in agent2.theData" :key="item.value" :label="$t(item.label)" :value="item.value" :disabled="federationEnabled && item.value == 2">
<span class="panel-dropdown-label-txt" >{{item.label}}</span> <span class="panel-dropdown-label-txt" >{{item.label}}</span>
</el-option> </el-option>
</el-select> </el-select>

2
nezha-fronted/src/components/page/dashboard/alertChartParam.vue
View File

@@ -27,7 +27,7 @@
</el-form-item> </el-form-item>
<el-form-item :label="$t('dashboard.panel.chartForm.alertParam.state')"> <el-form-item :label="$t('dashboard.panel.chartForm.alertParam.state')">
<el-select class="form-item" size="small" popper-class="alert-form-pop right-box-select-top right-public-box-dropdown-top no-style-class" v-model="parameters.state" clearable id="alert-param-state"> <el-select class="form-item" size="small" popper-class="alert-form-pop right-box-select-top right-public-box-dropdown-top no-style-class" v-model="parameters.state" clearable id="alert-param-state">
<el-option v-for="(item, index) in states" :key="index" :label="item.label" :value="item.value"></el-option> <el-option v-for="(item, index) in states" :key="index" :label="$t(item.label)" :value="item.value"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-form> </el-form>

4
nezha-fronted/src/components/page/dashboard/chartBox.vue
View File

@@ -292,7 +292,7 @@
<!--lock--> <!--lock-->
<el-form-item v-if="editChart.type ==='diagram'" :label="$t('dashboard.panel.chartForm.lock')" class="form-item--half-width" prop="lock"> <el-form-item v-if="editChart.type ==='diagram'" :label="$t('dashboard.panel.chartForm.lock')" class="form-item--half-width" prop="lock">
<el-select id="chart-box-statistics" v-model="editChart.param.lock" placeholder="" popper-class="right-box-select-top prevent-clickoutside" size="small" @change="$forceUpdate"> <el-select id="chart-box-statistics" v-model="editChart.param.lock" placeholder="" popper-class="right-box-select-top prevent-clickoutside" size="small" @change="$forceUpdate">
<el-option v-for="item in lockList" :key="item.value" :label="item.label" :value="item.value"> <el-option v-for="item in lockList" :key="item.value" :label="$(item.label)" :value="item.value">
<span class="panel-dropdown-label-txt" >{{item.label}}</span> <span class="panel-dropdown-label-txt" >{{item.label}}</span>
</el-option> </el-option>
</el-select> </el-select>
@@ -320,7 +320,7 @@
<el-form-item v-if="editChart.type == 'singleStat' || editChart.type == 'pie'|| editChart.type=='table' || editChart.type == 'bar'" :label="$t('dashboard.panel.chartForm.statistics')" class="form-item--half-width" prop="param.statistics"> <el-form-item v-if="editChart.type == 'singleStat' || editChart.type == 'pie'|| editChart.type=='table' || editChart.type == 'bar'" :label="$t('dashboard.panel.chartForm.statistics')" class="form-item--half-width" prop="param.statistics">
<el-select id="chart-box-statistics" v-model="editChart.param.statistics" placeholder="" popper-class="right-box-select-top prevent-clickoutside" size="small" @change="$forceUpdate"> <el-select id="chart-box-statistics" v-model="editChart.param.statistics" placeholder="" popper-class="right-box-select-top prevent-clickoutside" size="small" @change="$forceUpdate">
<el-option v-for="item in statisticsList" :key="item.value" :label="item.label" :value="item.value"> <el-option v-for="item in statisticsList" :key="item.value" :label="$t(item.label)" :value="item.value">
<span class="panel-dropdown-label-txt" >{{item.label}}</span> <span class="panel-dropdown-label-txt" >{{item.label}}</span>
</el-option> </el-option>
</el-select> </el-select>