login.html 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. <!DOCTYPE html>
  2. <!--[if IE 8]>
  3. <html lang="en" class="ie8 no-js"> <![endif]-->
  4. <!--[if IE 9]>
  5. <html lang="en" class="ie9 no-js"> <![endif]-->
  6. <!--[if !IE]><!-->
  7. <html>
  8. <!--<![endif]-->
  9. <!-- BEGIN HEAD -->
  10. <head>
  11. <meta charset="utf-8"/>
  12. <title>SCD文档管理系统</title>
  13. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  14. <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
  15. <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  16. <link href="/static/css/login.css" rel="stylesheet" type="text/css"/>
  17. <link rel="stylesheet" href="/static/css/font-awesome.min.css"/>
  18. <link rel="stylesheet" href="/static/layui/css/layui.css" media="all"/>
  19. <script type="text/javascript" src="/static/layui/layui.js"></script>
  20. <script type="text/javascript" src="/static/js/jquery.min.js"></script>
  21. <script type="text/javascript" src="/static/js/global.js"></script>
  22. <script type="text/javascript" src="/static/js/SmCrypto.min.js"></script>
  23. <body>
  24. <!--<div class="body_img">-->
  25. <!-- 22-->
  26. <!--</div>-->
  27. <form id="loginform" class="body_img">
  28. <div style="position: absolute;left: 6.5rem;top:3rem;">
  29. <span class="main_title">SCD文档管理系统</span>
  30. <span class="sub_title">SCD Document Management System</span>
  31. </div>
  32. <div class="login_logo"><img src="/static/images/logo.jpg"></div>
  33. <div class="login_area">
  34. <div class="login_text">请登录您的账号</div>
  35. <div>
  36. <div style="float:left;width:100%;margin-bottom:3.3rem;">
  37. <span class="fieldStyle">账号</span>
  38. <input type="text" id="login_account" placeholder="请输入登录帐号" class="login_input"/>
  39. </div>
  40. <div style="float:left;width:100%;margin-bottom:3.3rem;">
  41. <span class="fieldStyle">密码</span>
  42. <input type="password" id="pwd" AUTOCOMPLETE="off" placeholder="请输入登录密码" class="login_input"/>
  43. <i class="fa fa-eye-slash login_eye" onmousedown="ViewPassword(true)"
  44. onmouseup="ViewPassword(false)"></i>
  45. </div>
  46. <div style="float:left;width:100%;margin-bottom:3.3rem;height: 20px;line-height: 20px;color: #516380;">
  47. <input id="rememberAccount" type="checkbox"
  48. style="float:left;width:20px;height:20px;color:#FFFFFF;cursor: pointer;margin-right:5px;"
  49. checked/>
  50. <span style="float:left;">记住帐号</span>
  51. </div>
  52. </div>
  53. <button id="btnLogin" class="login_button">登录</button>
  54. </div>
  55. </form>
  56. </body>
  57. <script type="text/javascript">
  58. var tid = GetQueryString("t_id");
  59. if (tid != null) {
  60. localStorage.setItem("tid", tid.replace(/ /, ""));
  61. }
  62. $(document).ready(function () {
  63. var login_account = $.trim(localStorage.getItem("login_account"));
  64. var sessionid = $.trim(localStorage.getItem("sessionid"));
  65. if (sessionid != "") {
  66. $.post(Global.AccessUrl + "/api/logout", {"sessionid": sessionid});
  67. localStorage.removeItem("sessionid");
  68. }
  69. if(login_account!=""){
  70. $("#login_account").val(login_account);
  71. }
  72. });
  73. Global.RegAutoLayoutFunc(autoPage);
  74. function autoPage() {
  75. var contentHeight = $(window).height();
  76. $(".login_back").css({
  77. "top": (contentHeight - 725 * hRate) / 2 + "px",
  78. "left": (22) + "%",
  79. "width": 647 * wRate,
  80. "height": 725 * hRate
  81. });
  82. }
  83. function GetQueryString(name) {
  84. var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  85. var r = window.location.search.substr(1).match(reg);
  86. if (r != null) return unescape(r[2]);
  87. return null;
  88. }
  89. $("form").submit(function (e) {
  90. e.preventDefault();
  91. var formdata = {
  92. "login_account": $.trim($("#login_account").val()),
  93. "pwd": $.trim($("#pwd").val())
  94. };
  95. if (formdata.login_account == "") {
  96. layer.tips("请输入登录帐号!", "#login_account", {tips: [3, "red"]});
  97. $("#login_account").focus();
  98. return false;
  99. } else if (formdata.login_account.toLowerCase() == "door") {
  100. layer.tips("禁止专用账号登录系统!", "#login_account", {tips: [3, "red"]});
  101. $("#login_account").focus();
  102. return false;
  103. }
  104. if (formdata.pwd == "") {
  105. layer.tips("请输入登录密码!", "#pwd", {tips: [3, "red"]});
  106. $("#pwd").focus();
  107. return false;
  108. }
  109. formdata.pwd = Tools.GetPassWord(formdata.pwd);
  110. $("#btnLogin").attr("disabled", true);
  111. $.post(Global.AccessUrl + "/api/login", formdata, function (json) {
  112. if (json.returncode != 200) {
  113. $("#btnLogin").attr("disabled", false);
  114. layer.tips(json.msg, "#login_account", {tips: [3, "red"]});
  115. return;
  116. }
  117. if($("#rememberAccount").is(":checked")){
  118. localStorage.setItem("login_account",formdata.login_account);
  119. }
  120. localStorage.setItem("sessionid", json.data.sessionid);
  121. localStorage.setItem("userinfo", JSON.stringify(json.data.userinfo));
  122. var funcs = json.data.userinfo.funcs;
  123. if (funcs == null || funcs.length == 0) {
  124. //无权限
  125. $("#btnLogin").attr("disabled", false);
  126. layer.tips("该用户还未分配任何权限!", "#login_account", {tips: [3, "red"]});
  127. return;
  128. }
  129. var inPage = "";
  130. for (var i = 0; i < funcs.length; i++) {
  131. if (funcs[i].code.indexOf("pl_menu_") > -1 && funcs[i].url!="") {
  132. inPage = $.trim(funcs[i].url);
  133. if(inPage.indexOf("scd_network")>0){
  134. break;
  135. }
  136. }
  137. }
  138. //console.log(inPage)
  139. window.location.href = inPage=="" ? "/static/scd_network.html":inPage;
  140. });
  141. });
  142. function ViewPassword(state) {
  143. var type = $("#pwd").attr("type");
  144. if (state && type == "password") {
  145. $(".login_eye").removeClass("fa-eye-slash").addClass("fa-eye");
  146. $("#pwd").attr("type", "text");
  147. }else if (type=="text"){
  148. $(".login_eye").removeClass("fa-eye").addClass("fa-eye-slash");
  149. $("#pwd").attr("type", "password");
  150. }
  151. }
  152. </script>