login.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>{$view_env_name}{$config.name}</title>
  7. <link rel="shortcut icon" href="{$storageUrl}{$config.web_favicon}"/>
  8. <link rel="stylesheet" href="__PUBLIC__/static/lib/layui/css/layui.css">
  9. <link rel="stylesheet" type="text/css" href="__PUBLIC__/static/common/css/login.css"/>
  10. </head>
  11. <style>
  12. #logo{
  13. width: 176px;height: 42px
  14. }
  15. </style>
  16. <body>
  17. <div class="login">
  18. <div class="logo">
  19. <img style="width: auto;height: 42px" src="{$storageUrl}{$config.login_logo}"/>
  20. </div>
  21. <div class="login-form-box">
  22. <div class="login-left">
  23. <div class="login-left-img">
  24. <img src="{$storageUrl}{$config.login_image}"/>
  25. </div>
  26. </div>
  27. <div class="login-right">
  28. <div class="login-form layui-form">
  29. <div class="login-title">
  30. {$config.login_title}
  31. </div>
  32. <div class="form-box-item">
  33. <div class="icon">
  34. <img src="__PUBLIC__/static/common/image/login/login_number.png"/>
  35. </div>
  36. <div>
  37. <input type="text" name="account" lay-verify="required" lay-vertype="tips"
  38. class="layui-input" style="border:none;width: 300px;padding-left: 20px;"
  39. placeholder="请输入账号" value=""/>
  40. </div>
  41. </div>
  42. <div class="form-box-item">
  43. <div class="icon">
  44. <img src="__PUBLIC__/static/common/image/login/login_password.png"/>
  45. </div>
  46. <div>
  47. <input type="password" name="password" lay-verify="required" lay-vertype="tips"
  48. class="layui-input" style="border:none;width: 300px;padding-left: 20px;"
  49. placeholder="请输入密码"/>
  50. </div>
  51. </div>
  52. <div class="form-box-checked">
  53. <div>
  54. <input type="checkbox" lay-skin="primary" name="remember_account" title="记住账号" {notempty name="account"}checked=""{/notempty}>
  55. </div>
  56. </div>
  57. <button id="login" lay-filter="login" class="submit-btn" lay-submit style="background-color: #2C85EA">登录</button>
  58. </div>
  59. </div>
  60. </div>
  61. <footer>
  62. {$config.company_name}&nbsp;&nbsp;<a target="_blank" href="{$config.link}">{$config.number}</a>&nbsp;
  63. </footer>
  64. </div>
  65. </body>
  66. <script src="__PUBLIC__/static/lib/layui/layui.js"></script>
  67. <script src="__PUBLIC__/static/admin/js/jquery.min.js"></script>
  68. <script src="__PUBLIC__/static/admin/js/function.js"></script>
  69. <script>
  70. if (self != top) {
  71. parent.window.location.replace(window.location.href);
  72. }
  73. layui.use('form', function(){
  74. var form = layui.form;
  75. form.on('submit(login)', function (obj) {
  76. login(obj);
  77. });
  78. });
  79. function login(obj) {
  80. like.ajax({
  81. url: '{:url("login/login")}'
  82. , data: obj.field
  83. , type: 'post'
  84. , success: function (res) {
  85. if (res.code == 1) {
  86. layer.msg(res.msg, {
  87. offset: '15px'
  88. , icon: 1
  89. , time: 1000
  90. }, function () {
  91. location.href = '../';
  92. });
  93. }
  94. $('#captcha').attr('src', '{:captcha_src()}?t=' + new Date().getTime());
  95. },
  96. });
  97. }
  98. like.keyUpClick(('[name="account"]'), '#login');
  99. like.keyUpClick(('[name="password"]'), '#login');
  100. like.keyUpClick(('[name="code"]'), '#login');
  101. </script>
  102. </html>