|
|
@@ -2,7 +2,7 @@
|
|
|
<div class="app-container">
|
|
|
|
|
|
<el-row>
|
|
|
- <el-col :span="12" class="card-box">
|
|
|
+ <el-col :span="8" class="card-box">
|
|
|
<el-card>
|
|
|
<div slot="header"><span style=" font-size: 20px; font-weight: bold;"><i class="el-icon-monitor"></i> {{$t('WIFIsz')}}</span>
|
|
|
</div>
|
|
|
@@ -27,9 +27,9 @@
|
|
|
</div>
|
|
|
</el-card>
|
|
|
</el-col>
|
|
|
- <el-col :span="12" class="card-box">
|
|
|
+ <el-col :span="8" class="card-box">
|
|
|
<el-card>
|
|
|
- <div slot="header"><span style=" font-size: 20px; font-weight: bold;"><i class="el-icon-monitor"></i> {{$t('IPsz')}}</span>
|
|
|
+ <div slot="header"><span style=" font-size: 20px; font-weight: bold;"><i class="el-icon-monitor"></i> {{$t('IPV4sz')}}</span>
|
|
|
</div>
|
|
|
|
|
|
<div class="el-table el-table--enable-row-hover el-table--medium">
|
|
|
@@ -43,12 +43,12 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
|
|
|
- <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-form-item>
|
|
|
+ <!--<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-form-item>-->
|
|
|
<el-form-item :label="'IP '+this.$t('dz')" prop="ipaddress">
|
|
|
<el-input :disabled="showClass" v-model="form.ipaddress" />
|
|
|
</el-form-item>
|
|
|
@@ -77,50 +77,50 @@
|
|
|
</div>
|
|
|
</el-card>
|
|
|
</el-col>
|
|
|
- <!--<el-col :span="8" class="card-box">-->
|
|
|
- <!--<el-card>-->
|
|
|
- <!--<div slot="header"><span style=" font-size: 20px; font-weight: bold;"><i class="el-icon-monitor"></i> {{$t('IPV6sz')}}</span>-->
|
|
|
- <!--</div>-->
|
|
|
-
|
|
|
- <!--<div class="el-table el-table--enable-row-hover el-table--medium">-->
|
|
|
- <!--<template cellspacing="0" style="width: 100%;">-->
|
|
|
- <!--<el-form ref="form2" :model="form2" :rules="rules3" label-width="auto">-->
|
|
|
-
|
|
|
- <!--<el-form-item :label="this.$t('xzms')" prop="mode">-->
|
|
|
- <!--<el-select style="width: 100%" v-model="form2.mode" @change="handleSelectChange2" allow-create clearable filterable>-->
|
|
|
- <!--<el-option v-for="item in modes" :key="item.id" :label="$t(item.name)" :value="item.id">-->
|
|
|
- <!--</el-option>-->
|
|
|
- <!--</el-select>-->
|
|
|
- <!--</el-form-item>-->
|
|
|
+ <el-col :span="8" class="card-box">
|
|
|
+ <el-card>
|
|
|
+ <div slot="header"><span style=" font-size: 20px; font-weight: bold;"><i class="el-icon-monitor"></i> {{$t('IPV6sz')}}</span>
|
|
|
+ </div>
|
|
|
|
|
|
- <!--<el-form-item :label="'IPV6 '+this.$t('dz')" prop="ipaddress">-->
|
|
|
- <!--<el-input :disabled="showClass2" v-model="form2.ipaddress" />-->
|
|
|
- <!--</el-form-item>-->
|
|
|
+ <div class="el-table el-table--enable-row-hover el-table--medium">
|
|
|
+ <template cellspacing="0" style="width: 100%;">
|
|
|
+ <el-form ref="form2" :model="form2" :rules="rules3" label-width="auto">
|
|
|
|
|
|
- <!--<el-form-item :label="this.$t('zwym2')" prop="mask">-->
|
|
|
- <!--<el-input :disabled="showClass2" v-model="form2.mask" />-->
|
|
|
- <!--</el-form-item>-->
|
|
|
+ <el-form-item :label="this.$t('xzms')" prop="mode">
|
|
|
+ <el-select style="width: 100%" v-model="form2.mode" @change="handleSelectChange2" allow-create clearable filterable>
|
|
|
+ <el-option v-for="item in modes" :key="item.id" :label="$t(item.name)" :value="item.id">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
|
|
|
- <!--<el-form-item :label="this.$t('wg')" prop="gateway">-->
|
|
|
- <!--<el-input :disabled="showClass2" v-model="form2.gateway" />-->
|
|
|
- <!--</el-form-item>-->
|
|
|
- <!--<el-form-item label="DNS1:" prop="dns1">-->
|
|
|
- <!--<el-input :disabled="showClass2" v-model="form2.dns1" />-->
|
|
|
- <!--</el-form-item>-->
|
|
|
- <!--<el-form-item label="DNS2:" prop="dns2">-->
|
|
|
- <!--<el-input :disabled="showClass2" v-model="form2.dns2" />-->
|
|
|
+ <el-form-item :label="'IPV6 '+this.$t('dz')" prop="ipaddress">
|
|
|
+ <el-input :disabled="showClass2" v-model="form2.ipaddress" />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item :label="this.$t('zwym2')" prop="mask">
|
|
|
+ <el-input :disabled="showClass2" v-model="form2.mask" />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item :label="this.$t('wg')" prop="gateway">
|
|
|
+ <el-input :disabled="showClass2" v-model="form2.gateway" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="DNS1:" prop="dns1">
|
|
|
+ <el-input :disabled="showClass2" v-model="form2.dns1" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="DNS2:" prop="dns2">
|
|
|
+ <el-input :disabled="showClass2" v-model="form2.dns2" />
|
|
|
+ </el-form-item>
|
|
|
+ <!--<el-form-item label="MAC:" prop="mac">-->
|
|
|
+ <!--<el-input v-model="form.mac" />-->
|
|
|
<!--</el-form-item>-->
|
|
|
- <!--<!–<el-form-item label="MAC:" prop="mac">–>-->
|
|
|
- <!--<!–<el-input v-model="form.mac" />–>-->
|
|
|
- <!--<!–</el-form-item>–>-->
|
|
|
- <!--</el-form>-->
|
|
|
- <!--<div slot="footer" style="float: right;" class="dialog-footer">-->
|
|
|
- <!--<el-button type="primary" @click="submitForm2">{{$t('qd')}}</el-button>-->
|
|
|
- <!--</div>-->
|
|
|
- <!--</template>-->
|
|
|
- <!--</div>-->
|
|
|
- <!--</el-card>-->
|
|
|
- <!--</el-col>-->
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" style="float: right;" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="submitForm2">{{$t('qd')}}</el-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </el-card>
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
|
|
|
</div>
|
|
|
@@ -189,9 +189,9 @@
|
|
|
setTimeout(()=>{
|
|
|
this.queryIp();
|
|
|
},1000) ;
|
|
|
- // setTimeout(()=>{
|
|
|
- // this.queryIp2();
|
|
|
- // },1500)
|
|
|
+ setTimeout(()=>{
|
|
|
+ this.queryIp2();
|
|
|
+ },1500)
|
|
|
},
|
|
|
methods: {
|
|
|
|
|
|
@@ -299,7 +299,7 @@
|
|
|
if (valid) {
|
|
|
const params={};
|
|
|
params.token=this.usertoken;
|
|
|
- params.type=this.form.type;
|
|
|
+ params.type="WIFIIPV4Save";
|
|
|
params.mode=this.form.mode;
|
|
|
params.ipaddress=this.form.ipaddress;
|
|
|
params.mask=this.form.mask;
|