login.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321
  1. <html>
  2. <!DOCTYPE html>
  3. <html lang="en" class="no-js">
  4. <head>
  5. <meta charset="utf-8">
  6. <title>湖北智慧水运</title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  9. <meta name="description" content="">
  10. <meta name="author" content="">
  11. <script src="assets/js/jquery-1.8.2.min.js" ></script>
  12. <script src="assets/js/supersized.3.2.7.min.js" ></script>
  13. <script src="assets/js/supersized-init.js" ></script>
  14. <!-- CSS -->
  15. <link rel="stylesheet" href="assets/css/reset.css">
  16. <link rel="stylesheet" href="assets/css/supersized.css">
  17. <link rel="stylesheet" href="assets/css/style.css">
  18. <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  19. <!--[if lt IE 9]>
  20. <script src="assets/js/html5.js"></script>
  21. <![endif]-->
  22. <script type="text/javascript">
  23. //alert(getQueryString("code"))
  24. var code = getQueryString("code");
  25. $(function(){
  26. $.ajax({
  27. type: 'post',
  28. url: '../../usercontroller/findWXDS.do',
  29. data:{systemid:1},
  30. dataType: 'json',
  31. success: function(data){
  32. console.log(data)
  33. var optdef = new Option("请选择地市","");
  34. optdef.className="aaa";
  35. $("#dsid").get(0).add(optdef);
  36. if(data&&data.status
  37. &&data.jsonarray&&data.jsonarray.length){
  38. //console.log(data.jsonarray.length);
  39. if(data.jsonarray.length>1){
  40. $("#selectdsdiv").show();
  41. }
  42. for(var i=0;i<data.jsonarray.length;i++){
  43. var dnames=data.jsonarray[i].dnames;
  44. var dsid=data.jsonarray[i].dsid;
  45. console.log(dnames+"--"+dsid);
  46. if(dnames&&$.trim(dnames).length){
  47. var opt = new Option(dnames,dsid);
  48. opt.className="aaa";
  49. //if($('#dsid option:selected').val()==""&&data.jsonarray.length==1){
  50. if(data.jsonarray.length==1){
  51. opt.selected=true;
  52. $("#dsidshow").val(dnames);
  53. }
  54. $("#dsid").get(0).add(opt);
  55. }
  56. }
  57. }
  58. //$("#over").remove();
  59. //$("#layout").remove();
  60. console.log("findWXDS请求结束")
  61. }});
  62. $.ajax({
  63. type: 'post',
  64. url: '../../usercontroller/findinfo.do',
  65. data:{code:code},
  66. dataType: 'json',
  67. success: function(data){
  68. console.log(data)
  69. $("#names").html(data.names)
  70. $("#over").remove();
  71. $("#layout").remove();
  72. console.log("请求结束")
  73. }});
  74. $("#login").live("click",function(){
  75. var username = $("#username").val();
  76. var password = $("#password").val();
  77. var dsid = $("#dsid").val();
  78. if(username.length<1){
  79. layer.open({
  80. shade:false,
  81. content: '用户名不能为空',
  82. style: 'background:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  83. time:1
  84. });
  85. return;
  86. }
  87. if(password.length<1){
  88. layer.open({
  89. shade:false,
  90. content: '密码不能为空',
  91. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  92. time:1
  93. });
  94. return;
  95. }
  96. if(dsid.length<1){
  97. layer.open({
  98. shade:false,
  99. content: '请选择地市',
  100. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  101. time:1
  102. });
  103. return;
  104. }
  105. var url= "../../usercontroller/login.do";
  106. if(dsid!="900"){
  107. url = "../../aqusercontroller/login.do";
  108. }
  109. $.ajax({
  110. type: 'post',
  111. url: url,
  112. data:{username:username,password:password,code:code,dsid:dsid},
  113. dataType: 'json',
  114. success: function(data){
  115. if(data=="500"){
  116. layer.open({
  117. shade:false,
  118. content: '用户名或密码错误',
  119. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  120. time:1
  121. });
  122. $("#over").remove();
  123. $("#layout").remove();
  124. }else if(data=="200"){
  125. layer.open({
  126. shade:false,
  127. content: '登录成功',
  128. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  129. time:1
  130. });
  131. $("#over").remove();
  132. $("#layout").remove();
  133. setTimeout(function(){
  134. WeixinJSBridge.call('closeWindow');
  135. },1000)
  136. }else{
  137. layer.open({
  138. shade:false,
  139. content: '服务器异常!',
  140. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  141. time:1
  142. });
  143. setTimeout(function(){
  144. window.location.reload();
  145. },1000)
  146. $("#over").remove();
  147. $("#layout").remove();
  148. }
  149. }});
  150. });
  151. $("#logout").live("click",function(){
  152. var url= "../../usercontroller/logout.do";
  153. $.ajax({
  154. type: 'post',
  155. url: url,
  156. data:{},
  157. dataType: 'json',
  158. success: function(data){
  159. if(data=="500"){
  160. layer.open({
  161. shade:false,
  162. content: '系统错误,请联系管理员!',
  163. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  164. time:1
  165. });
  166. $("#over").remove();
  167. $("#layout").remove();
  168. }else if(data=="200"){
  169. layer.open({
  170. shade:false,
  171. content: '登出成功',
  172. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  173. time:1
  174. });
  175. $("#over").remove();
  176. $("#layout").remove();
  177. setTimeout(function(){
  178. WeixinJSBridge.call('closeWindow');
  179. },1000)
  180. }else{
  181. layer.open({
  182. shade:false,
  183. content: '服务器异常!',
  184. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  185. time:1
  186. });
  187. setTimeout(function(){
  188. window.location.reload();
  189. },1000)
  190. $("#over").remove();
  191. $("#layout").remove();
  192. }
  193. }});
  194. });
  195. /**
  196. $.ajax({
  197. type: 'post',
  198. url: '../usercontroller/login.do',
  199. data:{username:username,password:password},
  200. dataType: 'json',
  201. success: function(data){
  202. console.log(data);
  203. if(data.userEntity==null){
  204. layer.open({
  205. shade:false,
  206. content: '用户名或密码错误',
  207. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  208. time:1
  209. });
  210. }else{
  211. $.ajax({
  212. type: 'post',
  213. url: '../usercontroller/updateuser.do',
  214. data:{dsid:dsid,code:code,bmid:data.bmid,username:data.userEntity.uname,uid:data.userEntity.id,name:data.userEntity.name,orgName:data.userEntity.orgName},
  215. dataType: 'json',
  216. success: function(data){
  217. layer.open({
  218. shade:false,
  219. content: '登录成功',
  220. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  221. time:1
  222. });
  223. setTimeout(function(){
  224. }, 500)
  225. }});
  226. }
  227. }})
  228. **/
  229. })
  230. </script>
  231. <script type="text/javascript">
  232. function inputse(a){
  233. $("#dsidshow").val($('#dsid option:selected').text())
  234. }
  235. </script>
  236. <style type="text/css">
  237. .aaa{
  238. font-family: Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif;
  239. text-decoration: none;
  240. width: 100%;
  241. height: 42px;
  242. margin-top: 25px;
  243. padding: 0 15px;
  244. background: #2d2d2d;
  245. background: rgba(45,45,45,.15);
  246. -moz-border-radius: 6px;
  247. -webkit-border-radius: 6px;
  248. border-radius: 6px;
  249. border: 1px solid #3d3d3d;
  250. border: 1px solid rgba(255,255,255,.15);
  251. -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
  252. -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
  253. box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
  254. font-size: 14px;
  255. color: #fff;
  256. text-shadow: 0 1px 2px rgba(0,0,0,.1);
  257. -o-transition: all .2s;
  258. -moz-transition: all .2s;
  259. -webkit-transition: all .2s;
  260. -ms-transition: all .2s;
  261. }
  262. </style>
  263. </head>
  264. <body>
  265. <div class="" style="position:absolute;right: 10px;top: 10px">
  266. 当前绑定用户: <span id="names" style="text-decoration: underline;"></span>
  267. &nbsp;&nbsp;&nbsp;&nbsp;<a href="#" id="logout" onclick="">登出</a>
  268. </div>
  269. <div class="page-container">
  270. <h1>登录</h1>
  271. <form action="" method="post">
  272. <input type="text" name="username" id="username" class="username" placeholder="请输入您的用户名">
  273. <input type="password" name="password" id="password" class="password" placeholder="请输入您的用户密码">
  274. <div id="selectdsdiv" style="display:none;position: relative;">
  275. <input type="text" readonly="readonly" id="dsidshow" class="username" value="请选择地市">
  276. <span style="width: 20px;height: 20px;font-size: 25px;position: absolute;right: 10px;top: 33px">∨</span>
  277. <select class="aaa" id="dsid" style="opacity:0;position: absolute;z-index: 100;left: 0px;top:0px" onchange="inputse(this)">
  278. <!--
  279. <option class="aaa" value="">请选择地市</option>
  280. <option class="aaa" value="900">省级</option>
  281. <option class="aaa" value="90014">南京</option>
  282. <option class="aaa" value="90012">苏州</option>
  283. <option class="aaa" value="90015">南通</option>
  284. <option class="aaa" value="90016">无锡</option>
  285. -->
  286. </select>
  287. </div>
  288. <button type="button" id="login" class="submit_button">登录</button>
  289. <div class="error"><span>+</span></div>
  290. </form>
  291. </div>
  292. <!-- Javascript -->
  293. </body>
  294. </html>