login.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  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. <link rel="icon" href="../assets/images/icoX.png"/>
  8. <title>登录 | 人人接代理后台管理系统 - Power by lettered</title>
  9. <link rel="stylesheet" href="../assets/libs/layui/css/layui.css"/>
  10. <link rel="stylesheet" href="../assets/module/admin.css">
  11. <link rel="stylesheet" href="../assets/css/login.css">
  12. <!--[if lt IE 9]>
  13. <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  14. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  15. <![endif]-->
  16. </head>
  17. <body>
  18. <div class="login-wrapper">
  19. <form class="layui-form">
  20. <div class="layui-form-item layui-input-icon-group">
  21. <i class="layui-icon layui-icon-username"></i>
  22. <input class="layui-input" name="username" placeholder="请输入登录账号" autocomplete="off"
  23. lay-verType="tips" lay-verify="required" required/>
  24. </div>
  25. <div class="layui-form-item layui-input-icon-group">
  26. <i class="layui-icon layui-icon-password"></i>
  27. <input class="layui-input" name="password" placeholder="请输入登录密码" type="password"
  28. lay-verType="tips" lay-verify="required" required/>
  29. </div>
  30. <div class="layui-form-item layui-input-icon-group login-captcha-group">
  31. <i class="layui-icon layui-icon-auz"></i>
  32. <input class="layui-input" name="captcha" placeholder="请输入验证码" autocomplete="off"
  33. lay-verType="tips" lay-verify="required" required/>
  34. <img class="login-captcha" src="../assets/images/placeholder-refund.png" alt="验证码"/>
  35. </div>
  36. <div class="layui-form-item">
  37. <button class="layui-btn login-btn layui-btn-fluid" lay-filter="login-submit" lay-submit>登录</button>
  38. </div>
  39. </form>
  40. </div>
  41. <div class="login-copyright">
  42. © 2020 <a href="http://www.gxnwsoft.cn" target="_blank">广西能威软件科技有限公司</a>. All rights reserved.
  43. </div>
  44. <script type="text/javascript" src="../assets/libs/layui/layui.js"></script>
  45. <script>
  46. layui.config({
  47. base: '../assets/module/'
  48. }).extend({
  49. notice: 'notice/notice',
  50. }).use(['setter', 'admin', 'form','md5','notice'], function () {
  51. var $ = layui.jquery;
  52. var form = layui.form;
  53. var admin = layui.admin;
  54. var md5 = layui.md5;
  55. var notice = layui.notice;
  56. var setter = layui.setter;
  57. if (setter.getToken()) {
  58. location.replace('/agent/#/workplace');
  59. return;
  60. }
  61. // 验证码链接
  62. // var captchaUrl = 'http://api.gxrrj.cn/captcha?id=login&t=' + (new Date).getTime();
  63. var captchaUrl = setter.baseServer + 'captcha?&t=' + (new Date).getTime();
  64. $(".login-captcha").attr('src',captchaUrl);
  65. // 图形验证码
  66. $('.login-captcha').click(function () {
  67. this.src = captchaUrl;
  68. });
  69. // 表单提交
  70. form.on('submit(login-submit)', function (data) {
  71. var field = data.field;
  72. // 密处理
  73. field.password = md5.exec(field.password);
  74. admin.btnLoading('.login-btn','登陆中');
  75. admin.ajax({
  76. url: setter.baseServer + 'login',
  77. data: field,
  78. type: 'POST',
  79. crossDomain:true, //设置跨域为true
  80. xhrFields: {
  81. withCredentials: true //默认情况下,标准的跨域请求是不会发送cookie的
  82. },
  83. success: function (res) {
  84. if (res.code === 10000) {
  85. setter.putToken(res.data.token);
  86. location.replace('/agent/#/workplace');
  87. } else {
  88. $('.login-captcha').click();
  89. notice.msg(res.message,{icon:2});
  90. }
  91. },
  92. complete: function () {
  93. admin.btnLoading('.login-btn',false);
  94. }
  95. });
  96. return false;
  97. });
  98. });
  99. </script>
  100. </body>
  101. </html>