fix:处理中英文完全一样的国际化为一个
This commit is contained in:
@@ -20,19 +20,19 @@ npm run build --report
|
||||
|
||||
For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
|
||||
|
||||
#启动项目
|
||||
# 启动项目
|
||||
|
||||
需要配置 config.json 为 {"baseUrl":"http://192.168.40.42:8080/", "version": "21.04"}
|
||||
|
||||
#自动化测试
|
||||
# 自动化测试
|
||||
npm run unit
|
||||
根目录下 /test/jest.conf.js collectCoverageFrom 变量配置需要测试报告的文件 (因为暂时不测所有 只能一个个引入)
|
||||
specs 配置对应的测试用例 (https://docs.geedge.net/pages/viewpage.action?pageId=58310079 参考匹配器)
|
||||
|
||||
#思维导图
|
||||
# 思维导图
|
||||
https://docs.geedge.net/pages/viewpage.action?pageId=67209306
|
||||
|
||||
#配置多入口
|
||||
# 配置多入口
|
||||
dev 正常启动
|
||||
dev:html 导出为html
|
||||
|
||||
|
||||
@@ -9,7 +9,7 @@ const CopyWebpackPlugin = require('copy-webpack-plugin')
|
||||
const HtmlWebpackPlugin = require('html-webpack-plugin')
|
||||
const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
|
||||
const portfinder = require('portfinder')
|
||||
|
||||
const intro = require('intro.js')
|
||||
const HOST = process.env.HOST
|
||||
const PORT = process.env.PORT && Number(process.env.PORT)
|
||||
const devStart = process.env.npm_lifecycle_event
|
||||
@@ -49,6 +49,9 @@ devWebpackConfig = merge(baseWebpackConfig, {
|
||||
}
|
||||
},
|
||||
plugins: [
|
||||
new webpack.ProvidePlugin({
|
||||
introJs: ['intro.js']
|
||||
}),
|
||||
new webpack.DefinePlugin({
|
||||
'process.env': require('../config/dev.env')
|
||||
}),
|
||||
|
||||
@@ -49,6 +49,9 @@ if (arg === 'html') {
|
||||
chunkFilename: utils.assetsPath('js/[name].[chunkhash].js')
|
||||
},
|
||||
plugins: [
|
||||
new webpack.ProvidePlugin({
|
||||
introJs: ['intro.js'],
|
||||
}),
|
||||
/* new GenerateAssetPlugin({
|
||||
filename: 'config.json',
|
||||
fn: (compilation, cb) => {
|
||||
@@ -198,6 +201,9 @@ if (arg === 'html') {
|
||||
extraFiles: []
|
||||
}), */
|
||||
// http://vuejs.github.io/vue-loader/en/workflow/production.html
|
||||
new webpack.ProvidePlugin({
|
||||
introJs: ['intro.js']
|
||||
}),
|
||||
new webpack.DefinePlugin({
|
||||
'process.env': env
|
||||
}),
|
||||
|
||||
10
nezha-fronted/package-lock.json
generated
10
nezha-fronted/package-lock.json
generated
@@ -9097,6 +9097,11 @@
|
||||
"p-is-promise": "^1.1.0"
|
||||
}
|
||||
},
|
||||
"intro.js": {
|
||||
"version": "5.1.0",
|
||||
"resolved": "https://registry.npmjs.org/intro.js/-/intro.js-5.1.0.tgz",
|
||||
"integrity": "sha512-zwWl/duTh00eeNcZRU4o4/xxloNYPFKs4n4lMRDNx59jZr+qRI0jSOnzqYMOuVftD4beGrmxBHz4k8qp9/dCMA=="
|
||||
},
|
||||
"invariant": {
|
||||
"version": "2.2.4",
|
||||
"resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
|
||||
@@ -18584,6 +18589,11 @@
|
||||
"resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-8.15.1.tgz",
|
||||
"integrity": "sha512-GBbz8qYCu0U2LNu4IcuFLZiuyninG4k26knvhL7GZG5Ncp4RR2VKDEH6g8gQ6I+UUBCvH2MBQVPSdxWe4DBkPw=="
|
||||
},
|
||||
"vue-introjs": {
|
||||
"version": "1.3.2",
|
||||
"resolved": "https://registry.npmjs.org/vue-introjs/-/vue-introjs-1.3.2.tgz",
|
||||
"integrity": "sha512-Bj27iGimO6VKr/Ngxs5hr/Fh8ONSHmvTUj2gh1f5CGZC5vfF1Vb5VyetjXiDdMXhLsqeGSIhac6SbVNHwUh9yQ=="
|
||||
},
|
||||
"vue-jest": {
|
||||
"version": "1.4.0",
|
||||
"resolved": "https://registry.npmjs.org/vue-jest/-/vue-jest-1.4.0.tgz",
|
||||
|
||||
@@ -43,6 +43,7 @@
|
||||
"file-saver": "^2.0.2",
|
||||
"html-webpack-inline-source-plugin": "0.0.10",
|
||||
"html2canvas": "^1.4.1",
|
||||
"intro.js": "^5.1.0",
|
||||
"jspdf": "^2.5.1",
|
||||
"jszip": "^3.9.1",
|
||||
"leaflet": "^1.7.1",
|
||||
@@ -60,6 +61,7 @@
|
||||
"vue-draggable-resizable": "^2.3.0",
|
||||
"vue-grid-layout": "^2.3.12",
|
||||
"vue-i18n": "^8.15.1",
|
||||
"vue-introjs": "^1.3.2",
|
||||
"vue-quill-editor": "^3.0.6",
|
||||
"vue-resource": "^1.5.1",
|
||||
"vue-router": "^3.0.1",
|
||||
|
||||
@@ -0,0 +1,243 @@
|
||||
/*
|
||||
Dark theme for IntroJs
|
||||
By: Khashayar Pourdeilami (http://kpourdeilami.github.io)
|
||||
for: IntroJs (https://github.com/usablica/intro.js)
|
||||
*/
|
||||
.introjs-overlay {
|
||||
position: absolute;
|
||||
z-index: 999999;
|
||||
background:#fff;
|
||||
-webkit-transition: all 0.3s ease-out;
|
||||
-moz-transition: all 0.3s ease-out;
|
||||
-ms-transition: all 0.3s ease-out;
|
||||
-o-transition: all 0.3s ease-out;
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
|
||||
.introjs-fixParent {
|
||||
z-index: auto !important;
|
||||
opacity: 1.0 !important;
|
||||
}
|
||||
|
||||
.introjs-showElement,
|
||||
tr.introjs-showElement > td,
|
||||
tr.introjs-showElement > th {
|
||||
z-index: 9999999 !important;
|
||||
}
|
||||
|
||||
.introjs-relativePosition,
|
||||
tr.introjs-showElement > td,
|
||||
tr.introjs-showElement > th {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.introjs-helperLayer {
|
||||
position: absolute;
|
||||
z-index: 9999998;
|
||||
background:#656D78;
|
||||
-webkit-transition: all 0.3s ease-out;
|
||||
-moz-transition: all 0.3s ease-out;
|
||||
-ms-transition: all 0.3s ease-out;
|
||||
-o-transition: all 0.3s ease-out;
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
|
||||
.introjs-helperNumberLayer {
|
||||
position: absolute;
|
||||
|
||||
z-index: 9999999999 !important;
|
||||
padding: 10px;
|
||||
font-family: Arial, verdana, tahoma;
|
||||
font-size: 13px;
|
||||
top:-40px;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
text-align: center;
|
||||
background:#434A54;
|
||||
width: 20px;
|
||||
height:20px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.introjs-arrow {
|
||||
border: 5px solid #434A54;
|
||||
content:'';
|
||||
position: absolute;
|
||||
}
|
||||
.introjs-arrow.top {
|
||||
top: -10px;
|
||||
border-top-color:transparent;
|
||||
border-right-color:transparent;
|
||||
border-bottom-color:#434A54;
|
||||
border-left-color:transparent;
|
||||
}
|
||||
.introjs-arrow.top-right {
|
||||
top: -10px;
|
||||
right: 10px;
|
||||
border-top-color:transparent;
|
||||
border-right-color:transparent;
|
||||
border-bottom-color:#434A54;
|
||||
border-left-color:transparent;
|
||||
}
|
||||
.introjs-arrow.top-middle {
|
||||
top: -10px;
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
border-top-color:transparent;
|
||||
border-right-color:transparent;
|
||||
border-bottom-color:#434A54;
|
||||
border-left-color:transparent;
|
||||
}
|
||||
.introjs-arrow.right {
|
||||
right: -10px;
|
||||
top: 10px;
|
||||
border-top-color:transparent;
|
||||
border-right-color:transparent;
|
||||
border-bottom-color:transparent;
|
||||
border-left-color:#434A54;
|
||||
}
|
||||
.introjs-arrow.bottom {
|
||||
bottom: -10px;
|
||||
border-top-color:#434A54;
|
||||
border-right-color:transparent;
|
||||
border-bottom-color:transparent;
|
||||
border-left-color:transparent;
|
||||
}
|
||||
.introjs-arrow.left {
|
||||
left: -10px;
|
||||
top: 10px;
|
||||
border-top-color:transparent;
|
||||
border-right-color:#434A54;
|
||||
border-bottom-color:transparent;
|
||||
border-left-color:transparent;
|
||||
}
|
||||
|
||||
.introjs-tooltip {
|
||||
position: absolute;
|
||||
padding: 10px;
|
||||
background-color: #434A54;
|
||||
min-width: 200px;
|
||||
padding-top:30px;
|
||||
|
||||
max-width: 300px;
|
||||
color:#fff;
|
||||
-webkit-transition: opacity 0.1s ease-out;
|
||||
-moz-transition: opacity 0.1s ease-out;
|
||||
-ms-transition: opacity 0.1s ease-out;
|
||||
-o-transition: opacity 0.1s ease-out;
|
||||
transition: opacity 0.1s ease-out;
|
||||
}
|
||||
|
||||
.introjs-tooltipbuttons {
|
||||
text-align: right;
|
||||
position:relative;
|
||||
bottom:-44px;
|
||||
margin-left:-10px;
|
||||
margin-right:-10px;
|
||||
padding:5px;
|
||||
background:#656D78;
|
||||
}
|
||||
|
||||
/*
|
||||
Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
|
||||
Changed by Afshin Mehrabani
|
||||
Further modified by: Khashayar P.
|
||||
*/
|
||||
.introjs-button {
|
||||
position: relative;
|
||||
overflow: visible;
|
||||
display: inline-block;
|
||||
padding: 0.3em 0.8em;
|
||||
border: 2px solid #fff;
|
||||
margin: 0;
|
||||
text-decoration: none;
|
||||
font: 11px/normal sans-serif;
|
||||
color: #fff !important;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
-webkit-background-clip: padding;
|
||||
-moz-background-clip: padding;
|
||||
-o-background-clip: padding-box;
|
||||
/*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
|
||||
/* IE hacks */
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.introjs-button:hover {
|
||||
text-decoration: none;
|
||||
color:#434A54 !important;
|
||||
background:#fff;
|
||||
}
|
||||
|
||||
.introjs-button:focus,
|
||||
.introjs-button:active {
|
||||
background:#fff !important;
|
||||
color:#434A54 !important;
|
||||
}
|
||||
|
||||
/* overrides extra padding on button elements in Firefox */
|
||||
.introjs-button::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.introjs-skipbutton {
|
||||
margin-right: 5px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.introjs-prevbutton {
|
||||
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
|
||||
.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
|
||||
color: #fff;
|
||||
box-shadow: none;
|
||||
cursor: default;
|
||||
background:transparent;
|
||||
border-color:transparent;
|
||||
}
|
||||
|
||||
.introjs-bullets {
|
||||
text-align: center;
|
||||
display:none;
|
||||
}
|
||||
.introjs-bullets ul {
|
||||
clear: both;
|
||||
margin: 15px auto 0;
|
||||
padding: 0;
|
||||
display: inline-block;
|
||||
}
|
||||
.introjs-bullets ul li {
|
||||
list-style: none;
|
||||
float: left;
|
||||
margin: 0 2px;
|
||||
}
|
||||
.introjs-bullets ul li a {
|
||||
display: block;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background: rgba(255,255,255,0.1);
|
||||
border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
text-decoration: none;
|
||||
}
|
||||
.introjs-bullets ul li a:hover {
|
||||
background: rgba(255,255,255,0.2);
|
||||
}
|
||||
.introjs-bullets ul li a.active {
|
||||
background: rgba(255,255,255,0.2);
|
||||
}
|
||||
.introjsFloatingElement {
|
||||
position: absolute;
|
||||
height: 0;
|
||||
width: 0;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -32,6 +32,7 @@ html {
|
||||
@import './common/index.scss'; // 加载通用样式
|
||||
@import './common.scss';
|
||||
@import '../stylus/main.scss';
|
||||
@import './components/introjs/introjs.scss';
|
||||
}
|
||||
|
||||
.theme-dark {
|
||||
@@ -42,4 +43,6 @@ html {
|
||||
@import './common/index.scss'; // 加载通用样式
|
||||
@import './common.scss';
|
||||
@import '../stylus/main.scss';
|
||||
@import './components/introjs/introjs.scss';
|
||||
@import './components/introjs/introjs-dark.scss';
|
||||
}
|
||||
|
||||
@@ -43,11 +43,11 @@
|
||||
</span>
|
||||
<ul slot="dropdown" v-show="dropdownMenuShow" :id="'dropdownUl'+chartIndex" class="el-dropdown-menu nz-chart-dropdown" style="" >
|
||||
<li @click="editChart" class="el-dropdown-menu__item">
|
||||
<i class="nz-icon nz-icon-edit" style="font-size: 16px;"></i><span>{{$t('dashboard.edit')}}</span></li>
|
||||
<i class="nz-icon nz-icon-edit" style="font-size: 16px;"></i><span>{{$t('overall.edit')}}</span></li>
|
||||
<li v-has="'main_delete'" class="el-dropdown-menu__item" @click="removeChart">
|
||||
<i class="nz-icon nz-icon-delete" style="font-size: 16px;"></i>{{$t('overall.delete')}}</li>
|
||||
<li v-has="'main_add'" class="el-dropdown-menu__item" @click="duplicate">
|
||||
<i class="el-icon-copy-document" style="font-size: 16px;"></i>{{$t('dashboard.duplicate')}}</li>
|
||||
<i class="el-icon-copy-document" style="font-size: 16px;"></i>{{$t('overall.duplicate')}}</li>
|
||||
<li v-has="'main_edit'" v-if="from !== 'chartTemp'&&chartData.pid" class="el-dropdown-menu__item" @click="$emit('sync')">
|
||||
<i class="nz-icon nz-icon-sync" style="font-size: 16px;"></i>{{$t('overall.syncChart')}}</li>
|
||||
</ul>
|
||||
@@ -57,16 +57,16 @@
|
||||
<el-table :id="'tableContainer'+chartIndex" ref="tableContainer" :height="tableHeight" class="chart-table"
|
||||
:data="seriesItem" border tooltip-effect="light" v-cloak
|
||||
@sort-change="tableDataSort" >
|
||||
<el-table-column :label="$t('dashboard.panel.chartTableColumn.time')" min-width="100" prop="time"
|
||||
<el-table-column :label="$t('overall.time')" min-width="100" prop="time"
|
||||
:sort-orders="['ascending', 'descending']" :sortable="'custom'"></el-table-column>
|
||||
<el-table-column :show-overflow-tooltip="true" prop="element"
|
||||
:label="$t('dashboard.panel.chartTableColumn.element')" min-width="260"
|
||||
:label="$t('dashboard.panel.chartForm.element')" min-width="260"
|
||||
:sort-orders="['ascending', 'descending']" :sortable="'custom'">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.element.alias?scope.row.element.alias:scope.row.element.element}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column :label="$t('dashboard.panel.chartTableColumn.value')" class-name="costom-value" min-width="90" prop="value"
|
||||
<el-table-column :label="$t('overall.value')" class-name="costom-value" min-width="90" prop="value"
|
||||
:resizable="false" :sort-orders="['ascending', 'descending']" :sortable="'custom'">
|
||||
<template slot-scope="scope">
|
||||
<div :style="{color:scope.row.mapping?scope.row.mapping.color.text:'#000',background:scope.row.mapping?scope.row.mapping.color.bac:'#fff'}" >
|
||||
@@ -90,16 +90,16 @@
|
||||
<el-table :data="seriesItemScreen" border height="95%" style="margin-top: 10px;"
|
||||
ref="tableScreen"
|
||||
@sort-change="tableDataSortScreen" tooltip-effect="light">
|
||||
<el-table-column :label="$t('dashboard.panel.chartTableColumn.time')" min-width="100" prop="time"
|
||||
<el-table-column :label="$t('overall.time')" min-width="100" prop="time"
|
||||
:sort-orders="['ascending', 'descending']" :sortable="'custom'"></el-table-column>
|
||||
<el-table-column :show-overflow-tooltip="true" prop="element"
|
||||
:label="$t('dashboard.panel.chartTableColumn.element')" min-width="420"
|
||||
:label="$t('dashboard.panel.chartForm.element')" min-width="420"
|
||||
:sort-orders="['ascending', 'descending']" :sortable="'custom'">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.element.alias?scope.row.element.alias:scope.row.element.element}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column :label="$t('dashboard.panel.chartTableColumn.value')" class-name="costom-value" min-width="90" prop="value"
|
||||
<el-table-column :label="$t('overall.value')" class-name="costom-value" min-width="90" prop="value"
|
||||
:resizable="false" :sort-orders="['ascending', 'descending']" :sortable="'custom'">
|
||||
<template slot-scope="scope">
|
||||
<div :style="{color:scope.row.mapping?scope.row.mapping.color.text:'#000',background:scope.row.mapping?scope.row.mapping.color.bac:'#fff'}" >
|
||||
|
||||
@@ -56,11 +56,11 @@
|
||||
</span>
|
||||
<ul slot="dropdown" v-show="dropdownMenuShow" :id="'dropdownUl'+chartIndex" class="el-dropdown-menu nz-chart-dropdown" style="" >
|
||||
<li @click="editChart" class="el-dropdown-menu__item">
|
||||
<i class="nz-icon nz-icon-edit" style="font-size: 16px;"></i><span>{{$t('dashboard.edit')}}</span></li>
|
||||
<i class="nz-icon nz-icon-edit" style="font-size: 16px;"></i><span>{{$t('overall.edit')}}</span></li>
|
||||
<li v-has="'main_delete'" class="el-dropdown-menu__item" @click="removeChart">
|
||||
<i class="nz-icon nz-icon-delete" style="font-size: 16px;"></i>{{$t('overall.delete')}}</li>
|
||||
<li v-has="'main_add'" class="el-dropdown-menu__item" @click="duplicate">
|
||||
<i class="el-icon-copy-document" style="font-size: 16px;"></i>{{$t('dashboard.duplicate')}}</li>
|
||||
<i class="el-icon-copy-document" style="font-size: 16px;"></i>{{$t('overall.duplicate')}}</li>
|
||||
<li v-has="'main_edit'" v-if="from !== 'chartTemp'&&chartData.pid" class="el-dropdown-menu__item" @click="$emit('sync')">
|
||||
<i class="nz-icon nz-icon-sync" style="font-size: 16px;"></i>{{$t('overall.syncChart')}}</li>
|
||||
</ul>
|
||||
|
||||
@@ -17,7 +17,7 @@
|
||||
<div class="basic-info-table-value">{{chartDetail? chartDetail.name : '--' }}</div>
|
||||
</div>
|
||||
<div class="basic-info-table-list">
|
||||
<div class="basic-info-table-title">{{$t('overall.manageIp')}}</div>
|
||||
<div class="basic-info-table-title">{{$t('asset.manageIp')}}</div>
|
||||
<div class="basic-info-table-value">{{chartDetail ? chartDetail.manageIp : '--'}}</div>
|
||||
</div>
|
||||
<div class="basic-info-table-list">
|
||||
@@ -40,15 +40,15 @@
|
||||
<div class="basic-info-table-value">{{chartDetail.dc ? chartDetail.dc.name : '--'}}</div>
|
||||
</div>
|
||||
<div class="basic-info-table-list">
|
||||
<div class="basic-info-table-title">{{$t('overall.cabinet')}}</div>
|
||||
<div class="basic-info-table-title">{{$t('asset.cabinet')}}</div>
|
||||
<div class="basic-info-table-value">{{chartDetail.cabinet ? chartDetail.cabinet.name : '--'}}</div>
|
||||
</div>
|
||||
<div class="basic-info-table-list">
|
||||
<div class="basic-info-table-title">{{$t('overall.brand')}}</div>
|
||||
<div class="basic-info-table-title">{{$t('asset.brand')}}</div>
|
||||
<div class="basic-info-table-value">{{chartDetail.brand ? chartDetail.brand.name : '--'}}</div>
|
||||
</div>
|
||||
<div class="basic-info-table-list">
|
||||
<div class="basic-info-table-title">{{$t('overall.model')}}</div>
|
||||
<div class="basic-info-table-title">{{$t('asset.model')}}</div>
|
||||
<div class="basic-info-table-value">{{chartDetail.model ? chartDetail.model.name : '--'}}</div>
|
||||
</div>
|
||||
<div class="basic-info-table-list">
|
||||
@@ -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.endpoint.metrics')}} </span>
|
||||
<span class="endpoint-cell-left"><i class="nz-icon nz-icon-Metrics active" /> {{$t('project.metrics.metrics')}} </span>
|
||||
<span v-if="chartDetail && chartDetail.configs[0].state === 0">
|
||||
<span class="active-icon red-bg inline-block"></span>
|
||||
</span>
|
||||
@@ -143,7 +143,7 @@
|
||||
</span>
|
||||
</span>
|
||||
<span style="width: auto">
|
||||
<span class="endpoint-cell-left" style="margin-left: 10px"><i class="nz-icon nz-icon-logs active" /> {{$t('project.endpoint.logs')}} </span>
|
||||
<span class="endpoint-cell-left" style="margin-left: 10px"><i class="nz-icon nz-icon-logs active" /> {{$t('overall.logs')}} </span>
|
||||
<span v-if="chartDetail && chartDetail.configs[1].state === 0">
|
||||
<span class="active-icon red-bg inline-block"></span>
|
||||
</span>
|
||||
|
||||
@@ -64,7 +64,7 @@
|
||||
<ul v-show="dropdownMenuShow" slot="dropdown" class="el-dropdown-menu nz-chart-dropdown">
|
||||
<li class="el-dropdown-menu__item" v-has="'main_edit'" @click="editChart">
|
||||
<i class="nz-icon nz-icon-edit" style="font-size: 16px;"></i>
|
||||
<span>{{$t('dashboard.edit')}}</span>
|
||||
<span>{{$t('overall.edit')}}</span>
|
||||
</li>
|
||||
<li v-has="'main_delete'" class="el-dropdown-menu__item" @click="removeChart">
|
||||
<i class="nz-icon nz-icon-delete" style="font-size: 16px;"></i>
|
||||
@@ -72,7 +72,7 @@
|
||||
</li>
|
||||
<li v-has="'main_add'" class="el-dropdown-menu__item" @click="duplicate">
|
||||
<i class="el-icon-copy-document" style="font-size: 16px;"></i>
|
||||
<span>{{$t('dashboard.duplicate')}}</span>
|
||||
<span>{{$t('overall.duplicate')}}</span>
|
||||
</li>
|
||||
<li v-if="from !== this.$CONSTANTS.fromRoute.chartTemp && chartInfo.pid" v-has="'main_edit'" class="el-dropdown-menu__item" @click="sync">
|
||||
<i class="nz-icon nz-icon-sync" style="font-size: 16px;"></i>
|
||||
|
||||
@@ -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('webshell.uploadButtonTitle')}}</span>
|
||||
<span>{{$t('asset.upload')}}</span>
|
||||
</button>
|
||||
<button @click="closeDialog" class="el-button el-button--default el-button--small" >
|
||||
<span>{{$t('overall.cancel')}}</span>
|
||||
@@ -119,7 +119,7 @@
|
||||
<div class="footer" slot="footer">
|
||||
<div class="el-message-box__btns" style="text-align: right;margin-top: 20px;">
|
||||
<button @click="download" class="el-button el-button--default el-button--small">
|
||||
<span>{{$t('webshell.downloadButtonTitle')}}</span>
|
||||
<span>{{$t('overall.download')}}</span>
|
||||
</button>
|
||||
<button @click="closeDownloadDialog" class="el-button el-button--default el-button--small">
|
||||
<span>{{$t('overall.cancel')}}</span>
|
||||
@@ -203,13 +203,13 @@
|
||||
<el-option v-for="item in authType" :id="'dc-principal-op-'+item.value" :key="item.value" :label="item.name" :value="item.value"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item :label='$t("webshell.host")' prop="host">
|
||||
<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-input v-model="customConnect.port" size="small"/>
|
||||
</el-form-item>
|
||||
<el-form-item :label='$t("webshell.authUsername")' prop="authUsername">
|
||||
<el-form-item :label='$t("asset.username")' prop="authUsername">
|
||||
<el-input v-model="customConnect.authUsername" size="small" autocomplete="new-password"/>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
@@ -219,7 +219,7 @@
|
||||
>
|
||||
<el-input v-model="customConnect.authPriKey" size="small" autocomplete="new-password"/>
|
||||
</el-form-item>
|
||||
<el-form-item :label='$t("webshell.authPin")' prop="authPin"
|
||||
<el-form-item :label='$t("login.pin")' prop="authPin"
|
||||
:rules="[
|
||||
{ required: customConnect.authType ===1, message:$t('validate.required'), trigger: 'change'},
|
||||
]">
|
||||
@@ -227,13 +227,13 @@
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
v-if="customConnect.authProtocol === 2"
|
||||
:label='$t("webshell.authUserTip")'
|
||||
:label='$t("asset.usernamePrompt")'
|
||||
prop="authUserTip">
|
||||
<el-input v-model="customConnect.authUserTip" size="small"/>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
v-if="customConnect.authProtocol === 2"
|
||||
:label='$t("webshell.authPinTip")'
|
||||
:label='$t("asset.pinPrompt")'
|
||||
prop="authPinTip"
|
||||
>
|
||||
<el-input v-model="customConnect.authPinTip" size="small"/>
|
||||
@@ -318,7 +318,7 @@ export default {
|
||||
// upoload-download
|
||||
|
||||
currentUuid: '',
|
||||
uploadBox: { showUpload: false, title: this.$t('webshell.uploadTitle') },
|
||||
uploadBox: { showUpload: false, title: this.$t('asset.upload') },
|
||||
uploadFile: { file: '', path: '', uuid: '' },
|
||||
uploadFileList: [],
|
||||
uploadResult: null,
|
||||
|
||||
@@ -102,7 +102,7 @@
|
||||
<button type="button" @click="previewTopology" v-if="!isPreview" class="nz-btn nz-btn-size-normal nz-btn-style-light"
|
||||
style="margin-right: 20px"
|
||||
>
|
||||
{{$t('project.topology.preview')}}
|
||||
{{$t('overall.preview')}}
|
||||
</button>
|
||||
<button type="button" v-if="isPreview" class="nz-btn nz-btn-size-normal nz-btn-style-light" @click="previewExit"
|
||||
style="margin-right: 20px"
|
||||
@@ -113,7 +113,7 @@
|
||||
:disabled="prevent_opt.save"
|
||||
:class="{'nz-btn-disabled':prevent_opt.save}"
|
||||
style="margin-right: 20px">
|
||||
{{$t('project.topology.save')}}
|
||||
{{$t('overall.save')}}
|
||||
</button>
|
||||
<button type="button" class="nz-btn nz-btn-size-normal nz-btn-style-normal" style="margin-right: 20px" @click="cancelTopology">
|
||||
{{$t('project.topology.exit')}}
|
||||
@@ -302,7 +302,7 @@
|
||||
v-has="'topo_icon_save'" :disabled="prevent_opt.save"
|
||||
:class="{'nz-btn-disabled':prevent_opt.save}"
|
||||
style="margin-right: 20px">
|
||||
{{$t('project.topology.save')}}
|
||||
{{$t('overall.save')}}
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
@@ -38,7 +38,7 @@
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="alert-label-box">
|
||||
<div class="alert-label-title">{{ $t("overall.manageIp") }}</div>
|
||||
<div class="alert-label-title">{{ $t("asset.manageIp") }}</div>
|
||||
<div class="alert-label-value">
|
||||
{{
|
||||
alertLabelData && alertLabelData.manageIp
|
||||
@@ -104,7 +104,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert-label-box">
|
||||
<div class="alert-label-title">{{ $t("overall.cabinet") }}</div>
|
||||
<div class="alert-label-title">{{ $t("asset.cabinet") }}</div>
|
||||
<div class="alert-label-value">
|
||||
{{
|
||||
alertLabelData &&
|
||||
@@ -116,7 +116,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert-label-box">
|
||||
<div class="alert-label-title">{{ $t("overall.brand") }}</div>
|
||||
<div class="alert-label-title">{{ $t("asset.brand") }}</div>
|
||||
<div class="alert-label-value">
|
||||
{{
|
||||
alertLabelData && alertLabelData.brand && alertLabelData.brand.name
|
||||
@@ -126,7 +126,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert-label-box">
|
||||
<div class="alert-label-title">{{ $t("overall.model") }}</div>
|
||||
<div class="alert-label-title">{{ $t("asset.model") }}</div>
|
||||
<div class="alert-label-value">
|
||||
{{
|
||||
alertLabelData && alertLabelData.model && alertLabelData.model.name
|
||||
@@ -457,7 +457,7 @@
|
||||
<span style="width: auto">
|
||||
<span class="endpoint-cell-left"
|
||||
><i class="nz-icon nz-icon-Metrics active" />
|
||||
{{ $t("project.endpoint.metrics") }}
|
||||
{{ $t("project.metrics.metrics") }}
|
||||
</span>
|
||||
<span
|
||||
v-if="alertLabelData && alertLabelData.configs[0].state === 0"
|
||||
@@ -478,7 +478,7 @@
|
||||
<span style="width: auto">
|
||||
<span class="endpoint-cell-left" style="margin-left: 10px"
|
||||
><i class="nz-icon nz-icon-logs active" />
|
||||
{{ $t("project.endpoint.logs") }}
|
||||
{{ $t("overall.logs") }}
|
||||
</span>
|
||||
<span
|
||||
v-if="alertLabelData && alertLabelData.configs[1].state === 0"
|
||||
@@ -514,7 +514,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert-label-box">
|
||||
<div class="alert-label-title">{{ $t("overall.location") }}</div>
|
||||
<div class="alert-label-title">{{ $t("asset.location") }}</div>
|
||||
<div class="alert-label-value">
|
||||
{{
|
||||
alertLabelData && alertLabelData.location && alertLabelData.location
|
||||
@@ -524,7 +524,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert-label-box">
|
||||
<div class="alert-label-title">{{ $t("overall.cabinet") }}</div>
|
||||
<div class="alert-label-title">{{ $t("asset.cabinet") }}</div>
|
||||
<div class="alert-label-value">
|
||||
<i
|
||||
v-if="alertLabelData"
|
||||
|
||||
@@ -17,7 +17,7 @@
|
||||
<div class="alert-label-value">{{alertLabelData && alertLabelData.name ? alertLabelData.name : '--'}}</div>
|
||||
</div>
|
||||
<div class="alert-label-box">
|
||||
<div class="alert-label-title">{{$t('overall.manageIp')}}</div>
|
||||
<div class="alert-label-title">{{$t('asset.manageIp')}}</div>
|
||||
<div class="alert-label-value">{{alertLabelData && alertLabelData.manageIp ? alertLabelData.manageIp : '--'}}</div>
|
||||
</div>
|
||||
<div class="alert-label-box">
|
||||
@@ -40,15 +40,15 @@
|
||||
<div class="alert-label-value">{{alertLabelData && alertLabelData.dc && alertLabelData.dc.name ? alertLabelData.dc.name:'--'}}</div>
|
||||
</div>
|
||||
<div class="alert-label-box">
|
||||
<div class="alert-label-title">{{$t('overall.cabinet')}}</div>
|
||||
<div class="alert-label-title">{{$t('asset.cabinet')}}</div>
|
||||
<div class="alert-label-value">{{alertLabelData && alertLabelData.cabinet && alertLabelData.cabinet.name ? alertLabelData.cabinet.name : '--'}}</div>
|
||||
</div>
|
||||
<div class="alert-label-box">
|
||||
<div class="alert-label-title">{{$t('overall.brand')}}</div>
|
||||
<div class="alert-label-title">{{$t('asset.brand')}}</div>
|
||||
<div class="alert-label-value">{{alertLabelData && alertLabelData.brand && alertLabelData.brand.name ? alertLabelData.brand.name : '--'}}</div>
|
||||
</div>
|
||||
<div class="alert-label-box">
|
||||
<div class="alert-label-title">{{$t('overall.model')}}</div>
|
||||
<div class="alert-label-title">{{$t('asset.model')}}</div>
|
||||
<div class="alert-label-value">{{alertLabelData && alertLabelData.model && alertLabelData.model.name ? alertLabelData.model.name : '--'}}</div>
|
||||
</div>
|
||||
<div class="alert-label-box">
|
||||
@@ -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.endpoint.metrics')}} </span>
|
||||
<span class="endpoint-cell-left"><i class="nz-icon nz-icon-Metrics colorFA901C" /> {{$t('project.metrics.metrics')}} </span>
|
||||
<span v-if="alertLabelData && alertLabelData.configs[0].state === 0">
|
||||
<span class="active-icon red-bg inline-block"></span>
|
||||
</span>
|
||||
@@ -236,7 +236,7 @@
|
||||
</span>
|
||||
</span>
|
||||
<span style="width: auto">
|
||||
<span class="endpoint-cell-left" style="margin-left: 10px"><i class="nz-icon nz-icon-logs colorFA901C" /> {{$t('project.endpoint.logs')}} </span>
|
||||
<span class="endpoint-cell-left" style="margin-left: 10px"><i class="nz-icon nz-icon-logs colorFA901C" /> {{$t('overall.logs')}} </span>
|
||||
<span v-if="alertLabelData && alertLabelData.configs[1].state === 0">
|
||||
<span class="active-icon red-bg inline-block"></span>
|
||||
</span>
|
||||
@@ -261,11 +261,11 @@
|
||||
<div class="alert-label-value">{{alertLabelData && alertLabelData.name ? alertLabelData.name : '--'}}</div>
|
||||
</div>
|
||||
<div class="alert-label-box">
|
||||
<div class="alert-label-title">{{$t('overall.location')}}</div>
|
||||
<div class="alert-label-title">{{$t('asset.location')}}</div>
|
||||
<div class="alert-label-value">{{alertLabelData && alertLabelData.location && alertLabelData.location ? alertLabelData.location : '--'}}</div>
|
||||
</div>
|
||||
<div class="alert-label-box">
|
||||
<div class="alert-label-title">{{$t('overall.cabinet')}}</div>
|
||||
<div class="alert-label-title">{{$t('asset.cabinet')}}</div>
|
||||
<div class="alert-label-value">
|
||||
<i v-if="alertLabelData" class="nz-icon nz-icon-cabinet monitorColor" :class="alertLabelData && alertLabelData.cabinetNum> 0 ? 'color23BF9A' : 'colorEF7458'"/>
|
||||
<span>{{alertLabelData && alertLabelData.cabinetNum ? alertLabelData.cabinetNum : 0}}</span></div>
|
||||
|
||||
@@ -38,7 +38,7 @@
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="alert-label-box">
|
||||
<div class="alert-label-title">{{ $t("overall.manageIp") }}</div>
|
||||
<div class="alert-label-title">{{ $t("asset.manageIp") }}</div>
|
||||
<div class="alert-label-value">
|
||||
{{
|
||||
alertLabelData && alertLabelData.manageIp
|
||||
@@ -104,7 +104,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert-label-box">
|
||||
<div class="alert-label-title">{{ $t("overall.cabinet") }}</div>
|
||||
<div class="alert-label-title">{{ $t("asset.cabinet") }}</div>
|
||||
<div class="alert-label-value">
|
||||
{{
|
||||
alertLabelData &&
|
||||
@@ -116,7 +116,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert-label-box">
|
||||
<div class="alert-label-title">{{ $t("overall.brand") }}</div>
|
||||
<div class="alert-label-title">{{ $t("asset.brand") }}</div>
|
||||
<div class="alert-label-value">
|
||||
{{
|
||||
alertLabelData && alertLabelData.brand && alertLabelData.brand.name
|
||||
@@ -126,7 +126,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert-label-box">
|
||||
<div class="alert-label-title">{{ $t("overall.model") }}</div>
|
||||
<div class="alert-label-title">{{ $t("asset.model") }}</div>
|
||||
<div class="alert-label-value">
|
||||
{{
|
||||
alertLabelData && alertLabelData.model && alertLabelData.model.name
|
||||
@@ -457,7 +457,7 @@
|
||||
<span style="width: auto">
|
||||
<span class="endpoint-cell-left"
|
||||
><i class="nz-icon nz-icon-Metrics active" />
|
||||
{{ $t("project.endpoint.metrics") }}
|
||||
{{ $t("project.metrics.metrics") }}
|
||||
</span>
|
||||
<span
|
||||
v-if="alertLabelData && alertLabelData.configs[0].state === 0"
|
||||
@@ -478,7 +478,7 @@
|
||||
<span style="width: auto">
|
||||
<span class="endpoint-cell-left" style="margin-left: 10px"
|
||||
><i class="nz-icon nz-icon-logs active" />
|
||||
{{ $t("project.endpoint.logs") }}
|
||||
{{ $t("overall.logs") }}
|
||||
</span>
|
||||
<span
|
||||
v-if="alertLabelData && alertLabelData.configs[1].state === 0"
|
||||
@@ -514,7 +514,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert-label-box">
|
||||
<div class="alert-label-title">{{ $t("overall.location") }}</div>
|
||||
<div class="alert-label-title">{{ $t("asset.location") }}</div>
|
||||
<div class="alert-label-value">
|
||||
{{
|
||||
alertLabelData && alertLabelData.location && alertLabelData.location
|
||||
@@ -524,7 +524,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert-label-box">
|
||||
<div class="alert-label-title">{{ $t("overall.cabinet") }}</div>
|
||||
<div class="alert-label-title">{{ $t("asset.cabinet") }}</div>
|
||||
<div class="alert-label-value">
|
||||
<i
|
||||
v-if="alertLabelData"
|
||||
|
||||
@@ -52,7 +52,7 @@ export default {
|
||||
{ key: 'summary', label: this.$t('alert.summary') },
|
||||
{ key: 'description', label: this.$t('overall.remark') },
|
||||
{ key: 'labels', label: this.$t('alert.list.labels') },
|
||||
{ key: 'startAt', label: this.$t('alert.startAt') }
|
||||
{ key: 'startAt', label: this.$t('overall.startTime') }
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
@@ -18,11 +18,11 @@
|
||||
<div class="alert-rule-value">{{alertRuleData.name ? alertRuleData.name : '--'}}</div>
|
||||
</div>
|
||||
<!-- <div class="alert-rule-box">-->
|
||||
<!-- <div class="alert-rule-title">{{$t('alert.name')}}</div>-->
|
||||
<!-- <div class="alert-rule-title">{{$t('overall.name')}}</div>-->
|
||||
<!-- <div class="alert-rule-value">{{alertRuleData.name ? alertRuleData.name : '--'}}</div>-->
|
||||
<!-- </div>-->
|
||||
<div class="alert-rule-box">
|
||||
<div class="alert-rule-title">{{$t('alert.type')}}</div>
|
||||
<div class="alert-rule-title">{{$t('overall.type')}}</div>
|
||||
<div class="alert-rule-value">
|
||||
<span v-if="alertRuleData.type === 1">
|
||||
{{$t('project.metrics.metrics')}}
|
||||
@@ -64,7 +64,7 @@
|
||||
<div class="alert-rule-value" @click="trbShotShow"><i class="nz-icon nz-icon-guzhangshuju"></i></div>
|
||||
</div>
|
||||
<div class="alert-rule-box">
|
||||
<div class="alert-rule-title">{{$t('alert.state')}}</div>
|
||||
<div class="alert-rule-title">{{$t('overall.state')}}</div>
|
||||
<div class="alert-rule-value" style="margin-left: 3px">
|
||||
<div v-if="alertRuleData.state === 1">
|
||||
<i class="active-icon green-bg inline-block"></i>
|
||||
|
||||
@@ -18,11 +18,11 @@
|
||||
<div class="alert-rule-value">{{alertRuleData.name ? alertRuleData.name : '--'}}</div>
|
||||
</div>
|
||||
<!-- <div class="alert-rule-box">-->
|
||||
<!-- <div class="alert-rule-title">{{$t('alert.name')}}</div>-->
|
||||
<!-- <div class="alert-rule-title">{{$t('overall.name')}}</div>-->
|
||||
<!-- <div class="alert-rule-value">{{alertRuleData.name ? alertRuleData.name : '--'}}</div>-->
|
||||
<!-- </div>-->
|
||||
<div class="alert-rule-box">
|
||||
<div class="alert-rule-title">{{$t('alert.type')}}</div>
|
||||
<div class="alert-rule-title">{{$t('overall.type')}}</div>
|
||||
<div class="alert-rule-value">
|
||||
<span v-if="alertRuleData.type === 1">
|
||||
{{$t('project.metrics.metrics')}}
|
||||
@@ -64,7 +64,7 @@
|
||||
<div class="alert-rule-value" @click="trbShotShow"><i class="nz-icon nz-icon-guzhangshuju"></i></div>
|
||||
</div>
|
||||
<div class="alert-rule-box">
|
||||
<div class="alert-rule-title">{{$t('alert.state')}}</div>
|
||||
<div class="alert-rule-title">{{$t('overall.state')}}</div>
|
||||
<div class="alert-rule-value" style="margin-left: 3px">
|
||||
<div v-if="alertRuleData.state === 1">
|
||||
<i class="active-icon green-bg inline-block"></i>
|
||||
|
||||
@@ -232,22 +232,22 @@ export default {
|
||||
]
|
||||
},
|
||||
model: [
|
||||
{ prop: 'asset', name: this.$t('asset.assets'), active: true }
|
||||
{ prop: 'asset', name: this.$t('guide.asset'), active: true }
|
||||
],
|
||||
dc: {
|
||||
cabinet: [
|
||||
{ prop: 'cabinet', name: this.$t('config.dc.cabinets'), active: true },
|
||||
{ prop: 'asset', name: this.$t('asset.assets'), active: false },
|
||||
{ prop: 'cabinet', name: this.$t('asset.cabinet'), active: true },
|
||||
{ prop: 'asset', name: this.$t('guide.asset'), active: false },
|
||||
{ prop: 'alertMessageTab', name: this.$t('overall.alert'), active: false }
|
||||
],
|
||||
asset: [
|
||||
{ prop: 'cabinet', name: this.$t('config.dc.cabinets'), active: false },
|
||||
{ prop: 'asset', name: this.$t('asset.assets'), active: true },
|
||||
{ prop: 'cabinet', name: this.$t('asset.cabinet'), active: false },
|
||||
{ prop: 'asset', name: this.$t('guide.asset'), active: true },
|
||||
{ prop: 'alertMessageTab', name: this.$t('overall.alert'), active: false }
|
||||
],
|
||||
alertMessage: [
|
||||
{ prop: 'cabinet', name: this.$t('config.dc.cabinets'), active: false },
|
||||
{ prop: 'asset', name: this.$t('asset.assets'), active: false },
|
||||
{ prop: 'cabinet', name: this.$t('asset.cabinet'), active: false },
|
||||
{ prop: 'asset', name: this.$t('guide.asset'), active: false },
|
||||
{ prop: 'alertMessageTab', name: this.$t('overall.alert'), active: true }
|
||||
]
|
||||
},
|
||||
|
||||
@@ -121,7 +121,7 @@ export default {
|
||||
label: 'addr',
|
||||
disabled: false
|
||||
}, {
|
||||
name: this.$t('asset.state'),
|
||||
name: this.$t('overall.state'),
|
||||
type: 'input',
|
||||
label: 'state',
|
||||
disabled: false
|
||||
|
||||
@@ -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("asset.modules")}}</div>
|
||||
<div @click="changeTab('endpoint')" class="sub-list-tab" id="endpoint-tab-change-endpoint">{{$t("overall.endpoint")}}</div>
|
||||
<div class="sub-list-tab sub-list-tab-active" >{{$t("asset.alerts")}}</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("asset.alerts")}}</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("asset.modules")}}</div>
|
||||
@click="changeTab('endpoint')" class="sub-list-tab" v-has="'asset_endpoint_view'">{{$t("overall.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">
|
||||
@@ -168,16 +168,16 @@ export default {
|
||||
prop: 'description',
|
||||
show: true
|
||||
}, {
|
||||
label: this.$t('alert.list.state'),
|
||||
label: this.$t('overall.state'),
|
||||
prop: 'state',
|
||||
show: true,
|
||||
width: 100
|
||||
}, {
|
||||
label: this.$t('alert.startAt'),
|
||||
label: this.$t('overall.startTime'),
|
||||
prop: 'startAt',
|
||||
show: true
|
||||
}, {
|
||||
label: this.$t('alert.endAt'),
|
||||
label: this.$t('overall.endTime'),
|
||||
prop: 'endAt',
|
||||
show: true
|
||||
}, {
|
||||
@@ -231,14 +231,14 @@ export default {
|
||||
disabled: false
|
||||
}, {
|
||||
id: 12,
|
||||
name: this.$t('alert.list.state'),
|
||||
name: this.$t('overall.state'),
|
||||
type: 'select',
|
||||
label: 'alertMessageState',
|
||||
disabled: false
|
||||
},
|
||||
{
|
||||
id: 26,
|
||||
name: this.$t('alert.list.id'),
|
||||
name: this.$t('asset.id'),
|
||||
type: 'id',
|
||||
label: 'id',
|
||||
disabled: false
|
||||
|
||||
@@ -203,7 +203,7 @@ export default {
|
||||
searchLabelList: [
|
||||
{
|
||||
id: 26,
|
||||
name: this.$t('alert.list.id'),
|
||||
name: this.$t('asset.id'),
|
||||
type: 'input',
|
||||
label: 'ids',
|
||||
disabled: false
|
||||
|
||||
@@ -104,7 +104,7 @@ export default {
|
||||
label: 'manageIp',
|
||||
disabled: false
|
||||
}, {
|
||||
name: this.$t('asset.state'),
|
||||
name: this.$t('overall.state'),
|
||||
type: 'assetState',
|
||||
label: 'assetState',
|
||||
id: 'stateIds',
|
||||
|
||||
@@ -104,7 +104,7 @@ export default {
|
||||
label: 'manageIp',
|
||||
disabled: false
|
||||
}, {
|
||||
name: this.$t('asset.state'),
|
||||
name: this.$t('overall.state'),
|
||||
type: 'assetState',
|
||||
label: 'assetState',
|
||||
id: 'stateIds',
|
||||
|
||||
@@ -80,7 +80,7 @@
|
||||
:min-width="1000"
|
||||
column-key="element"
|
||||
:show-overflow-tooltip="true"
|
||||
:label="$t('project.endpoint.element')">
|
||||
:label="$t('dashboard.panel.chartForm.element')">
|
||||
<template v-slot="scope">
|
||||
<el-popover trigger="hover" placement="right" v-if="typeof scope.row.metricTip != 'undefined' && scope.row.metricTip != null">
|
||||
<div>
|
||||
@@ -100,7 +100,7 @@
|
||||
:resizable="false"
|
||||
prop="value"
|
||||
column-key="value"
|
||||
:label="$t('project.endpoint.value')"
|
||||
:label="$t('overall.value')"
|
||||
min-width="180">
|
||||
</pl-table-column>
|
||||
</pl-table>
|
||||
|
||||
@@ -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("asset.alerts")}}</div>
|
||||
<div class="sub-list-tab sub-list-tab-active">{{$t("asset.modules")}}</div>
|
||||
<div class="sub-list-tab sub-list-tab-active">{{$t("overall.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("asset.modules")}}</div>
|
||||
<div class="sub-list-tab sub-list-tab-active">{{$t("overall.endpoint")}}</div>
|
||||
<div @click="changeTab('alertMessage')" class="sub-list-tab" id="endpoint-tab-change-alertmsg">{{$t("asset.alerts")}}</div>
|
||||
</div>
|
||||
<div class="top-tool-right">
|
||||
@@ -206,7 +206,7 @@ export default {
|
||||
show: true,
|
||||
width: '120'
|
||||
}, {
|
||||
label: this.$t('project.endpoint.asset'),
|
||||
label: this.$t('guide.asset'),
|
||||
prop: 'asset',
|
||||
show: true,
|
||||
minWidth: '400'
|
||||
@@ -216,7 +216,7 @@ export default {
|
||||
show: true,
|
||||
width: 120
|
||||
}, {
|
||||
label: this.$t('project.endpoint.port'),
|
||||
label: this.$t('asset.port'),
|
||||
prop: 'port',
|
||||
show: true,
|
||||
width: '120'
|
||||
@@ -226,7 +226,7 @@ export default {
|
||||
show: false,
|
||||
width: 120
|
||||
}, {
|
||||
label: this.$t('project.endpoint.labels'),
|
||||
label: this.$t('alert.list.labels'),
|
||||
prop: 'labels',
|
||||
show: true,
|
||||
width: 200
|
||||
@@ -236,17 +236,17 @@ export default {
|
||||
show: true,
|
||||
width: 200
|
||||
}, {
|
||||
label: this.$t('project.endpoint.path'),
|
||||
label: this.$t('config.terminallog.path'),
|
||||
prop: 'path',
|
||||
show: true,
|
||||
width: 200
|
||||
}, {
|
||||
label: this.$t('alert.list.state'),
|
||||
label: this.$t('overall.state'),
|
||||
prop: 'state',
|
||||
show: true,
|
||||
width: '80'
|
||||
}, {
|
||||
label: this.$t('project.endpoint.alerts'),
|
||||
label: this.$t('overall.alert'),
|
||||
prop: 'alerts',
|
||||
show: true,
|
||||
width: 180
|
||||
@@ -283,7 +283,7 @@ export default {
|
||||
disabled: false
|
||||
}, {
|
||||
id: 33,
|
||||
name: this.$t('asset.state'),
|
||||
name: this.$t('overall.state'),
|
||||
// name: this.$t('asset.asset'),
|
||||
type: 'select',
|
||||
label: 'endpointState',
|
||||
@@ -499,7 +499,7 @@ export default {
|
||||
this.getTableData()
|
||||
},
|
||||
messageStyle (e) {
|
||||
if (e.column.label == 'Alerts' || e.column.label == this.$t('project.endpoint.alerts')) {
|
||||
if (e.column.label == 'Alerts' || e.column.label == this.$t('overall.alert')) {
|
||||
if (e.row.alertNum > 0) {
|
||||
return 'danger'
|
||||
} else {
|
||||
|
||||
@@ -65,7 +65,7 @@ export default {
|
||||
searchLabelList: [
|
||||
{
|
||||
id: 11,
|
||||
name: this.$t('config.operationlog.type'),
|
||||
name: this.$t('overall.type'),
|
||||
type: 'input',
|
||||
label: 'type',
|
||||
disabled: false
|
||||
@@ -77,7 +77,7 @@ export default {
|
||||
disabled: false
|
||||
}, {
|
||||
id: 13,
|
||||
name: this.$t('config.operationlog.operation'),
|
||||
name: this.$t('overall.option'),
|
||||
type: 'selectString',
|
||||
label: 'operation',
|
||||
readonly: true,
|
||||
|
||||
@@ -235,7 +235,7 @@ export default {
|
||||
}).then(() => {
|
||||
this.$put('/terminal/kill', { uuid: this.obj.uuid }).then(res => {
|
||||
if (res.code === 200) {
|
||||
this.$message.success(this.$t('config.terminallog.success'))
|
||||
this.$message.success(this.$t('overall.result.success'))
|
||||
this.$emit('exit')
|
||||
} else {
|
||||
this.$message.error(this.$t('config.terminallog.killErrorTip'))
|
||||
|
||||
@@ -102,14 +102,14 @@ export default {
|
||||
disabled: false
|
||||
}, {
|
||||
id: 16,
|
||||
name: this.$t('config.terminallog.protocol'),
|
||||
name: this.$t('webshell.protocol'),
|
||||
type: 'selectString',
|
||||
label: 'protocol',
|
||||
readonly: true,
|
||||
disabled: false
|
||||
}, {
|
||||
id: 17,
|
||||
name: this.$t('config.terminallog.status'),
|
||||
name: this.$t('overall.state'),
|
||||
type: 'terminalStatus',
|
||||
label: 'state',
|
||||
readonly: true,
|
||||
@@ -164,7 +164,7 @@ export default {
|
||||
}).then(() => {
|
||||
this.$put('/terminal/kill', { uuid: record.uuid }).then(res => {
|
||||
if (res.code === 200) {
|
||||
this.$message.success(this.$t('config.terminallog.success'))
|
||||
this.$message.success(this.$t('overall.result.success'))
|
||||
this.bottomBox.showSubList = false
|
||||
this.getTableData()
|
||||
} else {
|
||||
|
||||
@@ -18,7 +18,7 @@
|
||||
</span>
|
||||
</div>
|
||||
<div class="detail-top-search" style="text-align: center" v-else>
|
||||
{{$t('config.assetLabel.all')}}
|
||||
{{$t('overall.exportAll')}}
|
||||
</div>
|
||||
<i class="nz-icon nz-icon-arrow-down search-value"/>
|
||||
</div>
|
||||
@@ -50,7 +50,7 @@
|
||||
</span>
|
||||
</div>
|
||||
<div class="detail-top-search" style="text-align: center" v-else>
|
||||
{{$t('config.assetLabel.all')}}
|
||||
{{$t('overall.exportAll')}}
|
||||
</div>
|
||||
<i class="nz-icon nz-icon-arrow-down search-value"/>
|
||||
</div>
|
||||
|
||||
@@ -148,7 +148,7 @@ export default {
|
||||
show: false,
|
||||
minWidth: 100
|
||||
}, {
|
||||
label: this.$t('config.dc.state'),
|
||||
label: this.$t('overall.state'),
|
||||
prop: 'state',
|
||||
show: true,
|
||||
minWidth: 100,
|
||||
|
||||
@@ -77,12 +77,12 @@ export default {
|
||||
minWidth: 140,
|
||||
sortable: 'custom'
|
||||
}, {
|
||||
label: this.$t('overall.parent'),
|
||||
label: this.$t('asset.parent'),
|
||||
prop: 'parent',
|
||||
show: false,
|
||||
minWidth: 110
|
||||
}, {
|
||||
label: this.$t('overall.children'),
|
||||
label: this.$t('overall.assetSubTab'),
|
||||
prop: 'children',
|
||||
show: false,
|
||||
minWidth: 120
|
||||
@@ -93,7 +93,7 @@ export default {
|
||||
minWidth: 140,
|
||||
sortable: 'custom'
|
||||
}, {
|
||||
label: this.$t('asset.state'),
|
||||
label: this.$t('overall.state'),
|
||||
prop: 'state',
|
||||
show: true,
|
||||
minWidth: 110,
|
||||
@@ -116,7 +116,7 @@ export default {
|
||||
minWidth: 110,
|
||||
sortable: 'custom'
|
||||
}, {
|
||||
label: this.$t('asset.alertNum'),
|
||||
label: this.$t('overall.alert'),
|
||||
prop: 'alertNum',
|
||||
show: true,
|
||||
width: 120,
|
||||
|
||||
@@ -83,7 +83,7 @@ export default {
|
||||
minWidth: 100,
|
||||
sortable: 'custom'
|
||||
}, {
|
||||
label: this.$t('config.dc.assets'),
|
||||
label: this.$t('guide.asset'),
|
||||
prop: 'assetNum',
|
||||
show: true,
|
||||
minWidth: 90,
|
||||
@@ -94,12 +94,12 @@ export default {
|
||||
width: 120,
|
||||
show: true
|
||||
}, {
|
||||
label: this.$t('asset.tel'),
|
||||
label: this.$t('config.dc.tel'),
|
||||
prop: 'tel',
|
||||
show: false,
|
||||
minWidth: 100
|
||||
}, {
|
||||
label: this.$t('asset.principal'),
|
||||
label: this.$t('config.dc.principal'),
|
||||
prop: 'principal',
|
||||
show: false,
|
||||
minWidth: 120
|
||||
@@ -114,7 +114,7 @@ export default {
|
||||
show: false,
|
||||
minWidth: 100
|
||||
}, {
|
||||
label: this.$t('config.dc.state'),
|
||||
label: this.$t('overall.state'),
|
||||
prop: 'state',
|
||||
show: true,
|
||||
minWidth: 100,
|
||||
|
||||
@@ -67,7 +67,7 @@ export default {
|
||||
width: 80,
|
||||
sortable: 'custom'
|
||||
}, {
|
||||
label: this.$t('project.endpoint.name'),
|
||||
label: this.$t('overall.name'),
|
||||
prop: 'name',
|
||||
show: true,
|
||||
minWidth: 200,
|
||||
@@ -80,7 +80,7 @@ export default {
|
||||
sortable: 'custom'
|
||||
},
|
||||
{
|
||||
label: this.$t('project.endpoint.asset'),
|
||||
label: this.$t('guide.asset'),
|
||||
prop: 'asset',
|
||||
show: true,
|
||||
minWidth: 90,
|
||||
@@ -92,20 +92,20 @@ export default {
|
||||
show: true
|
||||
},
|
||||
{
|
||||
label: this.$t('project.endpoint.configs'),
|
||||
label: this.$t('project.module.configs'),
|
||||
prop: 'configs',
|
||||
minWidth: 150,
|
||||
show: false
|
||||
},
|
||||
{
|
||||
label: this.$t('project.endpoint.alerts'),
|
||||
label: this.$t('overall.alert'),
|
||||
prop: 'alerts',
|
||||
show: true,
|
||||
minWidth: 180,
|
||||
sortable: 'custom'
|
||||
},
|
||||
{
|
||||
label: this.$t('project.endpoint.state'),
|
||||
label: this.$t('overall.state'),
|
||||
prop: 'state',
|
||||
show: true,
|
||||
minWidth: 200
|
||||
|
||||
@@ -67,7 +67,7 @@ export default {
|
||||
width: 80,
|
||||
sortable: 'custom'
|
||||
}, {
|
||||
label: this.$t('project.module.moduleName'),
|
||||
label: this.$t('overall.name'),
|
||||
prop: 'name',
|
||||
show: true,
|
||||
minWidth: 200,
|
||||
@@ -86,7 +86,7 @@ export default {
|
||||
width: 200,
|
||||
sortable: 'custom'
|
||||
}, {
|
||||
label: this.$t('project.module.alerts'),
|
||||
label: this.$t('overall.alert'),
|
||||
prop: 'alertNum',
|
||||
show: true,
|
||||
width: 120,
|
||||
|
||||
@@ -92,7 +92,7 @@ export default {
|
||||
return {
|
||||
tableTitle: [
|
||||
{
|
||||
label: this.$t('config.terminallog.id'),
|
||||
label: this.$t('asset.id'),
|
||||
prop: 'id',
|
||||
show: true,
|
||||
width: 80,
|
||||
@@ -103,13 +103,13 @@ export default {
|
||||
minWidth: 200,
|
||||
show: true
|
||||
}, {
|
||||
label: this.$t('config.terminallog.username'),
|
||||
label: this.$t('config.operationlog.username'),
|
||||
prop: 'username',
|
||||
minWidth: 200,
|
||||
show: true
|
||||
},
|
||||
{
|
||||
label: this.$t('config.terminallog.source'),
|
||||
label: this.$t('config.terminallog.sourceIp'),
|
||||
prop: 'sourceIp',
|
||||
minWidth: 115,
|
||||
show: true,
|
||||
@@ -121,12 +121,12 @@ export default {
|
||||
show: true
|
||||
},
|
||||
{
|
||||
label: this.$t('config.terminallog.protocol'),
|
||||
label: this.$t('webshell.protocol'),
|
||||
prop: 'protocol',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
label: this.$t('config.terminallog.startTime'),
|
||||
label: this.$t('overall.startTime'),
|
||||
prop: 'startTime',
|
||||
minWidth: 100,
|
||||
show: true
|
||||
@@ -143,7 +143,7 @@ export default {
|
||||
show: false
|
||||
},
|
||||
{
|
||||
label: this.$t('config.terminallog.status'), // killusername鼠标悬停形式
|
||||
label: this.$t('overall.state'), // killusername鼠标悬停形式
|
||||
prop: 'state',
|
||||
show: true,
|
||||
width: 150,
|
||||
|
||||
@@ -73,13 +73,13 @@ export default {
|
||||
sortable: 'custom'
|
||||
},
|
||||
// {
|
||||
// label: this.$t('config.user.username'),
|
||||
// label: this.$t('login.username'),
|
||||
// prop: 'username',
|
||||
// show: true,
|
||||
// width: 150
|
||||
// },
|
||||
{
|
||||
label: this.$t('config.user.roles'),
|
||||
label: this.$t('profile.role'),
|
||||
prop: 'roles',
|
||||
show: true,
|
||||
width: 150
|
||||
@@ -89,17 +89,17 @@ export default {
|
||||
show: true,
|
||||
minWidth: 150
|
||||
}, {
|
||||
label: this.$t('config.user.lastLoginTime'),
|
||||
label: this.$t('profile.lastLoginTime'),
|
||||
prop: 'lastLoginTime',
|
||||
show: true,
|
||||
width: 200
|
||||
}, {
|
||||
label: this.$t('config.user.lastLoginIp'),
|
||||
label: this.$t('profile.lastLoginIp'),
|
||||
prop: 'lastLoginIp',
|
||||
show: true,
|
||||
width: 150
|
||||
}, {
|
||||
label: this.$t('config.user.source'),
|
||||
label: this.$t('profile.source'),
|
||||
prop: 'source',
|
||||
show: true,
|
||||
width: 150
|
||||
|
||||
@@ -216,22 +216,22 @@ export default {
|
||||
]
|
||||
},
|
||||
model: [
|
||||
{ prop: 'asset', name: this.$t('asset.assets'), active: true }
|
||||
{ prop: 'asset', name: this.$t('guide.asset'), active: true }
|
||||
],
|
||||
dc: {
|
||||
cabinet: [
|
||||
{ prop: 'cabinet', name: this.$t('config.dc.cabinets'), active: true },
|
||||
{ prop: 'asset', name: this.$t('asset.assets'), active: false },
|
||||
{ prop: 'cabinet', name: this.$t('asset.cabinet'), active: true },
|
||||
{ prop: 'asset', name: this.$t('guide.asset'), active: false },
|
||||
{ prop: 'alertMessageTab', name: this.$t('overall.alert'), active: false }
|
||||
],
|
||||
asset: [
|
||||
{ prop: 'cabinet', name: this.$t('config.dc.cabinets'), active: false },
|
||||
{ prop: 'asset', name: this.$t('asset.assets'), active: true },
|
||||
{ prop: 'cabinet', name: this.$t('asset.cabinet'), active: false },
|
||||
{ prop: 'asset', name: this.$t('guide.asset'), active: true },
|
||||
{ prop: 'alertMessageTab', name: this.$t('overall.alert'), active: false }
|
||||
],
|
||||
alertMessage: [
|
||||
{ prop: 'cabinet', name: this.$t('config.dc.cabinets'), active: false },
|
||||
{ prop: 'asset', name: this.$t('asset.assets'), active: false },
|
||||
{ prop: 'cabinet', name: this.$t('asset.cabinet'), active: false },
|
||||
{ prop: 'asset', name: this.$t('guide.asset'), active: false },
|
||||
{ prop: 'alertMessageTab', name: this.$t('overall.alert'), active: true }
|
||||
]
|
||||
}
|
||||
|
||||
@@ -28,7 +28,7 @@
|
||||
</button>
|
||||
<div>
|
||||
<button :id="tableId+'-element-set-esc'" class="nz-btn nz-btn-size-small nz-btn-style-light" type="button" @click.stop="esc">
|
||||
<span class="top-tool-btn-txt">{{$t('overall.esc')}}</span>
|
||||
<span class="top-tool-btn-txt">{{$t('overall.cancel')}}</span>
|
||||
</button>
|
||||
<button :id="tableId+'-element-set-save'" class="nz-btn nz-btn-size-small nz-btn-style-normal" type="button" @click.stop="save">
|
||||
<span class="top-tool-btn-txt">{{$t('overall.save')}}</span>
|
||||
|
||||
@@ -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.endpoint.metrics')}} </span>
|
||||
<span class="endpoint-cell-left"><i class="nz-icon nz-icon-Metrics active" /> {{$t('project.metrics.metrics')}} </span>
|
||||
<span v-if="alertLabelData && alertLabelData.configs[0].state === 0">
|
||||
<span class="active-icon red-bg inline-block"></span>
|
||||
</span>
|
||||
@@ -41,7 +41,7 @@
|
||||
</span>
|
||||
</span>
|
||||
<span style="width: auto">
|
||||
<span class="endpoint-cell-left" style="margin-left: 10px"><i class="nz-icon nz-icon-logs active" /> {{$t('project.endpoint.logs')}} </span>
|
||||
<span class="endpoint-cell-left" style="margin-left: 10px"><i class="nz-icon nz-icon-logs active" /> {{$t('overall.logs')}} </span>
|
||||
<span v-if="alertLabelData && alertLabelData.configs[1].state === 0">
|
||||
<span class="active-icon red-bg inline-block"></span>
|
||||
</span>
|
||||
@@ -136,7 +136,7 @@ export default {
|
||||
label: this.$t('overall.name')
|
||||
}, {
|
||||
key: 'manageIp',
|
||||
label: this.$t('overall.manageIp')
|
||||
label: this.$t('asset.manageIp')
|
||||
}, {
|
||||
key: 'type.name',
|
||||
label: this.$t('overall.type')
|
||||
@@ -152,13 +152,13 @@ export default {
|
||||
label: this.$t('overall.dc')
|
||||
}, {
|
||||
key: 'cabinet.name',
|
||||
label: this.$t('overall.cabinet')
|
||||
label: this.$t('asset.cabinet')
|
||||
}, {
|
||||
key: 'brand.name',
|
||||
label: this.$t('overall.brand')
|
||||
label: this.$t('asset.brand')
|
||||
}, {
|
||||
key: 'model.name',
|
||||
label: this.$t('overall.model')
|
||||
label: this.$t('asset.model')
|
||||
}, {
|
||||
key: 'alertNum',
|
||||
icon: 'nz-icon-overview-alert',
|
||||
@@ -174,11 +174,11 @@ export default {
|
||||
label: this.$t('overall.name')
|
||||
}, {
|
||||
key: 'location',
|
||||
label: this.$t('overall.location')
|
||||
label: this.$t('asset.location')
|
||||
}, {
|
||||
key: 'cabinetNum',
|
||||
icon: 'nz-icon-cabinet monitorColor',
|
||||
label: this.$t('overall.cabinet')
|
||||
label: this.$t('asset.cabinet')
|
||||
}, {
|
||||
key: 'assetNum',
|
||||
icon: 'nz-icon-overview-project monitorColor',
|
||||
@@ -279,10 +279,10 @@ export default {
|
||||
label: 'Id'
|
||||
}, {
|
||||
key: 'name',
|
||||
label: this.$t('alert.name')
|
||||
label: this.$t('overall.name')
|
||||
}, {
|
||||
key: 'type',
|
||||
label: this.$t('alert.type')
|
||||
label: this.$t('overall.type')
|
||||
}, {
|
||||
key: 'severityId',
|
||||
label: this.$t('alert.severity'),
|
||||
@@ -505,10 +505,10 @@ export default {
|
||||
switch (item.type) {
|
||||
case 'asset' : str += `<span>${this.$t('overall.asset')}</span> <span>/</span> <span>${this.$t('overall.asset')}</span>`; break
|
||||
case 'datacenter' : str += `<span>${this.$t('config.config')}</span> <span>/</span> <span>${this.$t('overall.dc')}</span>`; break
|
||||
case 'project' : str += `<span>${this.$t('config.system.monitor.monitor')}</span> <span>/</span> <span>${this.$t('dashboard.overview.project.project')}</span>`; break
|
||||
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('dashboard.overview.alert.alertRule')}</span>`; break
|
||||
case 'alertrule' : str += `<span>${this.$t('overall.alert')}</span> <span>/</span> <span>${this.$t('alert.config.alertConfig')}</span>`; break
|
||||
}
|
||||
return str
|
||||
},
|
||||
|
||||
@@ -157,7 +157,7 @@ export const asset = {
|
||||
editTypeOptions: [
|
||||
{ value: 1, label: i18n.t('overall.account') },
|
||||
{ value: 2, label: i18n.t('overall.labels') },
|
||||
{ value: 3, label: i18n.t('asset.state') },
|
||||
{ value: 3, label: i18n.t('overall.state') },
|
||||
{ value: 4, label: i18n.t('asset.snmpCredential') }
|
||||
],
|
||||
editTypeData: {
|
||||
@@ -198,8 +198,8 @@ export const alertMessage = {
|
||||
{ value: 'P3', label: i18n.t('alert.config.P3') }
|
||||
],
|
||||
typeData: [
|
||||
{ value: 1, label: i18n.t('alert.config.typeOption.project') },
|
||||
{ value: 2, label: i18n.t('alert.config.typeOption.module') },
|
||||
{ value: 1, label: i18n.t('project.project.projectName') },
|
||||
{ value: 2, label: i18n.t('overall.module') },
|
||||
{ value: 3, label: i18n.t('alert.config.typeOption.asset') }
|
||||
],
|
||||
levels: [
|
||||
@@ -216,13 +216,13 @@ export const alertMessage = {
|
||||
}
|
||||
|
||||
export const statisticsList = [
|
||||
{ value: 'min', label: i18n.t('dashboard.panel.chartForm.statisticsVal.min') },
|
||||
{ value: 'max', label: i18n.t('dashboard.panel.chartForm.statisticsVal.max') },
|
||||
{ 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: '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.statisticsVal.range') },
|
||||
{ value: 'range', label: i18n.t('dashboard.panel.chartForm.valMapping.range') },
|
||||
{ value: 'different', label: i18n.t('dashboard.panel.chartForm.statisticsVal.different') }
|
||||
]
|
||||
|
||||
@@ -277,15 +277,15 @@ export const chart = {
|
||||
},
|
||||
{
|
||||
value: 'url',
|
||||
label: i18n.t('dashboard.panel.chartForm.typeVal.url.label')
|
||||
label: i18n.t('dashboard.panel.chartForm.url')
|
||||
},
|
||||
{
|
||||
value: 'group',
|
||||
label: i18n.t('dashboard.panel.chartForm.typeVal.group.label')
|
||||
label: i18n.t('dashboard.panel.chartForm.group')
|
||||
},
|
||||
{
|
||||
value: 'logs',
|
||||
label: i18n.t('dashboard.panel.chartForm.typeVal.logs.label')
|
||||
label: i18n.t('overall.logs')
|
||||
},
|
||||
{
|
||||
value: 'diagram',
|
||||
@@ -306,7 +306,7 @@ export const intervalList = [
|
||||
export const setting = {
|
||||
DcState: [
|
||||
{ value: 'ON', label: i18n.t('config.dc.usable') },
|
||||
{ value: 'OFF', label: i18n.t('config.dc.suspended') }
|
||||
{ value: 'OFF', label: i18n.t('asset.suspended') }
|
||||
]
|
||||
}
|
||||
export const snmpProtocolTypes = [
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
<i class="nz-icon nz-icon-password"></i>
|
||||
<input v-model="loginData.pin" autocomplete="on" name="password" placeholder="Password" type="password" @keydown.enter="login"></input>
|
||||
</div>
|
||||
<div class="login-label" v-if="verifyShow">{{$t('login.verifyTitle')}}</div>
|
||||
<div class="login-label" v-if="verifyShow">{{$t('profile.twoFactorAuthentication')}}</div>
|
||||
<div class="login-input" v-if="verifyShow">
|
||||
<i class="nz-icon nz-icon-yanzhengma"></i>
|
||||
<input v-model="loginData.authCode" name="newPassword" autocomplete="off" :placeholder="$t('login.verifyPlaceholder')" @keydown.enter="verify"></input>
|
||||
|
||||
@@ -178,11 +178,11 @@ export default {
|
||||
},
|
||||
resetOptions: [
|
||||
{
|
||||
label: this.$t('config.system.reset.metric'),
|
||||
label: this.$t('overall.metric'),
|
||||
value: 'metric'
|
||||
},
|
||||
{
|
||||
label: this.$t('config.system.reset.alert'),
|
||||
label: this.$t('overall.alert'),
|
||||
value: 'alert'
|
||||
},
|
||||
{
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
</div>
|
||||
<div>
|
||||
<a @click="canvascopy()" class="flex">
|
||||
<span class="full">{{$t('project.topology.copy')}}</span>
|
||||
<span class="full">{{$t('overall.copy')}}</span>
|
||||
<span class="ml50">Ctrl + C</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
|
||||
<!--value mapping-->
|
||||
<el-row class="form-row-title">
|
||||
{{ $t('dashboard.panel.chartForm.thresholds') }}
|
||||
{{ $t('alert.config.thresholds') }}
|
||||
<span v-if="selection.pen.data.valueMappingSort !=='desc'" class="title__label"
|
||||
>(0:Ok > … >{{
|
||||
selection.pen.data.valueMapping.length
|
||||
@@ -90,7 +90,7 @@
|
||||
</span>
|
||||
</el-col>
|
||||
<el-col :span="4" class="thresholds-cell">{{ $t('project.topology.color') }}</el-col>
|
||||
<el-col :span="6" class="thresholds-cell">{{ $t('project.topology.value') }}</el-col>
|
||||
<el-col :span="6" class="thresholds-cell">{{ $t('overall.value') }}</el-col>
|
||||
<el-col :span="8" class="thresholds-cell">{{ $t('project.topology.animation') }}</el-col>
|
||||
<el-col :span="2" class="thresholds-cell"></el-col>
|
||||
</el-row>
|
||||
@@ -206,7 +206,7 @@
|
||||
>
|
||||
</el-cascader>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('dashboard.panel.chartForm.type')" class="half-form-item half-form-item--end"
|
||||
<el-form-item :label="$t('overall.type')" class="half-form-item half-form-item--end"
|
||||
prop="type">
|
||||
<el-select v-model="selection.pen.data.type" :placeholder="$t('el.select.placeholder')"
|
||||
:popper-append-to-body="true" class="right-box-row-with-btn"
|
||||
@@ -322,7 +322,7 @@
|
||||
</div>
|
||||
|
||||
<div class="props-pen-item" v-if="selection.pen&&!selection.pen.type">
|
||||
<div>{{ $t('project.topology.width') }}</div>
|
||||
<div>{{ $t('dashboard.panel.chartForm.width') }}</div>
|
||||
<div class="p10 pl0">
|
||||
<el-input-number
|
||||
@focus="inputFocus"
|
||||
@@ -343,7 +343,7 @@
|
||||
</div>
|
||||
|
||||
<div class="props-pen-item" v-if="selection.pen&&!selection.pen.type">
|
||||
<div>{{ $t('project.topology.height') }}</div>
|
||||
<div>{{ $t('dashboard.panel.chartForm.high') }}</div>
|
||||
<div class="p10 pl0">
|
||||
<el-input-number
|
||||
@focus="inputFocus"
|
||||
@@ -836,7 +836,7 @@
|
||||
<!-- <div class="project-content-box" style="width: 100%">-->
|
||||
|
||||
<!-- <div class="project-content-item">-->
|
||||
<!-- <label>{{$t('project.topology.name')}}</label>-->
|
||||
<!-- <label>{{$t('overall.name')}}</label>-->
|
||||
<!-- <div class="full pr10">-->
|
||||
<!-- <el-input class="input" size="small" v-model="topologyData.data.name" :placeholder="$t('el.select.placeholder')"-->
|
||||
<!-- @change="changeTopologyOpt"></el-input>-->
|
||||
@@ -905,7 +905,7 @@
|
||||
|
||||
<!-- <div class="project-content-title">-->
|
||||
<!-- Appearance-->
|
||||
<!-- <!–{{$t('project.topology.name')}}–>-->
|
||||
<!-- <!–{{$t('overall.name')}}–>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<div class="project-content-box" style="width: 100%">
|
||||
@@ -1073,7 +1073,7 @@
|
||||
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="project-content-title">{{$t('project.topology.link')}}</div>-->
|
||||
<!-- <div class="project-content-title">{{$t('overall.link')}}</div>-->
|
||||
|
||||
<!-- <div class="project-content-box" style="width: 100%">-->
|
||||
|
||||
|
||||
@@ -116,18 +116,18 @@ export default {
|
||||
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('dashboard.overview.asset.pingDown'), value: this.moduleInfo.endpointStat.down ? this.moduleInfo.endpointStat.down : 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('dashboard.overview.asset.pingDown'), this.$t('asset.suspended')]
|
||||
endpointOption.legend.data = [this.$t('dashboard.overview.asset.pingUp'), 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('dashboard.overview.asset.pingDown'), value: this.moduleInfo.assetStat.down ? this.moduleInfo.assetStat.down : 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('dashboard.overview.asset.pingDown')]
|
||||
assetOption.legend.data = [this.$t('dashboard.overview.asset.pingUp'), this.$t('asset.down')]
|
||||
endpointChart.setOption(endpointOption, true)
|
||||
assetChart.setOption(assetOption, true)
|
||||
})
|
||||
|
||||
@@ -126,12 +126,12 @@ export default {
|
||||
show: true,
|
||||
minWidth: 100
|
||||
}, {
|
||||
label: this.$t('alert.list.state'),
|
||||
label: this.$t('overall.state'),
|
||||
prop: 'state',
|
||||
show: true,
|
||||
width: 100
|
||||
}, {
|
||||
label: this.$t('alert.startAt'),
|
||||
label: this.$t('overall.startTime'),
|
||||
prop: 'startAt',
|
||||
show: true,
|
||||
width: 150
|
||||
|
||||
@@ -111,7 +111,7 @@ export default {
|
||||
show: true,
|
||||
width: 110
|
||||
}, {
|
||||
label: this.$t('asset.alertNum'),
|
||||
label: this.$t('overall.alert'),
|
||||
prop: 'alertNum',
|
||||
show: true,
|
||||
width: 120
|
||||
|
||||
@@ -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('project.endpoint.endpoints')}}</div>
|
||||
<div class="right-box-title">{{ moduleName }} / {{$t('overall.endpoint')}}</div>
|
||||
<nz-data-list
|
||||
ref="dataList"
|
||||
:api="url"
|
||||
@@ -97,16 +97,16 @@ export default {
|
||||
show: true,
|
||||
width: 100
|
||||
}, {
|
||||
label: this.$t('project.endpoint.asset'),
|
||||
label: this.$t('guide.asset'),
|
||||
prop: 'asset',
|
||||
show: true,
|
||||
width: 150
|
||||
}, {
|
||||
label: this.$t('project.endpoint.port'),
|
||||
label: this.$t('asset.port'),
|
||||
prop: 'port',
|
||||
show: true
|
||||
}, {
|
||||
label: this.$t('alert.list.state'),
|
||||
label: this.$t('overall.state'),
|
||||
prop: 'state',
|
||||
width: 200,
|
||||
show: true
|
||||
|
||||
@@ -103,7 +103,7 @@
|
||||
<button @click="previewTopology" v-if="!isPreview" class="nz-btn nz-btn-size-normal nz-btn-style-light"
|
||||
style="margin-right: 20px"
|
||||
>
|
||||
{{$t('project.topology.preview')}}
|
||||
{{$t('overall.preview')}}
|
||||
</button>
|
||||
<button v-if="isPreview" class="nz-btn nz-btn-size-normal nz-btn-style-light" @click="previewExit"
|
||||
style="margin-right: 20px"
|
||||
@@ -114,7 +114,7 @@
|
||||
:disabled="prevent_opt.save"
|
||||
:class="{'nz-btn-disabled':prevent_opt.save}"
|
||||
style="margin-right: 20px">
|
||||
{{$t('project.topology.save')}}
|
||||
{{$t('overall.save')}}
|
||||
</button>
|
||||
<button class="nz-btn nz-btn-size-normal nz-btn-style-normal" style="margin-right: 20px" @click="cancelTopology">
|
||||
{{$t('project.topology.exit')}}
|
||||
@@ -326,7 +326,7 @@
|
||||
<button class="nz-btn nz-btn-size-normal nz-btn-style-normal" @click="imgUpload" :disabled="prevent_opt.save"
|
||||
:class="{'nz-btn-disabled':prevent_opt.save}"
|
||||
style="margin-right: 20px">
|
||||
{{$t('project.topology.save')}}
|
||||
{{$t('overall.save')}}
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
@@ -244,7 +244,7 @@ export default {
|
||||
tempEndpoint: {},
|
||||
tempEndpoint2: {},
|
||||
assetLoading: true,
|
||||
rightBox: { show: false, title: this.$t('project.endpoint.createEndpoint'), isEdit: false },
|
||||
rightBox: { show: false, title: this.$t('overall.createEndpoin'), isEdit: false },
|
||||
optionType: 'batch',
|
||||
blankEndpoint: {
|
||||
id: '',
|
||||
@@ -292,17 +292,17 @@ export default {
|
||||
endpointList: [],
|
||||
endpointTableTitle: [
|
||||
{
|
||||
label: this.$t('project.endpoint.name'),
|
||||
label: this.$t('overall.name'),
|
||||
prop: 'name',
|
||||
width: 150,
|
||||
show: true
|
||||
}, {
|
||||
label: this.$t('project.endpoint.asset'),
|
||||
label: this.$t('guide.asset'),
|
||||
prop: 'asset',
|
||||
width: 80,
|
||||
show: true
|
||||
}, {
|
||||
label: this.$t('project.endpoint.configs'),
|
||||
label: this.$t('project.module.configs'),
|
||||
prop: 'configs',
|
||||
width: 80,
|
||||
show: true
|
||||
@@ -313,7 +313,7 @@ export default {
|
||||
assetListHalf: false,
|
||||
assetTableTitle: [
|
||||
{
|
||||
label: this.$t('asset.name'),
|
||||
label: this.$t('overall.name'),
|
||||
prop: 'name',
|
||||
show: false,
|
||||
allowed: true,
|
||||
@@ -356,7 +356,7 @@ export default {
|
||||
show: true,
|
||||
minWidth: '100'
|
||||
}, {
|
||||
label: this.$t('asset.state'),
|
||||
label: this.$t('overall.state'),
|
||||
prop: 'state',
|
||||
show: true,
|
||||
minWidth: '100'
|
||||
@@ -381,7 +381,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 11,
|
||||
name: this.$t('asset.name'),
|
||||
name: this.$t('overall.name'),
|
||||
type: 'input',
|
||||
label: 'name',
|
||||
disabled: false
|
||||
@@ -430,7 +430,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 11,
|
||||
name: this.$t('asset.state'),
|
||||
name: this.$t('overall.state'),
|
||||
type: 'input',
|
||||
label: 'state',
|
||||
disabled: false
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<div class="container__form">
|
||||
<el-form ref="assetTypeForm" :model="editAssetType" :rules="rules" label-position="top" label-width="120px">
|
||||
<!--name-->
|
||||
<el-form-item :label="$t('config.assetType.name')" prop="name">
|
||||
<el-form-item :label="$t('overall.name')" prop="name">
|
||||
<el-input maxlength="64" show-word-limit v-model="editAssetType.name" size="small" type="text"></el-input>
|
||||
</el-form-item>
|
||||
<!--vm-->
|
||||
|
||||
@@ -127,7 +127,7 @@
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item
|
||||
:label="$t('backup.Enable')"
|
||||
:label="$t('asset.talon.enable')"
|
||||
prop="status"
|
||||
class="form-item__switch"
|
||||
>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div v-clickoutside="{obj: editModel, func: esc}" class="right-box right-box-model">
|
||||
<div class="right-box__header">
|
||||
<div class="header__title">{{editModel.id ? $t('config.model.editModel') : $t('config.model.createModel')}}</div>
|
||||
<div class="header__title">{{editModel.id ? $t('config.model.editModel') : $t('overall.createModel')}}</div>
|
||||
<div class="header__operation">
|
||||
<span v-cancel="{obj: editModel, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
|
||||
</div>
|
||||
@@ -14,7 +14,7 @@
|
||||
<el-input maxlength="64" show-word-limit v-model="editModel.name" size="small" type="text"></el-input>
|
||||
</el-form-item>
|
||||
<!--brand-->
|
||||
<el-form-item :label='$t("config.model.brand")' prop="brandId">
|
||||
<el-form-item :label='$t("asset.brand")' prop="brandId">
|
||||
<el-select value-key="id" allow-create class="right-box__select" popper-class="right-box-select-top prevent-clickoutside" :filterable="true" v-model="editModel.brandId" placeholder="" size="small" id="module-box-input-project">
|
||||
<el-option :id="'module-project-'+item.id" v-for="item in brandList" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
@@ -26,7 +26,7 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- ChartTemplate -->
|
||||
<el-form-item :label="$t('config.model.ChartTemplate')" prop="ChartTemplate">
|
||||
<el-form-item :label="$t('project.module.ChartTemplate')" prop="ChartTemplate">
|
||||
<v-selectpage
|
||||
:data="chartlList"
|
||||
:tb-columns="ChartSearchShowFields"
|
||||
@@ -102,8 +102,8 @@ export default {
|
||||
chartlList: [], // chart 列表数据
|
||||
ChartSearchShowFields: [ // ChartSearch 下拉搜索表头
|
||||
{ title: 'ID', data: 'id' },
|
||||
{ title: this.$t('config.model.titleName'), data: 'name', key: 'name' },
|
||||
{ title: this.$t('config.model.titleType'), data: 'type', key: 'type' },
|
||||
{ title: this.$t('overall.name'), data: 'name', key: 'name' },
|
||||
{ title: this.$t('overall.type'), data: 'type', key: 'type' },
|
||||
{ title: this.$t('overall.remark'), data: 'remark', key: 'remark' }
|
||||
],
|
||||
url: 'asset/model',
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div v-clickoutside="{obj: editRole, func: esc}" class="right-box right-box-role">
|
||||
<div class="right-box__header">
|
||||
<div class="header__title">{{editRole.id ? $t('config.roles.editRole') : $t('config.roles.createRole')}}</div>
|
||||
<div class="header__title">{{editRole.id ? $t('config.roles.editRole') : $t('overall.createRole')}}</div>
|
||||
<div class="header__operation">
|
||||
<span v-cancel="{obj: editRole, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
|
||||
</div>
|
||||
@@ -10,7 +10,7 @@
|
||||
<div class="container__form">
|
||||
<el-form :disabled="detail" :model="editRole" :rules="rules" label-position="top" label-width="120px" ref="roleForm">
|
||||
<!--name-->
|
||||
<el-form-item :label="$t('config.roles.name')" prop="name">
|
||||
<el-form-item :label="$t('overall.name')" prop="name">
|
||||
<el-input maxlength="64" placeholder="" id="role-box-input-name"
|
||||
show-word-limit size="small" type="text" v-model="editRole.name"></el-input>
|
||||
</el-form-item>
|
||||
@@ -18,7 +18,7 @@
|
||||
<el-input maxlength="256" show-word-limit :rows="2" size='small' type="textarea" v-model="editRole.remark" id="role-box-input-remark"/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item :label="$t('config.roles.permission')">
|
||||
<el-form-item :label="$t('config.menus.perms')">
|
||||
<!--<div class="tree-option">
|
||||
<button type="button" class="nz-btn nz-btn-size-small-new nz-btn-style-light option-btn" style="margin-left: 0px;" @click="expandAllOrNone" :class="{'btn-active':expandAllFlag}">展开/收缩</button>
|
||||
<button type="button" class="nz-btn nz-btn-size-small-new nz-btn-style-light option-btn" @click="selectAllOrNone" :class="{'btn-active':selectAllFlag}"><span ><i class="nz-icon nz-icon-delete"></i></span></button>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div v-clickoutside="{obj: editUser, func: esc}" class="right-box right-box-user">
|
||||
<div class="right-box__header">
|
||||
<div class="header__title">{{editUser.id ? $t('config.user.editUser') : $t('config.user.createUser')}}</div>
|
||||
<div class="header__title">{{editUser.id ? $t('config.user.editUser') : $t('overall.createUser')}}</div>
|
||||
<div class="header__operation">
|
||||
<span v-cancel="{obj: editUser, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
|
||||
</div>
|
||||
@@ -15,22 +15,22 @@
|
||||
maxlength="64" placeholder="" show-word-limit size="small" type="text"></el-input>
|
||||
</el-form-item>
|
||||
<!--username-->
|
||||
<el-form-item :label="$t('config.user.username')" prop="username">
|
||||
<el-form-item :label="$t('login.username')" prop="username">
|
||||
<el-input id="account-input-username" v-model="editUser.username" :disabled="editUser.username==='admin' && editUser.id==1"
|
||||
maxlength="64" placeholder="" show-word-limit size="small" type="text"></el-input>
|
||||
</el-form-item>
|
||||
<!--password-->
|
||||
<el-form-item :label="$t('config.user.pin')" prop="pin">
|
||||
<el-form-item :label="$t('login.pin')" prop="pin">
|
||||
<el-input id="account-input-password" v-model="editUser.pin" maxlength="64" placeholder=""
|
||||
show-word-limit size="small" type="password" @blur="pinBlur" autocomplete="new-password"></el-input>
|
||||
</el-form-item>
|
||||
<!--pinChange-->
|
||||
<el-form-item :label="$t('config.user.confirmPin')" label-width="200px" prop="pinChange">
|
||||
<el-form-item :label="$t('profile.confirmPassword')" label-width="200px" prop="pinChange">
|
||||
<el-input id="account-input-pinChange" v-model="editUser.pinChange" maxlength="64" placeholder=""
|
||||
show-word-limit size="small" type="password"></el-input>
|
||||
</el-form-item>
|
||||
<!--mfaLevel-->
|
||||
<el-form-item :label="$t('config.user.mfaTitle')" label-width="200px" prop="mfaTitle">
|
||||
<el-form-item :label="$t('profile.twoFactorAuthentication')" label-width="200px" prop="mfaTitle">
|
||||
<el-select id="account-input-mfaLevel"
|
||||
v-model="editUser.mfaLevel"
|
||||
class="right-box__select"
|
||||
@@ -68,7 +68,7 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!--roles-->
|
||||
<el-form-item :label="$t('config.user.roles')" prop="roleIds">
|
||||
<el-form-item :label="$t('profile.role')" prop="roleIds">
|
||||
<el-select id="account-input-roleIds"
|
||||
v-model="editUser.roleIds"
|
||||
:disabled="(editUser.username==='admin') && editUser.id==1"
|
||||
@@ -86,7 +86,7 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!--enable-->
|
||||
<el-form-item :label="$t('config.user.state')">
|
||||
<el-form-item :label="$t('overall.state')">
|
||||
<el-switch id="account-input-status" v-model="editUser.status" :disabled="isCurrentUser(editUser.username) || (editUser.username==='admin' && editUser.id==1) " active-value="1"
|
||||
inactive-value="0">
|
||||
</el-switch>
|
||||
@@ -137,7 +137,7 @@ export default {
|
||||
if (value === '' && this.editUser.pin) {
|
||||
callback(new Error(this.$t('config.user.inputConfirmPin')))
|
||||
} else if (value !== this.editUser.pin) {
|
||||
callback(new Error(this.$t('config.user.confirmPinErr')))
|
||||
callback(new Error(this.$t('profile.confirmPasswordErr')))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
@@ -183,8 +183,8 @@ export default {
|
||||
},
|
||||
roles: [],
|
||||
mfaLevelList: [
|
||||
{ value: 0, label: this.$t('config.user.disable') },
|
||||
{ value: 1, label: this.$t('config.user.enableMfa') },
|
||||
{ value: 0, label: this.$t('project.endpoint.disable') },
|
||||
{ value: 1, label: this.$t('project.endpoint.enable') },
|
||||
{ value: 2, label: this.$t('config.user.forceEnable') }
|
||||
],
|
||||
languageList: [
|
||||
|
||||
@@ -31,11 +31,11 @@
|
||||
<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-->
|
||||
<el-form-item :label="$t('config.agent.port')" prop="port">
|
||||
<el-form-item :label="$t('asset.port')" prop="port">
|
||||
<el-input id="prom-box-input-port" maxlength="10" show-word-limit v-model.number="editPromServer.port" placeholder="" size="small" type="text"></el-input>
|
||||
</el-form-item>
|
||||
<!--type-->
|
||||
<el-form-item :label="$t('config.agent.type')" prop="type">
|
||||
<el-form-item :label="$t('overall.type')" prop="type">
|
||||
<!-- <el-cascader-->
|
||||
<!-- id="prom-box-input-type"-->
|
||||
<!-- style="width: 100%"-->
|
||||
@@ -62,7 +62,7 @@
|
||||
<!-- <i slot="suffix" class="nz-icon nz-icon-refresh" @click="refreshToken"></i>-->
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('config.agent.protocol')" prop="protocol">
|
||||
<el-form-item :label="$t('webshell.protocol')" prop="protocol">
|
||||
<el-select v-model="editPromServer.protocol" placeholder="" class="right-box__select" popper-class="right-box-select-top prevent-clickoutside" size="small" value-key="value">
|
||||
<el-option v-for="item in agent2.protocol" :key="item.value" :label="item.label" :value="item.value">
|
||||
<span class="panel-dropdown-label-txt" >{{item.label}}</span>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div v-clickoutside="{obj: editAlertRule, func: clickOutside}" class="right-box right-box-alert-rule">
|
||||
<div class="right-box__header">
|
||||
<!-- begin--标题-->
|
||||
<div class="header__title">{{alertRule.id ? $t("alert.config.editAlertConfig") : $t("alert.config.createAlertConfig")}}</div>
|
||||
<div class="header__title">{{alertRule.id ? $t("alert.config.editAlertConfig") : $t("overall.createAlertRule")}}</div>
|
||||
<!-- end--标题-->
|
||||
<div class="header__operation">
|
||||
<span v-cancel="{obj: editAlertRule, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
|
||||
@@ -14,7 +14,7 @@
|
||||
<div class="container__form">
|
||||
<el-form ref="alertRuleForm" :model="editAlertRule" :rules="rules" label-position = "top" label-width="120px">
|
||||
<!--name-->
|
||||
<el-form-item :label='$t("alert.config.name")' prop="name">
|
||||
<el-form-item :label='$t("overall.name")' prop="name">
|
||||
<el-input id="alert-box-input-name" ref="alertName" v-model="editAlertRule.name" maxlength="64" placeholder="" show-word-limit size="small"></el-input>
|
||||
</el-form-item>
|
||||
<!--type-->
|
||||
@@ -46,7 +46,7 @@
|
||||
<i v-if="editAlertRule.severityId" :style="{color:severityData.length > 0 && severityData.find(severity => severity.id === editAlertRule.severityId).color,'font-size':'12px'}" class="nz-icon nz-icon-circle severity-circle"></i>
|
||||
</el-form-item>
|
||||
<!--expr-->
|
||||
<el-form-item v-if="showSnmpTrap" :label='$t("alert.config.exprBox")' prop="expr">
|
||||
<el-form-item v-if="showSnmpTrap" :label='$t("config.exprTemp.expression")' prop="expr">
|
||||
<template v-if="showMetrics">
|
||||
<el-row style="line-height: 32px;">
|
||||
<promql-input
|
||||
@@ -157,7 +157,7 @@
|
||||
</el-form-item>
|
||||
<div class="alert-rule-split-title">{{ $t('alert.config.effectiveConfig') }}</div>
|
||||
<!--state-->
|
||||
<el-form-item :label="$t('alert.config.state')" prop="state" class="half-form-item">
|
||||
<el-form-item :label="$t('overall.state')" prop="state" class="half-form-item">
|
||||
<el-select
|
||||
id="alert-box-input-state"
|
||||
v-model="editAlertRule.state"
|
||||
@@ -290,7 +290,7 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!--receiver-->
|
||||
<el-form-item :label="$t('config.user.receiver')" prop="receiver" :rules="[{ required: editAlertRule.notifyExpired || editAlertRule.notifyActive, message: this.$t('validate.required'), trigger: 'blur' }]">
|
||||
<el-form-item :label="$t('alert.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"
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
<div class="container__form">
|
||||
<el-form ref="alertSilenceForm" :model="editAlertSilence"
|
||||
:rules="rules" label-position="top" label-width="120px">
|
||||
<el-form-item :label='$t("alert.silence.name")' class="range-name" prop="name">
|
||||
<el-form-item :label='$t("overall.name")' class="range-name" prop="name">
|
||||
<el-input
|
||||
v-model="editAlertSilence.name" :placeholder="''"
|
||||
maxlength="64"
|
||||
@@ -22,7 +22,7 @@
|
||||
size="small">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item :label='$t("alert.silence.time")' class="range-time" prop="time">
|
||||
<el-form-item :label='$t("overall.time")' class="range-time" prop="time">
|
||||
<div>
|
||||
<el-radio-group v-model="rangeTime" size="small" @change="rangeTimeChange">
|
||||
<el-radio-button label="1">{{ $t("overall.oneHour") }}</el-radio-button>
|
||||
@@ -37,7 +37,7 @@
|
||||
<div class="datepicker">
|
||||
<div class="datepicker-box">
|
||||
<span class="datepicker-title">{{ $t("overall.startTime") }}</span>
|
||||
<my-date-picker ref="calendar" v-model="editAlertSilence.startAt" :clearable="false" :placeholder="$t('dashboard.panel.startTime')"
|
||||
<my-date-picker ref="calendar" v-model="editAlertSilence.startAt" :clearable="false" :placeholder="$t('overall.startTime')"
|
||||
align="right" class=" "
|
||||
:format="timeFormatStrToDatePickFormat(timeFormatMain)"
|
||||
popper-class="panel-time-picker-popper right-box-select-top"
|
||||
@@ -50,7 +50,7 @@
|
||||
</div>
|
||||
<div class="datepicker-box">
|
||||
<span class="datepicker-title">{{ $t("overall.endTime") }}</span>
|
||||
<my-date-picker ref="calendar" v-model="editAlertSilence.endAt" :clearable="false" :placeholder="$t('dashboard.panel.startTime')"
|
||||
<my-date-picker ref="calendar" v-model="editAlertSilence.endAt" :clearable="false" :placeholder="$t('overall.startTime')"
|
||||
align="right" class=" "
|
||||
:format="timeFormatStrToDatePickFormat(timeFormatMain)"
|
||||
popper-class="panel-time-picker-popper right-box-select-top"
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
<div class="right-box__container">
|
||||
<div class="container__form">
|
||||
<el-form ref="apiKeyBoxForm" :model="apiKeyBox" :rules="rules" label-position="top" label-width="120px">
|
||||
<el-form-item :label="$t('profile.name')" prop="name">
|
||||
<el-form-item :label="$t('overall.name')" prop="name">
|
||||
<el-input maxlength="64" show-word-limit v-model="apiKeyBox.name" size="small" type="text"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<div class="container__form">
|
||||
<!-- Edit type -->
|
||||
<el-form ref="assetEditForm" :model="editData" :rules="rules" label-position="top" label-width="120px">
|
||||
<el-form-item :label="$t('overall.editType')" prop="editType">
|
||||
<el-form-item :label="$t('overall.type')" prop="editType">
|
||||
<el-select v-model="editData.editType" @change="assetBatch" class="right-box__select" popper-class="right-box-select-top prevent-clickoutside" size="small" value-key="value">
|
||||
<el-option v-for="type in assetConstants.editTypeOptions" :key="type.value" :label="$t(type.label)" :value="type.value"/>
|
||||
</el-select>
|
||||
@@ -31,7 +31,7 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 第三级:Auth type = username | key -->
|
||||
<el-form-item :label="$t('asset.userName')" prop="authUsername">
|
||||
<el-form-item :label="$t('profile.username')" prop="authUsername">
|
||||
<el-input v-model="editData.authUsername" size="small"/>
|
||||
</el-form-item>
|
||||
<template v-if="editData.authType === assetConstants.authTypeData.key">
|
||||
@@ -40,7 +40,7 @@
|
||||
<el-input v-model="editData.authPriKey" size="small" type="password" autocomplete="new-password"/>
|
||||
</el-form-item>
|
||||
</template>
|
||||
<el-form-item :label="$t('asset.pin')" prop="authPin">
|
||||
<el-form-item :label="$t('login.pin')" prop="authPin">
|
||||
<el-input v-model="editData.authPin" size="small" type="password" autocomplete="new-password"/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('asset.port')" prop="authProtocolPort">
|
||||
@@ -51,10 +51,10 @@
|
||||
<!-- 第二级:Protocol type = TELNET -->
|
||||
<template v-if="editData.authProtocol === assetConstants.authProtocolData.telnet">
|
||||
<div class="form__sub-title">TELNET</div>
|
||||
<el-form-item :label="$t('asset.userName')" prop="authUsername">
|
||||
<el-form-item :label="$t('profile.username')" prop="authUsername">
|
||||
<el-input v-model="editData.authUsername" size="small"/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('asset.pin')" prop="authPin">
|
||||
<el-form-item :label="$t('login.pin')" prop="authPin">
|
||||
<el-input v-model="editData.authPin" size="small"/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('asset.usernamePrompt')" prop="authUserTip">
|
||||
@@ -175,7 +175,7 @@
|
||||
|
||||
<!-- 第一级:Edit type = state -->
|
||||
<template v-if="editData.editType === assetConstants.editTypeData.state">
|
||||
<el-form-item :label="$t('asset.state')" prop="stateId">
|
||||
<el-form-item :label="$t('overall.state')" prop="stateId">
|
||||
<el-select v-model="editData.stateId" class="right-box__select" :placeholder="$t('overall.select')" popper-class="right-box-select-top prevent-clickoutside" size="small" value-key="id">
|
||||
<el-option v-for="state in stateData" :key="state.id" :label="state.name" :value="state.id"></el-option>
|
||||
</el-select>
|
||||
@@ -302,7 +302,7 @@ export default {
|
||||
id: 'sn',
|
||||
disabled: false
|
||||
}, {
|
||||
name: this.$t('dashboard.overview.dataCenter.dataCenter'),
|
||||
name: this.$t('overall.dc'),
|
||||
type: 'dc',
|
||||
label: 'dcIds',
|
||||
readonly: true,
|
||||
@@ -314,7 +314,7 @@ export default {
|
||||
id: 'manageIp',
|
||||
disabled: false
|
||||
}, {
|
||||
name: this.$t('asset.state'),
|
||||
name: this.$t('overall.state'),
|
||||
type: 'assetState',
|
||||
label: 'assetState',
|
||||
id: 'stateIds',
|
||||
|
||||
@@ -20,7 +20,7 @@
|
||||
</template>
|
||||
</select-asset-type>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="editAsset.type && editAsset.type.vm === 1" :label="$t('overall.parent')" prop="pid">
|
||||
<el-form-item v-if="editAsset.type && editAsset.type.vm === 1" :label="$t('asset.parent')" prop="pid">
|
||||
<el-select
|
||||
v-model="editAsset.pid"
|
||||
class="right-box__select"
|
||||
@@ -31,7 +31,7 @@
|
||||
<el-option v-for="p in options.parentAssetOptions" :key="p.id" :label="p.name" :value="p.id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('asset.state')" prop="stateId">
|
||||
<el-form-item :label="$t('overall.state')" prop="stateId">
|
||||
<el-select v-model="editAsset.stateId" class="right-box__select" :placeholder="$t('el.select.placeholder')" popper-class="right-box-select-top prevent-clickoutside" size="small" value-key="id">
|
||||
<el-option v-for="state in options.stateOptions" :key="state.id" :label="state.name" :value="state.id">
|
||||
<div style="display: flex;justify-content: space-between;padding: 5px;">
|
||||
@@ -198,7 +198,7 @@
|
||||
<el-option v-for="type in assetConstants.authTypeOptions" :key="type.value" :label="type.label" :value="type.value"/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('asset.userName')" prop="authUsername">
|
||||
<el-form-item :label="$t('profile.username')" prop="authUsername">
|
||||
<el-input maxlength="64" show-word-limit v-model="editAsset.authUsername" size="small"/>
|
||||
</el-form-item>
|
||||
<!-- Key支持私钥 -->
|
||||
@@ -207,7 +207,7 @@
|
||||
<el-input v-model="editAsset.authPriKey" size="small"/>
|
||||
</el-form-item>
|
||||
</template>
|
||||
<el-form-item :label="$t('asset.pin')" prop="authPin">
|
||||
<el-form-item :label="$t('login.pin')" prop="authPin">
|
||||
<el-input maxlength="256" show-word-limit v-model="editAsset.authPin" size="small" type="password"/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('asset.port')" prop="authProtocolPort">
|
||||
@@ -218,10 +218,10 @@
|
||||
<!-- TELNET -->
|
||||
<template v-if="editAsset.type && editAsset.type.authProtocol === assetConstants.authProtocolData.telnet">
|
||||
<div class="form__sub-title">TELNET</div>
|
||||
<el-form-item :label="$t('asset.userName')" prop="authUsername">
|
||||
<el-form-item :label="$t('profile.username')" prop="authUsername">
|
||||
<el-input maxlength="64" show-word-limit v-model="editAsset.authUsername" size="small"/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('asset.pin')" prop="authPin">
|
||||
<el-form-item :label="$t('login.pin')" prop="authPin">
|
||||
<el-input maxlength="256" show-word-limit v-model="editAsset.authPin" size="small" type="password"/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('asset.usernamePrompt')" prop="authUserTip">
|
||||
@@ -264,10 +264,10 @@
|
||||
</div>
|
||||
</div>
|
||||
<transition name="el-zoom-in-top">
|
||||
<!-- <el-form-item :label="$t('asset.userName')" prop="clientUser">
|
||||
<!-- <el-form-item :label="$t('profile.username')" prop="clientUser">
|
||||
<el-input maxlength="64" show-word-limit v-model="editAsset.clientUser" size="small"/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('asset.pin')" prop="clientPin">
|
||||
<el-form-item :label="$t('login.pin')" prop="clientPin">
|
||||
<el-input type="password" show-word-limit v-model="editAsset.clientPin" size="small"/>
|
||||
</el-form-item> -->
|
||||
<div v-if="editAsset.clientEnable === 1" v-show="talonShowTow">
|
||||
|
||||
@@ -13,18 +13,18 @@
|
||||
<div class="right-box__container">
|
||||
<div class="container__form">
|
||||
<el-form label-width="120px" :model="editAssetMeta" label-position = "top" ref="editAssetMetaForm" :rules="rules">
|
||||
<el-form-item :label='$t("config.assetLabel.name")' prop="name">
|
||||
<el-form-item :label='$t("overall.name")' prop="name">
|
||||
<el-input placeholder="" maxlength="64" show-word-limit v-model="editAssetMeta.name" size="small" id="editAssetMeta-box-input-name"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item :label='$t("config.assetLabel.key")' prop="metaKey">
|
||||
<el-form-item :label='$t("overall.key")' prop="metaKey">
|
||||
<el-input placeholder="" maxlength="128" show-word-limit v-model="editAssetMeta.metaKey" size="small" id="editAssetMeta-box-input-key"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item :label='$t("config.assetLabel.group")' prop="groupId">
|
||||
<el-form-item :label='$t("dashboard.panel.chartForm.group")' prop="groupId">
|
||||
<el-select v-model="editAssetMeta.groupId" size="small" class="right-box__select" :placeholder="$t('el.select.placeholder')" popper-class="right-box-select-top prevent-clickoutside" :popper-append-to-body="false">
|
||||
<el-option v-for="(item, index) in groupData" :key="index" :value="item.id" :label="item.name"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item :label='$t("config.assetLabel.search")' prop="search">
|
||||
<el-form-item :label='$t("overall.search")' prop="search">
|
||||
<el-switch
|
||||
@change="switchSearch"
|
||||
v-model="editAssetMeta.search"
|
||||
@@ -39,7 +39,7 @@
|
||||
inactive-value="0">
|
||||
</el-switch>
|
||||
</el-form-item>
|
||||
<el-form-item :label='$t("config.assetLabel.type")' prop="type">
|
||||
<el-form-item :label='$t("overall.type")' prop="type">
|
||||
<el-select v-model="editAssetMeta.type" :popper-append-to-body="false" class="right-box__select" popper-class="right-box-select-top prevent-clickoutside" size="small" @change="selectType">
|
||||
<el-option v-for="(item, index) in typeData" :key="index" :value="item.value" :disabled="item.disabled">
|
||||
<div><i :class="item.icon"></i> <span>{{item.name}}</span></div>
|
||||
@@ -92,7 +92,7 @@
|
||||
<span class="datetime-header">{{$t('config.assetLabel.dateType')}}: </span>
|
||||
<el-radio-group v-model="editAssetMeta.param.subType">
|
||||
<el-radio :label="'date'">{{$t('config.assetLabel.date')}}</el-radio>
|
||||
<el-radio :label="'time'">{{$t('config.assetLabel.time')}}</el-radio>
|
||||
<el-radio :label="'time'">{{$t('overall.time')}}</el-radio>
|
||||
<el-radio :label="'datetime'">{{$t('config.assetLabel.datetimes')}}</el-radio>
|
||||
</el-radio-group>
|
||||
</el-row>
|
||||
|
||||
@@ -35,7 +35,7 @@
|
||||
</el-switch>
|
||||
</el-form-item>
|
||||
<!--alert-->
|
||||
<el-form-item :label="$t('config.assetState.alert')">
|
||||
<el-form-item :label="$t('overall.alert')">
|
||||
<el-switch :active-value="1" :inactive-value="0" id="asset-state-alert-status"
|
||||
v-model="editAssetState.alert">
|
||||
</el-switch>
|
||||
|
||||
@@ -185,7 +185,7 @@ export default {
|
||||
ChartSearchShowFields: [ // ChartSearch 下拉搜索表头
|
||||
{ title: 'ID', data: 'id' },
|
||||
{
|
||||
title: this.$t('config.model.titleName'),
|
||||
title: this.$t('overall.name'),
|
||||
data: function (row) {
|
||||
if (row.name.length > 15) {
|
||||
return row.name.substring(0, 12) + '...'
|
||||
@@ -220,7 +220,7 @@ export default {
|
||||
columns: [
|
||||
{ title: 'id', data: 'id' },
|
||||
{
|
||||
title: this.$t('config.model.titleName'),
|
||||
title: this.$t('overall.name'),
|
||||
data: function (row) {
|
||||
if (row.name.length > 15) {
|
||||
return row.name.substring(0, 12) + '...'
|
||||
@@ -239,7 +239,7 @@ export default {
|
||||
orjinNME: 'type'
|
||||
},
|
||||
{
|
||||
title: this.$t('overall.model'),
|
||||
title: this.$t('asset.model'),
|
||||
data: (row) => {
|
||||
return row.model ? row.model.name : ''
|
||||
},
|
||||
@@ -268,11 +268,11 @@ export default {
|
||||
tempEndpoint: {},
|
||||
tempEndpoint2: {},
|
||||
assetLoading: true,
|
||||
rightBox: { show: false, title: this.$t('project.endpoint.createEndpoint'), isEdit: false },
|
||||
rightBox: { show: false, title: this.$t('overall.createEndpoin'), isEdit: false },
|
||||
optionType: 'batchAdd',
|
||||
endpointTableTitle: [ // 原始table列
|
||||
{
|
||||
label: this.$t('project.endpoint.name'),
|
||||
label: this.$t('overall.name'),
|
||||
prop: 'name',
|
||||
show: true
|
||||
},
|
||||
@@ -287,12 +287,12 @@ export default {
|
||||
show: true
|
||||
},
|
||||
{
|
||||
label: this.$t('project.endpoint.asset'),
|
||||
label: this.$t('guide.asset'),
|
||||
prop: 'asset',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
label: this.$t('project.endpoint.configs'),
|
||||
label: this.$t('project.module.configs'),
|
||||
prop: 'configs',
|
||||
show: true,
|
||||
width: 150
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<div class="container__form">
|
||||
<!-- Edit type -->
|
||||
<el-form ref="endpointEditForm" :model="editData" :rules="rules" label-position="top" label-width="120px">
|
||||
<el-form-item :label="$t('overall.editType')" prop="editType">
|
||||
<el-form-item :label="$t('overall.type')" prop="editType">
|
||||
<el-select v-model="editData.editType" @change="endpointBatch" class="right-box__select" popper-class="right-box-select-top prevent-clickoutside" size="small" value-key="value">
|
||||
<el-option v-for="type in endpointConfig.editTypeOptions" :key="type.value" :label="$t(type.label)" :value="type.value"/>
|
||||
</el-select>
|
||||
|
||||
@@ -157,7 +157,7 @@ export default {
|
||||
tempEndpoint: {},
|
||||
tempEndpoint2: {},
|
||||
assetLoading: true,
|
||||
rightBox: { show: false, title: this.$t('project.endpoint.createEndpoint'), isEdit: false },
|
||||
rightBox: { show: false, title: this.$t('overall.createEndpoin'), isEdit: false },
|
||||
blankEndpoint: {
|
||||
id: '',
|
||||
projectId: '',
|
||||
@@ -203,12 +203,12 @@ export default {
|
||||
endpointList: [],
|
||||
endpointTableTitle: [ // 原始table列
|
||||
{
|
||||
label: this.$t('project.endpoint.name'),
|
||||
label: this.$t('overall.name'),
|
||||
prop: 'name',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
label: this.$t('project.endpoint.asset'),
|
||||
label: this.$t('guide.asset'),
|
||||
prop: 'asset',
|
||||
show: true
|
||||
},
|
||||
@@ -218,12 +218,12 @@ export default {
|
||||
show: true
|
||||
},
|
||||
{
|
||||
label: this.$t('project.endpoint.port'),
|
||||
label: this.$t('asset.port'),
|
||||
prop: 'port',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
label: this.$t('project.endpoint.configs'),
|
||||
label: this.$t('project.module.configs'),
|
||||
prop: 'configs',
|
||||
show: true
|
||||
}
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
<el-option v-for="dc in dcData" :key="dc.id" :value="dc.id" :label="dc.name"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('asset.uSize')" prop="uSize">
|
||||
<el-form-item :label="$t('config.cab.uSize')" prop="uSize">
|
||||
<el-input v-model.number="editCabinet.uSize" :max="47" size="small" id="cabinet-box-input-uSize"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('overall.remark')">
|
||||
|
||||
@@ -109,7 +109,7 @@
|
||||
<div class="form-items--half-width-group">
|
||||
<!-- type -->
|
||||
<el-form-item
|
||||
:label="$t('dashboard.panel.chartForm.type')"
|
||||
:label="$t('overall.type')"
|
||||
class="form-item--half-width"
|
||||
prop="type"
|
||||
>
|
||||
@@ -174,7 +174,7 @@
|
||||
<!-- limit -->
|
||||
<el-form-item
|
||||
v-show="isLog(chartConfig.type)"
|
||||
:label="$t('dashboard.panel.chartForm.limit')"
|
||||
:label="$t('overall.limit')"
|
||||
class="form-item--half-width"
|
||||
prop="param.limit">
|
||||
<el-input-number
|
||||
@@ -364,7 +364,7 @@
|
||||
<div v-if="isShowLegend(chartConfig.type)">
|
||||
<!--legendConfig-->
|
||||
<div class="form__sub-title">
|
||||
<span>{{$t('dashboard.panel.chartForm.legendConfig')}}</span>
|
||||
<span>{{$t('dashboard.panel.chartForm.legend')}}</span>
|
||||
<el-switch v-model="chartConfig.param.enable.legend" size="small" @change="change"></el-switch>
|
||||
</div>
|
||||
<transition name="el-zoom-in-top">
|
||||
@@ -423,7 +423,7 @@
|
||||
|
||||
<!--thresholdConfig-->
|
||||
<div class="form__sub-title" v-if="isThresholdConfig(chartConfig.type)">
|
||||
<span>{{$t('dashboard.panel.chartForm.threshold')}}</span>
|
||||
<span>{{$t('alert.config.threshold')}}</span>
|
||||
<el-switch
|
||||
v-model="chartConfig.param.enable.thresholds"
|
||||
size="small"
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
</transition>
|
||||
|
||||
<div class="right-box__header">
|
||||
<div class="header__title" v-if="from !== 'chartTemp'">{{editChart.id ? $t("dashboard.panel.editChartTitle") : $t("dashboard.panel.createChartTitle")}}</div>
|
||||
<div class="header__title" v-if="from !== 'chartTemp'">{{editChart.id ? $t("dashboard.panel.editChartTitle") : $t("overall.createChart")}}</div>
|
||||
<div class="header__title" v-if="from === 'chartTemp'">{{editChart.id ? $t("dashboard.panel.editChartTempTitle") : $t("dashboard.panel.createChartTempTitle")}}</div>
|
||||
<div class="header__operation">
|
||||
<span v-cancel="{obj: editChart, func: clickOutside}"><i class="nz-icon nz-icon-close"></i></span>
|
||||
@@ -15,7 +15,7 @@
|
||||
<!-- begin--表单-->
|
||||
<div class="right-box-form-box right-box__container chart-right-box">
|
||||
<el-form ref="chartForm" :model="editChart" :rules="rules" label-position= "top" label-width="120px">
|
||||
<el-form-item :label='$t("dashboard.panel.chartForm.name")' prop="name">
|
||||
<el-form-item :label='$t("overall.name")' prop="name">
|
||||
<div style="display:flex;align-items:center">
|
||||
<el-input style="flex:1;margin-right:10px" maxlength="64" show-word-limit size="small" v-model="editChart.name" id="chart-box-title"></el-input>
|
||||
<!-- 显示头部 -->
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
<div class="form-items--half-width-group">
|
||||
<!-- type -->
|
||||
<el-form-item
|
||||
:label="$t('dashboard.panel.chartForm.type')"
|
||||
:label="$t('overall.type')"
|
||||
class="form-item--half-width"
|
||||
prop="type"
|
||||
>
|
||||
@@ -179,7 +179,7 @@ export default {
|
||||
chartTypeList: [
|
||||
{
|
||||
id: 'url',
|
||||
name: this.$t('dashboard.panel.chartForm.typeVal.url.label')
|
||||
name: this.$t('dashboard.panel.chartForm.url')
|
||||
},
|
||||
{
|
||||
id: 'text',
|
||||
@@ -191,7 +191,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 'group',
|
||||
name: this.$t('dashboard.panel.chartForm.typeVal.group.label')
|
||||
name: this.$t('dashboard.panel.chartForm.group')
|
||||
},
|
||||
{
|
||||
id: 'map',
|
||||
|
||||
@@ -277,7 +277,7 @@ export default {
|
||||
],
|
||||
textList: [
|
||||
{
|
||||
label: this.$t('config.assetLabel.all'),
|
||||
label: this.$t('overall.exportAll'),
|
||||
value: 'all'
|
||||
}, {
|
||||
label: this.$t('overall.value'),
|
||||
|
||||
@@ -85,7 +85,7 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
:label="$t('dashboard.panel.chartForm.limit')"
|
||||
:label="$t('overall.limit')"
|
||||
class="form-item--half-width"
|
||||
prop="param.limit"
|
||||
>
|
||||
@@ -133,7 +133,7 @@
|
||||
<div class="form-items--half-width-group">
|
||||
<!-- type -->
|
||||
<el-form-item
|
||||
:label="$t('dashboard.panel.chartForm.type')"
|
||||
:label="$t('overall.type')"
|
||||
class="form-item--half-width"
|
||||
prop="type"
|
||||
>
|
||||
@@ -326,7 +326,7 @@
|
||||
<div v-if="isShowLegend(chartConfig.type)">
|
||||
<!--legendConfig-->
|
||||
<div class="form__sub-title">
|
||||
<span>{{$t('dashboard.panel.chartForm.legendConfig')}}</span>
|
||||
<span>{{$t('dashboard.panel.chartForm.legend')}}</span>
|
||||
<el-switch v-model="chartConfig.param.enable.legend" size="small" @change="change"></el-switch>
|
||||
</div>
|
||||
<transition name="el-zoom-in-top">
|
||||
@@ -385,7 +385,7 @@
|
||||
|
||||
<!--thresholdConfig-->
|
||||
<div class="form__sub-title" v-if="isThresholdConfig(chartConfig.type)">
|
||||
<span>{{$t('dashboard.panel.chartForm.threshold')}}</span>
|
||||
<span>{{$t('alert.config.threshold')}}</span>
|
||||
<el-switch
|
||||
v-model="chartConfig.param.enable.thresholds"
|
||||
size="small"
|
||||
|
||||
@@ -26,7 +26,7 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!--chartTemp list-->
|
||||
<el-form-item :label="$t('dashboard.panel.chartForm.pid')" prop="pid">
|
||||
<el-form-item :label="$t('project.module.ChartTemplate')" prop="pid">
|
||||
<el-select id="chart-box-group"
|
||||
v-model="editChartTemp.pid"
|
||||
class="right-box__select" clearable
|
||||
@@ -134,7 +134,7 @@ export default {
|
||||
disabled: false
|
||||
}, {
|
||||
id: 22,
|
||||
name: this.$t('asset.state'),
|
||||
name: this.$t('overall.state'),
|
||||
type: 'select',
|
||||
label: 'assetState',
|
||||
disabled: false
|
||||
@@ -366,7 +366,7 @@ export default {
|
||||
disabled: false
|
||||
}, {
|
||||
id: 22,
|
||||
name: this.$t('asset.state'),
|
||||
name: this.$t('overall.state'),
|
||||
type: 'select',
|
||||
label: 'assetState',
|
||||
disabled: false
|
||||
@@ -392,7 +392,7 @@ export default {
|
||||
show: true
|
||||
},
|
||||
{
|
||||
label: this.$t('project.endpoint.name'),
|
||||
label: this.$t('overall.name'),
|
||||
prop: 'name',
|
||||
show: true
|
||||
}
|
||||
|
||||
@@ -17,10 +17,10 @@
|
||||
<el-form-item :label='$t("asset.location")' prop="location">
|
||||
<el-input placeholder="" maxlength="256" show-word-limit v-model="editDc.location" size="small" id="dc-box-input-location"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item :label='$t("asset.tel")' prop="tel">
|
||||
<el-form-item :label='$t("config.dc.tel")' prop="tel">
|
||||
<el-input placeholder="" maxlength="128" show-word-limit v-model="editDc.tel" size="small" id="dc-box-input-tel"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item :label='$t("asset.principal")' prop="principal">
|
||||
<el-form-item :label='$t("config.dc.principal")' prop="principal">
|
||||
<el-select value-key="id" class="right-box__select" popper-class="right-box-select-top right-public-box-dropdown-top prevent-clickoutside" v-model="editDc.principal" placeholder="" size="small" id="dc-box-input-principal">
|
||||
<el-option v-for="item in userData" :key="item.id" :label="item.name" :value="item.id" style="width: 620px">
|
||||
<span class="user-name" :title="item.name">{{item.name}}</span><span class="user-username" :title="item.username">@{{item.username}}</span>
|
||||
@@ -39,7 +39,7 @@
|
||||
></latlng-picker>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item :label='$t("config.dc.state")' prop="state">
|
||||
<el-form-item :label='$t("overall.state")' prop="state">
|
||||
<el-switch
|
||||
id="dc-box-input-name"
|
||||
v-model="editDc.state"
|
||||
|
||||
@@ -10,10 +10,10 @@
|
||||
{{ $t("project.module.batchEndpoint")}}
|
||||
</span>
|
||||
<span v-if="optionType === 'add'">
|
||||
{{ $t("project.module.createEndpoint")}}
|
||||
{{ $t("overall.createEndpoin")}}
|
||||
</span>
|
||||
<span v-if="optionType === 'batchAdd'">
|
||||
{{ $t("project.module.createEndpoint")}}
|
||||
{{ $t("overall.createEndpoin")}}
|
||||
</span>
|
||||
</div>
|
||||
<!-- end--标题-->
|
||||
@@ -39,7 +39,7 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!--asset-->
|
||||
<el-form-item :label='$t("project.module.asset")' label-width="125px" prop="assetId" v-if="!disabled">
|
||||
<el-form-item :label='$t("guide.asset")' label-width="125px" prop="assetId" v-if="!disabled">
|
||||
<!-- <el-select id="module-box-input-asset" @change="renderEndpoint" v-model="editEndpoint.assetId" :disabled="disabled" class="right-box__select" placeholder="" popper-class="right-box-select-top right-public-box-dropdown-top prevent-clickoutside" size="small" value-key="id">-->
|
||||
<!-- <el-option v-for="item in assetList" :id="'asset-'+item.id" :key="item.id" :label="item.name" :value="item.id"></el-option>-->
|
||||
<!-- </el-select>-->
|
||||
@@ -62,11 +62,11 @@
|
||||
:result-format="resultFormat"
|
||||
></v-selectpage>
|
||||
</el-form-item>
|
||||
<el-form-item :label='$t("project.module.asset")' label-width="125px" prop="assetName" v-if="disabled">
|
||||
<el-form-item :label='$t("guide.asset")' label-width="125px" prop="assetName" v-if="disabled">
|
||||
<el-input id="module-box-input-assetName" v-model="editEndpoint.assetName" :disabled="disabled" placeholder="" show-word-limit size="small"></el-input>
|
||||
</el-form-item>
|
||||
<!--name-->
|
||||
<el-form-item v-if="optionType!=='batch'" :label='$t("project.module.name")' label-width="125px" prop="name">
|
||||
<el-form-item v-if="optionType!=='batch'" :label='$t("overall.name")' label-width="125px" prop="name">
|
||||
<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-->
|
||||
@@ -82,7 +82,7 @@
|
||||
</div>
|
||||
<div class="right-box-line"></div>
|
||||
<!-- ChartTemplate -->
|
||||
<!-- <el-form-item :label="$t('config.model.ChartTemplate')" prop="ChartTemplate">-->
|
||||
<!-- <el-form-item :label="$t('project.module.ChartTemplate')" 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.endpoint.metrics')}}
|
||||
{{$t('project.metrics.metrics')}}
|
||||
</span>
|
||||
<el-switch v-model="editEndpoint.configs[0].enable" size="small" :active-value="1" :inactive-value="0"></el-switch>
|
||||
</div>
|
||||
@@ -111,7 +111,7 @@
|
||||
<el-tabs v-model="activeName" v-show="metricsShow" v-if="editEndpoint.configs[0].enable">
|
||||
<el-tab-pane :label="$t('project.endpoint.basic')" name="Basic">
|
||||
<!--type-->
|
||||
<el-form-item :label='$t("project.endpoint.protocol")' class="half-form-item" prop="type">
|
||||
<el-form-item :label='$t("webshell.protocol")' class="half-form-item" prop="type">
|
||||
<el-select id="module-box-input-type" v-model="editEndpoint.configs[0].config.protocol" :disabled="!!editEndpoint.id && editEndpoint.configs[0].config.protocol === 'snmp'" class="right-box__select" placeholder="" popper-class="right-box-select-top prevent-clickoutside" size="small" value-key="id">
|
||||
<el-option v-for="item in typeList" :id="'module-type-'+item.id" :key="item.value" :label="item.name" :value="item.value" :disabled="item.disabled && !!editEndpoint.id"></el-option>
|
||||
</el-select>
|
||||
@@ -121,11 +121,11 @@
|
||||
<el-input id="module-box-input-host" v-model="editEndpoint.configs[0].config.host" placeholder="" size="small"></el-input>
|
||||
</el-form-item>
|
||||
<!--path-->
|
||||
<el-form-item :label='$t("project.endpoint.path")' class="half-form-item" prop="configs.metrics_path">
|
||||
<el-form-item :label='$t("config.terminallog.path")' class="half-form-item" prop="configs.metrics_path">
|
||||
<el-input id="module-box-input-path" v-model="editEndpoint.configs[0].config.metrics_path" placeholder="" size="small" :disabled="editEndpoint.configs[0].config.protocol === 'snmp'"></el-input>
|
||||
</el-form-item>
|
||||
<!--port-->
|
||||
<el-form-item :label='$t("project.endpoint.port")' class="half-form-item" prop="configs.0.config.port" :rules="[
|
||||
<el-form-item :label='$t("asset.port")' class="half-form-item" prop="configs.0.config.port" :rules="[
|
||||
{ validator: port, trigger: 'blur' },
|
||||
{ required: true, message: $t('validate.required'), trigger: 'blur' }
|
||||
]">
|
||||
@@ -193,7 +193,7 @@
|
||||
</span>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane :label="$t('project.endpoint.parameter')" name="Parameter" class="el-tab-pane-height">
|
||||
<el-tab-pane :label="$t('project.endpoint.param')" 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'}]">
|
||||
@@ -316,25 +316,25 @@
|
||||
</span>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane v-if="editEndpoint.configs[0].config.protocol !== 'snmp'" :label="$t('project.endpoint.auth')" name="Auth">
|
||||
<el-tab-pane v-if="editEndpoint.configs[0].config.protocol !== 'snmp'" :label="$t('config.mib.credential.auth')" name="Auth">
|
||||
<!--authtype-->
|
||||
<el-form-item :label='$t("project.endpoint.type")' prop="authtype">
|
||||
<el-form-item :label='$t("overall.type")' prop="authtype">
|
||||
<el-select id="module-box-input-auth-type" v-model="authType" class="right-box__select" placeholder="" popper-class="right-box-select-top prevent-clickoutside" size="small" value-key="id" @change="changeAuthType">
|
||||
<el-option v-for="item in authTypeList" :id="'module-type-'+item.id" :key="item.value" :label="item.name" :value="item.value"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<!--authtype 1-->
|
||||
<el-form-item v-if="authType === 1" :label='$t("project.endpoint.username")' class="half-form-item" prop="configs.0.config.basic_auth.username" :rules="[{ required: true, message: $t('validate.required'), trigger: 'blur' }]">
|
||||
<el-form-item v-if="authType === 1" :label='$t("asset.username")' class="half-form-item" prop="configs.0.config.basic_auth.username" :rules="[{ required: true, message: $t('validate.required'), trigger: 'blur' }]">
|
||||
<el-input id="module-box-input-uername" v-model="editEndpoint.configs[0].config.basic_auth.username" placeholder='' size="small"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item v-if="authType === 1" :label='$t("project.endpoint.pin")' class="half-form-item" prop="configs.0.config.basic_auth.pin" :rules="[{ required: true, message: $t('validate.required'), trigger: 'blur' }]">
|
||||
<el-form-item v-if="authType === 1" :label='$t("login.pin")' class="half-form-item" prop="configs.0.config.basic_auth.pin" :rules="[{ required: true, message: $t('validate.required'), trigger: 'blur' }]">
|
||||
<el-input id="module-box-input-password" v-model="editEndpoint.configs[0].config.basic_auth.pin" type="password" autocomplete="new-password" placeholder='' size="small"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<!--authtype 2-->
|
||||
<el-form-item v-if="authType === 2" :label='$t("project.endpoint.bearer_token")' prop="configs.0.config.bearer_token" :rules="[{ required: true, message: $t('validate.required'), trigger: 'blur' }]">
|
||||
<el-form-item v-if="authType === 2" :label='$t("project.endpoint.authTypeToken")' prop="configs.0.config.bearer_token" :rules="[{ required: true, message: $t('validate.required'), trigger: 'blur' }]">
|
||||
<el-input id="module-box-input-bearer_token" v-model="editEndpoint.configs[0].config.bearer_token" placeholder='' size="small"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
@@ -344,7 +344,7 @@
|
||||
<div class="endpoint-title" style="margin-top: 10px">
|
||||
<span class="endpoint-title-content">
|
||||
<i class="nz-icon nz-icon-arrow-down" :class="logsShow?'':'is-active'" @click="logsShow = !logsShow"></i>
|
||||
{{$t('project.endpoint.logs')}}
|
||||
{{$t('overall.logs')}}
|
||||
</span>
|
||||
<el-switch v-model="editEndpoint.configs[1].enable" size="small" :active-value="1" :inactive-value="0"></el-switch>
|
||||
</div>
|
||||
@@ -354,14 +354,14 @@
|
||||
<el-tabs v-model="activeNameLogs[index]" class="special-tabs" @tab-click="()=>{tabClick(index)}">
|
||||
<el-tab-pane :label="$t('project.endpoint.basic')" name="Basic">
|
||||
<!--type-->
|
||||
<el-form-item :label='$t("project.endpoint.type")' class="half-form-item">
|
||||
<el-form-item :label='$t("overall.type")' class="half-form-item">
|
||||
<el-select id="module-box-input-type" v-model="item.type" class="right-box__select" placeholder="" popper-class="right-box-select-top prevent-clickoutside" size="small" @change="logsBasicTypeChange(index)">
|
||||
<el-option v-for="item in logsBasicList" :id="'module-type-'+item.id" :key="item.value" :label="item.name" :value="item.value"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
v-if='item.type === "file"'
|
||||
:label='item.type === "file" ? $t("project.endpoint.basicTypeFile"):( item.type === "journal" ? $t("project.endpoint.basicTypeJournal") : $t("project.endpoint.basicTypeSyslog"))' class="half-form-item"
|
||||
:label='item.type === "file" ? $t("config.terminallog.path"):( item.type === "journal" ? $t("dashboard.panel.chartForm.unit") : $t("project.endpoint.basicTypeSyslog"))' class="half-form-item"
|
||||
:prop="'configs.1.config.'+ index +'.fileName'"
|
||||
:rules="[ { required: true, message: $t('validate.required'), trigger: 'blur' }]"
|
||||
>
|
||||
@@ -369,7 +369,7 @@
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
v-if='item.type === "journal"'
|
||||
:label='item.type === "file" ? $t("project.endpoint.basicTypeFile"):( item.type === "journal" ? $t("project.endpoint.basicTypeJournal") : $t("project.endpoint.basicTypeSyslog"))' class="half-form-item"
|
||||
:label='item.type === "file" ? $t("config.terminallog.path"):( item.type === "journal" ? $t("dashboard.panel.chartForm.unit") : $t("project.endpoint.basicTypeSyslog"))' class="half-form-item"
|
||||
:prop="'configs.1.config.'+ index +'.unit'"
|
||||
:rules="[ { required: true, message: $t('validate.required'), trigger: 'blur' }]"
|
||||
>
|
||||
@@ -377,7 +377,7 @@
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
v-if='item.type === "syslog"'
|
||||
:label='item.type === "file" ? $t("project.endpoint.basicTypeFile"):( item.type === "journal" ? $t("project.endpoint.basicTypeJournal") : $t("project.endpoint.basicTypeSyslog"))' class="half-form-item"
|
||||
:label='item.type === "file" ? $t("config.terminallog.path"):( item.type === "journal" ? $t("dashboard.panel.chartForm.unit") : $t("project.endpoint.basicTypeSyslog"))' class="half-form-item"
|
||||
:prop="'configs.1.config.'+ index +'.listenAddress'"
|
||||
:rules="[ { required: true, message: $t('validate.required'), trigger: 'blur' }]"
|
||||
>
|
||||
@@ -631,7 +631,7 @@ export default {
|
||||
ChartSearchShowFields: [ // ChartSearch 下拉搜索表头
|
||||
{ title: 'ID', data: 'id' },
|
||||
{
|
||||
title: this.$t('config.model.titleName'),
|
||||
title: this.$t('overall.name'),
|
||||
data: function (row) {
|
||||
if (row.name.length > 15) {
|
||||
return row.name.substring(0, 12) + '...'
|
||||
@@ -639,7 +639,7 @@ export default {
|
||||
return row.name
|
||||
}
|
||||
},
|
||||
{ title: this.$t('config.model.titleType'), data: 'type' },
|
||||
{ title: this.$t('overall.type'), data: 'type' },
|
||||
{
|
||||
title: this.$t('overall.remark'),
|
||||
data: function (row) {
|
||||
@@ -710,7 +710,7 @@ export default {
|
||||
],
|
||||
authType: 0,
|
||||
authTypeList: [
|
||||
{ name: this.$t('project.endpoint.authTypeNull'), value: 0 },
|
||||
{ name: this.$t('project.topology.none'), value: 0 },
|
||||
{ name: this.$t('project.endpoint.authTypeWord'), value: 1 },
|
||||
{ name: this.$t('project.endpoint.authTypeToken'), value: 2 }
|
||||
],
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
<div class="right-box__container">
|
||||
<div class="container__form container__form-width">
|
||||
<el-form ref="ExprTempForm" :model="editExprTemp" :rules="rules" label-position="top" label-width="120px">
|
||||
<el-form-item :label="$t('config.exprTemp.name')" prop="name">
|
||||
<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">
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
<el-form-item :label="$t('config.menus.parent')" prop="parentId">
|
||||
<tree-select :multiple="false" :options="menus" label="id" noChildrenText="" noOptionsText="" placeholder="" v-model="editMenu.parentId" id="menu-box-input-parent"></tree-select>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('config.menus.type')" prop="type">
|
||||
<el-form-item :label="$t('overall.type')" prop="type">
|
||||
<el-radio-group v-model="editMenu.type" id="menu-box-input-type">
|
||||
<el-radio :label="1">{{$t('config.menus.menu')}}</el-radio>
|
||||
<el-radio :label="2">{{$t('config.menus.button')}}</el-radio>
|
||||
@@ -29,7 +29,7 @@
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<!--name-->
|
||||
<el-form-item :label="$t('config.menus.name')" prop="name">
|
||||
<el-form-item :label="$t('overall.name')" prop="name">
|
||||
<el-input placeholder="" type="text" v-model="editMenu.name" id="menu-box-input-name"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('config.menus.code')" prop="code">
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="right-box right-box-mib" v-clickoutside="{obj:editMib,func:clickOutside}" >
|
||||
<!-- begin--标题-->
|
||||
<div class="right-box__header">
|
||||
<div class="header__title">{{editMib.id ? ($t("config.mib.editMib")) : $t("config.mib.createMib")}}</div>
|
||||
<div class="header__title">{{editMib.id ? ($t("config.mib.editMib")) : $t("overall.createMib")}}</div>
|
||||
<div class="header__operation">
|
||||
<span v-cancel="{obj: editMib, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
|
||||
</div>
|
||||
@@ -11,7 +11,7 @@
|
||||
<div class="right-box__container">
|
||||
<div class="container__form">
|
||||
<el-form :model="editMib" label-position = "top" label-width="120px" :rules="rules" ref="mibForm">
|
||||
<el-form-item :label='$t("config.mib.models")' prop="models" :rules="[{validator:checkModels,trigger:'change'}]" >
|
||||
<el-form-item :label='$t("asset.model")' prop="models" :rules="[{validator:checkModels,trigger:'change'}]" >
|
||||
<el-cascader
|
||||
id="mib-input-selected-models"
|
||||
:options="modelOptions"
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="right-box right-box-module" v-clickoutside="{obj:editModule,func:clickOutside}">
|
||||
<div class="right-box__header">
|
||||
<!-- begin--标题-->
|
||||
<div class="header__title">{{editModule.id ? $t("project.module.editModule") : $t("project.module.createModule")}}</div>
|
||||
<div class="header__title">{{editModule.id ? $t("project.module.editModule") : $t("overall.createModule")}}</div>
|
||||
<!-- end--标题-->
|
||||
<div class="header__operation">
|
||||
<span v-cancel="{obj: editModule, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
|
||||
@@ -14,7 +14,7 @@
|
||||
<div class="container__form">
|
||||
<el-form ref="moduleForm" :model="editModule" :rules="rules" label-position="top" label-width="120px">
|
||||
<!--name-->
|
||||
<el-form-item :label='$t("project.module.moduleName")' label-width="125px" prop="name">
|
||||
<el-form-item :label='$t("overall.name")' label-width="125px" prop="name">
|
||||
<el-input id="module-box-input-name" v-model="editModule.name" maxlength="64" placeholder="" show-word-limit size="small"></el-input>
|
||||
</el-form-item>
|
||||
<!--project-->
|
||||
@@ -61,7 +61,7 @@
|
||||
></el-autocomplete>
|
||||
</el-form-item>
|
||||
<!-- ChartTemplate -->
|
||||
<el-form-item :label="$t('config.model.ChartTemplate')" prop="ChartTemplate">
|
||||
<el-form-item :label="$t('project.module.ChartTemplate')" 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.endpoint.metrics')}}
|
||||
{{$t('project.metrics.metrics')}}
|
||||
</span>
|
||||
<el-switch v-model="editModule.configs[0].enable" size="small" :active-value="1" :inactive-value="0"></el-switch>
|
||||
</div>
|
||||
@@ -91,7 +91,7 @@
|
||||
<el-tabs v-model="activeName" v-show="metricsShow" v-if="editModule.configs[0].enable">
|
||||
<el-tab-pane :label="$t('project.endpoint.basic')" name="Basic">
|
||||
<!--type-->
|
||||
<el-form-item :label='$t("project.endpoint.protocol")' class="half-form-item" prop="type">
|
||||
<el-form-item :label='$t("webshell.protocol")' class="half-form-item" prop="type">
|
||||
<el-select id="module-box-input-type" v-model="editModule.configs[0].config.protocol" :disabled="!!editModule.id && editModule.configs[0].config.protocol === 'snmp'" class="right-box__select" placeholder="" popper-class="right-box-select-top prevent-clickoutside" size="small" value-key="id" @change="changeBasicType">
|
||||
<el-option v-for="item in typeList" :id="'module-type-'+item.id" :key="item.value" :label="item.name" :value="item.value" :disabled="item.disabled && !!editModule.id"></el-option>
|
||||
</el-select>
|
||||
@@ -101,11 +101,11 @@
|
||||
<el-input id="module-box-input-host" v-model="editModule.configs[0].config.host" placeholder="" size="small"></el-input>
|
||||
</el-form-item>
|
||||
<!--path-->
|
||||
<el-form-item :label='$t("project.endpoint.path")' class="half-form-item" prop="configs.metrics_path" :disabled="editModule.configs[0].config.protocol === 'snmp'">
|
||||
<el-form-item :label='$t("config.terminallog.path")' class="half-form-item" prop="configs.metrics_path" :disabled="editModule.configs[0].config.protocol === 'snmp'">
|
||||
<el-input id="module-box-input-path" v-model="editModule.configs[0].config.metrics_path" placeholder="" size="small" :disabled="editModule.configs[0].config.protocol === 'snmp'"></el-input>
|
||||
</el-form-item>
|
||||
<!--port-->
|
||||
<el-form-item :label='$t("project.endpoint.port")' class="half-form-item" prop="configs.0.config.port" :rules="[
|
||||
<el-form-item :label='$t("asset.port")' class="half-form-item" prop="configs.0.config.port" :rules="[
|
||||
{ validator: port, trigger: 'blur' },
|
||||
{ required: true, message: $t('validate.required'), trigger: 'blur' }
|
||||
]">
|
||||
@@ -173,7 +173,7 @@
|
||||
</span>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane :label="$t('project.endpoint.parameter')" name="Parameter">
|
||||
<el-tab-pane :label="$t('project.endpoint.param')" 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">
|
||||
@@ -295,25 +295,25 @@
|
||||
</span>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane v-if="editModule.configs[0].config.protocol !== 'snmp'" :label="$t('project.endpoint.auth')" name="Auth">
|
||||
<el-tab-pane v-if="editModule.configs[0].config.protocol !== 'snmp'" :label="$t('config.mib.credential.auth')" name="Auth">
|
||||
<!--authtype-->
|
||||
<el-form-item :label='$t("project.endpoint.type")' prop="authtype">
|
||||
<el-form-item :label='$t("overall.type")' prop="authtype">
|
||||
<el-select id="module-box-input-auth-type" v-model="authType" class="right-box__select" placeholder="" popper-class="right-box-select-top prevent-clickoutside" size="small" value-key="id" @change="changeAuthType">
|
||||
<el-option v-for="item in authTypeList" :id="'module-type-'+item.id" :key="item.value" :label="item.name" :value="item.value"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<!--authtype 1-->
|
||||
<el-form-item v-if="authType === 1" :label='$t("project.endpoint.username")' class="half-form-item" prop="configs.0.config.basic_auth.username" :rules="[{ required: true, message: $t('validate.required'), trigger: 'blur' }]">
|
||||
<el-form-item v-if="authType === 1" :label='$t("asset.username")' class="half-form-item" prop="configs.0.config.basic_auth.username" :rules="[{ required: true, message: $t('validate.required'), trigger: 'blur' }]">
|
||||
<el-input id="module-box-input-uername" v-model="editModule.configs[0].config.basic_auth.username" placeholder='' size="small"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item v-if="authType === 1" :label='$t("project.endpoint.pin")' class="half-form-item" prop="configs.0.config.basic_auth.pin" :rules="[{ required: true, message: $t('validate.required'), trigger: 'blur' }]">
|
||||
<el-form-item v-if="authType === 1" :label='$t("login.pin")' class="half-form-item" prop="configs.0.config.basic_auth.pin" :rules="[{ required: true, message: $t('validate.required'), trigger: 'blur' }]">
|
||||
<el-input id="module-box-input-password" v-model="editModule.configs[0].config.basic_auth.pin" type="password" autocomplete="new-password" placeholder='' size="small"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<!--authtype 2-->
|
||||
<el-form-item v-if="authType === 2" :label='$t("project.endpoint.bearer_token")' prop="configs.0.config.bearer_token" :rules="[{ required: true, message: $t('validate.required'), trigger: 'blur' }]">
|
||||
<el-form-item v-if="authType === 2" :label='$t("project.endpoint.authTypeToken")' prop="configs.0.config.bearer_token" :rules="[{ required: true, message: $t('validate.required'), trigger: 'blur' }]">
|
||||
<el-input id="module-box-input-bearer_token" v-model="editModule.configs[0].config.bearer_token" placeholder='' size="small"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
@@ -323,7 +323,7 @@
|
||||
<div class="endpoint-title" style="margin-top: 10px">
|
||||
<span class="endpoint-title-content">
|
||||
<i class="nz-icon nz-icon-arrow-down" :class="logsShow?'':'is-active'" @click="logsShow = !logsShow"></i>
|
||||
{{$t('project.endpoint.logs')}}
|
||||
{{$t('overall.logs')}}
|
||||
</span>
|
||||
<el-switch v-model="editModule.configs[1].enable" size="small" :active-value="1" :inactive-value="0"></el-switch>
|
||||
</div>
|
||||
@@ -333,14 +333,14 @@
|
||||
<el-tabs v-model="activeNameLogs[index]" class="special-tabs" @tab-click="()=>{tabClick(index)}" :ref="'logsTabs' + index">
|
||||
<el-tab-pane :label="$t('project.endpoint.basic')" name="Basic">
|
||||
<!--type-->
|
||||
<el-form-item :label='$t("project.endpoint.type")' class="half-form-item">
|
||||
<el-form-item :label='$t("overall.type")' class="half-form-item">
|
||||
<el-select id="module-box-input-type" v-model="item.type" class="right-box__select" placeholder="" popper-class="right-box-select-top prevent-clickoutside" size="small" @change="logsBasicTypeChange(index)">
|
||||
<el-option v-for="item in logsBasicList" :id="'module-type-'+item.id" :key="item.value" :label="item.name" :value="item.value"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
v-if='item.type === "file"'
|
||||
:label='item.type === "file" ? $t("project.endpoint.basicTypeFile"):( item.type === "journal" ? $t("project.endpoint.basicTypeJournal") : $t("project.endpoint.basicTypeSyslog"))' class="half-form-item"
|
||||
:label='item.type === "file" ? $t("config.terminallog.path"):( item.type === "journal" ? $t("dashboard.panel.chartForm.unit") : $t("project.endpoint.basicTypeSyslog"))' class="half-form-item"
|
||||
:prop="'configs.1.config.'+ index +'.fileName'"
|
||||
:rules="[ { required: true, message: $t('validate.required'), trigger: 'blur' }]"
|
||||
>
|
||||
@@ -348,7 +348,7 @@
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
v-if='item.type === "journal"'
|
||||
:label='item.type === "file" ? $t("project.endpoint.basicTypeFile"):( item.type === "journal" ? $t("project.endpoint.basicTypeJournal") : $t("project.endpoint.basicTypeSyslog"))' class="half-form-item"
|
||||
:label='item.type === "file" ? $t("config.terminallog.path"):( item.type === "journal" ? $t("dashboard.panel.chartForm.unit") : $t("project.endpoint.basicTypeSyslog"))' class="half-form-item"
|
||||
:prop="'configs.1.config.'+ index +'.unit'"
|
||||
:rules="[ { required: true, message: $t('validate.required'), trigger: 'blur' }]"
|
||||
>
|
||||
@@ -356,7 +356,7 @@
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
v-if='item.type === "syslog"'
|
||||
:label='item.type === "file" ? $t("project.endpoint.basicTypeFile"):( item.type === "journal" ? $t("project.endpoint.basicTypeJournal") : $t("project.endpoint.basicTypeSyslog"))' class="half-form-item"
|
||||
:label='item.type === "file" ? $t("config.terminallog.path"):( item.type === "journal" ? $t("dashboard.panel.chartForm.unit") : $t("project.endpoint.basicTypeSyslog"))' class="half-form-item"
|
||||
:prop="'configs.1.config.'+ index +'.listenAddress'"
|
||||
:rules="[ { required: true, message: $t('validate.required'), trigger: 'blur' }]"
|
||||
>
|
||||
@@ -598,7 +598,7 @@ export default {
|
||||
ChartSearchShowFields: [ // ChartSearch 下拉搜索表头
|
||||
{ title: 'ID', data: 'id' },
|
||||
{
|
||||
title: this.$t('config.model.titleName'),
|
||||
title: this.$t('overall.name'),
|
||||
data: function (row) {
|
||||
if (row.name.length > 15) {
|
||||
return row.name.substring(0, 12) + '...'
|
||||
@@ -607,7 +607,7 @@ export default {
|
||||
},
|
||||
key: 'name'
|
||||
},
|
||||
{ title: this.$t('config.model.titleType'), data: 'type', key: 'type' },
|
||||
{ title: this.$t('overall.type'), data: 'type', key: 'type' },
|
||||
{
|
||||
title: this.$t('overall.remark'),
|
||||
data: function (row) {
|
||||
@@ -685,7 +685,7 @@ export default {
|
||||
],
|
||||
authType: 0,
|
||||
authTypeList: [
|
||||
{ name: this.$t('project.endpoint.authTypeNull'), value: 0 },
|
||||
{ name: this.$t('project.topology.none'), value: 0 },
|
||||
{ name: this.$t('project.endpoint.authTypeWord'), value: 1 },
|
||||
{ name: this.$t('project.endpoint.authTypeToken'), value: 2 }
|
||||
],
|
||||
|
||||
@@ -9,8 +9,8 @@
|
||||
<div class="right-box__container">
|
||||
<div class="container__form">
|
||||
<el-form ref="profileForm" :model="editProfile" :rules="rules" label-position="top" label-width="120px">
|
||||
<el-form-item :label="$t('profile.name')" prop="name">
|
||||
<el-input maxlength="64" show-word-limit v-model="editProfile.name" size="small" type="text"></el-input>
|
||||
<el-form-item :label="$t('overall.name')" prop="name">
|
||||
<el-input maxlength="64" show-word-limit v-model="editoverall.name" size="small" type="text"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('profile.username')" prop="username">
|
||||
<el-input maxlength="64" show-word-limit v-model="editProfile.username" disabled size="small" type="text"></el-input>
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
<div class="right-box__container right-box-container__left">
|
||||
<div class="container__form">
|
||||
<el-form ref="projectForm" :model="editProject" :rules="rules" label-position = "top" label-width="120px">
|
||||
<el-form-item :label='$t("project.project.project")' prop="name">
|
||||
<el-form-item :label='$t("overall.name")' prop="name">
|
||||
<el-input id="project-box-input-name" v-model="editProject.name" maxlength="64" show-word-limit size="small"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item :label='$t("overall.remark")'>
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
<el-form-item :label="$t('config.dc.dc')" prop="idcId">
|
||||
<el-input size='mini' v-model="currentDc.name" disabled id="cabinet-box-input-dc"/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('asset.uSize')" prop="uSize">
|
||||
<el-form-item :label="$t('config.cab.uSize')" prop="uSize">
|
||||
<el-input v-model.number="editCabinet.uSize" :max="47" id="cabinet-box-input-uSize" size="small"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('overall.remark')">
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
<div class="right-box__container">
|
||||
<div class="container__form">
|
||||
<el-form label-width="120px" size="small" :model="editGlobalization" label-position = "top" ref="globalizationForm">
|
||||
<el-form-item :label='$t("config.menus.name")' prop="name">
|
||||
<el-form-item :label='$t("overall.name")' prop="name">
|
||||
<el-input placeholder="" maxlength="64" show-word-limit v-model="editGlobalization.name" size="small" id="dc-box-input-name"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item :label='$t("config.menus.code")' prop="code">
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item :label='$t("config.mib.credential.port")' prop="port" >
|
||||
<el-form-item :label='$t("asset.port")' prop="port" >
|
||||
<el-input placeholder="" v-model.number="editCredential.port" size="small" id="credential-box-input-port"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item :label='$t("config.mib.credential.ReadCommunity")' prop="readCommunity" v-if="editCredential.type ===1 || editCredential.type === 2">
|
||||
@@ -33,7 +33,7 @@
|
||||
<el-form-item :label='$t("config.mib.credential.writeCommunity")' prop="writeCommunity" v-if="editCredential.type ===1 || editCredential.type === 2">
|
||||
<el-input placeholder="" autocomplete="new-password" maxlength="64" show-word-limit v-model="editCredential.config.writeCommunity" size="small" id="credential-box-input-writeCommunity" type="password" show-password></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item :label='$t("config.mib.credential.username")' prop="username" v-if="editCredential.type === 3">
|
||||
<el-form-item :label='$t("asset.username")' prop="username" v-if="editCredential.type === 3">
|
||||
<el-input placeholder="" maxlength="64" show-word-limit v-model="editCredential.config.username" size="small" id="credential-box-input-username"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item :label='$t("config.mib.credential.contextName")' prop="contextname" v-if="editCredential.type === 3">
|
||||
@@ -50,7 +50,7 @@
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item :label='$t("config.mib.credential.pin")' prop="authPin" v-if="editCredential.type === 3">
|
||||
<el-form-item :label='$t("login.pin")' prop="authPin" v-if="editCredential.type === 3">
|
||||
<el-input placeholder="" autocomplete="new-password" v-model="editCredential.config.authPin" size="small" id="credential-box-input-authPin" type="password" show-password></el-input>
|
||||
</el-form-item>
|
||||
|
||||
@@ -64,7 +64,7 @@
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item :label='$t("config.mib.credential.pin")' prop="privPin" v-if="editCredential.type === 3">
|
||||
<el-form-item :label='$t("login.pin")' prop="privPin" v-if="editCredential.type === 3">
|
||||
<el-input placeholder="" autocomplete="new-password" v-model="editCredential.config.privPin" size="small" id="credential-box-input-privPin" :disabled="!editCredential.config.authProtocol || editCredential.config.authProtocol === ''" type="password" show-password></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<el-input :disabled="true" v-model="dc.name" id="traffic-setting-name"></el-input>
|
||||
</el-form-item>
|
||||
<traffic-setting-tab ref="trafficSetting" :post-asset-list="assetList" v-for="(item,index) in traffic.setting" :index="index" :asset-setting="item" :key="uuids[index]" :id="uuids[index]" @delSelf="delAssetSetting" :validate-repeat-func="valiateRepeatFunc"></traffic-setting-tab>
|
||||
<button @click="addAssetSetting" class="nz-btn nz-btn-size-normal nz-btn-style-light" id="traffic-setting-add" style="margin:15px 1px 15px 15px" type="button">{{$t('config.dc.traffic.add')}}</button>
|
||||
<button @click="addAssetSetting" class="nz-btn nz-btn-size-normal nz-btn-style-light" id="traffic-setting-add" style="margin:15px 1px 15px 15px" type="button">{{$t('project.topology.add')}}</button>
|
||||
</el-form>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
<div class="mib-browser-ad-search">
|
||||
<el-row class="mib-browser-ad-search-item" style="font-weight: bold">{{$t('config.dc.traffic.snmpSetting')}}</el-row>
|
||||
<el-row class="mib-browser-ad-search-item">
|
||||
<el-col :span="6"><div class="mib-browser-ad-search-label">{{$t("project.endpoint.port")}}</div></el-col>
|
||||
<el-col :span="6"><div class="mib-browser-ad-search-label">{{$t("asset.port")}}</div></el-col>
|
||||
<el-col :span="17">
|
||||
<el-input class="input-x-mini-24" v-model.number="assetSetting.port" id="traffic-setting-port"></el-input>
|
||||
</el-col>
|
||||
@@ -34,7 +34,7 @@
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row class="mib-browser-ad-search-item">
|
||||
<el-col :span="6"><div class="mib-browser-ad-search-label">{{$t('project.module.version')}}</div></el-col>
|
||||
<el-col :span="6"><div class="mib-browser-ad-search-label">{{$t('overall.version')}}</div></el-col>
|
||||
<el-col :span="17">
|
||||
<el-radio-group v-model.number="assetSetting.version" id="traffic-setting-version">
|
||||
<el-radio-button :label="2"></el-radio-button>
|
||||
@@ -77,7 +77,7 @@
|
||||
|
||||
<el-row class="mib-browser-ad-search-item same-label-width" v-if="assetSetting.auth.securityLevel == 'authNoPriv' || assetSetting.auth.securityLevel == 'authPriv'">
|
||||
<el-col :span="6">
|
||||
<div class="mib-browser-ad-search-label">{{$t('project.module.authProtocol')}}</div>
|
||||
<div class="mib-browser-ad-search-label">{{$t('asset.authProtocol')}}</div>
|
||||
</el-col>
|
||||
<el-col :span="17">
|
||||
<el-radio-group v-model="assetSetting.auth.authProtocol" id="traffic-setting-authProtocol">
|
||||
|
||||
@@ -344,7 +344,7 @@ export default {
|
||||
}
|
||||
})
|
||||
this.select_list.push({
|
||||
name: this.$t('alert.list.state'),
|
||||
name: this.$t('overall.state'),
|
||||
type: 'select',
|
||||
label: 'state',
|
||||
disabled: false,
|
||||
|
||||
@@ -28,11 +28,11 @@ const searchSelectInfo = { // value: 传给后台的值;label:显示给用
|
||||
alertType: [ // 告警类型
|
||||
{
|
||||
value: 1,
|
||||
label: i18n.t('alert.config.typeOption.project')
|
||||
label: i18n.t('project.project.projectName')
|
||||
},
|
||||
{
|
||||
value: 2,
|
||||
label: i18n.t('alert.config.typeOption.module')
|
||||
label: i18n.t('overall.module')
|
||||
},
|
||||
{
|
||||
value: 3,
|
||||
@@ -57,10 +57,10 @@ const searchSelectInfo = { // value: 传给后台的值;label:显示给用
|
||||
label: i18n.t('config.agent.up')
|
||||
}, {
|
||||
value: 0,
|
||||
label: i18n.t('config.agent.down')
|
||||
label: i18n.t('asset.down')
|
||||
}, {
|
||||
value: 2,
|
||||
label: i18n.t('cconfig.dc.suspended')
|
||||
label: i18n.t('asset.suspended')
|
||||
}
|
||||
],
|
||||
promState: [
|
||||
@@ -69,7 +69,7 @@ const searchSelectInfo = { // value: 传给后台的值;label:显示给用
|
||||
label: i18n.t('config.agent.up')
|
||||
}, {
|
||||
value: '0,-1',
|
||||
label: i18n.t('config.agent.down')
|
||||
label: i18n.t('asset.down')
|
||||
}
|
||||
],
|
||||
pingStatus: [
|
||||
@@ -176,11 +176,11 @@ const searchSelectInfo = { // value: 传给后台的值;label:显示给用
|
||||
ack: [
|
||||
{
|
||||
value: '1',
|
||||
label: i18n.t('config.system.reset.yes')
|
||||
label: i18n.t('tip.yes')
|
||||
},
|
||||
{
|
||||
value: '0',
|
||||
label: i18n.t('config.system.reset.no')
|
||||
label: i18n.t('tip.no')
|
||||
}
|
||||
],
|
||||
varType: [
|
||||
@@ -222,11 +222,11 @@ const searchSelectInfo = { // value: 传给后台的值;label:显示给用
|
||||
},
|
||||
{
|
||||
value: 'url',
|
||||
label: i18n.t('dashboard.panel.chartForm.typeVal.url.label')
|
||||
label: i18n.t('dashboard.panel.chartForm.url')
|
||||
},
|
||||
{
|
||||
value: 'group',
|
||||
label: i18n.t('dashboard.panel.chartForm.typeVal.group.label')
|
||||
label: i18n.t('dashboard.panel.chartForm.group')
|
||||
}
|
||||
],
|
||||
terminalStatus: [
|
||||
|
||||
@@ -218,13 +218,13 @@ export default {
|
||||
show: true,
|
||||
minWidth: 200
|
||||
}, {
|
||||
label: this.$t('alert.list.state'),
|
||||
label: this.$t('overall.state'),
|
||||
prop: 'state',
|
||||
show: true,
|
||||
width: 100
|
||||
// sortable: 'custom'
|
||||
}, {
|
||||
label: this.$t('alert.startAt'),
|
||||
label: this.$t('overall.startTime'),
|
||||
prop: 'startAt',
|
||||
show: true,
|
||||
width: 150,
|
||||
@@ -499,7 +499,7 @@ export default {
|
||||
labelsClassName (row) {
|
||||
if (row.column.label == this.$t('alert.list.labels')) {
|
||||
return 'alert-message-list-labels'
|
||||
} else if (row.column.label == this.$t('alert.list.state')) {
|
||||
} else if (row.column.label == this.$t('overall.state')) {
|
||||
if (row.row.state == 1) {
|
||||
return ''
|
||||
} else if (row.row.state == 2) {
|
||||
|
||||
@@ -86,7 +86,7 @@ export default {
|
||||
return {
|
||||
tableTitle: [
|
||||
{
|
||||
label: this.$t('config.dc.state'),
|
||||
label: this.$t('overall.state'),
|
||||
prop: 'state',
|
||||
show: true,
|
||||
minWidth: 100
|
||||
@@ -96,7 +96,7 @@ export default {
|
||||
show: true,
|
||||
minWidth: 100
|
||||
}, {
|
||||
label: this.$t('alert.silence.startTime'),
|
||||
label: this.$t('overall.startTime'),
|
||||
prop: 'stts',
|
||||
show: true,
|
||||
minWidth: 300
|
||||
|
||||
@@ -242,7 +242,7 @@ export default {
|
||||
show: false,
|
||||
minWidth: 100
|
||||
}, {
|
||||
label: this.$t('config.dc.state'),
|
||||
label: this.$t('overall.state'),
|
||||
prop: 'state',
|
||||
show: true,
|
||||
minWidth: 100,
|
||||
|
||||
@@ -199,7 +199,7 @@ export default {
|
||||
sortable: "custom",
|
||||
},
|
||||
{
|
||||
label: this.$t("alert.silence.name"),
|
||||
label: this.$t("overall.name"),
|
||||
prop: "name",
|
||||
show: true,
|
||||
minWidth: 150,
|
||||
@@ -212,7 +212,7 @@ export default {
|
||||
sortable: "custom",
|
||||
},
|
||||
{
|
||||
label: this.$t("alert.silence.startTime"),
|
||||
label: this.$t("overall.startTime"),
|
||||
prop: "startAt",
|
||||
show: true,
|
||||
width: 300,
|
||||
@@ -225,7 +225,7 @@ export default {
|
||||
width: 120,
|
||||
},
|
||||
{
|
||||
label: this.$t("alert.silence.remark"),
|
||||
label: this.$t("overall.remark"),
|
||||
prop: "remark",
|
||||
show: true,
|
||||
width: 120,
|
||||
@@ -244,7 +244,7 @@ export default {
|
||||
sortable: "custom",
|
||||
},
|
||||
{
|
||||
label: this.$t("alert.silence.state"),
|
||||
label: this.$t("overall.state"),
|
||||
prop: "state",
|
||||
show: true,
|
||||
width: 120,
|
||||
|
||||
@@ -112,25 +112,25 @@ export default {
|
||||
width: 80,
|
||||
sortable: 'custom'
|
||||
}, {
|
||||
label: this.$t('config.assetLabel.name'),
|
||||
label: this.$t('overall.name'),
|
||||
prop: 'name',
|
||||
show: true,
|
||||
minWidth: 250,
|
||||
sortable: 'custom'
|
||||
}, {
|
||||
label: this.$t('config.assetLabel.key'),
|
||||
label: this.$t('overall.key'),
|
||||
prop: 'metaKey',
|
||||
show: true,
|
||||
width: 200,
|
||||
sortable: 'custom'
|
||||
}, {
|
||||
label: this.$t('config.assetLabel.group'),
|
||||
label: this.$t('dashboard.panel.chartForm.group'),
|
||||
prop: 'group',
|
||||
show: true,
|
||||
width: 200,
|
||||
sortable: 'custom'
|
||||
}, {
|
||||
label: this.$t('config.assetLabel.search'),
|
||||
label: this.$t('overall.search'),
|
||||
prop: 'search',
|
||||
width: 120,
|
||||
show: true
|
||||
@@ -140,7 +140,7 @@ export default {
|
||||
width: 120,
|
||||
show: true
|
||||
}, {
|
||||
label: this.$t('config.assetLabel.type'),
|
||||
label: this.$t('overall.type'),
|
||||
prop: 'type',
|
||||
width: 150,
|
||||
show: true
|
||||
|
||||
@@ -97,7 +97,7 @@
|
||||
OK
|
||||
</div>
|
||||
<div v-else-if="scope.row['clientState']===0">
|
||||
<div class="active-icon gray-bg inline-block"></div> {{ $t('config.user.disable') }}
|
||||
<div class="active-icon gray-bg inline-block"></div> {{ $t('project.endpoint.disable') }}
|
||||
</div>
|
||||
<div v-else-if="scope.row['clientState']===2">
|
||||
<div class="active-icon red-bg inline-block"></div> {{ $t('asset.connectionTimedOut') }}
|
||||
@@ -139,7 +139,7 @@
|
||||
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
|
||||
<el-dropdown-item v-if="!assetTab" v-has="'asset_edit'" :command="['edit', scope.row]"><i class="nz-icon nz-icon-edit"></i><span class="operation-dropdown-text">{{$t('overall.edit')}}</span></el-dropdown-item>
|
||||
<el-dropdown-item v-has="'asset_connect'" :command="['cli', scope.row]" :disabled="!scope.row.authUsername"><i class="nz-icon nz-icon-cli"></i><span class="operation-dropdown-text">{{$t('dashboard.connect')}}</span></el-dropdown-item>
|
||||
<el-dropdown-item v-has="'asset_add'" :command="['duplicate', scope.row]"><i class="nz-icon nz-icon-override"></i><span class="operation-dropdown-text">{{$t('dashboard.duplicate')}}</span></el-dropdown-item>
|
||||
<el-dropdown-item v-has="'asset_add'" :command="['duplicate', scope.row]"><i class="nz-icon nz-icon-override"></i><span class="operation-dropdown-text">{{$t('overall.duplicate')}}</span></el-dropdown-item>
|
||||
<el-dropdown-item v-has="'asset_delete'" :command="['delete', scope.row]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item>
|
||||
<el-dropdown-item v-has="'alertSilence_add'" :command="['fastSilence', scope.row, 'asset']"><i class="nz-icon nz-icon-fast-silence"></i><span class="operation-dropdown-text">{{$t('overall.silenceAlert')}}</span></el-dropdown-item>
|
||||
<el-dropdown-item v-has="'asset_add'" :command="['topology', scope.row, 'asset']"><i class="nz-icon nz-icon-Topology"></i><span class="operation-dropdown-text">{{$t('overall.topology')}}</span></el-dropdown-item>
|
||||
@@ -212,12 +212,12 @@ export default {
|
||||
minWidth: 140,
|
||||
sortable: 'custom'
|
||||
}, {
|
||||
label: this.$t('overall.parent'),
|
||||
label: this.$t('asset.parent'),
|
||||
prop: 'parent',
|
||||
show: false,
|
||||
minWidth: 110
|
||||
}, {
|
||||
label: this.$t('overall.children'),
|
||||
label: this.$t('overall.assetSubTab'),
|
||||
prop: 'children',
|
||||
show: false,
|
||||
minWidth: 120
|
||||
@@ -228,7 +228,7 @@ export default {
|
||||
minWidth: 140,
|
||||
sortable: 'custom'
|
||||
}, {
|
||||
label: this.$t('asset.state'),
|
||||
label: this.$t('overall.state'),
|
||||
prop: 'state',
|
||||
show: true,
|
||||
minWidth: 110,
|
||||
@@ -251,7 +251,7 @@ export default {
|
||||
minWidth: 110,
|
||||
sortable: 'custom'
|
||||
}, {
|
||||
label: this.$t('asset.alertNum'),
|
||||
label: this.$t('overall.alert'),
|
||||
prop: 'alertNum',
|
||||
show: true,
|
||||
width: 120,
|
||||
|
||||
@@ -113,7 +113,7 @@ export default {
|
||||
minWidth: 200,
|
||||
sortable: 'custom'
|
||||
}, {
|
||||
label: this.$t('config.agent.dataCenter'),
|
||||
label: this.$t('overall.dc'),
|
||||
prop: 'dc',
|
||||
show: true,
|
||||
minWidth: 200,
|
||||
@@ -123,17 +123,17 @@ export default {
|
||||
prop: 'host',
|
||||
show: true
|
||||
}, {
|
||||
label: this.$t('config.agent.port'),
|
||||
label: this.$t('asset.port'),
|
||||
prop: 'port',
|
||||
show: true
|
||||
}, {
|
||||
label: this.$t('config.agent.type'),
|
||||
label: this.$t('overall.type'),
|
||||
prop: 'type',
|
||||
show: true,
|
||||
minWidth: 100,
|
||||
sortable: 'custom'
|
||||
}, {
|
||||
label: this.$t('asset.state'),
|
||||
label: this.$t('overall.state'),
|
||||
prop: 'status',
|
||||
show: true,
|
||||
minWidth: 100,
|
||||
@@ -144,7 +144,7 @@ export default {
|
||||
show: false,
|
||||
minWidth: 150
|
||||
}, {
|
||||
label: this.$t('config.agent.protocol'),
|
||||
label: this.$t('webshell.protocol'),
|
||||
prop: 'protocol',
|
||||
show: false,
|
||||
minWidth: 150
|
||||
|
||||
@@ -113,7 +113,7 @@ export default {
|
||||
width: 80,
|
||||
sortable: 'custom'
|
||||
}, {
|
||||
label: this.$t('config.assetType.name'),
|
||||
label: this.$t('overall.name'),
|
||||
prop: 'name',
|
||||
show: true,
|
||||
width: 120,
|
||||
|
||||
@@ -82,12 +82,12 @@ export default {
|
||||
show: true
|
||||
},
|
||||
{
|
||||
label: this.$t('asset.uSize'),
|
||||
label: this.$t('config.cab.uSize'),
|
||||
prop: 'uSize',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
label: this.$t('config.dc.assets'),
|
||||
label: this.$t('guide.asset'),
|
||||
prop: 'assetNum',
|
||||
show: true
|
||||
},
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user