<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<meta name="viewport" id="viewportMeta"
|
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<title>登录</title>
|
<!-- MUI样式 -->
|
<link rel="stylesheet" href="css/mui.min.css"/>
|
<!-- 公共css -->
|
<link rel="stylesheet" href="css/admin/public.css"/>
|
<!-- 页面css -->
|
<link rel="stylesheet" href="css/admin/login.css"/>
|
</head>
|
|
<body class="g-bg h100" style="background-image: url(images/p-j2.jpg);">
|
<!-- 头部 -->
|
<header class="mui-bar mui-bar-nav m-pagetit">
|
<h1 class="mui-title">登录</h1>
|
</header>
|
<!-- 内容 -->
|
<div class="mui-content">
|
|
<div action="" class="m-form">
|
<div class="box">
|
<div class="title"><img src="images/icons/logo.png" alt=""><span>欢迎登录！</span></div>
|
<div class="mui-input-row">
|
<label>
|
<img src="images/icons/g-i11.png" alt="">
|
</label>
|
<input type="text" id="username" class="mui-input-clear" placeholder="请输入用户名">
|
</div>
|
<div class="mui-input-row">
|
<label><img src="images/icons/g-i12.png" alt=""></label>
|
<input type="password" id="password" class="mui-input-password" placeholder="请输入密码">
|
</div>
|
<div class="mui-input-row mui-checkbox mui-left">
|
<label>记住用户名和密码</label>
|
<input name="checkbox" value="" type="checkbox" id="checkbox">
|
</div>
|
<input type="submit" value="登录" class="submit" onclick="login()"/>
|
</div>
|
|
<div class="m-ftp">
|
<div class="top">
|
<div class="h3">服务器配置</div>
|
<div class="btn myfancy" onclick="openPop()">
|
<img src="images/icons/g-i10.png" alt="">
|
<span>编辑</span>
|
</div>
|
</div>
|
<div class="txt">
|
<div class="line">
|
<div class="l">服务器IP: </div>
|
<div class="r" id="serveIp"></div>
|
</div>
|
<div class="line">
|
<div class="l">服务器端口:</div>
|
<div class="r" id="servePort"></div>
|
</div>
|
</div>
|
</div>
|
<div class="m-read mui-input-row mui-checkbox mui-left">
|
<input name="checkbox" type="checkbox" id="box">
|
<label>请阅读并同意</label>
|
<a onclick="toPrivacy()">《智慧粮库协议》</a>
|
</div>
|
</div>
|
</div>
|
|
<!-- 弹窗-编辑服务器 -->
|
<div class="m-pop" id="m-pop">
|
<div class="pop-bg"></div>
|
<div class="inner">
|
<div class="m-server">
|
<div class="h3">服务器配置</div>
|
<form class="">
|
<div class="mui-input-row">
|
<label>IP:</label>
|
<input type="text" id="ip" class="mui-input-clear" placeholder="请输入服务器IP地址">
|
</div>
|
<div class="mui-input-row">
|
<label>端口:</label>
|
<input type="text" id="port" class="mui-input-clear" placeholder="请输入服务器端口">
|
</div>
|
</form>
|
<div class="btns">
|
<button type="button" class="mui-btn cancel" onclick="closePop1()">取消</button>
|
<button type="button" class="mui-btn confirm" onclick="closePop2()">确认</button>
|
</div>
|
</div>
|
<div class="close">
|
<span class="mui-icon mui-icon-close" onclick="closePop1()"></span>
|
</div>
|
</div>
|
</div>
|
</body>
|
<script src="./js/mui.min.js"></script>
|
<script src="./js/jquery.js"></script>
|
<script src="./js/admin/login.js"></script>
|
<script type="text/javascript" charset="utf-8">
|
// mui初始化
|
mui.init();
|
|
initViewport(realHeight);
|
|
// 获取手机缓存中信息
|
mui.plusReady(function() {
|
var user = JSON.parse(localStorage.getItem('user'));
|
if (user) {
|
if (user.ip) {
|
$("#ip").val(user.ip);
|
$("#serveIp").html(user.ip);
|
}
|
|
if (user.port) {
|
$("#port").val(user.port);
|
$("#servePort").html(user.port);
|
}
|
|
if (user.check == 1) {
|
$("input[id='checkbox']").attr("checked", true);
|
$("#username").val(user.username);
|
$("#password").val(user.password);
|
}
|
}
|
});
|
</script>
|
</html>
|
