<!DOCTYPE html> 
 | 
<html xmlns:th="http://www.thymeleaf.org"> 
 | 
<head> 
 | 
    <meta charset="utf-8"> 
 | 
    <!-- 启用360浏览器的极速模式(webkit) --> 
 | 
    <meta name="renderer" content="webkit"> 
 | 
    <meta name="viewport" 
 | 
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> 
 | 
    <title>管理系统【V2.2.0】</title> 
 | 
    <link th:href="@{/images/}" 
 | 
          rel="SHORTCUT ICON"> 
 | 
    <meta name="keywords" 
 | 
          content=""/> 
 | 
    <meta name="description" 
 | 
          content=""/> 
 | 
    <style type="text/css"> 
 | 
        .row > div:nth-child(1) { 
 | 
            background: url(../../images/login-title.jpg) no-repeat; 
 | 
            background-size: 100% 100%; 
 | 
            height: 450px; 
 | 
        } 
 | 
  
 | 
        .row > div:nth-child(2) { 
 | 
            background: #fff; 
 | 
            height: 450px; 
 | 
        } 
 | 
        .download-bar { 
 | 
            margin-top: 15px; 
 | 
            color: #4968bd; 
 | 
        } 
 | 
  
 | 
        .download-bar a { 
 | 
            color: #4968bd; 
 | 
            margin: 0 5px; 
 | 
        } 
 | 
  
 | 
        .download-bar a:hover { 
 | 
            text-decoration: underline; 
 | 
            color: #fff; 
 | 
        } 
 | 
    </style> 
 | 
    <script> 
 | 
        var isoldIE = false; 
 | 
        if (navigator.userAgent.indexOf("MSIE") > 0) { 
 | 
            if (navigator.userAgent.indexOf("MSIE 6.0") > 0 
 | 
                || navigator.userAgent.indexOf("MSIE 7.0") > 0 
 | 
                || avigator.userAgent.indexOf("MSIE 8.0") > 0) { 
 | 
                isoldIE = true; 
 | 
            } 
 | 
        } 
 | 
        if (window.top !== window.self) { 
 | 
            window.top.location = window.location 
 | 
        } 
 | 
        ; 
 | 
    </script> 
 | 
    <script type="text/javascript" 
 | 
            th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script> 
 | 
    <script type="text/javascript" th:src="@{/js/systools/MBase.js}"></script> 
 | 
  
 | 
    <link th:href="@{/css/styleOne/login.min.css}" rel="stylesheet"> 
 | 
    <style type="text/css"> 
 | 
        .form-control { 
 | 
            background-color: #FFF; 
 | 
            background-image: none; 
 | 
            border: 1px solid #d7d8d9; 
 | 
            color: #373d41; 
 | 
            display: block; 
 | 
            padding: 20px 12px; 
 | 
            width: 100%; 
 | 
            font-size: 14px -webkit-box-shadow: none !important; 
 | 
            box-shadow: none !important; 
 | 
            border-radius: 0px !important; 
 | 
        } 
 | 
  
 | 
        .layui-layer-content { 
 | 
            color: #000; 
 | 
        } 
 | 
  
 | 
        .title { 
 | 
            color: #333; 
 | 
            padding: 30px 10px; 
 | 
        } 
 | 
  
 | 
        .signinpanel form { 
 | 
            background: transparent; 
 | 
            border: 0; 
 | 
            box-shadow: 0 0 0 transparent; 
 | 
        } 
 | 
  
 | 
        .signinpanel .dataForm > div > input { 
 | 
            background: #ececec; 
 | 
        } 
 | 
  
 | 
        .signinpanel .dataForm > div { 
 | 
            position: relative; 
 | 
        } 
 | 
  
 | 
        .signinpanel .dataForm > div > img { 
 | 
            position: absolute; 
 | 
            top: 13px; 
 | 
            left: 5px; 
 | 
        } 
 | 
  
 | 
        .signinpanel .dataForm > div > input { 
 | 
            padding-left: 25px 
 | 
        } 
 | 
  
 | 
        @media screen and (max-width: 768px) { 
 | 
            .signinpanel form { 
 | 
                margin-top: 0px; 
 | 
            } 
 | 
  
 | 
            .row > div:nth-child(1) { 
 | 
                height: 200px; 
 | 
            } 
 | 
        } 
 | 
    </style> 
 | 
</head> 
 | 
  
 | 
<body class="signin" onkeypress="dologin(event)"> 
 | 
  
 | 
<div class="signinpanel"> 
 | 
    <div class="row" style="box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);"> 
 | 
        <div class="col-sm-6"></div> 
 | 
        <div class="col-sm-6"> 
 | 
            <form method="post" class="dataForm"> 
 | 
                <h3 class="no-margins text-center title" style="color: #666666;font-size: 24px;font-weight: bold">欢迎登录</h3> 
 | 
                <div> 
 | 
                    <input autocomplete="off"   id="account" type="text" placeholder="请输入用户名" 
 | 
                           class="form-control uname"/> 
 | 
                    <img alt="" src="../../images/user.png"> 
 | 
                </div> 
 | 
                <br> 
 | 
                <div> 
 | 
                    <input autocomplete="off"   id="password" 
 | 
                           type="password" class="form-control pword m-b" nullmsg="密码不能为空" 
 | 
                           placeholder="请输入密码"/> 
 | 
                    <img alt="" src="../../images/locked.png"> 
 | 
                </div> 
 | 
                <br> <br> 
 | 
  
 | 
                <button type="button" onclick="login()" style="background-color: #4f6cff;border: none;font-size: 18px;" 
 | 
                        class="btn btn-success btn-block">登录 
 | 
                </button> 
 | 
  
 | 
            </form> 
 | 
        </div> 
 | 
  
 | 
    </div> 
 | 
    <div class="signup-footer" style="color: #4968bd;"> 
 | 
        <div class="" style="font-size: 16px;">HIVE管理系统V2.2.0</div> 
 | 
        <div class=""> 
 | 
  
 | 
            <p class="download-bar" style="font-size: 12px;"><strong>浏览器:</strong>Win7以上<a 
 | 
                    href="https://pubstorage-bucket.oss-cn-shenzhen.aliyuncs.com/tools/win7/ChromeSetup_32.exe" 
 | 
                    target="_blank">谷歌32位</a><a 
 | 
                    href=" https://pubstorage-bucket.oss-cn-shenzhen.aliyuncs.com/tools/win7/ChromeSetup_64.exe" 
 | 
                    target="_blank">谷歌64位</a><span><a 
 | 
                    href="https://pubstorage-bucket.oss-cn-shenzhen.aliyuncs.com/tools/xp/49.0.2623.112_chrome_installer.exe " 
 | 
                    target="_blank">谷歌浏览器(推荐)</a><span>|</span><strong>打印控件:</strong><a 
 | 
                    href="https://pubstorage-bucket.oss-cn-shenzhen.aliyuncs.com/tools/CLodop_Setup_for_Win32NT_https_3.056Extend.exe" 
 | 
                    target="_blank">下载控件</a><span>|</span> 
 | 
            </p> 
 | 
        </div> 
 | 
    </div> 
 | 
</div> 
 | 
</body> 
 | 
<script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script> 
 | 
<script type="text/javascript" th:src="@{/js/plugin/jsencrypt.min.js}"></script> 
 | 
<script th:inline="javascript"> 
 | 
    var crypt = new JSEncrypt(); 
 | 
  
 | 
    /*<![CDATA[*/ 
 | 
  
 | 
    var publicKey =/*[[${session.publicKey}]]*/ 
 | 
  
 | 
        /*]]>*/ 
 | 
  
 | 
        crypt.setKey(publicKey); 
 | 
  
 | 
    function login() { 
 | 
        if ($("#account").val() == "") { 
 | 
            layer.tips('请输入账号!', '#account'); 
 | 
            return false; 
 | 
        } else if ($("#password").val() == "") { 
 | 
            layer.tips('请输入密码!', '#password'); 
 | 
            return false; 
 | 
        } 
 | 
        var encAcc = crypt.encrypt($("#account").val()); 
 | 
        var encPwd = crypt.encrypt($("#password").val()); 
 | 
        $.AjaxProxy({ 
 | 
            p: { 
 | 
                suAccount: encAcc, 
 | 
                suPassword: encPwd 
 | 
            } 
 | 
        }).invoke("/common/dologin", function (loj) { 
 | 
            MTools.redirect("/" + loj.getValue("page")); 
 | 
        }); 
 | 
    } 
 | 
  
 | 
    function dologin(e) { 
 | 
        if (e.keyCode == 13) { 
 | 
            e.preventDefault(); 
 | 
            window.event.returnValue = false; 
 | 
            login(); 
 | 
            return false; 
 | 
        } 
 | 
    } 
 | 
</script> 
 | 
</html> 
 |