wcheng81
/
LSQZrzyAPP


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
							<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>设置服务器的IP地址和端口号</title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/app.css" rel="stylesheet" />
		<style type="text/css">
			/* 提示标签样式 */
			.mui-content p {
				font-size: 14px;
				font-weight: bold;
				margin: 10px;
				color: #FF0000;
			}
			
			/* 追加行样式 */
			.mui-content-padded {
				height: 120px;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			
			/* 追加航按钮样式 */
			.mui-content-padded>button {
				width: 200px;
				height: 44px;
			}

		</style>
	</head>

	<body>
		<div class="mui-content">
			<form class="mui-input-group">
				<div class="mui-input-row cr-input-row">
					<label><span class="app-icon app-icon-ip">服务地址</label>
					<input id="ip" type="text" class="mui-input-clear mui-input f-color" placeholder="请输入IP地址">
				</div>
				<div class="mui-input-row cr-input-row">
					<label><span class="app-icon app-icon-com">服务端口</label>
					<input id="com" type="text" class="mui-input-clear mui-input f-color" placeholder="请输入端口号">
				</div>
			</form>
			<p>如无特殊情况，请勿修改IP地址和端口，否则将导致APP无法使用。</p>
			<div class="mui-content-padded">
				<button type="button" class="mui-btn mui-btn-primary" onclick="saveIpAndCom()">设置</button>
			</div>
		</div>
	</body>
</html>
<script src="js/mui.min.js"></script>
<script src="js/save.js"></script>
<script src="js/common.js"></script>
<script src="js/webview.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	mui.init();
	var cIP = document.getElementById("ip");
	var cCOM = document.getElementById("com");
	/* 等待MUI Plus 加载完成 */
	mui.plusReady(function() {

	});

	/**
	 * 页面初次显示
	 */
	function pageShow() {
		//获取存储的IP地址及COM端口
		getIpAndCom(function(ip, com) {
			cIP.value = ip;
			cCOM.value = com;
		});
	}

	/**
	 * 保存设置的Ip地址和端口号
	 */
	function saveIpAndCom() {
		var sIP = cIP.value.trim();
		var sCOM = cCOM.value.trim();
		if (!isValidIP(sIP)) {
			mui.alert("输入的Ip地址不符合要求，格式为abb.abb.abb.abb,其a代表0~2,b代表0~5", "提示");
		} else if (!isValidCom(sCOM)) {
			mui.alert("输入的com端口号不符合要求，格式为4位数字！", "提示");
		} else {
			setIpAndCom({
				ip: sIP,
				com: sCOM,
				success: function() {
					mui.alert("IP和端口号设置成功！", "提示",function(){
						mui.back();
					});
				},
				error: function(err) {
					mui.alert(err, "警告");
				}
			})
		}
	}
</script>