web/apsDashboard-1.git

			@@ -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;
			@@ -664,10 +673,11 @@
			box-sizing: border-box;
			flex-shrink: 0;
			padding: 10px;
			padding-top: 6px;
			border-right: 4px solid #f2f2f7;
			border-left: 4px solid #f2f2f7;
			border-top: 4px solid #f2f2f7;
			.menu-item {
			background: #f2f2f7;
			height: 56px;
			margin-bottom: 4px;
			border-radius: 8px;
			@@ -678,6 +688,11 @@
			padding: 0 20px;
			display: flex;
			justify-content: space-between;

			&:hover {
			background: #f2f2f7;
			}

			.item-left {
			display: flex;
			align-items: center;
			@@ -692,7 +707,7 @@
			}
			}
			.menu-item-active {
			background-color: var(--colorCard);
			background-color: var(--colorCard) !important;
			color: #ffffff;
			}
			}
			@@ -703,14 +718,19 @@
			box-sizing: border-box;
			position: relative;
			padding: 10px;
			padding-top: 6px;
			border-top: 4px solid #f2f2f7;
			overflow-y: overlay;
			overflow-x: hidden;

			.title {
			height: 48px;
			font-size: 16px;
			line-height: 48px;
			color: #333333;
			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,
			@@ -723,7 +743,7 @@
			width: 100%;
			}
			.el-form-item {
			margin-bottom: 16px;
			margin-bottom: 4px;
			}
			.el-form-item__content {
			line-height: 48px;
			@@ -737,7 +757,7 @@
			border: 2px solid #409eff !important;
			}
			.el-select-dropdown__item {
			color: #333333;
			color: #4F4F4F;
			height: 32px;
			font-size: 12px;
			line-height: 32px;
			@@ -786,7 +806,7 @@
			width: 100%;
			}
			.el-select .el-input .el-select__caret {
			color: #333333;
			color: #4F4F4F;
			font-size: 14px;
			font-weight: 600;
			}
			@@ -795,7 +815,7 @@
			max-width: none !important;
			}
			.wifi-set {
			max-width: 600px;
			max-width: 456px;
			margin: 0 auto;
			.switch-bar {
			background: #f2f2f7;
			@@ -803,7 +823,7 @@
			}
			.switch-bar .name {
			font-size: 14px;
			color: #333;
			color: #4F4F4F;
			font-weight: bold;
			}
			.wifi-option {
			@@ -814,12 +834,12 @@
			align-items: center;
			box-sizing: border-box;
			padding: 0 20px;
			margin-bottom: 10px;
			margin-bottom: 4px;
			background: #f2f2f7;
			border-radius: 8px;
			.name {
			font-size: 14px;
			color: #333;
			color: #4F4F4F;
			font-weight: bold;
			.icon {
			color: #4e94ff;
			@@ -880,7 +900,7 @@
			padding: 14px 20px;
			font-weight: bold;
			font-size: 14px;
			color: #333333;
			color: #4F4F4F;
			}
			.ip-input-container {
			max-width: none !important;
			@@ -923,7 +943,6 @@
			line-height: 48px;
			}
			.ad {
			margin-top: 10px;
			height: 32px;
			text-align: center;
			font-size: 17px;
			@@ -941,13 +960,13 @@
			align-items: center;
			box-sizing: border-box;
			padding: 0 20px;
			margin-bottom: 10px;
			margin-bottom: 4px;
			border-radius: 8px;
			.name {
			font-size: 15px;
			font-weight: bold;
			font-size: 14px;
			color: #333333;
			color: #4F4F4F;
			}
			.right {
			display: flex;