login.html 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  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. if (request('accountCode') != ''
  77. && request('userCode') != ''
  78. && request('userPassword') != '') {
  79. $('#账套').val(request('accountCode'));
  80. $('#用户').val(request('userCode'));
  81. $('#密码').val(request('userPassword'));
  82. doLogin();
  83. }
  84. });
  85. function doLogin() {
  86. if ($('#账套').val() == '') {
  87. swal({
  88. title: '用户登录!',
  89. text: '请输入账套!',
  90. icon: 'error',
  91. button: '确定'
  92. }).then(function () {
  93. $('#账套').focus();
  94. });
  95. return;
  96. }
  97. if ($('#用户').val() == '') {
  98. swal({
  99. title: '用户登录!',
  100. text: '请输入用户!',
  101. icon: 'error',
  102. button: '确定'
  103. }).then(function () {
  104. $('#用户').focus();
  105. });
  106. return;
  107. }
  108. if ($('#密码').val() == '') {
  109. swal({
  110. title: '用户登录!',
  111. text: '请输入密码!',
  112. icon: 'error',
  113. button: '确定'
  114. }).then(function () {
  115. $('#密码').focus();
  116. });
  117. return;
  118. }
  119. //$('#登录表单').addClass('was-validated');
  120. var loginData = {
  121. 'accountCode': $('#账套').val(),
  122. 'userCode': $('#用户').val(),
  123. //'userPassword': hex_md5($('#密码').val()).toUpperCase()
  124. 'userPassword': $('#密码').val()
  125. };
  126. $.get('api/LogIn.ashx?r=' + Math.random(), loginData, function (data) {
  127. var json = JSON.parse(data);
  128. if (json['Status'] == 0) {
  129. window.location.href = json['Index'];
  130. }
  131. else {
  132. swal({
  133. title: '用户登录!',
  134. text: json['Message'],
  135. icon: 'error',
  136. button: '确定'
  137. });
  138. }
  139. });
  140. }
  141. //显示窗体并执行确定方法
  142. function dialogShow(title, content, callback) {
  143. $('#dialog').off('show.bs.modal');
  144. $('#dialog').on('show.bs.modal', function (event) {
  145. $('#dialog').find('.modal-title').text(title);
  146. $('#dialog').find('.modal-body').text(content);
  147. });
  148. $('#okButton').off('click');
  149. $('#okButton').on('click', callback);
  150. $('#dialog').modal('show');
  151. }
  152. </script>
  153. </body>
  154. </html>