login.html 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  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, shrink-to-fit=no">
  6. <link rel="shortcut icon" href="/img/logo.png" />
  7. <link rel="bookmark" href="/img/logo.png" />
  8. <link rel="stylesheet" href="/plugins/bootstrap-4.3.1/css/bootstrap.min.css">
  9. <link rel="stylesheet" href="/plugins/font-awesome-4.7.0/css/font-awesome.min.css">
  10. <link rel="stylesheet" href="../common/StyleSheet.css" />
  11. <script src="/Plugins/jquery-3.4.1/jquery-3.4.1.min.js"></script>
  12. <script src="/Plugins/xrequest/xrequest.min.js"></script>
  13. <title>东科软件</title>
  14. </head>
  15. <body class="bg-light">
  16. <!--自动缩放-->
  17. <!--<script src="../common/setting.js"></script>-->
  18. <!--导航菜单-->
  19. <script src="../common/navbar.js"></script>
  20. <!--登录窗体-->
  21. <div class="container">
  22. <div class="row pt-5 pb-2">
  23. <div class="col-12">
  24. <form id="登录表单" class="p-5 rounded m-auto shadow-sm bg-white" style="width:350px;">
  25. <h5 class="text-center">用户登录</h5>
  26. <div class="form-row pt-3">
  27. <div class="form-group col-12">
  28. <label class="sr-only" for="账套">账套</label>
  29. <div class="input-group mb-2">
  30. <div class="input-group-prepend">
  31. <div class="input-group-text" style="width:40px;"><i class="fa fa-address-book-o" aria-hidden="true"></i></div>
  32. </div>
  33. <input value="dongke" type="text" class="form-control" id="账套" placeholder="请输入账套" required>
  34. </div>
  35. </div>
  36. </div>
  37. <div class="form-row">
  38. <div class="form-group col-12">
  39. <label class="sr-only" for="用户">用户</label>
  40. <div class="input-group mb-2">
  41. <div class="input-group-prepend">
  42. <div class="input-group-text" style="width:40px;"><i class="fa fa-user" aria-hidden="true"></i></div>
  43. </div>
  44. <input type="text" class="form-control" id="用户" placeholder="请输入用户" required>
  45. </div>
  46. </div>
  47. </div>
  48. <div class="form-row">
  49. <div class="form-group col-12">
  50. <label class="sr-only" for="密码">密码</label>
  51. <div class="input-group mb-2">
  52. <div class="input-group-prepend">
  53. <div class="input-group-text" style="width:40px;"><i class="fa fa-key" aria-hidden="true"></i></div>
  54. </div>
  55. <input onkeydown="if (event.keyCode == 13) doLogin();" type="password" class="form-control" id="密码" placeholder="请输入密码" required>
  56. </div>
  57. </div>
  58. </div>
  59. <div class="form-row col-12 justify-content-center">
  60. <button onclick="doLogin()" type="button" class="btn btn-danger" style="width:100px;">登录</button>&nbsp;&nbsp;
  61. <button type="reset" class="btn btn-secondary" style="width:100px;">重置</button>
  62. </div>
  63. </form>
  64. </div>
  65. </div>
  66. </div>
  67. <!--对话框-->
  68. <script src="../common/dialog.js"></script>
  69. <!--版权信息-->
  70. <script src="../common/footer.js"></script>
  71. <script src="/Plugins/bootstrap-4.3.1/js/bootstrap.bundle.min.js"></script>
  72. <script src="/Plugins/sweetalert/sweetalert.min.js"></script>
  73. <script src="/Plugins/md5/md5.js"></script>
  74. <script>
  75. $(document).ready(function () {
  76. });
  77. function doLogin() {
  78. if ($('#账套').val() == '') {
  79. swal({
  80. title: '用户登录!',
  81. text: '请输入账套!',
  82. icon: 'error',
  83. button: '确定'
  84. }).then(function () {
  85. $('#账套').focus();
  86. });
  87. return;
  88. }
  89. if ($('#用户').val() == '') {
  90. swal({
  91. title: '用户登录!',
  92. text: '请输入用户!',
  93. icon: 'error',
  94. button: '确定'
  95. }).then(function () {
  96. $('#用户').focus();
  97. });
  98. return;
  99. }
  100. if ($('#密码').val() == '') {
  101. swal({
  102. title: '用户登录!',
  103. text: '请输入密码!',
  104. icon: 'error',
  105. button: '确定'
  106. }).then(function () {
  107. $('#密码').focus();
  108. });
  109. return;
  110. }
  111. //$('#登录表单').addClass('was-validated');
  112. var loginData = {
  113. 'accountCode': $('#账套').val(),
  114. 'userCode': $('#用户').val(),
  115. 'userPassword': hex_md5($('#密码').val()).toUpperCase()
  116. };
  117. $.get('api/LogIn.ashx?r=' + Math.random(), loginData, function (data) {
  118. var json = JSON.parse(data);
  119. if (json['success'] == true) {
  120. if (request('goUrl') != '')
  121. window.location.href = request('goUrl');
  122. else
  123. window.location.href = '/';
  124. }
  125. else {
  126. //modalDialogShow('用户登录', json["Message"]);
  127. swal({
  128. title: '登录失败!',
  129. text: json['message'],
  130. icon: 'error',
  131. button: '确定'
  132. });
  133. }
  134. });
  135. }
  136. //显示窗体并执行确定方法
  137. function dialogShow(title, content, callback) {
  138. $('#dialog').off('show.bs.modal');
  139. $('#dialog').on('show.bs.modal', function (event) {
  140. $('#dialog').find('.modal-title').text(title);
  141. $('#dialog').find('.modal-body').text(content);
  142. });
  143. $('#okButton').off('click');
  144. $('#okButton').on('click', callback);
  145. $('#dialog').modal('show');
  146. }
  147. </script>
  148. </body>
  149. </html>