修改wifi扫描的交互

zhangzengfei

2023-10-09 8e40a69fcfe8bc799fee141fec953a2b0892dbd4

修改wifi扫描的交互

 src/pages/settings/views/NetSettings.vue

@@ -40,7 +40,7 @@
        <div class="wifi-set" v-if="activePage == 1 && !inWifiDetail">

          <div class="title">无线网络</div>



          <switchBar :barName="`无线网卡`" @switchChange="wifiControl" :value="wifiList.length > 0"></switchBar>

          <switchBar :barName="`无线网卡`" @switchChange="wifiControl" :value="true"></switchBar>



          <div class="wifi-option" v-for="(item, i) in wifiList" :key="i" @click="checkWifi(item)">

            <div class="name">

@@ -55,7 +55,7 @@
            </div>

          </div>



          <el-button type="text" @click="wirelessScan">扫描无线网络</el-button>

          <el-button type="text" @click="wirelessScan" :loading="wifiScanning">扫描无线网络</el-button>

        </div>

        <div class="wifi-detail" v-if="activePage == 1 && inWifiDetail" ref="ipvHolder">

          <div class="title">无线网络</div>

@@ -256,6 +256,7 @@
      inWifiDetail: false,

      selectedWifi: {},

      wifiList: [],

      wifiScanning: false,

      isOpenWifi: false,

      wifiIfname: "",

      inWireDetail: false,

@@ -342,13 +343,20 @@
  methods: {

    wirelessScan() {

      this.wifiList = []

      getWifiList({ ifname: this.wifiIfname }).then((rsp) => {

        if (rsp && rsp.success) {

          this.wifiList = rsp.data.filter((e) => {

            return e.essid != ""

          })

        }

      })

      this.wifiScanning = true

      getWifiList({ ifname: this.wifiIfname })

        .then((rsp) => {

          if (rsp && rsp.success) {

            this.wifiList = rsp.data.filter((e) => {

              return e.essid != ""

            })

          }



          this.wifiScanning = false

        })

        .catch(() => {

          this.wifiScanning = false

        })

    },

    minusPrefix() {

      this.ipv6Form.prefix