网络设置v0

ZZJ

2021-10-19 49a8a78f9ee54592a501ea4c94eb738ce5e284fd

 src/pages/settings/views/NetSettings.vue

@@ -330,6 +330,9 @@
            <div class="ok" @click="saveWire">保存</div>

          </div>

        </div>

        <WifiGateway  v-if="activePage == 3"></WifiGateway>

        <LoraGateway  v-if="activePage == 4"></LoraGateway>

        <MqttGateway  v-if="activePage == 5"></MqttGateway>

      </div>

    </div>

  </div>

@@ -349,10 +352,17 @@
import ipInput from "../components/IPInput";

import switchBar from "../components/switchBar";



import WifiGateway from '../components/WifiGateway'

import LoraGateway from '../components/LoraGateway'

import MqttGateway from '../components/MqttGateway'



export default {

  components: {

    ipInput,

    switchBar,

    WifiGateway,

    LoraGateway,

    MqttGateway

  },

  data() {

    const checkPwd = (rule, value, callback) => {

@@ -406,6 +416,9 @@
        { name: "网络设置", icon: "\ue6dd" },

        { name: "无线网络", icon: "\uea13" },

        { name: "有线网络", icon: "\ue73b" },

        { name: "WiFi网关", icon: "\ue73b" },

        { name: "LORA网关", icon: "\ue73b" },

        { name: "MQTT网关", icon: "\ue73b" },

      ],

      ipv6FormRules: {},

      options: [

@@ -422,10 +435,6 @@
      IPV4_hid: false,

      IPV6_hid: false

    };

  },

  components: {

    ipInput,

    switchBar,

  },

  mounted() {

    this.getCurServer();

@@ -589,11 +598,11 @@
  width: 100%;

}

.wire{

  width: 460px;

  width: 456px;

  margin: 0 auto;

}

.wire-detail {

  width: 460px;

  width: 456px;

  margin: 0 auto;

  .title {

    font-size: 16px;

@@ -631,7 +640,7 @@
  }

}

.net-set {

  max-width: 600px;

  max-width: 456px;

  margin: 0 auto;

  .title {

    font-size: 16px;

@@ -711,6 +720,8 @@
    padding: 10px;

    padding-top: 6px;

    border-top: 4px solid #f2f2f7;

    overflow-y: overlay;



    .title {

      height: 48px;

      font-size: 16px;

@@ -718,7 +729,7 @@
      color: #4F4F4F;

      font-weight: bold;    background: #F2F2F7;

    border-radius: 8px;

    margin-bottom: 10px;

    margin-bottom: 4px;

    }

    .el-form-item.is-required:not(.is-no-asterisk)

      > .el-form-item__label:before,

@@ -731,7 +742,7 @@
      width: 100%;

    }

    .el-form-item {

      margin-bottom: 16px;

      margin-bottom: 4px;

    }

    .el-form-item__content {

      line-height: 48px;

@@ -803,7 +814,7 @@
      max-width: none !important;

    }

    .wifi-set {

      max-width: 600px;

      max-width: 456px;

      margin: 0 auto;

      .switch-bar {

        background: #f2f2f7;

@@ -822,7 +833,7 @@
        align-items: center;

        box-sizing: border-box;

        padding: 0 20px;

        margin-bottom: 10px;

        margin-bottom: 4px;

        background: #f2f2f7;

        border-radius: 8px;

        .name {

@@ -948,7 +959,7 @@
        align-items: center;

        box-sizing: border-box;

        padding: 0 20px;

        margin-bottom: 10px;

        margin-bottom: 4px;

        border-radius: 8px;

        .name {

          font-size: 15px;