|
@@ -21,31 +21,39 @@
|
|
|
<el-form-item :label="this.$t('ljzt')" >
|
|
<el-form-item :label="this.$t('ljzt')" >
|
|
|
<el-input :readonly="true" >
|
|
<el-input :readonly="true" >
|
|
|
<template slot="prefix">
|
|
<template slot="prefix">
|
|
|
- <span v-if="form3.ljzt=='未连接'" style=" color:red ">{{ form3.ljzt }}</span>
|
|
|
|
|
|
|
+ <span v-if="form3.ljzt==this.$t('wlj')" style=" color:red ">{{ form3.ljzt }}</span>
|
|
|
<span v-else style=" color: green ">{{ form3.ljzt }}</span>
|
|
<span v-else style=" color: green ">{{ form3.ljzt }}</span>
|
|
|
</template>
|
|
</template>
|
|
|
</el-input>
|
|
</el-input>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item :label="'SSID'" prop="ssid">
|
|
|
|
|
|
|
+ <el-form-item :label="'SSID'" >
|
|
|
<el-input v-model="form3.ssid" />
|
|
<el-input v-model="form3.ssid" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
|
|
|
|
- <el-form-item :required="true" :label="this.$t('formPassword')" prop="password">
|
|
|
|
|
|
|
+ <el-form-item :label="this.$t('formPassword')" >
|
|
|
<el-input v-model="form3.password" auto-complete="off" :type="passwordVisible ? 'text' : 'password'" >
|
|
<el-input v-model="form3.password" auto-complete="off" :type="passwordVisible ? 'text' : 'password'" >
|
|
|
- <template slot="suffix">
|
|
|
|
|
|
|
+ <template slot="suffix">
|
|
|
<span
|
|
<span
|
|
|
class="el-icon-view"
|
|
class="el-icon-view"
|
|
|
@click="togglePasswordVisibility()"
|
|
@click="togglePasswordVisibility()"
|
|
|
></span>
|
|
></span>
|
|
|
- </template>
|
|
|
|
|
|
|
+ </template>
|
|
|
</el-input>
|
|
</el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item :label="this.$t('IPadress')" >
|
|
<el-form-item :label="this.$t('IPadress')" >
|
|
|
<el-input :readonly="true" v-model="form3.IPadress" />
|
|
<el-input :readonly="true" v-model="form3.IPadress" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
-
|
|
|
|
|
|
|
+ <el-form-item class="aaa" :label="this.$t('ztts')" >
|
|
|
|
|
+ <template #label>
|
|
|
|
|
+ <span>{{$t('ztts')}} </span>
|
|
|
|
|
+ <el-tooltip class="item" effect="dark" :content="$t('zttsts')" placement="top">
|
|
|
|
|
+ <i class="el-icon-question"></i>
|
|
|
|
|
+ </el-tooltip>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <input type="checkbox" v-model="isChecked" />
|
|
|
|
|
+ </el-form-item>
|
|
|
</el-form>
|
|
</el-form>
|
|
|
<div slot="footer" style="float: right;" class="dialog-footer">
|
|
<div slot="footer" style="float: right;" class="dialog-footer">
|
|
|
<el-button type="primary" @click="submitForm3">{{$t('sz')}}</el-button>
|
|
<el-button type="primary" @click="submitForm3">{{$t('sz')}}</el-button>
|
|
@@ -71,10 +79,10 @@
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<!--<el-form-item :label="this.$t('IPbb')" prop="type">-->
|
|
<!--<el-form-item :label="this.$t('IPbb')" prop="type">-->
|
|
|
- <!--<el-select style="width: 100%" v-model="form.type" allow-create clearable :filterable="false">-->
|
|
|
|
|
- <!--<el-option v-for="item in types" :key="item.id" :label="$t(item.name)" :value="item.id">-->
|
|
|
|
|
- <!--</el-option>-->
|
|
|
|
|
- <!--</el-select>-->
|
|
|
|
|
|
|
+ <!--<el-select style="width: 100%" v-model="form.type" allow-create clearable :filterable="false">-->
|
|
|
|
|
+ <!--<el-option v-for="item in types" :key="item.id" :label="$t(item.name)" :value="item.id">-->
|
|
|
|
|
+ <!--</el-option>-->
|
|
|
|
|
+ <!--</el-select>-->
|
|
|
<!--</el-form-item>-->
|
|
<!--</el-form-item>-->
|
|
|
<el-form-item :label="'IP '+this.$t('dz')" prop="ipaddress">
|
|
<el-form-item :label="'IP '+this.$t('dz')" prop="ipaddress">
|
|
|
<el-input :disabled="showClass" v-model="form.ipaddress" />
|
|
<el-input :disabled="showClass" v-model="form.ipaddress" />
|
|
@@ -140,6 +148,7 @@
|
|
|
<!--<el-form-item label="MAC:" prop="mac">-->
|
|
<!--<el-form-item label="MAC:" prop="mac">-->
|
|
|
<!--<el-input v-model="form.mac" />-->
|
|
<!--<el-input v-model="form.mac" />-->
|
|
|
<!--</el-form-item>-->
|
|
<!--</el-form-item>-->
|
|
|
|
|
+
|
|
|
</el-form>
|
|
</el-form>
|
|
|
<div slot="footer" style="float: right;" class="dialog-footer">
|
|
<div slot="footer" style="float: right;" class="dialog-footer">
|
|
|
<el-button type="primary" @click="submitForm2">{{$t('qd')}}</el-button>
|
|
<el-button type="primary" @click="submitForm2">{{$t('qd')}}</el-button>
|
|
@@ -160,6 +169,7 @@
|
|
|
name: "Server",
|
|
name: "Server",
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
|
|
+ isChecked: false,
|
|
|
// 服务器信息
|
|
// 服务器信息
|
|
|
server: [],
|
|
server: [],
|
|
|
// 总体状态监控
|
|
// 总体状态监控
|
|
@@ -227,16 +237,16 @@
|
|
|
this.queryIp3();
|
|
this.queryIp3();
|
|
|
setTimeout(()=>{
|
|
setTimeout(()=>{
|
|
|
this.queryIp();
|
|
this.queryIp();
|
|
|
- },1000) ;
|
|
|
|
|
|
|
+ },1000) ;
|
|
|
setTimeout(()=>{
|
|
setTimeout(()=>{
|
|
|
this.queryIp2();
|
|
this.queryIp2();
|
|
|
- },1500)
|
|
|
|
|
|
|
+ },1500)
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
//wifi状态
|
|
//wifi状态
|
|
|
onSocketMessageToWifiStatus(recvMessage) {
|
|
onSocketMessageToWifiStatus(recvMessage) {
|
|
|
if (recvMessage.success && recvMessage.data!=null && recvMessage.data.data!='' && recvMessage.data.data!=null) {
|
|
if (recvMessage.success && recvMessage.data!=null && recvMessage.data.data!='' && recvMessage.data.data!=null) {
|
|
|
- if(recvMessage.data!=null){
|
|
|
|
|
|
|
+ if(recvMessage.data!=null && !this.isChecked){
|
|
|
this.form3.IPadress=recvMessage.data.data.IPadress;
|
|
this.form3.IPadress=recvMessage.data.data.IPadress;
|
|
|
this.form3.ljzt=recvMessage.data.data.ljzt;
|
|
this.form3.ljzt=recvMessage.data.data.ljzt;
|
|
|
this.form3.password=recvMessage.data.data.password;
|
|
this.form3.password=recvMessage.data.data.password;
|
|
@@ -348,9 +358,9 @@
|
|
|
communicationManagement(params).then(response => {
|
|
communicationManagement(params).then(response => {
|
|
|
if(response.data!=null){
|
|
if(response.data!=null){
|
|
|
this.form3=response.data;
|
|
this.form3=response.data;
|
|
|
- }
|
|
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
- });
|
|
|
|
|
|
|
+ });
|
|
|
},
|
|
},
|
|
|
/** 提交按钮 */
|
|
/** 提交按钮 */
|
|
|
submitForm: function() {
|
|
submitForm: function() {
|
|
@@ -370,7 +380,7 @@
|
|
|
communicationManagement(params);
|
|
communicationManagement(params);
|
|
|
}).then(() => {
|
|
}).then(() => {
|
|
|
this.$modal.msgSuccess(this.$t('zxcg'));
|
|
this.$modal.msgSuccess(this.$t('zxcg'));
|
|
|
- }).catch(() => {});
|
|
|
|
|
|
|
+ }).catch(() => {});
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
}
|
|
@@ -395,7 +405,7 @@
|
|
|
communicationManagement(params);
|
|
communicationManagement(params);
|
|
|
}).then(() => {
|
|
}).then(() => {
|
|
|
this.$modal.msgSuccess(this.$t('zxcg'));
|
|
this.$modal.msgSuccess(this.$t('zxcg'));
|
|
|
- }).catch(() => {});
|
|
|
|
|
|
|
+ }).catch(() => {});
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
}
|
|
@@ -404,6 +414,7 @@
|
|
|
|
|
|
|
|
},
|
|
},
|
|
|
submitForm3: function() {
|
|
submitForm3: function() {
|
|
|
|
|
+
|
|
|
this.$refs["form3"].validate(valid => {
|
|
this.$refs["form3"].validate(valid => {
|
|
|
if (valid) {
|
|
if (valid) {
|
|
|
const params={};
|
|
const params={};
|
|
@@ -418,7 +429,7 @@
|
|
|
communicationManagement(params);
|
|
communicationManagement(params);
|
|
|
}).then(() => {
|
|
}).then(() => {
|
|
|
this.$modal.msgSuccess(this.$t('zxcg'));
|
|
this.$modal.msgSuccess(this.$t('zxcg'));
|
|
|
- }).catch(() => {});
|
|
|
|
|
|
|
+ }).catch(() => {});
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
}
|
|
@@ -434,7 +445,11 @@
|
|
|
};
|
|
};
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
-
|
|
|
|
|
|
|
+<style>
|
|
|
|
|
+ .aaa .el-form-item__label{
|
|
|
|
|
+ color: red;
|
|
|
|
|
+ }
|
|
|
|
|
+</style>
|
|
|
<style scoped>
|
|
<style scoped>
|
|
|
.row-item {
|
|
.row-item {
|
|
|
display: -webkit-box;
|
|
display: -webkit-box;
|
|
@@ -460,4 +475,5 @@
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+
|
|
|
</style>
|
|
</style>
|