login.html 3.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <title>eps</title>
  6. <meta name="description" content="管理系统"/>
  7. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
  8. <link rel="stylesheet" href="../../lib/login/css/supersized.css">
  9. <link rel="stylesheet" href="../../lib/login/css/style.css">
  10. <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
  11. <!--[if lt IE 9]>
  12. <script src="../../lib/html5shiv.min.js"></script>
  13. <![endif]-->
  14. </head>
  15. <body>
  16. <div class="page-container">
  17. <div class="container">
  18. <h1>华力智慧电源云服务平台</h1>
  19. <div>
  20. <form id="sign-in">
  21. <div id="login-msg"></div>
  22. <div class="form-group">
  23. <label>用户名</label>
  24. <input type="text"
  25. data-validate="{required: true, messages:{required:'请输入用户名'}}" name="login_username"
  26. id="login_username" autocomplete="off"/>
  27. </div>
  28. <div class="form-group">
  29. <label>密码</label>
  30. <input type="password"
  31. data-validate="{required: true, messages:{required:'请输入密码'}}" name="login_password"
  32. id="login_password" autocomplete="off"/>
  33. </div>
  34. <button type="submit" style="background-color: #651fff;border-color: #651fff">登录</button>
  35. {{if .HasPublicLogin}}
  36. <!--<button type="button" id="guestLogin">贵宾体验</button>-->
  37. {{end}}
  38. </form>
  39. </div>
  40. <div style="margin-top: 100px">
  41. <p>
  42. <small class="text-muted">山东华力机电有限公司<br>&copy; 2015</small>
  43. </p>
  44. </div>
  45. </div>
  46. </div>
  47. <script src="../../lib/app/js/app.min.js"></script>
  48. <script src="../../lib/login/js/supersized.3.2.7.min.js"></script>
  49. <script src="../../lib/login/js/supersized-init.js"></script>
  50. <script src="../../lib/jquery/jquery/validate/jquery.validate.js"></script>
  51. <script src="../../lib/jquery/jquery/jquery.form.js"></script>
  52. <script>
  53. $(document).ready(function () {
  54. if (self != top) {
  55. top.location.href = "/login"
  56. return
  57. }
  58. function showResponse(resp) {
  59. if (resp.ret == "success") {
  60. window.location.href = "{{.redirectUrl}}";
  61. return;
  62. }
  63. var result = "登录失败: " + resp.result
  64. $("#login-msg").text(result);
  65. }
  66. {{if .HasPublicLogin}}
  67. $("#guestLogin").on("click", function () {
  68. $.post("/login", {"login_username": "guest"}, function (data) {
  69. window.location.href = "{{.redirectUrl}}";
  70. })
  71. })
  72. {{end}}
  73. // validate
  74. $('#sign-in').validate({
  75. submitHandler: function (form) {
  76. // console.log("submitHandler")
  77. $("#sign-in").ajaxSubmit({
  78. type: "post",
  79. url: "/login",
  80. success: showResponse
  81. });
  82. }
  83. })
  84. })
  85. </script>
  86. </body>
  87. </html>