@@ -2,29 +2,40 @@
< div class = "system" >
< el-tabs type = "border-card" @ tab -click = " selectTab " v-model = "activeTab" class="system-tabs" :class="{'full-table':activeTab == 'notification'||activeTab == 'link'||activeTab == 'apiKey'}" >
< el -tab -pane :label = "$t('config.system.basic.basic')" name = "basic" >
< div class = "system-config-form basicForm" >
< el-form :model = "basic" label -width = " 180px " size = "small" ref = "basicForm" : = "basic.asset_ping_switch == 'on'?basicRules:basicRules2 " :validate-on-rule-change = "false" >
< div class = "system-config-form basicForm" v-if = "activeTab === 'basic'" >
< el :model = "basic" label -width = " 180px " size = "small" ref = "basicForm" : rules= "basicRules " :validate-on-rule-change = "false" >
< el-form-item :label = "$t('config.system.basic.sysLogo')" prop = "system_logo" >
< el-upload
class = "avatar-uploader"
action = ""
type = ".jpg,.jpeg,.png"
:auto-upload = "false"
:show-file-list = "false"
:on-change = "handleLogoChange"
>
< img v-if = "basic.system_logo" :src="basic.system_logo" class="avatar" >
< i v-else class = "el-icon-plus avatar-uploader-icon" > < / i >
< div slot = "tip" v-if = "imageFormatErr" class="logo-upload-tip" > {{ $ t ( ' config.system.basic.logoTip ' ) }} < / div >
< / el -upload >
< / el-form-item >
< el-form-item :label = "$t('config.system.basic.systemName')" prop = "system_name" >
< el-input v-model = "basic.system_name" id="system-baisc-system_name" > < / el -input >
< / el-form-item >
< el-form-item :label = "$t('config.system.basic.curUrl')" prop = "alert_api" >
< el-input id = "system-baisc-alert_api" v-model = "basic.alert_api" > < / el -input >
< / el-form-item >
< el-form-item :label = "$t('config.system.basic.assetPingSwith ')" prop = "asset_ping_switch " >
< el-switch id = "system-baisc-asset_ping_switch" v -model .number = " basic.asset_ping_switch " active -color = " rgb ( 238 , 157 , 63 ) " active -value = ' on ' inactive -value = ' off ' >
< / el-switch >
< el-form-item :label = "$t('config.system.basic.assetPingInterval ')" prop = "asset_ping_interval " >
< el-input v -model .number = " basic.asset_ping_interval " >
< template slot = "append" > < span > { { $t ( 'config.system.basic.second' ) } } < / span > < / template >
< / el-input >
< / el-form-item >
<!-- < el-form-item :label = "$t('config.system.basic.assetPing Interval')" prop = "asset_ping _interval" >
< el-input v -model .number = " basic.asset_ping_interval " : disabled = "basic.asset_ping_switch == 'off'" > < / el-input > < span class = "nz-input-append" > s < / span >
< / el-form-item > --
< el-form-item :label = "$t('config.system.basic.defaultCabinetUsize')" prop = "default_cabinet_usize" >
< el-input v -model .number = " basic.default_cabinet_usize " id = "system-baisc-default_cabinet_usize" > < / el-input >
< el-form-item :label = "$t('config.system.basic.scrape Interval')" prop = "default_scrape _interval" >
< el-input v -model .number = " basic.default_scrape_interval " >
< template slot = "append" > < span > { { $t ( 'config.system.basic.second' ) } } < / span > < / template
< / el-input >
< / el-form-item >
<!-- < el-form-item :label = "$t('config.system.basic.exporterTarge t')" prop = "node_exporter_target_path " >
< el-input v -model= "basic.node_exporter_target_path" > < / el -input >
< / el-form-item > -- >
< el-form-item :label = "$t('config.system.basic.scrapeInterval')" prop = "scrape_interval" class = "append" >
< el-input v -model .number = " basic.scrape_interval " id = "system-baisc-scrape_interval" >
< el-form-item :label = "$t('config.system.basic.scrapeTimeou t')" prop = "default_scrape_timeout " >
< el-input v -model .number = " basic.default_scrape_timeout " >
< template slot = "append" > < span > { { $t ( 'config.system.basic.second' ) } } < / span > < / template >
< / el-input >
< / el-form-item >
@@ -36,15 +47,26 @@
< el-form-item :label = "$t('config.system.basic.maxSeries')" prop = "storage_local_retention" >
< el-input-number v-model = "basic.query_max_series" controls-position="right" :min="-1" :max="1000" :precision="0" id="system-baisc-query_max_series" > < / el -input -number >
< / el-form-item >
< el-form-item :label = "$t('config.system.basic.defaultCabinetUsize')" prop = "default_cabinet_usize" >
< el-input v -model .number = " basic.default_cabinet_usize " id = "system-baisc-default_cabinet_usize" > < / el-input >
< / el-form-item >
< el-form-item :label = "$t('config.system.basic.timezone')" prop = "timezone" >
<!-- < el-input v -model .number = " basic.timezone " > < / el-input > -- >
< el-select v-model = "basic.timezone" id="system-baisc-timezone" >
< el-option v-for = "(item,index) in timezoneOption" :key="index" :label="item.label " :value="item.valu e" > < / el-option >
< el-option v-for = "(item,index) in timezoneOption" :key="index" :label="item.name " :value="item.nam e" >
< div style = "display: flex;justify-content: space-between;padding: 5px;" >
< div > { { item . name } } < / div >
< div > UTC { { item . offset >= 0 ? '+' + ( item . offset / 1000 / 60 / 60 ) : '-' + ( item . offset / 1000 / 60 / 60 ) } } < / div >
< / div >
< / el-option >
< / el-select >
< / el-form-item >
< el-form-item :label = "$t('config.system.basic.mapConfig')" >
< latlng-picker :init-data = "basic.map_center_config" ref = "latlngPicker" :show-zoom = "true" > < / latlng-picker >
< / el-form-item >
< el-form-item :label = "$t('config.system.basic.snmpTrapPort')" prop = "snmp_trap_listen_port" >
< el-input v-model = "basic.snmp_trap_listen_port" id="system-baisc-snmp_trap_listen_port" > < / el -input >
< / el-form-item >
< el-form-item :label = "$t('config.system.basic.unsaved')" prop = "unsaved_change" >
< el-switch v -model .number = " basic.unsaved_change " active -color = " rgb ( 238 , 157 , 63 ) " active -value = ' on ' inactive -value = ' off ' id = "system-baisc-unsaved_change" >
< / el-switch >
@@ -57,25 +79,30 @@
< button id = "system-basic-save" @click ="saveSetInfo('basic','basicForm')" class = "nz-btn nz-btn-size-normal-new nz-btn-style-normal-new" type = "button" v-has = "'system_basic_save'" :disabled="prevent_opt.save" :class="{'nz-btn-disabled':prevent_opt.save}" > {{ $ t ( ' overall.submit ' ) }} < / button >
< / el -form -item >
< / el-form >
div
d i v v -
< / el-tab-pane >
< el-tab-pane :label = "$t('config.system.email.email')" name = "email" >
< div class = "system-config-form" >
< div class = "system-config-form" v-if = "activeTab === 'email'" >
< el -form :model = "email" label -width = " 180px " size = "small" ref = "emailForm" :rules = "email.email_enable=='on'?emailRules:{}" :validate-on-rule-change = "false" >
< el-form-item :label = "$t('config.system.email.enable')" prop = "email_enable" >
< el-checkbox v-model = "email.email_enable" true-label="on" false-label="off" @change="switchChange('emailForm')" id="system-email-email_enable" > < / el -checkbox >
< / el-form-item >
< el-form-item :label = "$t('config.system.email.smtpHost')" prop = "email_smtp_ host" >
< el-input v-model = "email.email_smtp_ host" :disabled="email.email_enable == 'off'" id="system-email-email_smtp_host" > < / el -input >
< el-form-item :label = "$t('config.system.email.smtpHost')" prop = "email_host" >
< el-input v-model = "email.email_host" :disabled="email.email_enable == 'off'" id="system-email-email_smtp_host" > < / el -input >
< / el-form-item >
< el-form-item :label = "$t('config.system.email.smtpPort')" prop = "email_smtp_ port" >
< el-input v -model .number = " email.email_smtp_ port " : disabled = "email.email_enable == 'off'" id = "system-email-email_smtp_port" > < / el-input >
< el-form-item :label = "$t('config.system.email.smtpPort')" prop = "email_port" >
< el-input v -model .number = " email.email_port " : disabled = "email.email_enable == 'off'" id = "system-email-email_smtp_port" > < / el-input >
< / el-form-item >
< el-form-item :label = "$t('config.system.email.smtpAcc oun t')" prop = "email_smtp_acc oun t" >
< el-input v -model = "email.email_smtp_account" :disabled="email.email_enable == 'off'" id="system-email-email_smtp_account" > autocomplete = "off" < / el -input >
< el-form-item :label = "$t('config.system.email.time out')" prop = "email_time out" >
< el-input v .number = " email.email_timeout " >
< template slot = "append" > < span > { { $t ( 'config.system.basic.second' ) } } < / span > < / template >
< / el-input >
< / el-form-item >
< el-form-item :label = "$t('config.system.email.smtpPwd')" class = "has-tip " prop = "email_smtp_password " >
< el-input v-model = "email.email_smtp_password" type="password" :show-password="false " :disabled="email.email_enable == 'off'" autocomplete="off" id="system-email-email_smtp_password" > < / el -input >
< el-form-item :label = "$t('config.system.email.smtpAccount') " prop = "email_auth_account " >
< el-input v-model = "email.email_auth_account " :disabled="email.email_enable == 'off'" id="system-email-email_smtp_account" > autocomplete = "off" < / el -input >
< / el-form-item >
< el-form-item :label = "$t('config.system.email.smtpPwd')" class = "has-tip" prop = "email_auth_password" >
< el-input v-model = "email.email_auth_password" type="password" :show-password="false" :disabled="email.email_enable == 'off'" autocomplete="off" id="system-email-email_smtp_password" > < / el -input >
< div class = "el-form-item__tip" > { { $t ( "config.system.email.pwdTip" ) } } < / div >
< / el-form-item >
< el-form-item :label = "$t('config.system.email.sendAccount')" class = "has-tip" prop = "email_send_account" >
@@ -83,22 +110,15 @@
< div class = "el-form-item__tip" > { { $t ( "config.system.email.sendAccountTip" ) } } < / div >
< / el-form-item >
< el-form-item :label = "$t('config.system.email.testAccount')" class = "has-tip" prop = "email_test_reciver" >
< el-input v-model = "email.email_test_reciver " :disabled="email.email_enable == 'off'" id="system-email-email_test_reciver" > < / el -input >
< el-input v-model = "email.email_test_account " :disabled="email.email_enable == 'off'" id="system-email-email_test_reciver" > < / el -input >
< div class = "el-form-item__tip" > { { $t ( "config.system.email.testAccountTip" ) } } < / div >
< / el-form-item >
< el-form-item :label = "$t('config.system.email.u seSSL ')" prop = "email_ssl_flag " >
< el-row :gutter = "10" >
< el-col :span = "5" > < el-checkbox v-model = "email.email_ssl_flag" true-label="on" false-label="off" :disabled="email.email_enable == 'off'" id="system-email-email_ssl_flag" > < / el -checkbox > < / el-col >
< el-col :span = "15 " > < / el-col >
< / el-row >
< div class = "el-form-item__tip" style = "margin-top: 0;" > { { $t ( "config.system.email.sslTip" ) } } < / div >
< / el-form-item >
< el-form-item :label = "$t('config.system.email.useTLS')" prop = "email_tls_flag" >
< el-row :gutter = "10" >
< el-col :span = "5" > < el-checkbox v-model = "email.email_tls_flag" true-label='on' false-label='off' :disabled="email.email_enable == 'off'" id="system-email-email_tls_flag" > < / el -checkbox > < / el-col >
< el-col :span = "16" > < / el-col >
< / el-row >
< div class = "el-form-item__tip" style = "margin-top: 0;" > { { $t ( "config.system.email.tlsTip" ) } } < / div >
< el-form-item :label = "$t('config.system.email.securityType ')" prop = "email_security_type " >
< el-select v-model = "email.email_security_type" :disabled="email.email_enable == 'off'" >
< el-option label = "None" value = "NONE" > < / el-option >
< el-option label = "SSL" value = "SSL " > < / el-option >
< el-option label = "TLS" value = "TLS" > < / el-option >
< / el-select >
< / el-form-item >
< el-form-item style = "padding-top: 20px;" >
< button id = "system-email-reset" @click ="resetForm('emailForm','email')" class = "nz-btn nz-btn-size-normal-new nz-btn-style-light-new" type = "button" > { { $t ( 'overall.reset' ) } } < / button >
@@ -109,10 +129,19 @@
< / div >
< / el-tab-pane >
< el-tab-pane :label = "$t('config.system.terminal.terminal')" name = "terminal" >
< div class = "system-config-form terminal" >
< div class = "system-config-form terminal" v-if = "activeTab === 'terminal'" >
< el -form :model = "terminal" label -width = " 180px " size = "small" ref = "terminalForm" :rules = "terminalRules" >
< el-form-item :label = "$t('config.system.terminal.terminalNum ')" prop = "max_ terminal_num " >
< el-input-number v-model = "terminal.max_ terminal_num " controls-position="right" :min="1" :max="50" id="system-terminal-max_terminal_num" > < / el -input -number >
< el-form-item :label = "$t('config.system.terminal.timeout ')" prop = "terminal_timeout " >
< el-input-number v-model = "terminal.terminal_timeout " controls-position="right" :min="1" id="system-terminal-max_terminal_num" > < / el -input -number >
< / el-form-item >
< el-form-item :label = "$t('config.system.terminal.userTip')" prop = "terminal_telnet_user_tip" >
< el-input id = "system-terminal-user-tip" v-model = "terminal.terminal_telnet_user_tip" > < / el -input >
< / el-form-item >
< el-form-item :label = "$t('config.system.terminal.pinTip')" prop = "terminal_telnet_pin_tip" >
< el-input id = "system-terminal_telnet_pin_tip" v-model = "terminal.terminal_telnet_pin_tip" > < / el -input >
< / el-form-item >
< el-form-item :label = "$t('config.system.terminal.localRetention')" prop = "terminal_record_local_retention" >
< el-input-number v-model = "terminal.terminal_record_local_retention" controls-position="right" :min="1" id="system-terminal_record_local_retention" > < / el -input -number >
< / el-form-item >
< el-form-item >
< button @click ="saveSetInfo('terminal','terminalForm')" class = "nz-btn nz-btn-size-normal-new nz-btn-style-normal-new" type = "button" v-has = "'system_terminal_save'" :disabled="prevent_opt.save" :class="{'nz-btn-disabled':prevent_opt.save}" > {{ $ t ( ' overall.submit ' ) }} < / button >
@@ -121,7 +150,7 @@
< / div >
< / el-tab-pane >
< el-tab-pane :label = "$t('config.system.ldap.ldap')" name = "ldap" >
< div class = "system-config-form" >
< div class = "system-config-form" v-if = "activeTab === 'ldap'" >
< el -form :model = "ldap" label -width = " 180px " size = "small" ref = "ldapForm" : rules = "ldap.ldap_enable == 'on'?ldapRules:{}" :validate-on-rule-change = "false" >
< el-form-item :label = "$t('config.system.ldap.active')" prop = "ldap_enable" >
< el-checkbox v-model = "ldap.ldap_enable" true-label='on' false-label='off' @change="switchChange('ldapForm')" id="system-ldap-ldap_enable" > < / el -checkbox >
@@ -166,25 +195,28 @@
< api-key-tab v-if = "activeTab === 'apiKey'" > < / api -key -tab >
< / el-tab-pane >
< el-tab-pane :label = "$t('config.system.reset.reset')" name = "reset" >
< div class = "system-config-form" >
< div class = "system-config-form" v-if = "activeTab === 'reset'" >
< el -form :model = "reset" label -width = " 82px " size = "small" ref = "resetForm" :rules = "resetRules" :validate-on-rule-change = "false" class = "reset-form" >
< el-form-item prop = "type" >
<!-- < el-checkbox-group v-model = "reset.type" > - -
<!-- < div v-for = "(item,index) in resetOptions" :key="item.value+index" > - -
<!-- < el-checkbox :value = "item.value" :label = "item.label" :disabled = "true" :checked = "true" > < / el-checkbox > -- >
< el-form-item prop = "type" :label = "$t('config.system.reset.type')" >
<!-- < div class = "el-checkbox-group" > --
<!-- < div v-for = "(item,index) in resetOptions" :key="item.value+index" > --
<!-- < label class = "el-checkbox sys-reset-label" :for = "item.value" > -- >
<!-- < span class = "el-checkbox__label" style = "width: 100px;text-align: right;margin-right: 10px" > { { item . label } } < / span > -- >
<!-- < span class = "el-checkbox__input" > -- >
<!-- < input type = "checkbox" name = "resetType" :value = "item.value" class = "el-checkbox__original" aria -hidden = " true " :id = "item.value" @change ="resetCheckBoxChange" /> - - >
<!-- < span class = "el-checkbox__inner" > < / span > -- >
<!-- < / span > -- >
<!-- < / label > -- >
<!-- < / div > -- >
<!-- < / el-checkbox-group > -- >
< div class = "el-checkbox-group" >
< div v-for = "( item,index) in resetOptions" :key="item.value+index" >
< label class = "el-checkbox sys-reset- label":for = "item.value" >
< span class = "el-checkbox__label" style = "width: 100px;text-align: right;margin-right: 10px" > { { item . label } } < / span >
< span class = "el-checkbox__input" >
< input type = "checkbox" name = "resetType" :value = "item.value" class = "el-checkbox__original" aria -hidden = " true " :id = "item.value" @change ="resetCheckBoxChange" / >
< span class = "el-checkbox__inner" > < / span >
< span >
< / label >
< / div >
< / div >
<!-- < / div > -- >
< el-select v-model = "reset.type" multiple >
< template v-for = "item in resetOptions" >
< el-option :label = "item. label":value = "item.value" > < / el-option >
< / template >
< / el-select >
< / el-form-item >
< el-form-item :label = "$t('config.system.reset.pwd')" prop = "password" >
< el-input id = "system-reset-password" v-model = "reset.password" type="password" > el -input >
< / el-form-item >
< el-form-item >
< button @click ="resetSys()" class = "nz-btn nz-btn-size-normal-new nz-btn-style-normal-new" type = "button" v-has = "'system_reset_reset'" :disabled="prevent_opt.save" :class="{'nz-btn-disabled':prevent_opt.save}" > {{ $ t ( ' overall.reset ' ) }} < / button >
@@ -209,100 +241,71 @@ export default {
components : { draggable , latlngPicker , notifyMethod , linkTab , apiKeyTab } ,
data ( ) {
return {
imageFormatErr : false ,
basic : {
alert _api : '' ,
asset _ping _switch : 'on ' , // 主机连通性检查开关，'on'： ， ：
asset _ping _interval : null , // 检查周期， ：
node _exporter _target _path : '' ,
scrape _interval : 15 ,
asset _ping _interval : '300 ' , // 检查周期， ：
storage _local _retention : 15 * 24 ,
system _name : '' ,
system _logo : '' ,
current _site _url : '' ,
timezone : '' ,
default _cabinet _usize : '' ,
query _max _series : '' ,
unsaved _change : 'on' ,
default _scrape _interval : '60' ,
default _scrape _timeout : '30' ,
default _scrape _interval : '60' ,
snmp _trap _listen _port : 162 ,
map _center _config : { longitude : 116.39 , latitude : 39.9 , zoom : 4 , minZoom : 1 , maxZoom : 10 }
} ,
basicCopy : null ,
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'},],
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' } ] ,
scrape _interval : [ { required : true , message : this . $t ( 'validate.required' ) , trigger : 'blur' } , { validator : positiveInteger , trigger : 'blur' } ] ,
default _ scrape_interval : [ { required : true , message : this . $t ( 'validate.required' ) , trigger : 'blur' } , { validator : positiveInteger , trigger : 'blur' } ] ,
default _scrape _timeout : [ { 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' } ] ,
snmp _trap _listen _port : [ { required : true , message : this . $t ( 'validate.required' ) , trigger : 'blur' } , { validator : port , trigger : 'blur' } ] ,
timezone : [ { required : true , message : this . $t ( 'validate.required' ) , trigger : 'blur' } ] ,
default _cabinet _usize : [ { required : true , message : this . $t ( 'validate.required' ) , trigger : 'blur' } , { validator : positiveInteger , trigger : 'blur' } , { validator : uSize , trigger : 'blur' } ] ,
query _max _series : [ { required : true , message : this . $t ( 'validate.required' ) , trigger : 'blur' } ]
} ,
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' } ] ,
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' } ] ,
storage _local _retention : [ { required : true , message : this . $t ( 'validate.required' ) , trigger : 'blur' } , { validator : positiveInteger , trigger : 'blur' } ] ,
timezone : [ { required : true , message : this . $t ( 'validate.required' ) , trigger : 'blur' } ] ,
default _cabinet _usize : [ { validator : positiveInteger , trigger : 'blur' } , { validator : uSize , trigger : 'blur' } ] ,
query _max _series : [ { required : true , message : this . $t ( 'validate.required' ) , trigger : 'blur' } ]
} ,
timezoneOption : [
{ label : 'UTC-12:00' , value : '-12' } ,
{ label : 'UTC-11:00' , value : '-11' } ,
{ label : 'UTC-10:00' , value : '-10' } ,
{ label : 'UTC-09:00' , value : '-9' } ,
{ label : 'UTC-08:00' , value : '-8' } ,
{ label : 'UTC-07:00' , value : '-7' } ,
{ label : 'UTC-06:00' , value : '-6' } ,
{ label : 'UTC-05:00' , value : '-5' } ,
{ label : 'UTC-04:00' , value : '-4' } ,
{ label : 'UTC-03:00' , value : '-3' } ,
{ label : 'UTC-02:00' , value : '-2' } ,
{ label : 'UTC-01:00' , value : '-1' } ,
{ label : 'UTC 00:00' , value : '0' } ,
{ label : 'UTC+01:00' , value : '1' } ,
{ label : 'UTC+02:00' , value : '2' } ,
{ label : 'UTC+03:00' , value : '3' } ,
{ label : 'UTC+04:00' , value : '4' } ,
{ label : 'UTC+05:00' , value : '5' } ,
{ label : 'UTC+06:00' , value : '6' } ,
{ label : 'UTC+07:00' , value : '7' } ,
{ label : 'UTC+08:00' , value : '8' } ,
{ label : 'UTC+09:00' , value : '9' } ,
{ label : 'UTC+10:00' , value : '10' } ,
{ label : 'UTC+11:00' , value : '11' } ,
{ label : 'UTC+12:00' , value : '12' }
] ,
timezoneOption : [ ] ,
email : {
email _enable : 'on' ,
email _smtp _ host : '' ,
email _smtp _ port : 25 ,
email _smtp _acc oun t : '' ,
email _smtp _password : '' ,
email _host : '' ,
email _port : 25 ,
email _time out : 10 ,
email _auth _account : '' ,
email _auth _password : '' ,
email _send _account : '' ,
email _test _reciver : '' ,
email _ssl _flag : 'off' ,
email _tls _flag : 'off'
email _test _account : '' ,
email _security _type : 'NONE'
} ,
emailCopy : null ,
emailRules : {
email _smtp _ host : [
email _host : [
{ required : true , message : this . $t ( 'validate.required' ) , trigger : 'blur' } ,
{ validator : hostPlus , trigger : 'blur' }
] ,
email _smtp _ port : [
email _port : [
{ required : true , message : this . $t ( 'validate.required' ) , trigger : 'blur' } ,
{ validator : port , trigger : 'blur' }
] ,
email _smtp _account : [
email _auth _account : [
{ required : true , message : this . $t ( 'validate.required' ) , trigger : 'blur' } ,
{ type : 'email' , message : this . $t ( 'validate.email' ) , trigger : 'blur' }
] ,
email _send _account : [ { type : 'email' , message : this . $t ( 'validate.email' ) , trigger : 'blur' } ] ,
email _test _reciver : [ { type : 'email' , message : this . $t ( 'validate.email' ) , trigger : 'blur' } ]
email _test _account : [ { type : 'email' , message : this . $t ( 'validate.email' ) , trigger : 'blur' } ]
} ,
terminal : {
max _ terminal_num : 1 0
terminal _timeout : 3 0,
terminal _telnet _user _tip : 'ogin:' ,
terminal _telnet _pin _tip : 'assword:' ,
terminal _record _local _retention : 365 ,
} ,
terminalCopy : null ,
terminalRules : {
@@ -374,13 +377,20 @@ export default {
value : 'sysconfig'
}
] ,
activeTab : 'notification '
activeTab : 'basic '
}
} ,
methods : {
selectTab : function ( tab ) {
this . querySetInfo ( tab . name )
} ,
queryTimezone : function ( ) {
this . $get ( "/sys/timezone" ) . then ( response => {
if ( response . code == 200 ) {
this . timezoneOption = response . data . list ;
}
} )
} ,
querySetInfo : function ( type ) { // 切换tab
if ( ! type ) {
console . error ( 'type is required' )
@@ -389,21 +399,23 @@ export default {
if ( type == 'reset' || type == 'link' || type == 'notification' || type == 'apiKey' ) {
return
}
this . $get ( 'sysC onfig?type= ' + type ) . then ( response => {
this . $get ( '/ sys/c onfig/ ' + type ) . then ( response => {
if ( response . code == 200 ) {
const sets = response . data [ type ]
for ( const key in sets ) {
this [ type ] [ key ] = sets [ key ]
for ( let key in response . data ) {
this [ type ] [ key ] = response . data [ key ]
}
if ( type == 'basic' ) {
localStorage . setItem ( 'nz-sys-name' , this . basic . system _name )
localStorage . setItem ( 'nz-sys-timezone' , this . basic . timezone )
localStorage . setItem ( 'nz-sys-asset-ping-switch ' , this . basic . asset _ping _switch )
localStorage . setItem ( 'nz-sys-logo ' , this . basic . system _logo )
localStorage . setItem ( 'nz-sys-default-cabinet-usize' , this . basic . default _cabinet _usize )
localStorage . setItem ( 'nz-unn saved-change' , this . basic . unsaved _change )
localStorage . setItem ( 'nz-unsaved-change' , this . basic . unsaved _change )
this . basic . map _center _config = JSON . parse ( this . basic . map _center _config )
} else if ( type == 'terminal' ) {
localStorage . setItem ( 'nz-sys-max- terminal-num ' , this . terminal . max _ terminal_num )
localStorage . setItem ( 'nz-sys-terminal-timeout ' , this . terminal . terminal _timeout )
localStorage . setItem ( 'nz-sys-terminal-telnet-user-tip' , this . terminal . terminal _telnet _user _tip )
localStorage . setItem ( 'nz-sys-terminal-telnet-pin-tip' , this . terminal . terminal _telnet _pin _tip )
localStorage . setItem ( 'nz-sys-terminal-record-local-retention' , this . terminal . terminal _record _local _retention )
}
if ( type == 'email' ) {
this . $refs . emailForm . clearValidate ( )
@@ -417,18 +429,17 @@ export default {
this . prevent _opt . save = true
this . $refs [ formName ] . validate ( ( valid ) => {
if ( valid ) {
const param = { }
const param = Object . assign ( { } , this [ type ] )
if ( type == 'basic' ) {
this . basic . map _center _c onfig= this . $refs . latlngPicker . getAttribute ( )
this . basic . map _center _config = JSON . stringify ( this . basic . map _center _c onfig)
let mapC onfig= this . $refs . latlngPicker . getAttribute ( )
param . map _center _config = JSON . stringify ( mapC onfig)
}
param [ type ] = Object . assign ( { } , this [ type ] )
this . $set ( param [ type ] , 'test' , 'false' )
const postParam = Object . assign ( { } , param )
for ( const key in postParam [ type ] ) {
postParam [ type ] [ key ] = postParam [ type ] [ key ] + ''
}
this . $put ( '/sysC onfig' , postParam ) . then ( response => {
this . $put ( '/sys/c onfig/' + type , postParam ) . then ( response => {
this . prevent _opt . save = false
if ( response . code == 200 ) {
this . $message ( { duration : 2000 , type : 'success' , message : this . $t ( 'tip.saveSuccess' ) } )
@@ -441,7 +452,7 @@ export default {
}
} )
} else {
this . prevent _opt . save = tru e
this . prevent _opt . save = fals e
return false
}
} )
@@ -451,14 +462,13 @@ export default {
this . prevent _opt . save = true
this . $refs [ formName ] . validate ( ( valid ) => {
if ( valid ) {
const param = { }
param [ type ] = Object . assign ( { } , this [ type ] )
this . $set ( param [ type ] , 'test ', 'true' )
const postParam = Object . assign ( { } , param )
for ( const key in postParam [ type ] ) {
postParam [ type ] [ key ] = postParam [ type ] [ key ] + ''
const param = Object . assign ( { } , this [ type ] )
if ( type == 'email ') {
param . email _test = true ;
}
this . $put ( '/sysConfig' , postParam ) . then ( response => {
const postParam = Object . assign ( { } , param )
this . $put ( '/sys/config/' + type , postParam ) . then ( response => {
this . prevent _opt . save = false
if ( response . code == 200 ) {
this . $message ( { duration : 2000 , type : 'success' , message : this . $t ( 'tip.testSuccess' ) } )
@@ -737,10 +747,38 @@ export default {
// openUrl 跳转页面
openUrl ( item ) {
// window.open(item.url)
} ,
handleLogoChange ( file , fileList ) {
const imageTypes = [ 'image/jpeg' , 'image/jpg' , 'image/png' ] ;
console . log ( file . raw . type )
const isImage = imageTypes . some ( t => file . raw . type === t ) ;
const isLt2M = file . raw . size / 1024 / 1024 < 2 ;
this . imageFormatErr = ( ! isImage || ! isLt2M )
if ( isImage && isLt2M ) {
const self = this ;
this . urlToBase64 ( file . raw ) . then ( res => {
self . basic . system _logo = res ;
} ) ;
}
} ,
urlToBase64 : function ( file ) {
return new Promise ( ( resolve , reject ) => {
let reader = new FileReader ( ) ;
reader . readAsDataURL ( file ) ; //转化二进制流，异步方法
let base64Str = '' ;
reader . onload = function ( ) { //完成后this.result为二进制流console.log(this.result);
base64Str = this . result ;
resolve ( base64Str ) ;
}
} )
}
} ,
mounted ( ) {
this . querySetInfo ( this . activeTab )
this . queryTimezone ( ) ;
}
}
< / script >
@@ -1011,4 +1049,33 @@ export default {
. warn - pop . popper _ _arrow : after {
border - top - color : # FEF0F0 ! important ;
}
. avatar - uploader . el - upload {
border : 1 px dashed # d9d9d9 ;
border - radius : 6 px ;
cursor : pointer ;
position : relative ;
overflow : hidden ;
}
. avatar - uploader . el - upload : hover {
border - color : # 409 EFF ;
}
. avatar - uploader - icon {
font - size : 28 px ;
color : # 8 c939d ;
width : 100 px ;
height : 100 px ;
line - height : 100 px ;
vertical - align : middle ;
text - align : center ;
}
. avatar {
width : 100 px ;
height : 100 px ;
display : block ;
}
. system . logo - upload - tip {
color : # F66C6C ;
font - size : 12 px ;
line - height : 20 px ;
}
< / style >
wangwenrui