loginv2.html 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  7. <title>登录</title>
  8. <link rel="stylesheet" href="assets/libs/layui/css/layui.css"/>
  9. <link rel="stylesheet" href="assets/css/login.css?v=312">
  10. <script>
  11. if (window != top) {
  12. top.location.replace(location.href);
  13. }
  14. </script>
  15. </head>
  16. <body>
  17. <div class="login-wrapper">
  18. <div class="login-header">
  19. <img src="assets/images/logo.png"> 双重预防机制信息化管理平台
  20. </div>
  21. <div class="login-body">
  22. <div class="layui-card">
  23. <div class="layui-card-header">
  24. <i class="layui-icon layui-icon-engine"></i>&nbsp;&nbsp;用户登录
  25. </div>
  26. <form class="layui-card-body layui-form layui-form-pane">
  27. <div class="layui-form-item">
  28. <label class="layui-form-label">
  29. <i class="layui-icon layui-icon-username"></i>
  30. </label>
  31. <div class="layui-input-block">
  32. <input name="username" type="text" placeholder="账号" class="layui-input"
  33. lay-verType="tips" lay-verify="required" required/>
  34. </div>
  35. </div>
  36. <div class="layui-form-item">
  37. <label class="layui-form-label"><i class="layui-icon layui-icon-password"></i></label>
  38. <div class="layui-input-block">
  39. <input name="password" type="password" placeholder="密码" class="layui-input"
  40. lay-verType="tips" lay-verify="required" required/>
  41. </div>
  42. </div>
  43. <!-- <div class="layui-form-item">-->
  44. <!-- <label class="layui-form-label"><i class="layui-icon layui-icon-vercode"></i></label>-->
  45. <!-- <div class="layui-input-block">-->
  46. <!-- <div class="layui-row inline-block">-->
  47. <!-- <div class="layui-col-xs7">-->
  48. <!-- <input name="code" type="text" placeholder="验证码" class="layui-input"-->
  49. <!-- autocomplete="off" lay-verType="tips" lay-verify="required" required/>-->
  50. <!-- </div>-->
  51. <!-- <div class="layui-col-xs5" style="padding-left: 6px;">-->
  52. <!-- <img class="login-captcha" src="https://www.oschina.net/action/user/captcha">-->
  53. <!-- </div>-->
  54. <!-- </div>-->
  55. <!-- </div>-->
  56. <!-- </div>-->
  57. <div class="layui-form-item">
  58. <button lay-filter="login" id="btn1" class="layui-btn layui-btn-fluid" lay-submit>登 录</button>
  59. </div>
  60. </form>
  61. </div>
  62. </div>
  63. <div class="login-footer">
  64. <!--<p>Copyright © 河南速瑞安全科技有限公司 版权所有 豫ICP备19028781号-1</p>-->
  65. </div>
  66. </div>
  67. <script type="text/javascript" src="assets/libs/layui/layui.js"></script>
  68. <script type="text/javascript" src="./assets/js/common.js?v=312"></script>
  69. <script>
  70. layui.use(['layer', 'form', 'uParas', 'admin'], function () {
  71. var $ = layui.jquery;
  72. var layer = layui.layer;
  73. var form = layui.form;
  74. var uParas = layui.uParas;
  75. var admin = layui.admin;
  76. // 表单提交
  77. uParas.clearCache();
  78. form.on('submit(login)', function (obj) {
  79. admin.btnLoading('#btn1', '登录中。。。。');
  80. admin.req(uParas.baseUrl + '/login', obj.field, function (resp) {
  81. if (resp.code == 1) {
  82. uParas.loginCache(resp);
  83. location.href = "./index.html"
  84. } else {
  85. layer.msg(resp.msg)
  86. admin.btnLoading('#btn1', '登录', false);
  87. }
  88. }, 'POST');
  89. return false;
  90. });
  91. // 图形验证码
  92. $('.login-captcha').click(function () {
  93. this.src = this.src + '?t=' + (new Date).getTime();
  94. });
  95. });
  96. </script>
  97. </body>
  98. </html>