login.html 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>装集客管理系统</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport"
  9. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  10. <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
  11. <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
  12. <link rel="stylesheet" href="../../layuiadmin/style/login.css" media="all">
  13. <style>
  14. .registerContent {
  15. display: flex;
  16. justify-content: space-between;
  17. flex-direction: row;
  18. }
  19. .registerStyle {
  20. font-size: 16px;
  21. display: inline-block;
  22. padding: 0 15px;
  23. color: #009688;
  24. cursor: pointer;
  25. }
  26. .registerStyle:hover {
  27. text-decoration: underline #009688;
  28. color: #009688;
  29. cursor: pointer;
  30. }
  31. </style>
  32. </head>
  33. <body>
  34. <div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login" style="display: none;">
  35. <div class="layadmin-user-login-main">
  36. <div class="layadmin-user-login-box layadmin-user-login-header">
  37. <h2>装集客管理系统</h2>
  38. </div>
  39. <form class="layui-form" action="" lay-filter="component-form-element">
  40. <div class="layadmin-user-login-box layadmin-user-login-body layui-form">
  41. <div class="layui-form-item">
  42. <label class="layadmin-user-login-icon layui-icon layui-icon-username"
  43. for="LAY-user-login-username"></label>
  44. <input type="text" name="username" id="LAY-user-login-username" placeholder="用户名"
  45. lay-verify="required" autocomplete="off" class="layui-input">
  46. </div>
  47. <div class="layui-form-item">
  48. <label class="layadmin-user-login-icon layui-icon layui-icon-password"
  49. for="LAY-user-login-password"></label>
  50. <input type="password" name="password" id="LAY-user-login-password" autocomplete="off"
  51. lay-verify="required" placeholder="密码" class="layui-input">
  52. </div>
  53. <div class="layui-form-item">
  54. <button class="layui-btn layui-btn-fluid" lay-submit lay-filter="component-form-element">登 录
  55. </button>
  56. </div>
  57. <div class="registerContent layui-hide">
  58. <a onclick="register('employee')" class="registerStyle">员工注册</a>
  59. <a onclick="register('store')" class="registerStyle">门店注册</a>
  60. </div>
  61. </div>
  62. </form>
  63. </div>
  64. <div class="layui-trans layadmin-user-login-footer">
  65. <p>© 2021 装集客管理系统 <a href="http://www.zzliaoyuan.com/" target="_blank">郑州燎原计算机技术有限公司</a></p>
  66. </div>
  67. </div>
  68. <script src="../../layuiadmin/layui/layui.js"></script>
  69. <script>
  70. function register(str) {
  71. // 员工注册
  72. if (str === 'employee') {
  73. location.href = './employee_register.html'; //后台主页
  74. } else {
  75. // 门店注册
  76. }
  77. }
  78. layui.config({
  79. base: '../../layuiadmin/' //静态资源所在路径
  80. }).extend({
  81. index: 'lib/index' //主入口模块
  82. }).use(['index', 'user'], function () {
  83. var $ = layui.$
  84. , setter = layui.setter
  85. , admin = layui.admin
  86. , form = layui.form
  87. , router = layui.router()
  88. , search = router.search;
  89. if (layui.data(setter.tableName)[setter.request.tokenName]) {
  90. admin.req({
  91. url: '/account/token_refresh/'
  92. , data: {token: layui.data(setter.tableName)[setter.request.tokenName].substr(4)}
  93. , type: 'post'
  94. , done: function (res) {
  95. //请求成功后,写入 access_token
  96. layui.data(setter.tableName, {
  97. key: setter.request.tokenName
  98. , value: 'JWT ' + res.data.token
  99. });
  100. layui.data(setter.tableName, {
  101. key: setter.request.userId
  102. , value: res.data.user_id
  103. });
  104. layui.data(setter.tableName, {
  105. key: 'name'
  106. , value: res.data.username
  107. });
  108. layui.data(setter.tableName, {
  109. key: 'permissions'
  110. , value: res.data.permissions
  111. });
  112. layui.data(setter.tableName, {
  113. key: 'manager_stores'
  114. , value: res.data.manager_stores
  115. });
  116. location.href = '../index.html'; //后台主页
  117. }
  118. });
  119. }
  120. form.render();
  121. //提交
  122. form.on('submit(component-form-element)', function (obj) {
  123. //请求登入接口
  124. admin.req({
  125. url: '/account/login/'
  126. , data: obj.field
  127. , type: 'post'
  128. , done: function (res) {
  129. //请求成功后,写入 access_token
  130. layui.data(setter.tableName, {
  131. key: setter.request.tokenName
  132. , value: 'JWT ' + res.data.token
  133. });
  134. layui.data(setter.tableName, {
  135. key: setter.request.userId
  136. , value: res.data.user_id
  137. });
  138. layui.data(setter.tableName, {
  139. key: 'name'
  140. , value: res.data.username
  141. });
  142. layui.data(setter.tableName, {
  143. key: 'permissions'
  144. , value: res.data.permissions
  145. });
  146. layui.data(setter.tableName, {
  147. key: 'manager_stores'
  148. , value: res.data.manager_stores
  149. });
  150. //登入成功的提示与跳转
  151. layer.msg('登入成功', {
  152. offset: '15px'
  153. , icon: 1
  154. , time: 1000
  155. }, function () {
  156. location.href = '../index.html'; //后台主页
  157. });
  158. }
  159. });
  160. return false;
  161. });
  162. });
  163. </script>
  164. </body>
  165. </html>