fix:系统设置页面调整

This commit is contained in:
wangwenrui
2020-04-01 11:12:15 +08:00
parent dbbb7a8f5a
commit f1880fe810
3 changed files with 26 additions and 18 deletions

View File

@@ -32,7 +32,7 @@ export function port(rule, value, callback) {
setTimeout(() => { setTimeout(() => {
if (!value) { if (!value) {
callback(); callback();
} else if(typeof value != 'number'){ } else if(Number(value) == 'NaN'){
callback(new Error(vm.$t('validate.number'))) callback(new Error(vm.$t('validate.number')))
}else{ }else{
if(value < 1 ||value > 65535){ if(value < 1 ||value > 65535){

View File

@@ -266,7 +266,8 @@ const en = {
deleteSuccess: 'Delete success',//"删除成功" deleteSuccess: 'Delete success',//"删除成功"
saveSuccess: 'Save success', //"保存成功" saveSuccess: 'Save success', //"保存成功"
coverSuccess: 'Override success',//'覆盖成功' coverSuccess: 'Override success',//'覆盖成功'
refreshLater:'Refresh later'//'请稍后刷新' refreshLater:'Refresh later',//'请稍后刷新'
testSuccess:'Test success',
}, },
asset:{ asset:{
asset: 'Asset', asset: 'Asset',

View File

@@ -26,9 +26,9 @@
<el-tab-pane :label="$t('config.system.basic.basic')" name="basic"> <el-tab-pane :label="$t('config.system.basic.basic')" name="basic">
<div class="system-config-form"> <div class="system-config-form">
<el-form :model="basic" label-width="180px" size="small" ref="basicForm" :rules="basic.asset_ping_switch == 'on'?basicRules:basicRules2" :validate-on-rule-change="false"> <el-form :model="basic" label-width="180px" size="small" ref="basicForm" :rules="basic.asset_ping_switch == 'on'?basicRules:basicRules2" :validate-on-rule-change="false">
<!-- <el-form-item :label="$t('config.system.basic.curUrl')" prop="current_site_url">--> <el-form-item :label="$t('config.system.basic.systemName')" prop="system_name">
<!-- <el-input v-model="basic.current_site_url"></el-input>--> <el-input v-model="basic.system_name"></el-input>
<!-- </el-form-item>--> </el-form-item>
<el-form-item :label="$t('config.system.basic.curUrl')" prop="alert_api"> <el-form-item :label="$t('config.system.basic.curUrl')" prop="alert_api">
<el-input v-model="basic.alert_api"></el-input> <el-input v-model="basic.alert_api"></el-input>
</el-form-item> </el-form-item>
@@ -177,7 +177,6 @@
export default { export default {
name: "system", name: "system",
data(){ data(){
return { return {
basic:{ basic:{
alert_api:'', alert_api:'',
@@ -190,6 +189,7 @@
current_site_url:'', current_site_url:'',
}, },
basicRules:{ basicRules:{
system_name:[{required:true,message:this.$t('validate.required'),trigger:'blur'},],
node_exporter_target_path:[{required:true,message:this.$t('validate.required'),trigger:'blur'},], node_exporter_target_path:[{required:true,message:this.$t('validate.required'),trigger:'blur'},],
alert_api:[{required:true,message:this.$t('validate.required'),trigger:'blur'},{validator:host,trigger: 'blur'}], alert_api:[{required:true,message:this.$t('validate.required'),trigger:'blur'},{validator:host,trigger: 'blur'}],
asset_ping_interval:[{required:true,message:this.$t('validate.required'),trigger:'blur'},{validator:positiveInteger,trigger:'blur'}], asset_ping_interval:[{required:true,message:this.$t('validate.required'),trigger:'blur'},{validator:positiveInteger,trigger:'blur'}],
@@ -197,6 +197,7 @@
storage_local_retention:[{required:true,message:this.$t('validate.required'),trigger:'blur'},{validator:positiveInteger,trigger:'blur'}], storage_local_retention:[{required:true,message:this.$t('validate.required'),trigger:'blur'},{validator:positiveInteger,trigger:'blur'}],
}, },
basicRules2:{ basicRules2:{
system_name:[{required:true,message:this.$t('validate.required'),trigger:'blur'},],
node_exporter_target_path:[{required:true,message:this.$t('validate.required'),trigger:'blur'},], node_exporter_target_path:[{required:true,message:this.$t('validate.required'),trigger:'blur'},],
alert_api:[{required:true,message:this.$t('validate.required'),trigger:'blur'},,{validator:host,trigger: 'blur'}], alert_api:[{required:true,message:this.$t('validate.required'),trigger:'blur'},,{validator:host,trigger: 'blur'}],
scrape_interval:[{required:true,message:this.$t('validate.required'),trigger:'blur'},{validator:positiveInteger,trigger:'blur'}], scrape_interval:[{required:true,message:this.$t('validate.required'),trigger:'blur'},{validator:positiveInteger,trigger:'blur'}],
@@ -210,8 +211,8 @@
email_smtp_password: "", email_smtp_password: "",
email_send_account: "", email_send_account: "",
email_test_reciver: "", email_test_reciver: "",
email_ssl_flag: 0, email_ssl_flag: 'off',
email_tls_flag: 0, email_tls_flag: 'off',
}, },
emailRules:{ emailRules:{
email_smtp_host: [ email_smtp_host: [
@@ -302,8 +303,13 @@
this.$refs[formName].validate((valid) => { this.$refs[formName].validate((valid) => {
if (valid) { if (valid) {
let param={}; let param={};
param[type]=this[type]; param[type]=Object.assign({},this[type]);
this.$put('/sysConfig',param).then(response=>{ this.$set(param[type],'test','false')
let postParam=Object.assign({},param);
for (let key in postParam[type]){
postParam[type][key]=postParam[type][key]+'';
}
this.$put('/sysConfig',postParam).then(response=>{
if(response.code == 200){ if(response.code == 200){
this.$message({duration: 2000, type: 'success', message: this.$t("tip.saveSuccess")}); this.$message({duration: 2000, type: 'success', message: this.$t("tip.saveSuccess")});
this.resetForm(formName); this.resetForm(formName);
@@ -320,15 +326,16 @@
testSetInfo:function(type,formName){ testSetInfo:function(type,formName){
this.$refs[formName].validate((valid) => { this.$refs[formName].validate((valid) => {
if (valid) { if (valid) {
let param={test:true}; let param={};
param[type]=this[type]; param[type]=Object.assign({},this[type]);
this.$put('/sysConfig',param).then(response=>{ this.$set(param[type],'test','true')
let postParam=Object.assign({},param);
for (let key in postParam[type]){
postParam[type][key]=postParam[type][key]+'';
}
this.$put('/sysConfig',postParam).then(response=>{
if(response.code == 200){ if(response.code == 200){
this.$message({duration: 2000, type: 'success', message: this.$t("tip.success")}); this.$message({duration: 2000, type: 'success', message: this.$t("tip.testSuccess")});
this.resetForm(formName);
setTimeout(()=>{
this.querySetInfo(type);
},200)
}else{ }else{
this.$message.error(response.msg); this.$message.error(response.msg);
} }