| | |
|---|
| | | </el-form>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <!-- <switchBar :barName="`高级设置`" :value="isHighClass"></switchBar>
|
|---|
| | | <!-- <switchBar :barName="`高级设置`" :value="isHighClass"></switchBar> -->
|
|---|
| | |
|
|---|
| | | <div class="general-box fold" :class="{ hidden: IPV4_hid }">
|
|---|
| | | <div class="in-title">
|
|---|
| | |
|---|
| | | <span class="icon iconfont icon-fold" @click="toggleFold('IPV4_hid')"></span>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <el-form :model="ipv4Form" :rules="ipv4FormRules" ref="ipv4Form">
|
|---|
| | | <el-form :model="wirelessForm" ref="wirelessForm">
|
|---|
| | | <el-form-item>
|
|---|
| | | <div class="p-title">方法</div>
|
|---|
| | | <el-select v-model="value" placeholder="请选择" size="small" :popper-append-to-body="false">
|
|---|
| | | <el-select
|
|---|
| | | v-model="wifiProto"
|
|---|
| | | placeholder="请选择"
|
|---|
| | | size="small"
|
|---|
| | | :popper-append-to-body="false"
|
|---|
| | | :disabled="wifiProto == 'dhcp'"
|
|---|
| | | >
|
|---|
| | | <el-option
|
|---|
| | | v-for="item in options"
|
|---|
| | | :key="item.value"
|
|---|
| | |
|---|
| | | </el-form-item>
|
|---|
| | | <el-form-item prop="ip">
|
|---|
| | | <div class="p-title">IP</div>
|
|---|
| | | <ip-input :ip="ipv4Form.ip" @on-blur="ipv4Form.ip = arguments[0]"></ip-input>
|
|---|
| | | <ip-input
|
|---|
| | | :ip="wirelessForm.ip"
|
|---|
| | | @on-blur="wirelessForm.ip = arguments[0]"
|
|---|
| | | :disabled="wifiProto == 'dhcp'"
|
|---|
| | | ></ip-input>
|
|---|
| | | </el-form-item>
|
|---|
| | | <el-form-item prop="subMask">
|
|---|
| | | <div class="p-title">子网掩码</div>
|
|---|
| | | <ip-input :ip="ipv4Form.subMask" @on-blur="ipv4Form.subMask = arguments[0]"></ip-input>
|
|---|
| | | <ip-input
|
|---|
| | | :ip="wirelessForm.subMask"
|
|---|
| | | @on-blur="wirelessForm.subMask = arguments[0]"
|
|---|
| | | :disabled="wifiProto == 'dhcp'"
|
|---|
| | | ></ip-input>
|
|---|
| | | </el-form-item>
|
|---|
| | |
|
|---|
| | | <el-form-item prop="gateway">
|
|---|
| | | <div class="p-title">网关</div>
|
|---|
| | | <ip-input :ip="ipv4Form.gateway" @on-blur="ipv4Form.gateway = arguments[0]"></ip-input>
|
|---|
| | | <ip-input
|
|---|
| | | :ip="wirelessForm.gateway"
|
|---|
| | | @on-blur="wirelessForm.gateway = arguments[0]"
|
|---|
| | | :disabled="wifiProto == 'dhcp'"
|
|---|
| | | ></ip-input>
|
|---|
| | | </el-form-item>
|
|---|
| | | <el-form-item prop="dns">
|
|---|
| | | <div class="p-title">首选DNS</div>
|
|---|
| | | <ip-input :ip="ipv4Form.dns1" @on-blur="ipv4Form.dns1 = arguments[0]"></ip-input>
|
|---|
| | | <ip-input
|
|---|
| | | :ip="wirelessForm.dns1"
|
|---|
| | | @on-blur="wirelessForm.dns1 = arguments[0]"
|
|---|
| | | :disabled="wifiProto == 'dhcp'"
|
|---|
| | | ></ip-input>
|
|---|
| | | </el-form-item>
|
|---|
| | | <el-form-item prop="dns">
|
|---|
| | | <div class="p-title">备用DNS</div>
|
|---|
| | | <ip-input :ip="ipv4Form.dns2" @on-blur="ipv4Form.dns2 = arguments[0]"></ip-input>
|
|---|
| | | <ip-input
|
|---|
| | | :ip="wirelessForm.dns2"
|
|---|
| | | @on-blur="wirelessForm.dns2 = arguments[0]"
|
|---|
| | | :disabled="wifiProto == 'dhcp'"
|
|---|
| | | ></ip-input>
|
|---|
| | | </el-form-item>
|
|---|
| | | </el-form>
|
|---|
| | | </div> -->
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="btns">
|
|---|
| | | <div class="cancel" @click="inWifiDetail = false">取消</div>
|
|---|
| | |
|---|
| | | deviceName: "",
|
|---|
| | | port: ""
|
|---|
| | | },
|
|---|
| | | wifiForm: {
|
|---|
| | | name: "",
|
|---|
| | | password: ""
|
|---|
| | | },
|
|---|
| | | wireArr: [],
|
|---|
| | | inWifiDetail: false,
|
|---|
| | | selectedWifi: {},
|
|---|
| | |
|---|
| | | rules: {
|
|---|
| | | deviceName: [{ required: true, message: "请输入设备名称", trigger: "change" }]
|
|---|
| | | },
|
|---|
| | | ipv4Form: {},
|
|---|
| | | wirelessForm: {},
|
|---|
| | | ipv6Form: {},
|
|---|
| | | ipv4FormRules: {},
|
|---|
| | | tabList: [
|
|---|
| | |
|---|
| | | ipv6FormRules: {},
|
|---|
| | | options: [
|
|---|
| | | {
|
|---|
| | | value: "选项1",
|
|---|
| | | value: "dhcp",
|
|---|
| | | label: "自动"
|
|---|
| | | },
|
|---|
| | | {
|
|---|
| | | value: "选项2",
|
|---|
| | | value: "static",
|
|---|
| | | label: "手动"
|
|---|
| | | }
|
|---|
| | | ],
|
|---|
| | | value: "",
|
|---|
| | | wifiProto: "dhcp",
|
|---|
| | | IPV4_hid: true,
|
|---|
| | | IPV6_hid: false,
|
|---|
| | | configLoading: false
|
|---|
| | |
|---|
| | | checkWifi(item) {
|
|---|
| | | this.inWifiDetail = true
|
|---|
| | | this.selectedWifi = item
|
|---|
| | | getNetWorkCardInfo({
|
|---|
| | | ifname: this.wifiIfname
|
|---|
| | | }).then((res) => {
|
|---|
| | | if (res && res.success) {
|
|---|
| | | this.wirelessForm.ip = res.data.ip
|
|---|
| | | this.wirelessForm.gateway = res.data.gateway
|
|---|
| | | this.wirelessForm.dns = res.data.dns
|
|---|
| | | this.wirelessForm.subMask = res.data.subMask
|
|---|
| | | }
|
|---|
| | | })
|
|---|
| | | },
|
|---|
| | | openWireDetail(item) {
|
|---|
| | | this.inWireDetail = true
|
|---|
