index.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. <!DOCTYPE html>
  2. <html lang="en">
  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" content="width=device-width, initial-scale=1, maximum-scale=1">
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  10. <meta name="apple-mobile-web-app-capable" content="yes">
  11. <meta name="format-detection" content="telephone=no">
  12. <link rel="stylesheet" type="text/css" href="../layui/css/layui.css" />
  13. <link rel="stylesheet" type="text/css" href="css/style.css" />
  14. <link rel="stylesheet" type="text/css" href="../iconfont/iconfont.css" />
  15. </head>
  16. <body>
  17. <div class="login-wrap">
  18. <div class="main-login">
  19. <div class="login-box">
  20. <div class="login-layout">
  21. <div class="logo">
  22. <h2 class="title">林产品溯源管理系统</h2>
  23. <!-- <h3 class="sub-title">产品溯源管理系统</h3> -->
  24. </div>
  25. <form class="layui-form login-form" action="">
  26. <h4>用户登录</h4>
  27. <div class="layui-form-item">
  28. <i class="layui-icon">&#xe66f;</i>
  29. <input type="text" name="account" required lay-verify="userName" placeholder="用户名" autocomplete="off"
  30. class="layui-input">
  31. </div>
  32. <div class="layui-form-item">
  33. <i class="layui-icon">&#xe673;</i>
  34. <input type="password" name="pwd" required lay-verify="pwd" placeholder="密码" autocomplete="off"
  35. class="layui-input">
  36. </div>
  37. <button class="layui-btn layui-submit" lay-submit lay-filter="loginForm">登录</button>
  38. </form>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. <script src="../layui/layui.js" type="text/javascript" charset="utf-8"></script>
  44. <script src="../js/ajaxhook.min.js" type="text/javascript" charset="utf-8"></script>
  45. <script>
  46. var SYS_VER = Math.random() * 100000;
  47. function loadJS(url) {
  48. document.write("<script src='" + url + "?ver=" + SYS_VER + "'><\/script>")
  49. }
  50. loadJS("../js/config.js");
  51. layui.config({
  52. base: "../js/layuiPlugins/"
  53. }).use(['form', 'laytpl', 'jquery', 'md5'], function () {
  54. //清除token
  55. layui.sessionData(window.hywa.sessionTable.tableName, null);
  56. var form = layui.form,
  57. laytpl = layui.laytpl,
  58. $ = layui.$,
  59. md5 = layui.md5;
  60. form.verify({
  61. userName: [
  62. /^[0-9\a-z\A-Z\u4e00-\u9fa5_]{2,16}$/,
  63. "账号必须是2-16位,且不包含特殊字符"
  64. ],
  65. pwd: [
  66. /^[\S]{6,12}$/,
  67. '密码必须6到12位,且不能出现空格'
  68. ]
  69. });
  70. function ajaxLogin(data) {
  71. var time = 'b8d11ee289394be688ef3a4f6968efed';
  72. var result = btoa(data.pwd);
  73. time = time.substring(0, 8);
  74. var pass = md5.calcMD5(time);
  75. pass = pass.substring(0, 5);
  76. data.passwd = pass + result;
  77. $.ajax({
  78. url: 'login',
  79. type: 'post',
  80. data: JSON.stringify(data),
  81. contentType: 'application/json',
  82. success: function (data) {
  83. var code = data.code,
  84. user = { userId: ((((data.data || [])[0] || {}).CurrentUser || {}).guid || ""), name: ((((data.data || [])[0] || {}).CurrentUser || {}).account || ""), realName: ((((data.data || [])[0] || {}).CurrentUser || {}).userName || ""), menus: (((data.data || [])[0] || {}).authMenuObj || {}) },
  85. token = ((data.data || [])[0] || {}).accessToken || null,
  86. systemLable = { systemName: (((data.data || [])[0] || {}).orgObject || {}).systemName || "溯源管理系统" };
  87. if (!(code - 0)) {
  88. //储存用户信息
  89. layui.sessionData(window.hywa.sessionTable.tableName, {
  90. key: window.hywa.sessionTable.userData,
  91. value: user
  92. });
  93. //存储系统名称
  94. layui.sessionData(window.hywa.sessionTable.tableName, {
  95. key: 'sys',
  96. value: systemLable
  97. });
  98. //存储token
  99. layui.sessionData(window.hywa.sessionTable.tableName, {
  100. key: 'token',
  101. value: token
  102. });
  103. //存储数组
  104. location.href = window.hywa.jumpPage.home;
  105. }
  106. }
  107. })
  108. }
  109. form.on('submit(loginForm)', function (data) {
  110. setTimeout(function () {
  111. ajaxLogin(data.field);
  112. }, 0);
  113. return false;
  114. });
  115. });
  116. </script>
  117. </body>
  118. </html>