Merge branch 'dev-3.3' of git.mesalab.cn:nezha/nezha-fronted into dev-3.3
This commit is contained in:
zyh
@@ -395,6 +395,9 @@ td .nz-icon-gear:before{
|
||||
content: "\e6ad";
|
||||
}
|
||||
.el-table__header-wrapper {
|
||||
table{
|
||||
background-color: $--background-color-empty !important;
|
||||
}
|
||||
th{
|
||||
border-right-color: transparent !important;
|
||||
}
|
||||
|
||||
@@ -195,7 +195,7 @@ export default {
|
||||
<div class="partition"></div>
|
||||
<div class="legend-value legend-value-agent">
|
||||
<div class="map-asset">
|
||||
<div class="progress-title">${self.$t('guide.agent')} ${self.$t('overall.normal')}</div>
|
||||
<div class="progress-title">${self.$t('guide.agent')} ${self.$t('config.agent.up')}</div>
|
||||
<div class="success-progress progress-box">
|
||||
<div class="top-progress" style="width: ${(dcStat.agent.up / (dcStat.agent.up + dcStat.agent.down)) * 100}%"></div>
|
||||
<div style="width: 100%" class="bottom-progress"></div>
|
||||
@@ -203,7 +203,7 @@ export default {
|
||||
<div class="success-progress progress-content">${dcStat.agent.up}</div>
|
||||
</div>
|
||||
<div class="map-asset">
|
||||
<div class="progress-title">${self.$t('guide.agent')} ${self.$t('overall.unusual')}</div>
|
||||
<div class="progress-title">${self.$t('guide.agent')} ${self.$t('asset.down')}</div>
|
||||
<div class="error-progress progress-box">
|
||||
<div class="top-progress" style="width: ${(dcStat.agent.down / (dcStat.agent.up + dcStat.agent.down)) * 100}%"></div>
|
||||
<div style="width: 100%" class="bottom-progress"></div>
|
||||
|
||||
@@ -73,7 +73,7 @@ export default {
|
||||
{ class: 'nz-icon nz-icon-Datacenter2', type: 'datacenter', label: this.$t('overall.dc') },
|
||||
{ class: 'nz-icon nz-icon-project', type: 'project', label: this.$t('overall.project') },
|
||||
{ class: 'nz-icon nz-icon-overview-module', type: 'module', label: this.$t('overall.module') },
|
||||
{ class: 'nz-icon nz-icon-overview-endpoint', type: 'endpoint', label: this.$t('overall.endpoint') }
|
||||
{ class: 'nz-icon nz-icon-overview-endpoint', type: 'endpoint', label: this.$t('asset.endpoint') }
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
@@ -68,7 +68,7 @@
|
||||
<div class="basic-info-table-value" v-if="chartDetail">
|
||||
<i :class="chartDetail.alertNum ? 'red' : 'green'" class="nz-icon nz-icon-overview-alert vertical-align-top;" @mouseenter="tooltipHover('',true, $event)" @mouseleave="tooltipHover('',false, $event)"></i>
|
||||
<div v-if="alertNumtooltipShow" class="alert-days-info-tooltip" :style="{left: position.left + 'px',top:position.top + 'px'}">
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('asset.pingActive')}})</div>
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('overall.active')}})</div>
|
||||
<div class="severity-info" style='justify-content: space-between'>
|
||||
<div class="severity-name">{{$t('overall.result.total')}}</div>
|
||||
<div class="severity-value">{{chartDetail.alertNum}}</div>
|
||||
@@ -118,7 +118,7 @@
|
||||
<div class="basic-info-table-value" v-if="chartDetail">
|
||||
<i :class="chartDetail.alertNum ? 'red' : 'green'" class="nz-icon nz-icon-overview-alert vertical-align-top;" @mouseenter="tooltipHover('',true, $event)" @mouseleave="tooltipHover('',false, $event)"></i>
|
||||
<div v-if="alertNumtooltipShow" class="alert-days-info-tooltip" :style="{left: position.left + 'px',top:position.top + 'px'}">
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('asset.pingActive')}})</div>
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('overall.active')}})</div>
|
||||
<div class="severity-info" style='justify-content: space-between'>
|
||||
<div class="severity-name">{{$t('overall.result.total')}}</div>
|
||||
<div class="severity-value">{{chartDetail.alertNum}}</div>
|
||||
@@ -131,7 +131,7 @@
|
||||
<div class="basic-info-table-title">{{$t('overall.state')}}</div>
|
||||
<div class="basic-info-table-value">
|
||||
<span style="width: auto">
|
||||
<span class="endpoint-cell-left"><i class="nz-icon nz-icon-Metrics active" /> {{$t('project.metrics.metrics')}} </span>
|
||||
<span class="endpoint-cell-left"><i class="nz-icon nz-icon-Metrics active" /> {{$t('overall.metric')}} </span>
|
||||
<span v-if="chartDetail && chartDetail.configs[0].state === 0">
|
||||
<span class="active-icon red-bg inline-block"></span>
|
||||
</span>
|
||||
|
||||
@@ -43,7 +43,7 @@
|
||||
</el-tooltip>
|
||||
</span>
|
||||
<span v-if="chartInfo.type=='group'" class="chart-header__tool" @click="addChartGroup">
|
||||
<el-tooltip :content="$t('overall.add')" effect="light" placement="top">
|
||||
<el-tooltip :content="$t('button.add')" effect="light" placement="top">
|
||||
<i class="nz-icon nz-icon-plus tool__icon"></i>
|
||||
</el-tooltip>
|
||||
</span>
|
||||
|
||||
@@ -95,7 +95,7 @@
|
||||
<div class="footer" slot="footer">
|
||||
<div class="el-message-box__btns" style="text-align: right;margin-top: 20px;">
|
||||
<button @click="upload" class="el-button el-button--default el-button--small">
|
||||
<span>{{$t('asset.upload')}}</span>
|
||||
<span>{{$t('overall.upload')}}</span>
|
||||
</button>
|
||||
<button @click="closeDialog" class="el-button el-button--default el-button--small" >
|
||||
<span>{{$t('overall.cancel')}}</span>
|
||||
@@ -206,7 +206,7 @@
|
||||
<el-form-item :label='$t("asset.host")' prop="host">
|
||||
<el-input v-model="customConnect.host" size="small"/>
|
||||
</el-form-item>
|
||||
<el-form-item :label='$t("webshell.port")' prop="port">
|
||||
<el-form-item :label='$t("asset.port")' prop="port">
|
||||
<el-input v-model="customConnect.port" size="small"/>
|
||||
</el-form-item>
|
||||
<el-form-item :label='$t("profile.username")' prop="authUsername">
|
||||
@@ -214,7 +214,7 @@
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
v-if="customConnect.authType === 2"
|
||||
:label='$t("webshell.authPriKey")'
|
||||
:label='$t("asset.talon.token")'
|
||||
prop="authPriKey"
|
||||
>
|
||||
<el-input v-model="customConnect.authPriKey" size="small" autocomplete="new-password"/>
|
||||
@@ -318,7 +318,7 @@ export default {
|
||||
// upoload-download
|
||||
|
||||
currentUuid: '',
|
||||
uploadBox: { showUpload: false, title: this.$t('asset.upload') },
|
||||
uploadBox: { showUpload: false, title: this.$t('overall.upload') },
|
||||
uploadFile: { file: '', path: '', uuid: '' },
|
||||
uploadFileList: [],
|
||||
uploadResult: null,
|
||||
|
||||
@@ -355,7 +355,7 @@ export default {
|
||||
name: 'diagram',
|
||||
data () {
|
||||
return {
|
||||
title: this.$t('overall.customPicture'),
|
||||
title: this.$t('overall.uploadCustomPicture'),
|
||||
objChange: false, // project 变化 用于判断 init是否执行完成 执行完成 才可以执行下次变化
|
||||
chartDataInfo: {},
|
||||
topoPrevData: {}, // 预览数据
|
||||
|
||||
@@ -150,7 +150,7 @@
|
||||
:style="{ left: position.left + 'px', top: position.top + 'px' }"
|
||||
>
|
||||
<div class="tooltip-title">
|
||||
{{ $t("project.topology.alert") }}({{ $t("asset.pingActive") }})
|
||||
{{ $t("project.topology.alert") }}({{ $t("overall.active") }})
|
||||
</div>
|
||||
<div class="severity-info" style="justify-content: space-between">
|
||||
<div class="severity-name">{{ $t("overall.result.total") }}</div>
|
||||
@@ -244,7 +244,7 @@
|
||||
:style="{ left: position.left + 'px', top: position.top + 'px' }"
|
||||
>
|
||||
<div class="tooltip-title">
|
||||
{{ $t("project.topology.alert") }}({{ $t("asset.pingActive") }})
|
||||
{{ $t("project.topology.alert") }}({{ $t("overall.active") }})
|
||||
</div>
|
||||
<div class="severity-info" style="justify-content: space-between">
|
||||
<div class="severity-name">{{ $t("overall.result.total") }}</div>
|
||||
@@ -339,7 +339,7 @@
|
||||
:style="{ left: position.left + 'px', top: position.top + 'px' }"
|
||||
>
|
||||
<div class="tooltip-title">
|
||||
{{ $t("project.topology.alert") }}({{ $t("asset.pingActive") }})
|
||||
{{ $t("project.topology.alert") }}({{ $t("overall.active") }})
|
||||
</div>
|
||||
<div class="severity-info" style="justify-content: space-between">
|
||||
<div class="severity-name">{{ $t("overall.result.total") }}</div>
|
||||
@@ -438,7 +438,7 @@
|
||||
:style="{ left: position.left + 'px', top: position.top + 'px' }"
|
||||
>
|
||||
<div class="tooltip-title">
|
||||
{{ $t("project.topology.alert") }}({{ $t("asset.pingActive") }})
|
||||
{{ $t("project.topology.alert") }}({{ $t("overall.active") }})
|
||||
</div>
|
||||
<div class="severity-info" style="justify-content: space-between">
|
||||
<div class="severity-name">{{ $t("overall.result.total") }}</div>
|
||||
@@ -457,7 +457,7 @@
|
||||
<span style="width: auto">
|
||||
<span class="endpoint-cell-left"
|
||||
><i class="nz-icon nz-icon-Metrics active" />
|
||||
{{ $t("project.metrics.metrics") }}
|
||||
{{ $t("overall.metric") }}
|
||||
</span>
|
||||
<span
|
||||
v-if="alertLabelData && alertLabelData.configs[0].state === 0"
|
||||
@@ -570,7 +570,7 @@
|
||||
:style="{ left: position.left + 'px', top: position.top + 'px' }"
|
||||
>
|
||||
<div class="tooltip-title">
|
||||
{{ $t("project.topology.alert") }}({{ $t("asset.pingActive") }})
|
||||
{{ $t("project.topology.alert") }}({{ $t("overall.active") }})
|
||||
</div>
|
||||
<div class="severity-info" style="justify-content: space-between">
|
||||
<div class="severity-name">{{ $t("overall.result.total") }}</div>
|
||||
|
||||
@@ -56,7 +56,7 @@
|
||||
<div class="alert-label-value" v-if="alertLabelData">
|
||||
<i :class="alertLabelData.alertNum ? 'red' : 'green'" class="nz-icon nz-icon-overview-alert vertical-align-top;" @mouseenter="tooltipHover('',true, $event)" @mouseleave="tooltipHover('',false, $event)"></i>
|
||||
<div v-if="alertNumtooltipShow" class="alert-days-info-tooltip" :style="{left: position.left + 'px',top:position.top + 'px'}">
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('asset.pingActive')}})</div>
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('overall.active')}})</div>
|
||||
<div class="severity-info" style='justify-content: space-between'>
|
||||
<div class="severity-name">{{$t('overall.result.total')}}</div>
|
||||
<div class="severity-value">{{alertLabelData.alertNum}}</div>
|
||||
@@ -107,7 +107,7 @@
|
||||
<div class="alert-label-value" v-if="alertLabelData">
|
||||
<i :class="alertLabelData.alertNum ? 'red' : 'green'" class="nz-icon nz-icon-overview-alert vertical-align-top;" @mouseenter="tooltipHover('',true, $event)" @mouseleave="tooltipHover('',false, $event)"></i>
|
||||
<div v-if="alertNumtooltipShow" class="alert-days-info-tooltip" :style="{left: position.left + 'px',top:position.top + 'px'}">
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('asset.pingActive')}})</div>
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('overall.active')}})</div>
|
||||
<div class="severity-info" style='justify-content: space-between'>
|
||||
<div class="severity-name">{{$t('overall.result.total')}}</div>
|
||||
<div class="severity-value">{{alertLabelData.alertNum}}</div>
|
||||
@@ -158,7 +158,7 @@
|
||||
<div class="alert-label-value" v-if="alertLabelData">
|
||||
<i :class="alertLabelData.alertNum ? 'red' : 'green'" class="nz-icon nz-icon-overview-alert vertical-align-top;" @mouseenter="tooltipHover('',true, $event)" @mouseleave="tooltipHover('',false, $event)"></i>
|
||||
<div v-if="alertNumtooltipShow" class="alert-days-info-tooltip" :style="{left: position.left + 'px',top:position.top + 'px'}">
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('asset.pingActive')}})</div>
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('overall.active')}})</div>
|
||||
<div class="severity-info" style='justify-content: space-between'>
|
||||
<div class="severity-name">{{$t('overall.result.total')}}</div>
|
||||
<div class="severity-value">{{alertLabelData.alertNum}}</div>
|
||||
@@ -208,7 +208,7 @@
|
||||
<div class="alert-label-value" v-if="alertLabelData">
|
||||
<i :class="alertLabelData.alertNum ? 'red' : 'green'" class="nz-icon nz-icon-overview-alert vertical-align-top;" @mouseenter="tooltipHover('',true, $event)" @mouseleave="tooltipHover('',false, $event)"></i>
|
||||
<div v-if="alertNumtooltipShow" class="alert-days-info-tooltip" :style="{left: position.left + 'px',top:position.top + 'px'}">
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('asset.pingActive')}})</div>
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('overall.active')}})</div>
|
||||
<div class="severity-info" style='justify-content: space-between'>
|
||||
<div class="severity-name">{{$t('overall.result.total')}}</div>
|
||||
<div class="severity-value">{{alertLabelData.alertNum}}</div>
|
||||
@@ -224,7 +224,7 @@
|
||||
<div class="alert-label-title">{{$t('overall.state')}}</div>
|
||||
<div class="alert-label-value">
|
||||
<span style="width: auto">
|
||||
<span class="endpoint-cell-left"><i class="nz-icon nz-icon-Metrics colorFA901C" /> {{$t('project.metrics.metrics')}} </span>
|
||||
<span class="endpoint-cell-left"><i class="nz-icon nz-icon-Metrics colorFA901C" /> {{$t('overall.metric')}} </span>
|
||||
<span v-if="alertLabelData && alertLabelData.configs[0].state === 0">
|
||||
<span class="active-icon red-bg inline-block"></span>
|
||||
</span>
|
||||
@@ -282,7 +282,7 @@
|
||||
<div class="alert-label-value" v-if="alertLabelData">
|
||||
<i :class="alertLabelData.alertNum ? 'red' : 'green'" class="nz-icon nz-icon-overview-alert vertical-align-top;" @mouseenter="tooltipHover('',true, $event)" @mouseleave="tooltipHover('',false, $event)"></i>
|
||||
<div v-if="alertNumtooltipShow" class="alert-days-info-tooltip" :style="{left: position.left + 'px',top:position.top + 'px'}">
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('asset.pingActive')}})</div>
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('overall.active')}})</div>
|
||||
<div class="severity-info" style='justify-content: space-between'>
|
||||
<div class="severity-name">{{$t('overall.result.total')}}</div>
|
||||
<div class="severity-value">{{alertLabelData.alertNum}}</div>
|
||||
|
||||
@@ -150,7 +150,7 @@
|
||||
:style="{ left: position.left + 'px', top: position.top + 'px' }"
|
||||
>
|
||||
<div class="tooltip-title">
|
||||
{{ $t("project.topology.alert") }}({{ $t("asset.pingActive") }})
|
||||
{{ $t("project.topology.alert") }}({{ $t("overall.active") }})
|
||||
</div>
|
||||
<div class="severity-info" style="justify-content: space-between">
|
||||
<div class="severity-name">{{ $t("overall.result.total") }}</div>
|
||||
@@ -244,7 +244,7 @@
|
||||
:style="{ left: position.left + 'px', top: position.top + 'px' }"
|
||||
>
|
||||
<div class="tooltip-title">
|
||||
{{ $t("project.topology.alert") }}({{ $t("asset.pingActive") }})
|
||||
{{ $t("project.topology.alert") }}({{ $t("overall.active") }})
|
||||
</div>
|
||||
<div class="severity-info" style="justify-content: space-between">
|
||||
<div class="severity-name">{{ $t("overall.result.total") }}</div>
|
||||
@@ -339,7 +339,7 @@
|
||||
:style="{ left: position.left + 'px', top: position.top + 'px' }"
|
||||
>
|
||||
<div class="tooltip-title">
|
||||
{{ $t("project.topology.alert") }}({{ $t("asset.pingActive") }})
|
||||
{{ $t("project.topology.alert") }}({{ $t("overall.active") }})
|
||||
</div>
|
||||
<div class="severity-info" style="justify-content: space-between">
|
||||
<div class="severity-name">{{ $t("overall.result.total") }}</div>
|
||||
@@ -438,7 +438,7 @@
|
||||
:style="{ left: position.left + 'px', top: position.top + 'px' }"
|
||||
>
|
||||
<div class="tooltip-title">
|
||||
{{ $t("project.topology.alert") }}({{ $t("asset.pingActive") }})
|
||||
{{ $t("project.topology.alert") }}({{ $t("overall.active") }})
|
||||
</div>
|
||||
<div class="severity-info" style="justify-content: space-between">
|
||||
<div class="severity-name">{{ $t("overall.result.total") }}</div>
|
||||
@@ -457,7 +457,7 @@
|
||||
<span style="width: auto">
|
||||
<span class="endpoint-cell-left"
|
||||
><i class="nz-icon nz-icon-Metrics active" />
|
||||
{{ $t("project.metrics.metrics") }}
|
||||
{{ $t("overall.metric") }}
|
||||
</span>
|
||||
<span
|
||||
v-if="alertLabelData && alertLabelData.configs[0].state === 0"
|
||||
@@ -570,7 +570,7 @@
|
||||
:style="{ left: position.left + 'px', top: position.top + 'px' }"
|
||||
>
|
||||
<div class="tooltip-title">
|
||||
{{ $t("project.topology.alert") }}({{ $t("asset.pingActive") }})
|
||||
{{ $t("project.topology.alert") }}({{ $t("overall.active") }})
|
||||
</div>
|
||||
<div class="severity-info" style="justify-content: space-between">
|
||||
<div class="severity-name">{{ $t("overall.result.total") }}</div>
|
||||
|
||||
@@ -84,7 +84,7 @@ export default {
|
||||
label: this.$t('overall.asset')
|
||||
}, {
|
||||
key: 'endpoint',
|
||||
label: this.$t('overall.endpoint')
|
||||
label: this.$t('asset.endpoint')
|
||||
}, {
|
||||
key: 'module',
|
||||
label: this.$t('overall.module')
|
||||
|
||||
@@ -194,7 +194,7 @@ export default {
|
||||
{
|
||||
key: "endpoint",
|
||||
isSelect: true,
|
||||
label: this.$t("overall.endpoint"),
|
||||
label: this.$t("asset.endpoint"),
|
||||
},
|
||||
{
|
||||
key: "alertrule",
|
||||
|
||||
@@ -26,7 +26,7 @@
|
||||
<div class="alert-rule-title">{{$t('overall.type')}}</div>
|
||||
<div class="alert-rule-value">
|
||||
<span v-if="alertRuleData.type === 1">
|
||||
{{$t('project.metrics.metrics')}}
|
||||
{{$t('overall.metric')}}
|
||||
</span>
|
||||
<span v-else-if="alertRuleData.type === 2">
|
||||
{{$t('overall.logs')}}
|
||||
@@ -48,7 +48,7 @@
|
||||
<div class="alert-rule-value" v-if="alertRuleData">
|
||||
<i :class="alertRuleData.alertNum ? 'red' : 'green'" class="nz-icon nz-icon-overview-alert vertical-align-top;" @mouseenter="tooltipHover('',true, $event)" @mouseleave="tooltipHover('',false, $event)"></i>
|
||||
<div v-if="alertNumtooltipShow" class="alert-days-info-tooltip" :style="{left: position.left + 'px',top:position.top + 'px'}">
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('asset.pingActive')}})</div>
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('overall.active')}})</div>
|
||||
<div class="severity-info" style='justify-content: space-between'>
|
||||
<div class="severity-name">{{$t('overall.result.total')}}</div>
|
||||
<div class="severity-value">{{alertRuleData.alertNum}}</div>
|
||||
|
||||
@@ -25,7 +25,7 @@
|
||||
<div class="alert-rule-title">{{$t('overall.type')}}</div>
|
||||
<div class="alert-rule-value">
|
||||
<span v-if="alertRuleData.type === 1">
|
||||
{{$t('project.metrics.metrics')}}
|
||||
{{$t('overall.metric')}}
|
||||
</span>
|
||||
<span v-else-if="alertRuleData.type === 2">
|
||||
{{$t('overall.logs')}}
|
||||
@@ -47,7 +47,7 @@
|
||||
<div class="alert-rule-value" v-if="alertRuleData">
|
||||
<i :class="alertRuleData.alertNum ? 'red' : 'green'" class="nz-icon nz-icon-overview-alert vertical-align-top;" @mouseenter="tooltipHover('',true, $event)" @mouseleave="tooltipHover('',false, $event)"></i>
|
||||
<div v-if="alertNumtooltipShow" class="alert-days-info-tooltip" :style="{left: position.left + 'px',top:position.top + 'px'}">
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('asset.pingActive')}})</div>
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('overall.active')}})</div>
|
||||
<div class="severity-info" style='justify-content: space-between'>
|
||||
<div class="severity-name">{{$t('overall.result.total')}}</div>
|
||||
<div class="severity-value">{{alertRuleData.alertNum}}</div>
|
||||
|
||||
@@ -216,7 +216,7 @@ export default {
|
||||
endpointTabTitle: [
|
||||
{ prop: 'panelTab', name: this.$t('overall.detail') },
|
||||
{ prop: 'endpointAlertMessage', name: this.$t('overall.alert') },
|
||||
{ prop: 'Metrics', name: this.$t('project.metrics.metrics') },
|
||||
{ prop: 'Metrics', name: this.$t('overall.metric') },
|
||||
{ prop: 'log', name: this.$t('overall.logs') }
|
||||
]
|
||||
},
|
||||
@@ -274,7 +274,7 @@ export default {
|
||||
const tabs = [
|
||||
{ prop: 'panelTab', name: this.$t('overall.detail') },
|
||||
{ prop: 'endpointAlertMessage', name: this.$t('overall.alert') },
|
||||
{ prop: 'Metrics', name: this.$t('project.metrics.metrics') }
|
||||
{ prop: 'Metrics', name: this.$t('overall.metric') }
|
||||
]
|
||||
if (hasLog) {
|
||||
tabs.push({ prop: 'log', name: this.$t('overall.logs') })
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<div class="sub-top-tools">
|
||||
<div class="sub-list-tabs" v-if="from===fromRoute.module">
|
||||
<div class="sub-list-tab-title">{{obj.name}}</div>
|
||||
<div @click="changeTab('endpoint')" class="sub-list-tab" id="endpoint-tab-change-endpoint">{{$t("overall.endpoint")}}</div>
|
||||
<div @click="changeTab('endpoint')" class="sub-list-tab" id="endpoint-tab-change-endpoint">{{$t("asset.endpoint")}}</div>
|
||||
<div class="sub-list-tab sub-list-tab-active" >{{$t("alert.alertMessage")}}</div>
|
||||
</div>
|
||||
<div class="sub-list-tabs" v-else>
|
||||
@@ -14,7 +14,7 @@
|
||||
</div><div :id="from+'-change-panelordetail'"
|
||||
@click="changeTab(from == $CONSTANTS.fromRoute.asset || from == $CONSTANTS.fromRoute.rule || from == $CONSTANTS.fromRoute.endpoint? 'panel' : 'detail')" class="sub-list-tab">{{$t("overall.detail")}}</div><div
|
||||
class="sub-list-tab sub-list-tab-active">{{$t("alert.alertMessage")}}</div><div v-if="from == $CONSTANTS.fromRoute.asset" :id="from+'-change-modules'"
|
||||
@click="changeTab('endpoint')" class="sub-list-tab" v-has="'asset_endpoint_view'">{{$t("overall.endpoint")}}</div>
|
||||
@click="changeTab('endpoint')" class="sub-list-tab" v-has="'asset_endpoint_view'">{{$t("asset.endpoint")}}</div>
|
||||
<div @click="changeTab('endpointQuery')" class="sub-list-tab" v-has="'project_endpoint_query_chart_view'" v-if="from == $CONSTANTS.fromRoute.endpoint" :id="from+'-change-endpoint'">{{$t("overall.query")}}</div>
|
||||
</div>
|
||||
<div class="top-tool-right">
|
||||
|
||||
@@ -64,7 +64,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-header-inner" @click="clearSelectedMetrics"><span><i style="font-size: 12px;margin-left: 2px;" class="nz-icon nz-icon-close " :class="{'control-icon-unchecked':selectedEndpoints.length<1,'control-icon-checked':selectedEndpoints.length>0}"></i></span></div>
|
||||
<pl-table :row-height="28" use-virtual :datas="tableData" border :empty-text="$t('config.mib.noData')" :header-cell-class-name="cellClass" :style="{height: $tableHeight.noPagination}"
|
||||
<pl-table :row-height="28" use-virtual :datas="tableData" border :empty-text="$t('overall.noData')" :header-cell-class-name="cellClass" :style="{height: $tableHeight.noPagination}"
|
||||
:pagination-show="false" class="nz-table endpoint-query-table" ref="endpointQueryTable" style="width: 100%;" v-my-loading="loading"
|
||||
v-if="tableShow && plTableSHow" id="endpoint-list-table" :tooltip-effect="'light'" @selection-change="selectChange">
|
||||
<pl-table-column
|
||||
|
||||
@@ -5,11 +5,11 @@
|
||||
<div class="sub-list-tab-title">{{obj.host}}</div>
|
||||
<div class="sub-list-tab" @click="changeTab('panel')" id="endpoint-tab-change-panel">{{$t("overall.detail")}}</div>
|
||||
<div @click="changeTab('alertMessage')" class="sub-list-tab" v-has="'asset_alerts_view'" id="endpoint-tab-change-alertmsg">{{$t("alert.alertMessage")}}</div>
|
||||
<div class="sub-list-tab sub-list-tab-active">{{$t("overall.endpoint")}}</div>
|
||||
<div class="sub-list-tab sub-list-tab-active">{{$t("asset.endpoint")}}</div>
|
||||
</div>
|
||||
<div class="sub-list-tabs" v-if="from===fromRoute.module">
|
||||
<div class="sub-list-tab-title">{{obj.name}}</div>
|
||||
<div class="sub-list-tab sub-list-tab-active">{{$t("overall.endpoint")}}</div>
|
||||
<div class="sub-list-tab sub-list-tab-active">{{$t("asset.endpoint")}}</div>
|
||||
<div @click="changeTab('alertMessage')" class="sub-list-tab" id="endpoint-tab-change-alertmsg">{{$t("alert.alertMessage")}}</div>
|
||||
</div>
|
||||
<div class="top-tool-right">
|
||||
@@ -211,7 +211,7 @@ export default {
|
||||
show: true,
|
||||
minWidth: '400'
|
||||
}, {
|
||||
label: this.$t('project.endpoint.host'),
|
||||
label: this.$t('asset.host'),
|
||||
prop: 'host',
|
||||
show: true,
|
||||
width: 120
|
||||
@@ -231,7 +231,7 @@ export default {
|
||||
show: true,
|
||||
width: 200
|
||||
}, {
|
||||
label: this.$t('project.endpoint.param'),
|
||||
label: this.$t('config.assetLabel.params'),
|
||||
prop: 'param',
|
||||
show: true,
|
||||
width: 200
|
||||
|
||||
@@ -35,7 +35,7 @@
|
||||
</div>
|
||||
<div class="asset-name">
|
||||
<span>{{item.severity?item.severity.name:'-'}} /
|
||||
<span v-if="item.type === 1">{{ $t('project.metrics.metrics') }}</span>
|
||||
<span v-if="item.type === 1">{{ $t('overall.metric') }}</span>
|
||||
<span v-else-if="item.type === 2">{{ $t('overall.logs') }}</span>
|
||||
<span v-else-if="item.type === 3">SNMP trap</span>
|
||||
<span v-else>-</span>
|
||||
|
||||
@@ -109,7 +109,7 @@ export default {
|
||||
show: true,
|
||||
width: 150
|
||||
}, {
|
||||
label: this.$t('asset.talon.enable'),
|
||||
label: this.$t('overall.enable'),
|
||||
prop: 'status',
|
||||
show: true,
|
||||
width: 100
|
||||
|
||||
@@ -58,6 +58,26 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 全屏查看 -->
|
||||
<el-dialog
|
||||
v-if="topologyShow"
|
||||
:visible.sync="topologyShow"
|
||||
:show-close="false"
|
||||
class="nz-dialog chart-fullscreen"
|
||||
destroy-on-close
|
||||
fullscreen
|
||||
:modal-append-to-body="false"
|
||||
>
|
||||
<panel-chart
|
||||
:ref="'chart-fullscreen' + topologyChartInfo.id"
|
||||
:chart-info="topologyChartInfo"
|
||||
:close-on-click-modal="false"
|
||||
:from="from"
|
||||
:time-range="timeRange"
|
||||
:is-fullscreen="true"
|
||||
@showFullscreen="showFullscreen"
|
||||
></panel-chart>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -65,11 +85,13 @@
|
||||
import { fromRoute } from '@/components/common/js/constants'
|
||||
import { bottomBoxWindow } from '@/components/common/js/tools'
|
||||
import detailViewRight from '@/components/common/detailView/view/detailViewRight'
|
||||
import panelChart from "@/components/chart/panelChart";
|
||||
|
||||
export default {
|
||||
name: 'nzDataList',
|
||||
components: {
|
||||
detailViewRight
|
||||
detailViewRight,
|
||||
panelChart
|
||||
},
|
||||
props: {
|
||||
from: {
|
||||
@@ -110,6 +132,12 @@ export default {
|
||||
}
|
||||
}
|
||||
return ''
|
||||
},
|
||||
topologyShow () {
|
||||
return this.$store.getters.getTopologyShow
|
||||
},
|
||||
topologyChartInfo () {
|
||||
return this.$store.getters.getTopologyChartInfo
|
||||
}
|
||||
},
|
||||
data () {
|
||||
@@ -130,7 +158,8 @@ export default {
|
||||
tableHover: false, // 控制滚动条和top按钮同时出现
|
||||
showCustomTableTitle: false // 自定义列弹框是否显示
|
||||
},
|
||||
showLayout: []
|
||||
showLayout: [],
|
||||
timeRange: [new Date(), new Date()]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
@@ -165,6 +194,9 @@ export default {
|
||||
},
|
||||
changeDetailType (item) {
|
||||
this.$emit('changeDetailType', item)
|
||||
},
|
||||
showFullscreen (flag) {
|
||||
this.$store.commit('setTopologyShow', flag)
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
|
||||
@@ -200,7 +200,7 @@ export default {
|
||||
endpointTabTitle: [
|
||||
{ prop: 'panelTab', name: this.$t('overall.detail') },
|
||||
{ prop: 'endpointAlertMessage', name: this.$t('overall.alert') },
|
||||
{ prop: 'endpointQuery', name: this.$t('project.metrics.metrics') },
|
||||
{ prop: 'endpointQuery', name: this.$t('overall.metric') },
|
||||
{ prop: 'log', name: this.$t('overall.logs') }
|
||||
]
|
||||
},
|
||||
|
||||
@@ -210,7 +210,7 @@ export default {
|
||||
return this.noMatchText || this.t('el.select.noMatch')
|
||||
}
|
||||
if (this.options.length === 0) {
|
||||
return this.noDataText || this.t('el.select.noData')
|
||||
return this.noDataText || this.t('overall.noData')
|
||||
}
|
||||
}
|
||||
return null
|
||||
|
||||
@@ -163,7 +163,7 @@ export default {
|
||||
}, {
|
||||
type: 'endpoint',
|
||||
isSelect: true,
|
||||
title: this.$t('overall.endpoint')
|
||||
title: this.$t('asset.endpoint')
|
||||
}, {
|
||||
type: 'alertrule',
|
||||
isSelect: true,
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
</div>
|
||||
<div class="search-item-value-box" v-if="obj.type === 'endpoint'&&item.key==='state'&&alertLabelData && alertLabelData.configs">
|
||||
<span style="width: auto">
|
||||
<span class="endpoint-cell-left"><i class="nz-icon nz-icon-Metrics active" /> {{$t('project.metrics.metrics')}} </span>
|
||||
<span class="endpoint-cell-left"><i class="nz-icon nz-icon-Metrics active" /> {{$t('overall.metric')}} </span>
|
||||
<span v-if="alertLabelData && alertLabelData.configs[0].state === 0">
|
||||
<span class="active-icon red-bg inline-block"></span>
|
||||
</span>
|
||||
@@ -66,7 +66,7 @@
|
||||
<div style="cursor: pointer" v-else-if="item.key === 'alertNum'">
|
||||
<i :class="Number(getPathContent(item.key)) ? 'red' : 'green'" class="nz-icon nz-icon-overview-alert vertical-align-top;" @mouseenter="tooltipHover('',true, $event)" @mouseleave="tooltipHover('',false, $event)"></i>
|
||||
<div v-if="alertNumtooltipShow" class="alert-days-info-tooltip" :style="{left: position.left + 'px',top:position.top + 'px'}">
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('asset.pingActive')}})</div>
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('overall.active')}})</div>
|
||||
<div class="severity-info" style='justify-content: space-between'>
|
||||
<div class="severity-name">{{$t('overall.result.total')}}</div>
|
||||
<div class="severity-value">{{getPathContent(item.key)}}</div>
|
||||
@@ -457,7 +457,7 @@ export default {
|
||||
return style
|
||||
},
|
||||
alertruleStr () {
|
||||
const arr = [this.$t('project.metrics.metrics'), this.$t('overall.logs'), 'SNMP trap']
|
||||
const arr = [this.$t('overall.metric'), this.$t('overall.logs'), 'SNMP trap']
|
||||
if (this.alertLabelData.type) {
|
||||
return arr[this.alertLabelData.type - 1]
|
||||
} else {
|
||||
@@ -508,7 +508,7 @@ export default {
|
||||
case 'project' : str += `<span>${this.$t('config.system.monitor.monitor')}</span> <span>/</span> <span>${this.$t('project.project.projectName')}</span>`; break
|
||||
case 'module' :str += `<span>${this.$t('config.system.monitor.monitor')}</span> <span>/</span> <span>${this.$t('overall.module')}</span>`; break
|
||||
case 'endpoint' : str += `<span>${this.$t('config.system.monitor.monitor')}</span> <span>/</span> <span>${this.$t('asset.endpoint')}</span>`; break
|
||||
case 'alertrule' : str += `<span>${this.$t('overall.alert')}</span> <span>/</span> <span>${this.$t('alert.config.alertConfig')}</span>`; break
|
||||
case 'alertrule' : str += `<span>${this.$t('overall.alert')}</span> <span>/</span> <span>${this.$t('alert.rule')}</span>`; break
|
||||
}
|
||||
return str
|
||||
},
|
||||
|
||||
@@ -219,7 +219,7 @@ export const statisticsList = [
|
||||
{ value: 'min', label: i18n.t('dashboard.panel.chartForm.min') },
|
||||
{ value: 'max', label: i18n.t('dashboard.panel.chartForm.max') },
|
||||
{ value: 'avg', label: i18n.t('dashboard.panel.chartForm.statisticsVal.average') },
|
||||
{ value: 'total', label: i18n.t('dashboard.panel.chartForm.statisticsVal.total') },
|
||||
{ value: 'total', label: i18n.t('dashboard.panel.chartTotal') },
|
||||
{ value: 'first', label: i18n.t('dashboard.panel.chartForm.statisticsVal.first') },
|
||||
{ value: 'last', label: i18n.t('dashboard.panel.chartForm.statisticsVal.last') },
|
||||
{ value: 'range', label: i18n.t('dashboard.panel.chartForm.valMapping.range') },
|
||||
@@ -227,7 +227,7 @@ export const statisticsList = [
|
||||
]
|
||||
|
||||
export const alignList = [
|
||||
{ value: 'left', label: i18n.t('dashboard.panel.chartForm.alignList.left') },
|
||||
{ value: 'left', label: i18n.t('project.topology.left') },
|
||||
{ value: 'center', label: i18n.t('project.topology.center') },
|
||||
{ value: 'right', label: i18n.t('dashboard.panel.chartForm.alignList.right') }
|
||||
]
|
||||
@@ -295,7 +295,7 @@ export const chart = {
|
||||
}
|
||||
|
||||
export const intervalList = [
|
||||
{ value: -1, label: i18n.t('dashboard.panel.refreshInterval.never') },
|
||||
{ value: -1, label: i18n.t('dashboard.panel.chartForm.lockList.off') },
|
||||
{ value: 30, label: '30s' },
|
||||
{ value: 60, label: '1m' },
|
||||
{ value: 300, label: '5m' },
|
||||
|
||||
@@ -29,7 +29,7 @@ const newcn = {
|
||||
system: {
|
||||
configTitle: '系统配置',
|
||||
configTip: '请输入管理员的用户名和密码，并设置Nezha WEB模块的安装信息，如IP:port',
|
||||
federation: '联邦',
|
||||
federation: '集群',
|
||||
federationEnable: '可用',
|
||||
federationDisable: '不可用'
|
||||
},
|
||||
@@ -77,7 +77,8 @@ const newcn = {
|
||||
host: '不合法的IP',
|
||||
number: '必须是数字',
|
||||
port: '不合法的端口',
|
||||
special: '不能包含特殊字符'
|
||||
special: '不能包含特殊字符',
|
||||
unavailable: '不可用'
|
||||
},
|
||||
profile: {
|
||||
username: '用户名'
|
||||
|
||||
@@ -85,7 +85,8 @@ const newen = {
|
||||
host: 'Invalid Host',
|
||||
number: 'Numberic',
|
||||
port: 'Invalid port',
|
||||
special: 'Cannot contain special characters'
|
||||
special: 'Cannot contain special characters',
|
||||
unavailable: 'Unavailable'
|
||||
},
|
||||
profile: {
|
||||
username: 'User name'
|
||||
|
||||
@@ -37,7 +37,7 @@
|
||||
size="small"
|
||||
class="el-date-range-picker__editor"
|
||||
:disabled="rangeState.selecting"
|
||||
:placeholder="t('el.datepicker.startTime')"
|
||||
:placeholder="t('overall.startTime')"
|
||||
:value="minVisibleTime"
|
||||
@focus="minTimePickerVisible = true"
|
||||
@input="val => handleTimeInput(val, 'min')"
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
:class="popperClass">
|
||||
<div class="el-time-range-picker__content">
|
||||
<div class="el-time-range-picker__cell">
|
||||
<div class="el-time-range-picker__header">{{ t('el.datepicker.startTime') }}</div>
|
||||
<div class="el-time-range-picker__header">{{ t('overall.startTime') }}</div>
|
||||
<div
|
||||
:class="{ 'has-seconds': showSeconds, 'is-arrow': arrowControl }"
|
||||
class="el-time-range-picker__body el-time-panel__content">
|
||||
|
||||
@@ -19,21 +19,21 @@
|
||||
<template v-if="activeIndex === 0">
|
||||
<div class="desc-text">{{$t('guide.dcTip')}}</div>
|
||||
<div class="guide__btn-group">
|
||||
<button :class="{'guide__btn--disabled': !hasButton('dc_add')}" class="guide__btn" type="button" @click="jumpAndOpen('dc')">{{$t('guide.addDc')}}</button>
|
||||
<button :class="{'guide__btn--disabled': !hasButton('dc_add')}" class="guide__btn" type="button" @click="jumpAndOpen('cabinet')">{{$t('guide.addCabinet')}}</button>
|
||||
<button :class="{'guide__btn--disabled': !hasButton('dc_add')}" class="guide__btn" type="button" @click="jumpAndOpen('dc')">{{$t('overall.createDatacenter')}}</button>
|
||||
<button :class="{'guide__btn--disabled': !hasButton('dc_add')}" class="guide__btn" type="button" @click="jumpAndOpen('cabinet')">{{$t('overall.createCabinet')}}</button>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="activeIndex === 1">
|
||||
<div class="desc-text">{{$t('guide.agentTip')}}</div>
|
||||
<div class="guide__btn-group">
|
||||
<button :class="{'guide__btn--disabled': !hasButton('agent_add')}" class="guide__btn" type="button" @click="jumpAndOpen('agent')">{{$t('guide.addAgent')}}</button>
|
||||
<button :class="{'guide__btn--disabled': !hasButton('agent_add')}" class="guide__btn" type="button" @click="jumpAndOpen('agent')">{{$t('overall.createPrometheusServer')}}</button>
|
||||
<button :class="{'guide__btn--disabled': !hasButton('agent_add')}" class="guide__btn" type="button" @click="downloadAgent">{{$t('guide.downloadAgent')}}</button>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="activeIndex === 2">
|
||||
<div class="desc-text">{{$t('guide.assetTip')}}</div>
|
||||
<div class="guide__btn-group">
|
||||
<button :class="{'guide__btn--disabled': !hasButton('asset_add')}" class="guide__btn" type="button" @click="jumpAndOpen('asset')">{{$t('guide.addAsset')}}</button>
|
||||
<button :class="{'guide__btn--disabled': !hasButton('asset_add')}" class="guide__btn" type="button" @click="jumpAndOpen('asset')">{{$t('asset.createAsset')}}</button>
|
||||
<button :class="{'guide__btn--disabled': !hasButton('asset_add')}" class="guide__btn" type="button" @click="jumpAndOpen('importAsset')">{{$t('guide.importAsset')}}</button>
|
||||
<button :class="{'guide__btn--disabled': !hasButton('asset_add')}" class="guide__btn" type="button" @click="openTerminal">{{$t('guide.webTerminal')}}</button>
|
||||
</div>
|
||||
@@ -41,8 +41,8 @@
|
||||
<template v-if="activeIndex === 3">
|
||||
<div class="desc-text">{{$t('guide.monitorTip')}}</div>
|
||||
<div class="guide__btn-group">
|
||||
<button :class="{'guide__btn--disabled': !hasButton('project_add')}" class="guide__btn" type="button" @click="jumpAndOpen('project')">{{$t('guide.addProject')}}</button>
|
||||
<button :class="{'guide__btn--disabled': !hasButton('monitor_module_add')}" class="guide__btn" type="button" @click="jumpAndOpen('module')">{{$t('guide.addModule')}}</button>
|
||||
<button :class="{'guide__btn--disabled': !hasButton('project_add')}" class="guide__btn" type="button" @click="jumpAndOpen('project')">{{$t('overall.createProject')}}</button>
|
||||
<button :class="{'guide__btn--disabled': !hasButton('monitor_module_add')}" class="guide__btn" type="button" @click="jumpAndOpen('module')">{{$t('overall.createModule')}}</button>
|
||||
<button :class="{'guide__btn--disabled': !hasButton('monitor_endpoint_add')}" class="guide__btn" type="button" @click="jumpAndOpen('endpoint')">{{$t('guide.addEndpoint')}}</button>
|
||||
<button :class="{'guide__btn--disabled': !hasButton('monitor_endpoint_add')}" class="guide__btn" type="button" @click="jumpAndOpen('importEndpoint')">{{$t('guide.importEndpoint')}}</button>
|
||||
</div>
|
||||
@@ -50,14 +50,14 @@
|
||||
<template v-if="activeIndex === 4">
|
||||
<div class="desc-text">{{$t('guide.visualizationTip')}}</div>
|
||||
<div class="guide__btn-group">
|
||||
<button :class="{'guide__btn--disabled': !hasButton('main_add')}" class="guide__btn" type="button" @click="jumpAndOpen('panel')">{{$t('guide.addPanel')}}</button>
|
||||
<button :class="{'guide__btn--disabled': !hasButton('main_add')}" class="guide__btn" type="button" @click="jumpAndOpen('chart')">{{$t('guide.addChart')}}</button>
|
||||
<button :class="{'guide__btn--disabled': !hasButton('main_add')}" class="guide__btn" type="button" @click="jumpAndOpen('panel')">{{$t('dashboard.panel.createPanelTitleSec')}}</button>
|
||||
<button :class="{'guide__btn--disabled': !hasButton('main_add')}" class="guide__btn" type="button" @click="jumpAndOpen('chart')">{{$t('overall.createChart')}}</button>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="activeIndex === 5">
|
||||
<div class="desc-text">{{$t('guide.alertTip')}}</div>
|
||||
<div class="guide__btn-group">
|
||||
<button :class="{'guide__btn--disabled': !hasButton('alertRule_add')}" class="guide__btn" type="button" @click="jumpAndOpen('alertRule')">{{$t('guide.addAlertRule')}}</button>
|
||||
<button :class="{'guide__btn--disabled': !hasButton('alertRule_add')}" class="guide__btn" type="button" @click="jumpAndOpen('alertRule')">{{$t('config.user.language')}}</button>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
@@ -80,7 +80,7 @@ export default {
|
||||
guideList: [
|
||||
{
|
||||
route: '/dc',
|
||||
title: this.$t('asset.dc'),
|
||||
title: this.$t('overall.dc'),
|
||||
icon: 'nz-icon nz-icon-datacenter1',
|
||||
tip: this.$t('guide.dcTip'),
|
||||
permissionCode: 'dc_view'
|
||||
|
||||
@@ -60,7 +60,7 @@
|
||||
<div slot="footer" class="footer">
|
||||
<div class="el-message-box__btns">
|
||||
<button :id="id+'-xlsx-import-export'" class="nz-btn nz-btn-size-normal nz-btn-style-normal-new" @click="exportData">
|
||||
<span style="text-transform:Capitalize">{{$t('config.operationlog.operations.export')}}</span>
|
||||
<span style="text-transform:Capitalize">{{$t('overall.exportExcel')}}</span>
|
||||
</button>
|
||||
<button :id="id+'-xlsx-import-close'" class="nz-btn el-button el-button--default el-button--small" @click="closeDialog">
|
||||
<span>{{$t('overall.close')}}</span>
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
</div>
|
||||
<div>
|
||||
<a @click="canvascopy()" class="flex">
|
||||
<span class="full">{{$t('overall.copy')}}</span>
|
||||
<span class="full">{{$t('overall.duplicate')}}</span>
|
||||
<span class="ml50">Ctrl + C</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
|
||||
<!--value mapping-->
|
||||
<el-row class="form-row-title">
|
||||
{{ $t('alert.config.thresholds') }}
|
||||
{{ $t('alert.config.threshold') }}
|
||||
<span v-if="selection.pen.data.valueMappingSort !=='desc'" class="title__label"
|
||||
>（0:Ok > … >{{
|
||||
selection.pen.data.valueMapping.length
|
||||
@@ -82,7 +82,7 @@
|
||||
<div style="width: 100%;margin: 10px 0; box-sizing: border-box; padding: 0 10px;">
|
||||
<div class="thresholds-box">
|
||||
<el-row class="thresholds-title">
|
||||
<el-col :span="4" class="thresholds-cell">{{ $t('project.topology.level') }}
|
||||
<el-col :span="4" class="thresholds-cell">{{ $t('alert.severity') }}
|
||||
<span @click="changeValueMappingSort">
|
||||
<i
|
||||
:class="['nz-icon','nz-icon-arrow-up1',selection.pen.data.valueMappingSort==='desc'?'is-arrow-active':'']"></i>
|
||||
@@ -1199,10 +1199,10 @@ export default {
|
||||
nodesAlign: [// 对齐方式
|
||||
{
|
||||
value: 'left',
|
||||
desc: this.$t('project.topology.left')
|
||||
desc: this.$t('ashboard.panel.chartForm.alignList.left')
|
||||
}, {
|
||||
value: 'right',
|
||||
desc: this.$t('project.topology.right')
|
||||
desc: this.$t('dashboard.panel.chartForm.alignList.right')
|
||||
}, {
|
||||
value: 'top',
|
||||
desc: this.$t('project.topology.topOffsetY')
|
||||
@@ -1363,7 +1363,7 @@ export default {
|
||||
textAlignOptions: [
|
||||
{
|
||||
id: 'left',
|
||||
name: this.$t('project.topology.left')
|
||||
name: this.$t('ashboard.panel.chartForm.alignList.left')
|
||||
},
|
||||
{
|
||||
id: 'center',
|
||||
@@ -1371,7 +1371,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 'right',
|
||||
name: this.$t('project.topology.right')
|
||||
name: this.$t('dashboard.panel.chartForm.alignList.right')
|
||||
}
|
||||
],
|
||||
textBaselineOptions: [
|
||||
|
||||
@@ -115,19 +115,19 @@ export default {
|
||||
const assetOption = chartConfig.getOption('topoPie')
|
||||
endpointOption.series[0].label.formatter = this.moduleInfo.endpointStat.down + this.moduleInfo.endpointStat.up + ''
|
||||
endpointOption.series[0].data = [
|
||||
{ name: this.$t('dashboard.overview.asset.pingUp'), value: this.moduleInfo.endpointStat.up ? this.moduleInfo.endpointStat.up : 0 },
|
||||
{ name: this.$t('config.agent.up'), value: this.moduleInfo.endpointStat.up ? this.moduleInfo.endpointStat.up : 0 },
|
||||
{ name: this.$t('asset.down'), value: this.moduleInfo.endpointStat.down ? this.moduleInfo.endpointStat.down : 0 },
|
||||
{ name: this.$t('asset.suspended'), value: this.moduleInfo.endpointStat.suspended ? this.moduleInfo.endpointStat.suspended : 0 }
|
||||
]
|
||||
endpointOption.title.show = false
|
||||
endpointOption.legend.data = [this.$t('dashboard.overview.asset.pingUp'), this.$t('asset.down'), this.$t('asset.suspended')]
|
||||
endpointOption.legend.data = [this.$t('config.agent.up'), this.$t('asset.down'), this.$t('asset.suspended')]
|
||||
assetOption.series[0].label.formatter = this.moduleInfo.assetStat.up + this.moduleInfo.assetStat.down + ''
|
||||
assetOption.series[0].data = [
|
||||
{ name: this.$t('dashboard.overview.asset.pingUp'), value: this.moduleInfo.assetStat.up ? this.moduleInfo.assetStat.up : 0 },
|
||||
{ name: this.$t('config.agent.up'), value: this.moduleInfo.assetStat.up ? this.moduleInfo.assetStat.up : 0 },
|
||||
{ name: this.$t('asset.down'), value: this.moduleInfo.assetStat.down ? this.moduleInfo.assetStat.down : 0 }
|
||||
]
|
||||
assetOption.title.show = false
|
||||
assetOption.legend.data = [this.$t('dashboard.overview.asset.pingUp'), this.$t('asset.down')]
|
||||
assetOption.legend.data = [this.$t('config.agent.up'), this.$t('asset.down')]
|
||||
endpointChart.setOption(endpointOption, true)
|
||||
assetChart.setOption(assetOption, true)
|
||||
})
|
||||
|
||||
@@ -233,7 +233,7 @@ export default {
|
||||
this.esc(false)
|
||||
},
|
||||
messageStyle (e) {
|
||||
if (e.column.label == 'Alerts' || e.column.label == this.$t('alert.alertMessage')) {
|
||||
if (e.column.label == 'Alerts' || e.column.label == this.$t('overall.alert')) {
|
||||
if (e.row.alertNum > 0) {
|
||||
return 'danger'
|
||||
} else {
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="mc" @click.self="clickOutside">
|
||||
<div class="right-box right-box-project-endpoint">
|
||||
<div class="right-box-title">{{ moduleName }} / {{$t('overall.endpoint')}}</div>
|
||||
<div class="right-box-title">{{ moduleName }} / {{$t('asset.endpoint')}}</div>
|
||||
<nz-data-list
|
||||
ref="dataList"
|
||||
:api="url"
|
||||
@@ -238,7 +238,7 @@ export default {
|
||||
this.esc(false)
|
||||
},
|
||||
messageStyle (e) {
|
||||
if (e.column.label == 'Alerts' || e.column.label == this.$t('alert.alertMessage')) {
|
||||
if (e.column.label == 'Alerts' || e.column.label == this.$t('overall.alert')) {
|
||||
if (e.row.alertNum > 0) {
|
||||
return 'danger'
|
||||
} else {
|
||||
|
||||
@@ -134,7 +134,7 @@
|
||||
class="pickTime margin-r-10">
|
||||
</pick-time>
|
||||
<button v-has="'project_edit'" class="top-tool-btn margin-r-10" type="button" @click="editTopology">
|
||||
<i :title="$t('project.topology.edit')" class="nz-icon nz-icon-edit"></i>
|
||||
<i :title="$t('overall.edit')" class="nz-icon nz-icon-edit"></i>
|
||||
</button>
|
||||
<button class="top-tool-btn" type="button" @click="changeScreen">
|
||||
<i :class="topoScreen?'nz-icon-exit-full-screen':'nz-icon-full-screen'" class="nz-icon"></i>
|
||||
@@ -380,7 +380,7 @@ export default {
|
||||
name: 'topologyL5',
|
||||
data () {
|
||||
return {
|
||||
title: this.$t('overall.customPicture'),
|
||||
title: this.$t('overall.uploadCustomPicture'),
|
||||
objChange: false, // project 变化 用于判断 init是否执行完成 执行完成 才可以执行下次变化
|
||||
chartDataInfo: {},
|
||||
topoPrevData: {}, // 预览数据
|
||||
|
||||
@@ -341,7 +341,7 @@ export default {
|
||||
show: true,
|
||||
minWidth: '100'
|
||||
}, {
|
||||
label: this.$t('asset.dc'),
|
||||
label: this.$t('overall.dc'),
|
||||
prop: 'dc',
|
||||
show: true,
|
||||
minWidth: '100'
|
||||
@@ -409,7 +409,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 11,
|
||||
name: this.$t('asset.dc'),
|
||||
name: this.$t('overall.dc'),
|
||||
type: 'input',
|
||||
label: 'dc',
|
||||
disabled: false
|
||||
|
||||
@@ -18,7 +18,7 @@
|
||||
ref="backupsForm"
|
||||
>
|
||||
<el-form-item
|
||||
:label="$t('backup.schedule')"
|
||||
:label="$t('alert.config.schedEnable')"
|
||||
prop="type"
|
||||
class="form-tabs"
|
||||
>
|
||||
@@ -36,7 +36,7 @@
|
||||
</el-tabs>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
:label="$t('backup.start')"
|
||||
:label="$t('overall.startTime')"
|
||||
prop="stime"
|
||||
v-if="whoshow"
|
||||
class="start_at"
|
||||
@@ -127,7 +127,7 @@
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item
|
||||
:label="$t('asset.talon.enable')"
|
||||
:label="$t('overall.enable')"
|
||||
prop="status"
|
||||
class="form-item__switch"
|
||||
>
|
||||
|
||||
@@ -26,7 +26,7 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- ChartTemplate -->
|
||||
<el-form-item :label="$t('project.module.ChartTemplate')" prop="ChartTemplate">
|
||||
<el-form-item :label="$t('overall.chartTemp')" prop="ChartTemplate">
|
||||
<v-selectpage
|
||||
:data="chartlList"
|
||||
:tb-columns="ChartSearchShowFields"
|
||||
|
||||
@@ -49,7 +49,7 @@
|
||||
<el-input id="account-input-email" v-model="editUser.email" maxlength="64" show-word-limit placeholder="" size="small" type="text"></el-input>
|
||||
</el-form-item>
|
||||
<!--mobile-->
|
||||
<el-form-item :label="$t('config.user.mobile')" prop="mobile">
|
||||
<el-form-item :label="$t('profile.mobile')" prop="mobile">
|
||||
<el-input id="account-input-mobile" v-model="editUser.mobile" maxlength="64" show-word-limit placeholder="" size="small" type="text"></el-input>
|
||||
</el-form-item>
|
||||
<!--language-->
|
||||
@@ -92,7 +92,7 @@
|
||||
</el-switch>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item v-if="editUser.id" :label="$t('config.user.createTime')">
|
||||
<el-form-item v-if="editUser.id" :label="$t('config.system.apiKey.creatAt')">
|
||||
<div class="right-box-form-content-txt">{{utcTimeToTimezoneStr(editUser.createAt)}}</div>
|
||||
</el-form-item>
|
||||
|
||||
@@ -135,7 +135,7 @@ export default {
|
||||
const vm = this
|
||||
const validatePin = (rule, value, callback) => { // 确认密码的二次校验
|
||||
if (value === '' && this.editUser.pin) {
|
||||
callback(new Error(this.$t('config.user.inputConfirmPin')))
|
||||
callback(new Error(this.$t('config.user.reinputPin')))
|
||||
} else if (value !== this.editUser.pin) {
|
||||
callback(new Error(this.$t('profile.confirmPasswordErr')))
|
||||
} else {
|
||||
@@ -184,7 +184,7 @@ export default {
|
||||
roles: [],
|
||||
mfaLevelList: [
|
||||
{ value: 0, label: this.$t('profile.close') },
|
||||
{ value: 1, label: this.$t('asset.talon.enable') },
|
||||
{ value: 1, label: this.$t('overall.enable') },
|
||||
{ value: 2, label: this.$t('config.user.forceEnable') }
|
||||
],
|
||||
languageList: [
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div v-clickoutside="{obj:editPromServer,func:clickOutside}" class="right-box right-box-prom">
|
||||
<!-- begin--标题-->
|
||||
<div class="right-box__header">
|
||||
<div class="header__title">{{editPromServer.id ? ($t("config.agent.editProm")) : $t("config.agent.createProm")}}</div>
|
||||
<div class="header__title">{{editPromServer.id ? ($t("config.agent.editProm")) : $t("overall.createPrometheusServer")}}</div>
|
||||
<div class="header__operation">
|
||||
<span v-cancel="{obj: editPromServer, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
|
||||
</div>
|
||||
@@ -27,7 +27,7 @@
|
||||
</div>
|
||||
</el-form-item>
|
||||
<!--host-->
|
||||
<el-form-item :label="$t('config.agent.host')" prop="host">
|
||||
<el-form-item :label="$t('asset.host')" prop="host">
|
||||
<el-input id="prom-box-input-host" maxlength="64" show-word-limit v-model="editPromServer.host" placeholder="" size="small" type="text"></el-input>
|
||||
</el-form-item>
|
||||
<!--Port-->
|
||||
|
||||
@@ -290,7 +290,7 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!--receiver-->
|
||||
<el-form-item :label="$t('alert.receiver')" prop="receiver" :rules="[{ required: editAlertRule.notifyExpired || editAlertRule.notifyActive, message: this.$t('validate.required'), trigger: 'blur' }]">
|
||||
<el-form-item :label="$t('alert.config.receiver')" prop="receiver" :rules="[{ required: editAlertRule.notifyExpired || editAlertRule.notifyActive, message: this.$t('validate.required'), trigger: 'blur' }]">
|
||||
<el-select
|
||||
id="alert-box-input-receiver"
|
||||
v-model.trim="editAlertRule.receiverShow"
|
||||
@@ -320,7 +320,7 @@
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<div class="alert-rule-split-title">{{ $t('alert.config.more') }}</div>
|
||||
<div class="alert-rule-split-title">{{ $t('overall.more') }}</div>
|
||||
<el-form-item :label="$t('alert.config.trbShot')" prop="trbShot">
|
||||
<rich-text-editor ref="richTextEditor" :edit-data="editAlertRule.trbShot" @after-init="afterInitRich"></rich-text-editor>
|
||||
</el-form-item>
|
||||
@@ -390,7 +390,7 @@ export default {
|
||||
searchMetrics: [
|
||||
{
|
||||
value: 1,
|
||||
label: this.$t('project.metrics.metrics')
|
||||
label: this.$t('overall.metric')
|
||||
},
|
||||
{
|
||||
value: 2,
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="right-box right-box-alert-silence" v-clickoutside="{obj:editAlertSilence,func:clickOutside}">
|
||||
<!-- begin--标题-->
|
||||
<div class="right-box__header">
|
||||
<div class="header__title">{{editAlertSilence.id ? $t("alert.silence.edit") : $t("alert.silence.create")}}</div>
|
||||
<div class="header__title">{{editAlertSilence.id ? $t("alert.silence.edit") : $t("overall.createAlertSilence")}}</div>
|
||||
<div class="header__operation">
|
||||
<span v-cancel="{obj: editAlertSilence, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
|
||||
</div>
|
||||
|
||||
@@ -83,7 +83,7 @@
|
||||
</my-date-picker>
|
||||
</el-form-item>
|
||||
<!-- labels -->
|
||||
<div class="form__sub-title">{{$t('config.assetLabel.assetLabel')}}</div>
|
||||
<div class="form__sub-title">{{$t('overall.labels')}}</div>
|
||||
<div v-for="(label, i) in editAsset.fields" :key="i" class="form__dotted-item">
|
||||
<el-form-item :prop="'fields.' + i + '.value'">
|
||||
<template v-slot:label>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<div class="right-box right-box-asset-meta" v-clickoutside="{obj:editAssetMeta,func:clickOutside}">
|
||||
<!-- begin--标题-->
|
||||
<div class="right-box__header">
|
||||
<div class="header__title">{{editAssetMeta.id ? $t("config.assetLabel.editMeta"): $t("config.assetLabel.addMeta")}}
|
||||
<div class="header__title">{{editAssetMeta.id ? $t("config.assetLabel.editMeta"): $t("overall.createLabel")}}
|
||||
</div>
|
||||
<div class="header__operation">
|
||||
<span v-cancel="{obj: editAssetMeta, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
|
||||
|
||||
@@ -53,7 +53,7 @@
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<div class="right-box-sub-title">{{ $t("overall.configEndpoint") }}</div>
|
||||
<div class="right-box-sub-title">{{ $t("project.module.configs") }}</div>
|
||||
<div class="right-box-line"></div>
|
||||
|
||||
<el-table
|
||||
|
||||
@@ -213,7 +213,7 @@ export default {
|
||||
show: true
|
||||
},
|
||||
{
|
||||
label: this.$t('project.endpoint.host'),
|
||||
label: this.$t('asset.host'),
|
||||
prop: 'host',
|
||||
show: true
|
||||
},
|
||||
|
||||
@@ -79,7 +79,7 @@
|
||||
<span>{{$t('dashboard.panel.chartForm.dataConfig')}}</span>
|
||||
</div>
|
||||
<el-tabs v-model="editChart.datasource" @tab-click="datasourceChange" type="card">
|
||||
<el-tab-pane :label="$t('project.metrics.metrics')" name="metrics">
|
||||
<el-tab-pane :label="$t('overall.metric')" name="metrics">
|
||||
<chart-config ref="childrenFrommetrics" :type="'metrics'" v-if="editChart.datasource == 'metrics'" :params.sync="editChart" @change="editChartChange"/>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane :label="$t('overall.logs')" name="logs">
|
||||
|
||||
@@ -26,7 +26,7 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!--chartTemp list-->
|
||||
<el-form-item :label="$t('project.module.ChartTemplate')" prop="pid">
|
||||
<el-form-item :label="$t('overall.chartTemp')" prop="pid">
|
||||
<el-select id="chart-box-group"
|
||||
v-model="editChartTemp.pid"
|
||||
class="right-box__select" clearable
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div v-clickoutside="{obj:editDc, func: esc}" class="right-box right-box-dc">
|
||||
<!-- begin--标题-->
|
||||
<div class="right-box__header">
|
||||
<div class="header__title">{{editDc.id ? ($t("config.dc.editDc")) : $t("config.dc.createDc")}}</div>
|
||||
<div class="header__title">{{editDc.id ? ($t("config.dc.editDc")) : $t("overall.createDatacenter")}}</div>
|
||||
<div class="header__operation">
|
||||
<span v-cancel="{obj: editDc, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
|
||||
</div>
|
||||
@@ -124,7 +124,7 @@ export default {
|
||||
this.$put('/dc', param).then(response => {
|
||||
this.prevent_opt.save = false
|
||||
if (response.code === 200) {
|
||||
this.messageShow(this.$t('tip.saveSuccess'), '', { dcId: response.data.id, cabinetBoxShow: true }, false, 'guide.addCabinet', 'addCabinet')
|
||||
this.messageShow(this.$t('tip.saveSuccess'), '', { dcId: response.data.id, cabinetBoxShow: true }, false, 'overall.createCabinet', 'addCabinet')
|
||||
this.esc(true)
|
||||
} else {
|
||||
this.$message.error(response.msg)
|
||||
@@ -147,7 +147,7 @@ export default {
|
||||
this.$post('/dc', param).then(response => {
|
||||
this.prevent_opt.save = false
|
||||
if (response.code === 200) {
|
||||
this.messageShow(this.$t('tip.saveSuccess'), '', { dcId: response.data.id, cabinetBoxShow: true }, true, 'guide.addCabinet', 'addCabinet')
|
||||
this.messageShow(this.$t('tip.saveSuccess'), '', { dcId: response.data.id, cabinetBoxShow: true }, true, 'overall.createCabinet', 'addCabinet')
|
||||
this.esc(true)
|
||||
} else {
|
||||
this.$message.error(response.msg)
|
||||
|
||||
@@ -70,7 +70,7 @@
|
||||
<el-input id="module-box-input-name" v-model="editEndpoint.name" maxlength="64" placeholder="" show-word-limit size="small"></el-input>
|
||||
</el-form-item>
|
||||
<!--Enpoint template-->
|
||||
<div class="right-box-sub-title">{{ $t("overall.configEndpoint") }}
|
||||
<div class="right-box-sub-title">{{ $t("project.module.configs") }}
|
||||
<!-- <el-tooltip effect="light" placement="top">-->
|
||||
<!-- <div slot="content">-->
|
||||
<!-- {{$t('project.module.tip.defaultEndpointSet')}}-->
|
||||
@@ -82,7 +82,7 @@
|
||||
</div>
|
||||
<div class="right-box-line"></div>
|
||||
<!-- ChartTemplate -->
|
||||
<!-- <el-form-item :label="$t('project.module.ChartTemplate')" prop="ChartTemplate">-->
|
||||
<!-- <el-form-item :label="$t('overall.chartTemp')" prop="ChartTemplate">-->
|
||||
<!-- <v-selectpage-->
|
||||
<!-- v-model="editEndpoint.chartIds"-->
|
||||
<!-- :data="chartTempList"-->
|
||||
@@ -103,7 +103,7 @@
|
||||
<div class="endpoint-title">
|
||||
<span class="endpoint-title-content">
|
||||
<i class="nz-icon nz-icon-arrow-down" :class="metricsShow?'':'is-active'" @click="metricsShow = !metricsShow"></i>
|
||||
{{$t('project.metrics.metrics')}}
|
||||
{{$t('overall.metric')}}
|
||||
</span>
|
||||
<el-switch v-model="editEndpoint.configs[0].enable" size="small" :active-value="1" :inactive-value="0"></el-switch>
|
||||
</div>
|
||||
@@ -117,7 +117,7 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!--host-->
|
||||
<el-form-item :label='$t("project.endpoint.host")' class="half-form-item" prop="configs.0.config.host">
|
||||
<el-form-item :label='$t("asset.host")' class="half-form-item" prop="configs.0.config.host">
|
||||
<el-input id="module-box-input-host" v-model="editEndpoint.configs[0].config.host" placeholder="" size="small"></el-input>
|
||||
</el-form-item>
|
||||
<!--path-->
|
||||
@@ -193,7 +193,7 @@
|
||||
</span>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane :label="$t('project.endpoint.param')" name="Parameter" class="el-tab-pane-height">
|
||||
<el-tab-pane :label="$t('config.assetLabel.params')" name="Parameter" class="el-tab-pane-height">
|
||||
<div id="module-box-params" ref="labelBoxScrollbar" style="height: 100%; overflow: auto;">
|
||||
<div v-for="(item, index) in editEndpoint.paramObj" :key="index" class="param-box-row">
|
||||
<el-form-item :prop="'paramObj.' + index + '.key'" class="param-box-row-key" :rules="[{ pattern: /[a-zA-Z_][a-zA-Z0-9_]*/, message: $t('overall.ASCIIKey') ,trigger: 'blur'}]">
|
||||
@@ -715,7 +715,7 @@ export default {
|
||||
{ name: this.$t('project.endpoint.authTypeToken'), value: 2 }
|
||||
],
|
||||
endpointStateList: [
|
||||
{ name: this.$t('asset.talon.enable'), value: 1 },
|
||||
{ name: this.$t('overall.enable'), value: 1 },
|
||||
{ name: this.$t('profile.close'), value: 0 }
|
||||
],
|
||||
configsCopyValue: '',
|
||||
|
||||
@@ -16,7 +16,7 @@
|
||||
<el-form-item :label="$t('overall.name')" prop="name">
|
||||
<el-input maxlength="64" show-word-limit v-model="editExprTemp.name" :placeholder="$t('overall.placeHolder')" size="small"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('config.exprTemp.gname')" prop="gname">
|
||||
<el-form-item :label="$t('dashboard.panel.chartForm.group')" prop="gname">
|
||||
<!--<el-input v-model="editExprTemp.gname" size="small" :placeholder="$t('overall.placeHolder')"></el-input>-->
|
||||
<el-autocomplete
|
||||
v-model="editExprTemp.gname"
|
||||
|
||||
@@ -61,7 +61,7 @@
|
||||
></el-autocomplete>
|
||||
</el-form-item>
|
||||
<!-- ChartTemplate -->
|
||||
<el-form-item :label="$t('project.module.ChartTemplate')" prop="ChartTemplate">
|
||||
<el-form-item :label="$t('overall.chartTemp')" prop="ChartTemplate">
|
||||
<v-selectpage
|
||||
:data="chartTempList"
|
||||
:tb-columns="ChartSearchShowFields"
|
||||
@@ -83,7 +83,7 @@
|
||||
<div class="endpoint-title">
|
||||
<span class="endpoint-title-content">
|
||||
<i class="nz-icon nz-icon-arrow-down" :class="metricsShow?'':'is-active'" @click="metricsShow = !metricsShow"></i>
|
||||
{{$t('project.metrics.metrics')}}
|
||||
{{$t('overall.metric')}}
|
||||
</span>
|
||||
<el-switch v-model="editModule.configs[0].enable" size="small" :active-value="1" :inactive-value="0"></el-switch>
|
||||
</div>
|
||||
@@ -97,7 +97,7 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!--host-->
|
||||
<el-form-item :label='$t("project.endpoint.host")' class="half-form-item" prop="configs.0.config.host" :rules="[{ required: true, message: $t('validate.required'), trigger: 'blur' }]">
|
||||
<el-form-item :label='$t("asset.host")' class="half-form-item" prop="configs.0.config.host" :rules="[{ required: true, message: $t('validate.required'), trigger: 'blur' }]">
|
||||
<el-input id="module-box-input-host" v-model="editModule.configs[0].config.host" placeholder="" size="small"></el-input>
|
||||
</el-form-item>
|
||||
<!--path-->
|
||||
@@ -173,7 +173,7 @@
|
||||
</span>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane :label="$t('project.endpoint.param')" name="Parameter">
|
||||
<el-tab-pane :label="$t('config.assetLabel.params')" name="Parameter">
|
||||
<div id="module-box-params" ref="labelBoxScrollbar" style="height: 100%; overflow: auto;">
|
||||
<div v-for="(item, index) in editModule.paramObj" :key="index" class="param-box-row">
|
||||
<el-form-item :prop="'paramObj.' + index + '.key'" class="param-box-row-key">
|
||||
|
||||
@@ -72,7 +72,7 @@ export default {
|
||||
this.$put('monitor/project', this.editProject).then(response => {
|
||||
if (response.code === 200) {
|
||||
// this.$message({ duration: 1000, type: 'success', message: this.$t('tip.saveSuccess') })
|
||||
this.messageShow(this.$t('tip.saveSuccess'), '/module', { projectId: response.data.id }, false, 'guide.addModule')
|
||||
this.messageShow(this.$t('tip.saveSuccess'), '/module', { projectId: response.data.id }, false, 'overall.createModule')
|
||||
this.$store.commit('projectListChange')
|
||||
this.$store.commit('setProject', this.project)
|
||||
this.esc(true)
|
||||
@@ -84,7 +84,7 @@ export default {
|
||||
} else {
|
||||
this.$post('monitor/project', this.editProject).then(response => {
|
||||
if (response.code === 200) {
|
||||
this.messageShow(this.$t('tip.saveSuccess'), '/module', { projectId: response.data.id }, true, 'guide.addModule')
|
||||
this.messageShow(this.$t('tip.saveSuccess'), '/module', { projectId: response.data.id }, true, 'overall.createModule')
|
||||
this.$store.commit('projectListChange')
|
||||
this.esc(true)
|
||||
} else {
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div v-clickoutside="{obj: editCabinet, func: esc}" class="right-box right-setting-box-cabinet">
|
||||
<div class="right-box__header">
|
||||
<div class="header__title">{{editCabinet.id ? $t('config.dc.editCabinet') : $t('config.cabinet.createCabinet')}}</div>
|
||||
<div class="header__title">{{editCabinet.id ? $t('config.dc.editCabinet') : $t('overall.createCabinet')}}</div>
|
||||
<div class="header__operation">
|
||||
<span v-cancel="{obj: editCabinet, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
|
||||
</div>
|
||||
|
||||
@@ -17,7 +17,7 @@
|
||||
<el-form-item :label='$t("config.menus.code")' prop="code">
|
||||
<el-input placeholder="" maxlength="64" show-word-limit v-model="editGlobalization.code" size="small" id="dc-box-input-code"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('config.menus.lang')" prop="lang">
|
||||
<el-form-item :label="$t('config.user.language')" prop="lang">
|
||||
<el-select id="account-input-language"
|
||||
class="right-box__select"
|
||||
v-model="editGlobalization.lang"
|
||||
@@ -29,7 +29,7 @@
|
||||
</template>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item :label='$t("config.menus.value")' prop="value">
|
||||
<el-form-item :label='$t("overall.labels")' prop="value">
|
||||
<el-input placeholder="" maxlength="128" show-word-limit v-model="editGlobalization.value" size="small" id="dc-box-input-value"></el-input>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item :label='$t("i18n.remark")' prop="remark">-->
|
||||
|
||||
@@ -264,7 +264,7 @@ export default {
|
||||
errRows: []
|
||||
},
|
||||
{
|
||||
label: this.$t('config.dc.traffic.tags'),
|
||||
label: this.$t('overall.tag'),
|
||||
prop: 'tags',
|
||||
required: false,
|
||||
errRows: []
|
||||
|
||||
@@ -75,11 +75,11 @@ const searchSelectInfo = { // value: 传给后台的值；label：显示给用
|
||||
pingStatus: [
|
||||
{
|
||||
value: '0',
|
||||
label: i18n.t('asset.pingInactive')
|
||||
label: i18n.t('license.inactive')
|
||||
},
|
||||
{
|
||||
value: '1',
|
||||
label: i18n.t('asset.pingActive')
|
||||
label: i18n.t('overall.active')
|
||||
}
|
||||
],
|
||||
credentialType: [
|
||||
@@ -98,19 +98,19 @@ const searchSelectInfo = { // value: 传给后台的值；label：显示给用
|
||||
},
|
||||
{
|
||||
value: 'update',
|
||||
label: i18n.t('config.operationlog.operations.update')
|
||||
label: i18n.t('profile.update')
|
||||
},
|
||||
{
|
||||
value: 'query',
|
||||
label: i18n.t('config.operationlog.operations.query')
|
||||
label: i18n.t('overall.query')
|
||||
},
|
||||
{
|
||||
value: 'import',
|
||||
label: i18n.t('config.operationlog.operations.import')
|
||||
label: i18n.t('overall.importExcel')
|
||||
},
|
||||
{
|
||||
value: 'export',
|
||||
label: i18n.t('config.operationlog.operations.export')
|
||||
label: i18n.t('overall.exportExcel')
|
||||
},
|
||||
{
|
||||
value: 'delete',
|
||||
@@ -118,7 +118,7 @@ const searchSelectInfo = { // value: 传给后台的值；label：显示给用
|
||||
},
|
||||
{
|
||||
value: 'reset',
|
||||
label: i18n.t('config.operationlog.operations.reset')
|
||||
label: i18n.t('overall.reset')
|
||||
},
|
||||
{
|
||||
value: 'unknown',
|
||||
@@ -126,11 +126,11 @@ const searchSelectInfo = { // value: 传给后台的值；label：显示给用
|
||||
},
|
||||
{
|
||||
value: 'login',
|
||||
label: i18n.t('config.operationlog.operations.login')
|
||||
label: i18n.t('login.login')
|
||||
},
|
||||
{
|
||||
value: 'logout',
|
||||
label: i18n.t('config.operationlog.operations.logout')
|
||||
label: i18n.t('overall.signOut')
|
||||
}
|
||||
],
|
||||
alertMessageState: [
|
||||
@@ -150,7 +150,7 @@ const searchSelectInfo = { // value: 传给后台的值；label：显示给用
|
||||
},
|
||||
{
|
||||
value: 'TELNET',
|
||||
label: i18n.t('config.terminallog.TELNET')
|
||||
label: i18n.t('asset.telnetProtocol')
|
||||
}
|
||||
],
|
||||
state: [
|
||||
@@ -250,7 +250,7 @@ const searchSelectInfo = { // value: 传给后台的值；label：显示给用
|
||||
searchMetrics: [
|
||||
{
|
||||
id: 1,
|
||||
name: i18n.t('project.metrics.metrics'),
|
||||
name: i18n.t('overall.metric'),
|
||||
searchType: 'alertTypes'
|
||||
},
|
||||
{
|
||||
|
||||
@@ -63,7 +63,7 @@
|
||||
<template v-else-if="item.prop === 'duration'">
|
||||
<el-tooltip :disabled="!scope.row.endAt" effect="light" placement="right">
|
||||
<div slot="content">
|
||||
{{$t('config.terminallog.endTime')}}<br/>
|
||||
{{$t('overall.endTime')}}<br/>
|
||||
{{utcTimeToTimezoneStr(scope.row.endAt)}}
|
||||
</div>
|
||||
<span>{{getDuration(scope.row)}}</span>
|
||||
|
||||
@@ -47,7 +47,7 @@
|
||||
<template v-else-if="item.prop === 'duration'">
|
||||
<el-tooltip :disabled="!scope.row.etts" effect="light" placement="right">
|
||||
<div slot="content">
|
||||
{{$t('config.terminallog.endTime')}}<br/>
|
||||
{{$t('overall.endTime')}}<br/>
|
||||
{{utcTimeToTimezoneStr(scope.row.etts)}}
|
||||
</div>
|
||||
<span>{{getDuration(scope.row)}}</span>
|
||||
|
||||
@@ -45,7 +45,7 @@
|
||||
<span style="cursor: pointer" @click="queryMessage(scope.row)">
|
||||
<i :class="scope.row.alertNum ? 'red' : 'green'" class="nz-icon nz-icon-overview-alert vertical-align-top;" @mouseenter="tooltipHover(scope.row,true, $event)" @mouseleave="tooltipHover(scope.row,false, $event)"></i>
|
||||
<div v-if="scope.row.alertNumtooltipShow" class="alert-days-info-tooltip" :style="{left: scope.row.left + 'px',top:scope.row.top + 'px'}">
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('asset.pingActive')}})</div>
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('overall.active')}})</div>
|
||||
<div class="severity-info" style='justify-content: space-between'>
|
||||
<div class="severity-name">{{$t('overall.result.total')}}</div>
|
||||
<div class="severity-value">{{scope.row.alertNum}}</div>
|
||||
@@ -58,7 +58,7 @@
|
||||
</span>
|
||||
</template>
|
||||
<template v-else-if="item.prop === 'type'">
|
||||
<span v-if="scope.row[item.prop] === 1">{{ $t('project.metrics.metrics') }}</span>
|
||||
<span v-if="scope.row[item.prop] === 1">{{ $t('overall.metric') }}</span>
|
||||
<span v-else-if="scope.row[item.prop] === 2">{{ $t('overall.logs') }}</span>
|
||||
<span v-else-if="scope.row[item.prop] === 3">SNMP trap</span>
|
||||
<span v-else>-</span>
|
||||
@@ -252,25 +252,25 @@ export default {
|
||||
weekList: [
|
||||
{
|
||||
value: 1,
|
||||
label: this.$t('week.SunAbbreviation')
|
||||
label: this.$t('week.Sun')
|
||||
}, {
|
||||
value: 2,
|
||||
label: this.$t('week.MonAbbreviation')
|
||||
label: this.$t('week.Mon')
|
||||
}, {
|
||||
value: 3,
|
||||
label: this.$t('week.TueAbbreviation')
|
||||
label: this.$t('week.Tue')
|
||||
}, {
|
||||
value: 4,
|
||||
label: this.$t('week.WedAbbreviation')
|
||||
label: this.$t('week.Wed')
|
||||
}, {
|
||||
value: 5,
|
||||
label: this.$t('week.ThuAbbreviation')
|
||||
label: this.$t('week.Thu')
|
||||
}, {
|
||||
value: 6,
|
||||
label: this.$t('week.FriAbbreviation')
|
||||
label: this.$t('week.Fri')
|
||||
}, {
|
||||
value: 7,
|
||||
label: this.$t('week.SatAbbreviation')
|
||||
label: this.$t('week.Sat')
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@@ -43,7 +43,7 @@
|
||||
placement="right"
|
||||
>
|
||||
<div slot="content">
|
||||
{{ $t("config.terminallog.endTime") }}<br />
|
||||
{{ $t("overall.endTime") }}<br />
|
||||
{{ utcTimeToTimezoneStr(scope.row.endAt) }}
|
||||
</div>
|
||||
<span>{{ getDuration(scope.row) }}</span>
|
||||
|
||||
@@ -48,7 +48,7 @@
|
||||
<span style="cursor: pointer" @click="$emit('showBottomBox', 'alertMessageTab', scope.row)">
|
||||
<i :class="scope.row.alertNum ? 'red' : 'green'" class="nz-icon nz-icon-overview-alert vertical-align-top;" @mouseenter="tooltipHover(scope.row,true, $event)" @mouseleave="tooltipHover(scope.row,false, $event)"></i>
|
||||
<div v-if="scope.row.alertNumtooltipShow" class="alert-days-info-tooltip" :style="{left: scope.row.left + 'px',top:scope.row.top + 'px'}">
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('asset.pingActive')}})</div>
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('overall.active')}})</div>
|
||||
<div class="severity-info" style='justify-content: space-between'>
|
||||
<div class="severity-name">{{$t('overall.result.total')}}</div>
|
||||
<div class="severity-value">{{scope.row.alertNum}}</div>
|
||||
|
||||
@@ -83,6 +83,7 @@
|
||||
:visible.sync="topologyShow"
|
||||
:show-close="false"
|
||||
class="nz-dialog chart-fullscreen"
|
||||
:close-on-click-modal="false"
|
||||
destroy-on-close
|
||||
fullscreen
|
||||
:modal-append-to-body="false"
|
||||
|
||||
@@ -119,7 +119,7 @@ export default {
|
||||
minWidth: 200,
|
||||
sortable: 'custom'
|
||||
}, {
|
||||
label: this.$t('config.agent.host'),
|
||||
label: this.$t('asset.host'),
|
||||
prop: 'host',
|
||||
show: true
|
||||
}, {
|
||||
|
||||
@@ -69,7 +69,7 @@
|
||||
<span style="cursor: pointer" @click="$emit('showBottomBox', 'alertMessageTab', scope.row)">
|
||||
<i :class="scope.row.alertNum ? 'red' : 'green'" class="nz-icon nz-icon-overview-alert vertical-align-top;" @mouseenter="tooltipHover(scope.row,true, $event)" @mouseleave="tooltipHover(scope.row,false, $event)"></i>
|
||||
<div v-if="scope.row.alertNumtooltipShow" class="alert-days-info-tooltip" :style="{left: scope.row.left + 'px',top:scope.row.top + 'px'}">
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('asset.pingActive')}})</div>
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('overall.active')}})</div>
|
||||
<div class="severity-info" style='justify-content: space-between'>
|
||||
<div class="severity-name">{{$t('overall.result.total')}}</div>
|
||||
<div class="severity-value">{{scope.row.alertNum}}</div>
|
||||
|
||||
@@ -76,7 +76,7 @@
|
||||
<span style="cursor: pointer" @click="showBottomBox('endpointAlertMessage', scope.row)">
|
||||
<i :class="scope.row.alertNum ? 'red' : 'green'" class="nz-icon nz-icon-overview-alert vertical-align-top;" @mouseenter="tooltipHover(scope.row,true, $event)" @mouseleave="tooltipHover(scope.row,false, $event)"></i>
|
||||
<div v-if="scope.row.alertNumtooltipShow" class="alert-days-info-tooltip" :style="{left: scope.row.left + 'px',top:scope.row.top + 'px'}">
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('asset.pingActive')}})</div>
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('overall.active')}})</div>
|
||||
<div class="severity-info" style='justify-content: space-between'>
|
||||
<div class="severity-name">{{$t('overall.result.total')}}</div>
|
||||
<div class="severity-value">{{scope.row.alertNum}}</div>
|
||||
@@ -108,7 +108,7 @@
|
||||
@mouseenter="labelHoverConfigs(scope.row, 0, true, $event)"
|
||||
@mouseleave="labelHoverConfigs(scope.row, 0, false, $event)"
|
||||
>
|
||||
<span class="endpoint-cell-left"><i class="nz-icon nz-icon-Metrics colorFA901C" /> {{$t('project.metrics.metrics')}} </span>
|
||||
<span class="endpoint-cell-left"><i class="nz-icon nz-icon-Metrics colorFA901C" /> {{$t('overall.metric')}} </span>
|
||||
<span v-if="scope.row.configs[0].state===0 || !scope.row.configs[0].state">
|
||||
<span class="active-icon red-bg inline-block"></span>
|
||||
</span>
|
||||
@@ -146,7 +146,7 @@
|
||||
</nz-tooltip>
|
||||
</template>
|
||||
<template v-else-if="item.prop === 'enabled'">
|
||||
<span v-if="scope.row[item.prop] === 1">{{$t('asset.talon.enable')}}</span>
|
||||
<span v-if="scope.row[item.prop] === 1">{{$t('overall.enable')}}</span>
|
||||
<span v-else>{{$t('profile.close')}}</span>
|
||||
</template>
|
||||
<span v-else-if="item.prop === 'id'" :id="'globalSearch' + scope.row.id">{{scope.row[item.prop]}}</span>
|
||||
|
||||
@@ -92,7 +92,7 @@ export default {
|
||||
show: true,
|
||||
sortable: 'custom'
|
||||
}, {
|
||||
label: this.$t('config.exprTemp.gname'),
|
||||
label: this.$t('dashboard.panel.chartForm.group'),
|
||||
prop: 'gname',
|
||||
show: true,
|
||||
sortable: 'custom'
|
||||
|
||||
@@ -102,13 +102,13 @@ export default {
|
||||
minWidth: 150,
|
||||
sortable: 'custom'
|
||||
}, {
|
||||
label: this.$t('config.menus.lang'),
|
||||
label: this.$t('config.user.language'),
|
||||
prop: 'lang',
|
||||
show: true,
|
||||
minWidth: 150,
|
||||
sortable: 'custom'
|
||||
}, {
|
||||
label: this.$t('config.menus.value'),
|
||||
label: this.$t('overall.labels'),
|
||||
prop: 'value',
|
||||
minWidth: 150,
|
||||
show: true
|
||||
|
||||
@@ -146,7 +146,7 @@ export default {
|
||||
show: false,
|
||||
minWidth: 120
|
||||
}, {
|
||||
label: this.$t('config.mib.updateAt'),
|
||||
label: this.$t('alert.silence.upTime'),
|
||||
prop: 'updateAt',
|
||||
show: false,
|
||||
minWidth: 150
|
||||
|
||||
@@ -55,7 +55,7 @@
|
||||
<span style="cursor: pointer" @click="showBottomBox('moduleAlertMessage', scope.row)">
|
||||
<i :class="scope.row.alertNum ? 'red' : 'green'" class="nz-icon nz-icon-overview-alert vertical-align-top;" @mouseenter="tooltipHover(scope.row,true, $event)" @mouseleave="tooltipHover(scope.row,false, $event)"></i>
|
||||
<div v-if="scope.row.alertNumtooltipShow" class="alert-days-info-tooltip" :style="{left: scope.row.left + 'px',top:scope.row.top + 'px'}">
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('asset.pingActive')}})</div>
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('overall.active')}})</div>
|
||||
<div class="severity-info" style='justify-content: space-between'>
|
||||
<div class="severity-name">{{$t('overall.result.total')}}</div>
|
||||
<div class="severity-value">{{scope.row.alertNum}}</div>
|
||||
|
||||
@@ -109,7 +109,7 @@ export default {
|
||||
minWidth: 80
|
||||
},
|
||||
// {
|
||||
// label: this.$t('config.operationlog.userId'),
|
||||
// label: this.$t('config.user.userId'),
|
||||
// prop: 'userId',
|
||||
// show: false,
|
||||
// },
|
||||
|
||||
@@ -59,7 +59,7 @@
|
||||
<span style="cursor: pointer" @click="jumpAlertMessage(scope.row)">
|
||||
<i :class="scope.row.alertNum ? 'red' : 'green'" class="nz-icon nz-icon-overview-alert vertical-align-top;" @mouseenter="tooltipHover(scope.row,true, $event)" @mouseleave="tooltipHover(scope.row,false, $event)"></i>
|
||||
<div v-if="scope.row.alertNumtooltipShow" class="alert-days-info-tooltip" :style="{left: scope.row.left + 'px',top:scope.row.top + 'px'}">
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('asset.pingActive')}})</div>
|
||||
<div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('overall.active')}})</div>
|
||||
<div class="severity-info" style='justify-content: space-between'>
|
||||
<div class="severity-name">{{$t('overall.result.total')}}</div>
|
||||
<div class="severity-value">{{scope.row.alertNum}}</div>
|
||||
|
||||
@@ -111,7 +111,7 @@ export default {
|
||||
return {
|
||||
tableTitle: [
|
||||
{
|
||||
label: this.$t('overall.endpoint'),
|
||||
label: this.$t('asset.endpoint'),
|
||||
prop: 'endpoint',
|
||||
show: true
|
||||
}, {
|
||||
|
||||
@@ -59,7 +59,7 @@
|
||||
<template v-else-if="item.prop === 'duration'">
|
||||
<el-tooltip effect="light" placement="right">
|
||||
<div slot="content">
|
||||
{{$t('config.terminallog.endTime')}}<br/>
|
||||
{{$t('overall.endTime')}}<br/>
|
||||
{{utcTimeToTimezoneStr(scope.row.endTime)}}
|
||||
</div>
|
||||
<span>{{getDuration(scope.row)}}</span>
|
||||
|
||||
@@ -65,7 +65,7 @@
|
||||
</div>
|
||||
<div class="input-hint">{{inputError}}</div>
|
||||
</div>
|
||||
<div class="content-title">{{$t('dashboard.panel.chartForm.valMapping.to')}}</div>
|
||||
<div class="content-title">{{$t('dashboard.panel.to')}}</div>
|
||||
<div tabindex="2" class="content-input" :class="oldSearchTimeError[1] ? 'input-error' : ''">
|
||||
<el-input @focus="searchTimeValue = oldSearchTime[1]" v-model="oldSearchTime[1]" @change="dateInputChange('end',oldSearchTime[1])" size="mini"> </el-input>
|
||||
<div @click="myDatePickerShow()" class="nz-icon-box">
|
||||
|
||||
@@ -113,7 +113,7 @@ export default {
|
||||
permission: 'header_add_asset'
|
||||
},
|
||||
{
|
||||
label: this.$t('alert.config.alertConfig'),
|
||||
label: this.$t('alert.rule'),
|
||||
url: 'alertConfig',
|
||||
type: 5,
|
||||
permission: 'header_add_rule'
|
||||
|
||||
@@ -96,7 +96,7 @@
|
||||
<div slot="footer" class="footer">
|
||||
<div class="el-message-box__btns">
|
||||
<button :id="'-xlsx-import-export'" v-has="'alertMessage_expired'" class="nz-btn nz-btn-size-normal nz-btn-style-normal-new" @click="exportData">
|
||||
<span style="text-transform:Capitalize">{{$t('config.operationlog.operations.export')}}</span>
|
||||
<span style="text-transform:Capitalize">{{$t('overall.exportExcel')}}</span>
|
||||
</button>
|
||||
<button :id="'-xlsx-import-close'" class="nz-btn el-button el-button--default el-button--small" @click="closeDialog">
|
||||
<span>{{$t('overall.close')}}</span>
|
||||
|
||||
@@ -70,9 +70,9 @@ export default {
|
||||
|
||||
url: '/sys/backup',
|
||||
customTableTitle: [
|
||||
{ label: this.$t('backup.schedule'), prop: 'schedule' },
|
||||
{ label: this.$t('alert.config.schedEnable'), prop: 'schedule' },
|
||||
{ label: this.$t('backup.backupRetention'), prop: 'retention' },
|
||||
{ label: this.$t('asset.talon.enable'), prop: 'state' }
|
||||
{ label: this.$t('overall.enable'), prop: 'state' }
|
||||
],
|
||||
customTableTitle2: [
|
||||
{ label: this.$t('config.assetLabel.date'), prop: 'time', minwidth: 228 },
|
||||
|
||||
@@ -84,13 +84,13 @@ export default {
|
||||
disabled: false
|
||||
},
|
||||
{
|
||||
name: this.$t('config.menus.lang'),
|
||||
name: this.$t('config.user.language'),
|
||||
type: 'input',
|
||||
label: 'lang',
|
||||
disabled: false
|
||||
},
|
||||
{
|
||||
name: this.$t('config.menus.value'),
|
||||
name: this.$t('overall.labels'),
|
||||
type: 'input',
|
||||
label: 'value',
|
||||
disabled: false
|
||||
|
||||
@@ -129,7 +129,7 @@
|
||||
<span id="mib-browser-clear" :title="$t('overall.clear')" class="mib-browser-table-op" @click="clearResult"><i class="nz-icon nz-icon-close"></i></span>
|
||||
</span>
|
||||
</div>
|
||||
<pl-table v-if="showTable" ref="resultTable" v-my-loading="loading" :datas="resultData" :empty-text="$t('config.mib.noData')" :pagination-show="false" :row-height="28"
|
||||
<pl-table v-if="showTable" ref="resultTable" v-my-loading="loading" :datas="resultData" :empty-text="$t('overall.noData')" :pagination-show="false" :row-height="28"
|
||||
border class="mib-browser-table" size="small" style="width: 100%; height: 100%" use-virtual>
|
||||
<pl-table-column v-slot="{row}" label="Name/OID">
|
||||
<div class="too-long-split" @click="searchParam.oid = row.oid">{{row.name ? row.name : row.oid}}</div>
|
||||
|
||||
@@ -3,10 +3,10 @@
|
||||
<div class="system-config-form basicForm">
|
||||
<div class="system-title">{{$t('overall.basicInfo')}}</div>
|
||||
<el-form :model="monitor" label-width="180px" size="small" ref="monitorForm" :rules="monitorRules" :validate-on-rule-change="false">
|
||||
<el-form-item :label="$t('config.system.monitor.prometheusFederation')" prop="prometheus_federation_enabled">
|
||||
<el-form-item :label="$t('setup.system.federation')" prop="prometheus_federation_enabled">
|
||||
<el-checkbox v-model="monitor.prometheus_federation_enabled" true-label="1" false-label="0" id="system-monitor-prometheus_federation_enabled"></el-checkbox>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('config.system.basic.scrapeInterval')" prop="default_scrape_interval">
|
||||
<el-form-item :label="$t('project.endpoint.scrape_interval')" prop="default_scrape_interval">
|
||||
<el-input v-model.number="monitor.default_scrape_interval" >
|
||||
<template slot="append"><span >{{$t('alert.config.second')}}</span></template>
|
||||
</el-input>
|
||||
@@ -54,7 +54,7 @@
|
||||
<el-input v-model="monitor.metrics_storage_s3_access_key" id="monitor-metrics_storage_s3_access_key">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('config.system.monitor.metrics_storage_s3_secret_access_key')" prop="metrics_storage_s3_secret_access_key" :rules=" [ { required: monitor.metrics_storage_type == 2, message: this.$t('validate.required'), trigger: 'blur' }]" class="monitorLastEle">
|
||||
<el-form-item :label="$t('config.terminallog.key')" prop="metrics_storage_s3_secret_access_key" :rules=" [ { required: monitor.metrics_storage_type == 2, message: this.$t('validate.required'), trigger: 'blur' }]" class="monitorLastEle">
|
||||
<el-input v-model="monitor.metrics_storage_s3_secret_access_key" id="monitor-metrics_storage_s3_secret_access_key" type="password">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
@@ -90,7 +90,7 @@
|
||||
<el-input v-model="monitor.logs_storage_s3_access_key" id="monitor-logs_storage_s3_access_key">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('config.system.monitor.metrics_storage_s3_secret_access_key')" prop="logs_storage_s3_secret_access_key" :rules=" [ { required: monitor.logs_storage_type == 2, message: this.$t('validate.required'), trigger: 'blur' }]" class="monitorLastEle">
|
||||
<el-form-item :label="$t('config.terminallog.key')" prop="logs_storage_s3_secret_access_key" :rules=" [ { required: monitor.logs_storage_type == 2, message: this.$t('validate.required'), trigger: 'blur' }]" class="monitorLastEle">
|
||||
<el-input v-model="monitor.logs_storage_s3_secret_access_key" id="monitor-logs_storage_s3_secret_access_key" type="password">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
|
||||
@@ -50,7 +50,7 @@
|
||||
</div>
|
||||
<div class="profile-left__button table-operation-items">
|
||||
<button @click="profileEnable" class="footer__btn" v-if="mfaEnable != '1' && mfaLevel == 0">
|
||||
<span>{{$t('asset.talon.enable')}}</span>
|
||||
<span>{{$t('overall.enable')}}</span>
|
||||
</button>
|
||||
<button @click="profileDisable" class="footer__btn footer__btn--light" :class="{'footer__btn--disabled': mfaEnable == 1 || mfaLevel == 2}" v-if="mfaEnable == '1' || mfaLevel > 0" :disabled="mfaEnable == 1 || mfaLevel == 2 ">
|
||||
<span>{{$t('profile.close')}}</span>
|
||||
|
||||
@@ -149,8 +149,8 @@
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('setup.system.federation')" prop="prometheusFederationEnabled" key="sysprometheusFederationEnabled" >
|
||||
<el-select v-model="system.prometheusFederationEnabled" :placeholder="$t('el.select.placeholder')" style="width: 100%" >
|
||||
<el-option :label="$t('asset.talon.enable')" :value="1"></el-option>
|
||||
<el-option :label="$t('setup.system.federationDisable')" :value="0"></el-option>
|
||||
<el-option :label="$t('overall.enable')" :value="1"></el-option>
|
||||
<el-option :label="$t('overall.unavailable')" :value="0"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
@@ -121,10 +121,10 @@
|
||||
<div class="system-config-form basicForm" v-if="switchTab === 'monitor'">
|
||||
<div class="system-title">{{$t('overall.basicInfo')}}</div>
|
||||
<el-form :model="monitor" label-width="180px" size="small" ref="monitorForm" :rules="monitorRules" :validate-on-rule-change="false">
|
||||
<el-form-item :label="$t('config.system.monitor.prometheusFederation')" prop="prometheus_federation_enabled">
|
||||
<el-form-item :label="$t('setup.system.federation')" prop="prometheus_federation_enabled">
|
||||
<el-checkbox v-model="monitor.prometheus_federation_enabled" true-label="1" false-label="0" id="system-monitor-prometheus_federation_enabled"></el-checkbox>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('config.system.basic.scrapeInterval')" prop="default_scrape_interval">
|
||||
<el-form-item :label="$t('project.endpoint.scrape_interval')" prop="default_scrape_interval">
|
||||
<el-input v-model.number="monitor.default_scrape_interval" >
|
||||
<template slot="append"><span >{{$t('alert.config.second')}}</span></template>
|
||||
</el-input>
|
||||
@@ -172,7 +172,7 @@
|
||||
<el-input v-model="monitor.metrics_storage_s3_access_key" id="monitor-metrics_storage_s3_access_key">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('config.system.monitor.metrics_storage_s3_secret_access_key')" prop="metrics_storage_s3_secret_access_key" :rules=" [ { required: monitor.metrics_storage_type == 2, message: this.$t('validate.required'), trigger: 'blur' }]" class="monitorLastEle">
|
||||
<el-form-item :label="$t('config.terminallog.key')" prop="metrics_storage_s3_secret_access_key" :rules=" [ { required: monitor.metrics_storage_type == 2, message: this.$t('validate.required'), trigger: 'blur' }]" class="monitorLastEle">
|
||||
<el-input v-model="monitor.metrics_storage_s3_secret_access_key" id="monitor-metrics_storage_s3_secret_access_key">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
@@ -209,7 +209,7 @@
|
||||
<el-input v-model="monitor.logs_storage_s3_access_key" id="monitor-logs_storage_s3_access_key">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('config.system.monitor.metrics_storage_s3_secret_access_key')" prop="logs_storage_s3_secret_access_key" :rules=" [ { required: monitor.logs_storage_type == 2, message: this.$t('validate.required'), trigger: 'blur' }]" class="monitorLastEle">
|
||||
<el-form-item :label="$t('config.terminallog.key')" prop="logs_storage_s3_secret_access_key" :rules=" [ { required: monitor.logs_storage_type == 2, message: this.$t('validate.required'), trigger: 'blur' }]" class="monitorLastEle">
|
||||
<el-input v-model="monitor.logs_storage_s3_secret_access_key" id="monitor-logs_storage_s3_secret_access_key">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
</div>
|
||||
<div>{{$t('license.nzTitleValue')}}</div>
|
||||
</div>
|
||||
<div v-if="active === 0">{{$t('license.active')}}</div>
|
||||
<div v-if="active === 0">{{$t('overall.active')}}</div>
|
||||
<div v-else>{{$t('license.inactive')}}</div>
|
||||
</div>
|
||||
<div class="license-left-body">
|
||||
@@ -77,7 +77,7 @@
|
||||
</template>
|
||||
<template v-else-if="item.prop === 'status'">
|
||||
<div v-if="scope.row.status === 0">
|
||||
<div class="active-icon green-bg inline-block"></div> {{ $t('license.active') }}
|
||||
<div class="active-icon green-bg inline-block"></div> {{ $t('overall.active') }}
|
||||
</div>
|
||||
<div v-else-if="scope.row.status !== 0">
|
||||
<div class="active-icon red-bg inline-block"></div> {{ $t('license.inactive') }}
|
||||
|
||||
@@ -117,7 +117,7 @@ export default {
|
||||
label: 'name',
|
||||
disabled: false
|
||||
}, {
|
||||
name: this.$t('config.exprTemp.gname'),
|
||||
name: this.$t('dashboard.panel.chartForm.group'),
|
||||
type: 'input',
|
||||
label: 'gname',
|
||||
disabled: false
|
||||
|
||||
@@ -10,12 +10,12 @@
|
||||
popper-class="alert-form-pop right-box-select-top right-public-box-dropdown-top no-style-class"
|
||||
clearable></el-cascader>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('alert.config.alertConfig')">
|
||||
<el-form-item :label="$t('alert.rule')">
|
||||
<el-select class="form-item" size="small" :placeholder="$t('el.select.placeholder')" popper-class="alert-form-pop right-box-select-top right-public-box-dropdown-top no-style-class" v-model="parameters.alertRule" clearable id="alert-param-alertrule">
|
||||
<el-option v-for="(rule, index) in alertRules" :key="index" :label="rule.name" :value="rule.id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('dashboard.panel.chartForm.alertParam.level')" prop="level" class="severity-box">
|
||||
<el-form-item :label="$t('alert.severity')" prop="level" class="severity-box">
|
||||
<el-select class="form-item" size="small" :placeholder="$t('el.select.placeholder')" popper-class="alert-form-pop right-box-select-top right-public-box-dropdown-top no-style-class" v-model="parameters.level" clearable id="alert-param-level">
|
||||
<el-option v-for="item in alertPriority" :id="'alert-severity-'+item.value" :key="item.id" :label="item.name" :value="item.id">
|
||||
<span>
|
||||
|
||||
@@ -375,7 +375,7 @@ export default {
|
||||
searchMetrics: [
|
||||
{
|
||||
value: 'Metrics',
|
||||
label: this.$t('project.metrics.metrics'),
|
||||
label: this.$t('overall.metric'),
|
||||
icon: 'nz-icon nz-icon-Metrics'
|
||||
},
|
||||
{
|
||||
@@ -384,7 +384,7 @@ export default {
|
||||
icon: 'nz-icon nz-icon-logs'
|
||||
}
|
||||
],
|
||||
selectValue: this.$t('project.metrics.metrics'),
|
||||
selectValue: this.$t('overall.metric'),
|
||||
selectIcon: 'nz-icon nz-icon-Metrics',
|
||||
showMetrics: true,
|
||||
promqlCount: 1,
|
||||
|
||||
@@ -797,7 +797,7 @@ export default {
|
||||
this.codeMirrorValue[this.index] = value
|
||||
this.dropDownVisible = false
|
||||
this.$emit('change', value)
|
||||
// this.initCodeMirror()
|
||||
this.initCodeMirror()
|
||||
this.$forceUpdate()
|
||||
this.cascaderValue = ''
|
||||
},
|
||||
|
||||
@@ -79,7 +79,7 @@
|
||||
<span v-if="endpointData.num > 1000 " class="over-num">+</span>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
<div class="content-col-content-title">{{$t("overall.endpoint")}}</div>
|
||||
<div class="content-col-content-title">{{$t("asset.endpoint")}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -104,7 +104,7 @@
|
||||
<div class="content-row-box">
|
||||
<div class="content-col-box">
|
||||
<div class="content-col-title">
|
||||
<span>{{$t("dashboard.overview.projectTopoLogy")}}</span>
|
||||
<span>{{$t("dashboard.panel.chartForm.typeVal.topology.label")}}</span>
|
||||
</div>
|
||||
<div v-my-loading="topologyLoading" class="content-col-content">
|
||||
<transition name = "el-zoom-in-center">
|
||||
@@ -641,12 +641,12 @@ export default {
|
||||
const prometheusOption = chartConfig.getOption('tooltipPie')
|
||||
endpointOption.series[0].label.formatter = data.asset.total + ''
|
||||
endpointOption.series[0].data = [
|
||||
{ name: vm.$t('dashboard.overview.asset.ok'), value: data.asset.ok ? data.asset.ok : 0 },
|
||||
{ name: vm.$t('el.datepicker.confirm'), value: data.asset.ok ? data.asset.ok : 0 },
|
||||
{ name: vm.$t('dashboard.overview.asset.alarm'), value: data.asset.alarm ? data.asset.alarm : 0 }
|
||||
// { name: vm.$t('dashboard.overview.asset.total'), value: data.asset.total ? data.asset.total : 0 }
|
||||
]
|
||||
endpointOption.title.text = vm.$t('asset.asset')
|
||||
endpointOption.legend.data = [vm.$t('dashboard.overview.asset.ok'), vm.$t('dashboard.overview.asset.alarm')]
|
||||
endpointOption.legend.data = [vm.$t('el.datepicker.confirm'), vm.$t('dashboard.overview.asset.alarm')]
|
||||
prometheusOption.series[0].label.formatter = data.agent.up + ''
|
||||
prometheusOption.series[0].data = [
|
||||
{ name: vm.$t('config.agent.up'), value: data.agent.up ? data.agent.up : 0 },
|
||||
|
||||
@@ -79,7 +79,7 @@
|
||||
<span class="over-num" v-if="(endpointData ? endpointData.total : 0) > 1000 ">+</span>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
<div class="content-col-content-title">{{$t("overall.endpoint")}}</div>
|
||||
<div class="content-col-content-title">{{$t("asset.endpoint")}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -104,7 +104,7 @@
|
||||
<div class="content-row-box">
|
||||
<div class="content-col-box">
|
||||
<div class="content-col-title">
|
||||
<span>{{$t("dashboard.overview.projectTopoLogy")}}</span>
|
||||
<span>{{$t("dashboard.panel.chartForm.typeVal.topology.label")}}</span>
|
||||
<!--<span class="content-col-title-tools">-->
|
||||
<!--<time-picker ref="calendarPanel" class="nz-dashboard-picker" @change="dateChange"></time-picker>-->
|
||||
<!--<span class="content-col-title-tool">-->
|
||||
@@ -899,19 +899,19 @@ export default {
|
||||
const prometheusOption = chartConfig.getOption('tooltipPie')
|
||||
endpointOption.series[0].label.formatter = data.endpointTotal + ''
|
||||
endpointOption.series[0].data = [
|
||||
{ name: vm.$t('dashboard.overview.asset.pingUp'), value: data.endpointUp ? data.endpointUp : 0 },
|
||||
{ name: vm.$t('config.agent.up'), value: data.endpointUp ? data.endpointUp : 0 },
|
||||
{ name: vm.$t('asset.down'), value: data.endpointDown ? data.endpointDown : 0 },
|
||||
{ name: vm.$t('asset.suspended'), value: data.endpointSuspended ? data.endpointSuspended : 0 }
|
||||
]
|
||||
endpointOption.title.text = vm.$t('project.endpoint.endpoint')
|
||||
endpointOption.legend.data = [vm.$t('dashboard.overview.asset.pingUp'), vm.$t('asset.down'), vm.$t('asset.suspended')]
|
||||
endpointOption.legend.data = [vm.$t('config.agent.up'), vm.$t('asset.down'), vm.$t('asset.suspended')]
|
||||
prometheusOption.series[0].label.formatter = data.promTotal + ''
|
||||
prometheusOption.series[0].data = [
|
||||
{ name: vm.$t('dashboard.overview.asset.pingUp'), value: data.promUp ? data.promUp : 0 },
|
||||
{ name: vm.$t('config.agent.up'), value: data.promUp ? data.promUp : 0 },
|
||||
{ name: vm.$t('asset.down'), value: data.promDown ? data.promDown : 0 }
|
||||
]
|
||||
prometheusOption.title.text = 'Prometheus'
|
||||
prometheusOption.legend.data = [vm.$t('dashboard.overview.asset.pingUp'), vm.$t('asset.down')]
|
||||
prometheusOption.legend.data = [vm.$t('config.agent.up'), vm.$t('asset.down')]
|
||||
tooltipEndpointChart.setOption(endpointOption, true)
|
||||
tooltipPrometheusChart.setOption(prometheusOption, true)
|
||||
}, 100)
|
||||
@@ -1262,7 +1262,7 @@ export default {
|
||||
<div style="line-height: 50px">${this.$t('asset.left.ping')}</div>
|
||||
<div class="tooltip-asset--sub-rows">
|
||||
<div class="tooltip-asset--sub-row">
|
||||
<div class="sub-row--label">${this.$t('dashboard.overview.asset.pingUp')}</div>
|
||||
<div class="sub-row--label">${this.$t('config.agent.up')}</div>
|
||||
<div class="sub-row--value"><div class="sign green-sign"></div><span>${dcStat.assetPingUp}</span></div>
|
||||
</div>
|
||||
<div class="tooltip-asset--sub-row">
|
||||
|
||||
@@ -99,7 +99,7 @@ export default {
|
||||
show: true,
|
||||
minWidth: 400
|
||||
}, {
|
||||
label: this.$t('project.endpoint.host'),
|
||||
label: this.$t('asset.host'),
|
||||
prop: 'host',
|
||||
show: true,
|
||||
width: 200
|
||||
@@ -119,7 +119,7 @@ export default {
|
||||
show: true,
|
||||
width: 200
|
||||
}, {
|
||||
label: this.$t('project.endpoint.param'),
|
||||
label: this.$t('config.assetLabel.params'),
|
||||
prop: 'param',
|
||||
show: true,
|
||||
width: 200
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user