暂存

ZZJ

2021-11-19 ddb4dda6ed6069253afb8b1e05fe52b56c681f35

 src/pages/settings/components/WifiGateway.vue

@@ -5,7 +5,7 @@
      <el-form-item class="form-item">
             <switchBar
            :barName="`允许外网访问`"
            :value="accessible"
          :value="wifiForm.wanEnable"
          ></switchBar>
      </el-form-item>

@@ -37,8 +37,12 @@
          <el-form-item class="form-item">
              <div class="item-title">WPS加密</div>
               <div class="inputContain">
              <el-select v-model="wifiForm.wps" placeholder="请选择" size="small"
                :popper-append-to-body="false">
            <el-select
              v-model="wifiForm.wps"
              placeholder="请选择"
              size="small"
              :popper-append-to-body="false"
            >
                  <el-option
                    v-for="item in wps_option"
                    :key="item.value"
@@ -52,8 +56,12 @@
          <el-form-item class="form-item">
              <div class="item-title">授权方式</div>
               <div class="inputContain">
              <el-select v-model="wifiForm.auth" placeholder="请选择" size="small"
                :popper-append-to-body="false">
            <el-select
              v-model="wifiForm.authType"
              placeholder="请选择"
              size="small"
              :popper-append-to-body="false"
            >
                  <el-option
                    v-for="item in auth_option"
                    :key="item.value"
@@ -67,7 +75,7 @@
          <el-form-item class="form-item">
              <div class="item-title">发射功率调整</div>
               <el-slider
                  v-model="wifiForm.frequency"
            v-model="wifiForm.powerRate"
                  id="wifiForm_frequency"
                  :min="0"
                  :max="100"
@@ -90,8 +98,8 @@
              <div class="item-title">子网掩码</div>
              <div class="inputContain">
              <ipInput
                  :ip="wifiForm.child"
                  @on-blur="wifiForm.ip = arguments[0]"
              :ip="wifiForm.mask"
              @on-blur="wifiForm.mask = arguments[0]"
              ></ipInput>
              </div>
          </el-form-item>
@@ -101,7 +109,7 @@
              <div class="inputContain">
              <ipInput
                  :ip="wifiForm.gateway"
                  @on-blur="wifiForm.ip = arguments[0]"
              @on-blur="wifiForm.gateway = arguments[0]"
              ></ipInput>
              </div>
          </el-form-item>
@@ -111,7 +119,7 @@
              <div class="inputContain">
              <ipInput
                  :ip="wifiForm.dns"
                  @on-blur="wifiForm.ip = arguments[0]"
              @on-blur="wifiForm.dns = arguments[0]"
              ></ipInput>
              </div>
          </el-form-item>
@@ -122,8 +130,8 @@
              <div class="item-title">IP池起始地址</div>
              <div class="inputContain">
              <ipInput
                  :ip="wifiForm.dns"
                  @on-blur="wifiForm.ipStart = arguments[0]"
              :ip="wifiForm.dhcpIpFrom"
              @on-blur="wifiForm.dhcpIpFrom = arguments[0]"
              ></ipInput>
              </div>
          </el-form-item>
@@ -132,8 +140,8 @@
              <div class="item-title">IP池结束地址</div>
              <div class="inputContain">
              <ipInput
                  :ip="wifiForm.dns"
                  @on-blur="wifiForm.ipEnd = arguments[0]"
              :ip="wifiForm.dhcpIpTo"
              @on-blur="wifiForm.dhcpIpTo = arguments[0]"
              ></ipInput>
              </div>
          </el-form-item>
@@ -142,8 +150,8 @@
              <div class="item-title">默认网关</div>
              <div class="inputContain">
              <ipInput
                  :ip="wifiForm.dns"
                  @on-blur="wifiForm.gateDefault = arguments[0]"
              :ip="wifiForm.dhcpGateway"
              @on-blur="wifiForm.dhcpGateway = arguments[0]"
              ></ipInput>
              </div>
          </el-form-item>
@@ -152,58 +160,77 @@
              <div class="item-title">DNS</div>
               <div class="inputContain">
              <ipInput
                  :ip="wifiForm.dns"
                  @on-blur="wifiForm.dns2 = arguments[0]"
              :ip="wifiForm.dhcpDns"
              @on-blur="wifiForm.dhcpDns = arguments[0]"
              ></ipInput>
               </div>
          </el-form-item>

      </div>
    </el-form>

    <div class="ok">保存</div>
      
    <div class="ok" @click="saveList">保存</div>
  </div>
</template>

<script>

import ipInput from "../components/IPInput";
import switchBar from "../components/switchBar";
import { getWifi, saveWifi } from "@/api/system";

export default {
    name:"wifiGateway",
  created() {
    this.getlist();
  },
    data(){
        return{
            accessible:false,
            wps_option:[],
            auth_option:[],
      wps_option: [
        { label: "加密1", value: "加密1" },
        { label: "加密2", value: "加密2" },
      ],
      auth_option: [
        { label: "授权1", value: "授权1" },
        { label: "授权2", value: "授权2" },
      ],
            wifiRules:[],
            wifiForm:{
        wanEnable: true,
                name:"",
                password:"",
                wps:"",
                auth:"",
                frequency:50,
        authType: "",
        powerRate: 50,
                ip:"",
                child:"",
        mask: "",
                gateway:"",
                dns:"",
                ipStart:"",
                ipEnd:"",
                gateDefault:"",
                dns2:"",
        dhcpIpFrom: "",
        dhcpIpTo: "",
        dhcpGateway: "",
        dhcpDns: "",
            },
        }
    };
    },
    components :{
        switchBar,
        ipInput
    }
}
    ipInput,
  },
  methods: {
    async getlist() {
      const res = await getWifi();
      console.log(res);
    },

    async saveList() {
      const res = await saveWifi(this.wifiForm);
      console.log(res);
    },
  },
};
</script>
<style scoped lang="scss">
@import '../asset/common.scss';
@import "../asset/common.scss";
  .wifi-gateway {
      display: flex;
      flex-direction: column;
@@ -222,7 +249,6 @@
    line-height: 56px;
    font-weight: bold;
    font-size: 14px;
    color: #4F4F4F;
  color: #4f4f4f;
}

</style>