| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121 |
- <!DOCTYPE html>
- <html lang="ZH-cn" style="height: 100%;">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>登录界面</title>
- <script src="../js/min-loader.js"></script>
- <link rel="stylesheet" href="../css/login.css">
- <!-- <link rel="stylesheet" href="../build/css/login.css"> -->
- <style type="text/css">
- input{
- background-color: transparent !important;
- }
- </style>
- </head>
- <body style="height: 100%;margin: 0;">
- <div class="login-back">
- <div class="login-title">
- <p>内管系统</p>
- </div>
- <form class="layui-form">
- <div class="login-kuang">
- <div class="login-input">
- <img alt="" src="../images/icon_user.svg">
- <input type="text" id="loginName" name="loginName" lay-verify="required" placeholder="用户名/手机号" />
- </div>
- <div class="login-input">
- <img alt="" src="../images/icon_password.svg">
- <input type="password" name="password" lay-verify="required" placeholder="密码" />
- </div>
- <div class="login-input">
- <img alt="" src="../images/icon_vc.svg">
- <input type="" name="imgCode" id="imgCode" value="" maxlength="4" lay-verify="required" placeholder="请输入验证码"/>
- <div class="yan-img">
- <img id="checkImg" src="../SystemAction/checkImg?MINView=JSON" onclick="change()" title="点击更换验证码" style="width: 100%;height: 100%;margin: 0;">
- </div>
- </div>
- <div class="" style="width: 358px;margin: 14px auto 18px;">
- <input type="checkbox" name="rememberMe" title="记住帐号" lay-skin="primary" id="rememberMe" lay-ignore><label for="rememberMe">记住帐号</label>
- </div>
- <div class="" style="margin: auto;width: 352px;">
- <!-- <button type="button" class="login-btn">登录</button> -->
- <button class="login-btn" lay-submit="submit" lay-filter="login_hash">登录</button>
- </div>
- </div>
- </form>
- </div>
- <div class="footer" style="bottom: 3%;color: #00E1EB;width: 100%;text-align: center;position: fixed;left: 0;">
-
- </div>
- <script type="text/javascript">
- $("layui-form login-kuang .layui-unselect").remove();
- </script>
- <script>
- $('.footer').load('./common/footer.html');
- //获取验证码
- function change(){
- var img1 = document.getElementById("checkImg");
- img1.src="../SystemAction/checkImg?MINView=JSON"+new Date().getTime();
- }
-
- $(".layui-unselect").remove();
- layui.use(['layer', 'form'], function() {
- var form = layui.form,
- $ = layui.jquery;
-
- $('#forgot').on('click', function() {
- layer.msg('请联系管理员.');
- });
- $("#loginName").val(getSpVal("loginUserName"));
- //监听提交
- form.on('submit(login_hash)', function(data) {
- clearLove();
- // layer.msg(JSON.stringify(data.field));
- var userName = data.field.loginName;
- var userPwd = data.field.password;
- var imgCode = data.field.imgCode;
- // 如果密码是选中状态
- var reMak = data.field.rememberMe;
- $.request({
- action : "SystemAction/login",
- data : {
- userName : userName,//用户名
- userPwd : userPwd//密码
- ,checkCode:imgCode
- },
- success : function(data) {/* debugger */
- setTempVal("isLogin", true);
- setSpVal("loginUserChannel", data.channel);
- if(reMak == 'on') {
- setSpVal("loginUserName", userName);
- }
- if(data.MINStatus == '0'){
- window.location.href='index.html';
- }
- else {
- layer.alert(data.MINErrorMessage, {
- icon: 5,
- title: "提示"
- });
- }
- },
- error : function(data) {
- layer.alert(data.MINErrorMessage, {
- icon: 5,
- title: "提示"
- });
- }
- });
-
- return false;
- });
- });
- </script>
- </body>
- </html>
|