fix:修改建立 termail 是规则不对的问题
This commit is contained in:
@@ -220,9 +220,9 @@
|
|||||||
<el-dialog :modal-append-to-body='false' :show-close="true" :visible.sync="customShow" @close="closeAssetCustom" class="nz-dialog" width="620px"destroy-on-close >
|
<el-dialog :modal-append-to-body='false' :show-close="true" :visible.sync="customShow" @close="closeAssetCustom" class="nz-dialog" width="620px"destroy-on-close >
|
||||||
<div slot="title">Connect</div>
|
<div slot="title">Connect</div>
|
||||||
<div >
|
<div >
|
||||||
<el-form label-width="120px" size="small" :model="customConnect" label-position = "top" :rules="rulesCustom" ref="customConnect" v-loading="assetLoading" class="custom">
|
<el-form label-width="120px" size="small" :model="customConnect" label-position = "top" :rules=" customConnect.authProtocol ===2 ? rulesCustom2: rulesCustom" ref="customConnect" v-loading="assetLoading" class="custom">
|
||||||
<el-form-item :label='$t("webshell.protocol")' prop="authProtocol" @change="protocolChange">
|
<el-form-item :label='$t("webshell.protocol")' prop="authProtocol">
|
||||||
<el-select value-key="id" popper-class="config-dropdown" v-model="customConnect.authProtocol" placeholder="" size="small" id="webshell-box-input-protocol">
|
<el-select @change="protocolChange" value-key="id" popper-class="config-dropdown" v-model="customConnect.authProtocol" placeholder="" size="small" id="webshell-box-input-protocol">
|
||||||
<el-option v-for="item in authProtocol" :id="'dc-principal-op-'+item.value" :key="item.value" :label="item.name" :value="item.value"></el-option>
|
<el-option v-for="item in authProtocol" :id="'dc-principal-op-'+item.value" :key="item.value" :label="item.name" :value="item.value"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -244,9 +244,6 @@
|
|||||||
v-if="customConnect.authType === 2"
|
v-if="customConnect.authType === 2"
|
||||||
:label='$t("webshell.authPriKey")'
|
:label='$t("webshell.authPriKey")'
|
||||||
prop="authPriKey"
|
prop="authPriKey"
|
||||||
:rules="[
|
|
||||||
{ required: customConnect.authType ===2, message:$t('vali date.required'), trigger: 'change'},
|
|
||||||
]"
|
|
||||||
>
|
>
|
||||||
<el-input v-model="customConnect.authPriKey" size="small" autocomplete="new-password"/>
|
<el-input v-model="customConnect.authPriKey" size="small" autocomplete="new-password"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -259,19 +256,13 @@
|
|||||||
<el-form-item
|
<el-form-item
|
||||||
v-if="customConnect.authProtocol === 2"
|
v-if="customConnect.authProtocol === 2"
|
||||||
:label='$t("webshell.authUserTip")'
|
:label='$t("webshell.authUserTip")'
|
||||||
prop="authUserTip"
|
prop="authUserTip">
|
||||||
:rules="[
|
|
||||||
{ required: customConnect.authProtocol ===2, message:$t('validate.required'), trigger: 'change'},
|
|
||||||
]">
|
|
||||||
<el-input v-model="customConnect.authUserTip" size="small"/>
|
<el-input v-model="customConnect.authUserTip" size="small"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item
|
<el-form-item
|
||||||
v-if="customConnect.authProtocol === 2"
|
v-if="customConnect.authProtocol === 2"
|
||||||
:label='$t("webshell.authPinTip")'
|
:label='$t("webshell.authPinTip")'
|
||||||
prop="authPinTip"
|
prop="authPinTip"
|
||||||
:rules="[
|
|
||||||
{ required: customConnect.authProtocol ===2, message:$t('validate.required'), trigger: 'change'},
|
|
||||||
]"
|
|
||||||
>
|
>
|
||||||
<el-input v-model="customConnect.authPinTip" size="small"/>
|
<el-input v-model="customConnect.authPinTip" size="small"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -429,6 +420,37 @@ export default {
|
|||||||
// { validator: this.authPriKeyValid, trigger: 'change' }
|
// { validator: this.authPriKeyValid, trigger: 'change' }
|
||||||
// ]
|
// ]
|
||||||
},
|
},
|
||||||
|
rulesCustom2: {
|
||||||
|
authProtocol: [
|
||||||
|
{ required: true, message: this.$t('validate.required'), trigger: 'change' }
|
||||||
|
],
|
||||||
|
authType: [
|
||||||
|
{ required: true, message: this.$t('validate.required'), trigger: 'change' }
|
||||||
|
],
|
||||||
|
host: [
|
||||||
|
{ required: true, message: this.$t('validate.required'), trigger: 'change' },
|
||||||
|
{ validator: host, trigger: 'change' }
|
||||||
|
],
|
||||||
|
port: [
|
||||||
|
{ required: true, message: this.$t('validate.required'), trigger: 'change' },
|
||||||
|
{ validator: port, trigger: 'change' }
|
||||||
|
],
|
||||||
|
authUsername: [
|
||||||
|
{ required: true, message: this.$t('validate.required'), trigger: 'change' }
|
||||||
|
],
|
||||||
|
authPin: [
|
||||||
|
{ required: false, message: this.$t('validate.required'), trigger: 'change' }
|
||||||
|
],
|
||||||
|
authUserTip: [
|
||||||
|
{ required: false, message: this.$t('validate.required'), trigger: 'change' }
|
||||||
|
],
|
||||||
|
authPinTip: [
|
||||||
|
{ required: false, message: this.$t('validate.required'), trigger: 'change' }
|
||||||
|
],
|
||||||
|
authPriKey: [
|
||||||
|
{ required: true, message: this.$t('validate.required'), trigger: 'change' }
|
||||||
|
]
|
||||||
|
},
|
||||||
assetData: [],
|
assetData: [],
|
||||||
assetLoading: false
|
assetLoading: false
|
||||||
}
|
}
|
||||||
@@ -889,6 +911,9 @@ export default {
|
|||||||
this.customConnect.authPriKey = ''
|
this.customConnect.authPriKey = ''
|
||||||
this.customConnect.port = 23
|
this.customConnect.port = 23
|
||||||
}
|
}
|
||||||
|
setTimeout(()=>{
|
||||||
|
this.$refs.customConnect.clearValidate()
|
||||||
|
})
|
||||||
},
|
},
|
||||||
authTypeChange () {
|
authTypeChange () {
|
||||||
if (this.customConnect.authType === 1) {
|
if (this.customConnect.authType === 1) {
|
||||||
|
|||||||
@@ -438,7 +438,7 @@ const tooltipPieOption = {
|
|||||||
fontSize: 14
|
fontSize: 14
|
||||||
},
|
},
|
||||||
top: 8,
|
top: 8,
|
||||||
left: 8
|
right: 8
|
||||||
},
|
},
|
||||||
legend: {
|
legend: {
|
||||||
data: [],
|
data: [],
|
||||||
|
|||||||
@@ -635,10 +635,10 @@ export default {
|
|||||||
endpointOption.series[0].data = [
|
endpointOption.series[0].data = [
|
||||||
{ name: vm.$t('dashboard.overview.asset.ok'), value: data.asset.ok ? data.asset.ok : 0 },
|
{ name: vm.$t('dashboard.overview.asset.ok'), value: data.asset.ok ? data.asset.ok : 0 },
|
||||||
{ name: vm.$t('dashboard.overview.asset.alarm'), value: data.asset.alarm ? data.asset.alarm : 0 },
|
{ name: vm.$t('dashboard.overview.asset.alarm'), value: data.asset.alarm ? data.asset.alarm : 0 },
|
||||||
{ name: vm.$t('dashboard.overview.asset.total'), value: data.asset.total ? data.asset.total : 0 }
|
// { name: vm.$t('dashboard.overview.asset.total'), value: data.asset.total ? data.asset.total : 0 }
|
||||||
]
|
]
|
||||||
endpointOption.title.text = vm.$t('asset.asset')
|
endpointOption.title.text = vm.$t('asset.asset')
|
||||||
endpointOption.legend.data = [vm.$t('dashboard.overview.asset.ok'), vm.$t('dashboard.overview.asset.alarm'), vm.$t('dashboard.overview.asset.total')]
|
endpointOption.legend.data = [vm.$t('dashboard.overview.asset.ok'), vm.$t('dashboard.overview.asset.alarm')]
|
||||||
prometheusOption.series[0].label.formatter = data.agent.up + ''
|
prometheusOption.series[0].label.formatter = data.agent.up + ''
|
||||||
prometheusOption.series[0].data = [
|
prometheusOption.series[0].data = [
|
||||||
{ name: vm.$t('config.agent.up'), value: data.agent.up ? data.agent.up : 0 },
|
{ name: vm.$t('config.agent.up'), value: data.agent.up ? data.agent.up : 0 },
|
||||||
@@ -1030,7 +1030,6 @@ export default {
|
|||||||
<div class="legend-value legend-value-asset">
|
<div class="legend-value legend-value-asset">
|
||||||
<div>${dcStat.asset.ok}</div>
|
<div>${dcStat.asset.ok}</div>
|
||||||
<div>${dcStat.asset.alarm}</div>
|
<div>${dcStat.asset.alarm}</div>
|
||||||
<div>${dcStat.asset.total}</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="legend-value legend-value-agent">
|
<div class="legend-value legend-value-agent">
|
||||||
<div>${dcStat.agent.up}</div>
|
<div>${dcStat.agent.up}</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user