login.html 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>云阅卷本地代理工具</title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
  7. <link rel="stylesheet" href="css/style.css">
  8. <style type="text/css">
  9. body {
  10. background: #F2F4F9;
  11. }
  12. </style>
  13. </head>
  14. <body>
  15. <div class="login-flex">
  16. <div class="login">
  17. <div class="logo"><img src="img/logo_blue.png" /></div>
  18. <form>
  19. <div>
  20. <select id="server-select">
  21. <option value="">请选择云端环境</option>
  22. </select>
  23. </div>
  24. <div>
  25. <input id="loginName-input" type="text" placeholder="请输入账号">
  26. </div>
  27. <div>
  28. <input id="password-input" type="password" placeholder="请输入密码">
  29. </div>
  30. <div><a href="##" id="login-button">登录</a></div>
  31. </form>
  32. </div>
  33. <div class="ft">Copyright © 2011-2020 www.qmth.com.cn, All Rights Reserved</div>
  34. </div>
  35. <script>
  36. const config = require('../lib/config.js')
  37. const env = require('../lib/env.js')
  38. const api = require('../lib/api.js')
  39. const $ = require('jquery')
  40. $(document).ready(() => {
  41. window.localStorage.clear()
  42. for (let i = 0; i < config.servers.length; i++) {
  43. let server = config.servers[i];
  44. $('<option value="' + i + '">' + server.name + '</option>').appendTo($('#server-select'))
  45. }
  46. })
  47. document.onkeydown = function (event) {
  48. var e = event || window.event;
  49. if (e && e.keyCode == 13) { //回车键的键值为13
  50. $('#login-button').click() //调用登录按钮的登录事件
  51. }
  52. }
  53. $('#login-button').click(() => {
  54. let index = $('#server-select').val()
  55. if (index != '') {
  56. env.server = config.servers[parseInt(index)]
  57. } else {
  58. env.server = undefined
  59. }
  60. env.loginName = $('#loginName-input').val()
  61. env.password = $('#password-input').val()
  62. if (env.server == undefined) {
  63. alert('请选择云端环境')
  64. return
  65. }
  66. if (env.loginName == '') {
  67. alert('请输入账号')
  68. return
  69. }
  70. if (env.password == '') {
  71. alert('请输入密码')
  72. return
  73. }
  74. api.login().then(user => {
  75. env.user = user
  76. window.localStorage.setItem('env', JSON.stringify(env))
  77. window.location.href = 'list.html'
  78. }).catch(err => {
  79. alert('登陆失败,用户名或密码错误')
  80. })
  81. })
  82. </script>
  83. </body>
  84. </html>