| <!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> |