logins.html 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta content="IE=edge" http-equiv="X-UA-Compatible">
  6. <meta content="initial-scale=1.0, width=device-width" name="viewport">
  7. <title>江苏港口智能监管信息平台</title>
  8. <!-- css -->
  9. <link href="css/base.min.css" rel="stylesheet">
  10. <script type="text/javascript" src="js/zepto.min.js"></script>
  11. <!-- favicon -->
  12. <!-- ... -->
  13. <script type="text/javascript">
  14. //alert(getQueryString("code"))
  15. var code = getQueryString("code");
  16. $(function(){
  17. $("#login").on("click",function(){
  18. var username = $("#username").val();
  19. var password = $("#password").val();
  20. var dsid = $("#dsid").val();
  21. if(username.length<1){
  22. layer.open({
  23. shade:false,
  24. content: '用户名不能为空',
  25. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  26. time:1
  27. });
  28. return;
  29. }
  30. if(password.length<1){
  31. layer.open({
  32. shade:false,
  33. content: '密码不能为空',
  34. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  35. time:1
  36. });
  37. return;
  38. }
  39. if(dsid.length<1){
  40. layer.open({
  41. shade:false,
  42. content: '请选择地市',
  43. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  44. time:1
  45. });
  46. return;
  47. }
  48. $.ajax({
  49. type: 'post',
  50. url: '../usercontroller/login.do',
  51. data:{username:username,password:password,code:code,dsid:dsid},
  52. dataType: 'json',
  53. success: function(data){
  54. if(data=="500"){
  55. layer.open({
  56. shade:false,
  57. content: '用户名或密码错误',
  58. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  59. time:1
  60. });
  61. }else{
  62. layer.open({
  63. shade:false,
  64. content: '登录成功',
  65. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  66. time:1
  67. });
  68. setTimeout(function(){
  69. WeixinJSBridge.call('closeWindow');
  70. },1000)
  71. }
  72. }});
  73. });
  74. /**
  75. $.ajax({
  76. type: 'post',
  77. url: '../usercontroller/login.do',
  78. data:{username:username,password:password},
  79. dataType: 'json',
  80. success: function(data){
  81. console.log(data);
  82. if(data.userEntity==null){
  83. layer.open({
  84. shade:false,
  85. content: '用户名或密码错误',
  86. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  87. time:1
  88. });
  89. }else{
  90. $.ajax({
  91. type: 'post',
  92. url: '../usercontroller/updateuser.do',
  93. data:{dsid:dsid,code:code,bmid:data.bmid,username:data.userEntity.uname,uid:data.userEntity.id,name:data.userEntity.name,orgName:data.userEntity.orgName},
  94. dataType: 'json',
  95. success: function(data){
  96. layer.open({
  97. shade:false,
  98. content: '登录成功',
  99. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  100. time:1
  101. });
  102. setTimeout(function(){
  103. }, 500)
  104. }});
  105. }
  106. }})
  107. **/
  108. })
  109. </script>
  110. <!-- ie -->
  111. <!--[if lt IE 9]>
  112. <script src="js/html5shiv.js" type="text/javascript"></script>
  113. <script src="js/respond.js" type="text/javascript"></script>
  114. <![endif]-->
  115. </head>
  116. <body>
  117. <!-- <header class="header">
  118. <span class="header-logo">登录</span>
  119. </header> -->
  120. <div class="content">
  121. <!-- <div class="content-heading"></div> -->
  122. <div class="content-inner">
  123. <div class="container" >
  124. <div class="row" >
  125. <div class="col-lg-4 col-lg-push-4 col-sm-6 col-sm-push-3">
  126. <div class="card-wrap">
  127. <div class="card">
  128. <div class="card-main">
  129. <div class="card-header">
  130. <div class="card-inner">
  131. <h1 class="card-heading">登录</h1>
  132. </div>
  133. </div>
  134. <div class="card-inner">
  135. <p class="text-center">
  136. <span class="avatar avatar-inline avatar-lg"> <img
  137. alt="Login" src="images/users/avatar-001.jpg">
  138. </span>
  139. </p>
  140. <form class="form" action="fawen/daibanfawen.html">
  141. <div class="form-group form-group-label">
  142. <div class="row">
  143. <div class="col-md-10 col-md-push-1">
  144. <label class="floating-label" for="login-username"></label>
  145. <input class="form-control" id="username"
  146. type="text">
  147. </div>
  148. </div>
  149. </div>
  150. <div class="form-group form-group-label">
  151. <div class="row">
  152. <div class="col-md-10 col-md-push-1">
  153. <label class="floating-label" for="login-password"></label>
  154. <input class="form-control" id="password"
  155. type="password">
  156. </div>
  157. </div>
  158. </div>
  159. <div class="form-group form-group-label">
  160. <div class="row">
  161. <div class="col-md-10 col-md-push-1" style="padding-left: 11px">
  162. <div class="col-lg-4 col-md-6 col-sm-8" style="width:100%;padding-left:0px;padding-right:0px;">
  163. <select class="form-control" id="dsid" style=" color: #9e9e9e;">
  164. <option value="">地市</option>
  165. <option value="900">省级</option>
  166. </select>
  167. </div>
  168. </div>
  169. </div>
  170. </div>
  171. <div class="form-group">
  172. <div class="row">
  173. <div class="col-md-10 col-md-push-1">
  174. <button
  175. class="btn btn-block btn-blue waves-button waves-effect waves-light" type="button" id="login">登录</button>
  176. </div>
  177. </div>
  178. </div>
  179. <div style="height: 5px"></div>
  180. </form>
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187. </div>
  188. </div>
  189. </div>
  190. <!-- <footer class="footer">
  191. <div class="container">
  192. <p>Material</p>
  193. </div>
  194. </footer>
  195. -->
  196. <style>
  197. .form-group .checkbox, .form-group .radio {
  198. margin-top: 6px;
  199. padding-bottom: 6px;
  200. width: 49%;
  201. float: left;
  202. }
  203. </style>
  204. </body>
  205. </html>