wx-year-query.jsp 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html lang="utf-8">
  3. <head>
  4. <meta name="keywords" content="" />
  5. <meta name="description" content="" />
  6. <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0'/>
  7. <link href="${ctx}/css/m.css" rel="stylesheet" type="text/css" />
  8. <title>微信查询</title>
  9. <script src="${ctx}/js/jquery-1.11.0.min.js" type="text/javascript"></script>
  10. <script src="${ctx}/js/manhuatoTop.1.0.js" type="text/javascript"></script>
  11. <script src="${ctx}/js/common.js" type="text/javascript"></script>
  12. </head>
  13. <body>
  14. <div id="frame">
  15. <div id="top">
  16. <a id="title">水量查询</a>
  17. <!--a id="search" href="search.jsp"><img src="images/search.png" align="top"></a-->
  18. </div>
  19. <div id="con">
  20. <div id="login_div">
  21. <form name="form2" onKeyDown="onKeyDown()" method="post" action="${ctx}/wx/viewYearUnitNotice.do?orgId=93736">
  22. <input name="t" id="t" value="" type="hidden">
  23. <div class="userline_info"></div>
  24. <div class="userline"><div class="userline_1">水表号&nbsp;&nbsp;&nbsp;&nbsp;</div><div class="userline_2"><input type="text" name="meterNumber" id="meterNumber" style="height: 40px"; border:1px #000 soild/></div><div class="userline_3"><img src="${ctx}/image/login.png"></div></div>
  25. <div class="userline_info" id="username_info"></div>
  26. <div class="userline"><div class="userline_1 c1">年份&nbsp;&nbsp;&nbsp;&nbsp;</div><div class="userline_2"><select name="year" style="width: 100%; height:40px">
  27. <option>2013</option>
  28. <option>2014</option>
  29. <option>2015</option>
  30. <option>2016</option>
  31. </select></div><div class="userline_3"><img src="${ctx}/image/lock.png"></div></div>
  32. <div class="userline_info" id="pass_info"></div>
  33. <div class="login_button" ><input type="submit" value="查询" style="width:100%;height:100%;background:none;border:none;color:#ffffff;font-size:16px;"></div>
  34. </form>
  35. </div>
  36. </div>
  37. <div class="footer_front" style="position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:888;display:none;"><img src="${ctx}/images/front.png" width="100%" height="100%"></div>
  38. <style>
  39. #menu ul li{float:left;width:33.3%;height:100%;text-align:center;position:relative;font-size:14px;}
  40. #menu ul li .line{position:absolute;top:0px;right:0px;z-index:30;}
  41. #menu ul li .menu_li{position:absolute;top:0px;left:0px;z-index:20;width:100%;height:100%;color:#454545;background:url(${ctx}/images/menubg.png) repeat-x;}
  42. #menu ul li .img_front{position:absolute;top:0px;left:0px;z-index:30;width:100%;height:100%;}
  43. #menu ul li .img_front img{width:100%;height:100%;}
  44. #menu ul li span{position:absolute;bottom:-300px;left:50%;width:104px;margin-left:-52px;height:auto;text-align:center;z-index:10;}
  45. #menu ul li span a{float:left;width:100%;height:43px;line-height:43px;color:#454545;text-decoration:none;}
  46. </style>
  47. <script>
  48. var zhi = 1;
  49. function beginTalk() {
  50. var t = window.location.toString();
  51. var newT = t.replace(new RegExp("&", "gm"), "<and>");
  52. window.open("italk/index_m.jsp@fs_AccessAddress=" + newT, "talk");
  53. }
  54. window.onload = function(){
  55. $('#menu ul li').each(function(j){
  56. $('#menu ul li').eq(j).removeClass("on");
  57. $('#menu ul li span').eq(j).animate({bottom:-$('#menu ul li span').eq(j).height()},100);
  58. });
  59. }
  60. $('#menu ul li').each(function(i){
  61. $(this).click(function(){
  62. if($(this).attr("class")!="on"){
  63. $('#menu ul .on span').animate({bottom:-$('#menu ul .on span').height()},200);
  64. $('#menu ul .on').removeClass("on");
  65. $(this).addClass("on");
  66. $('#menu ul li span').eq(i).animate({bottom:35},200);
  67. $('.footer_front').show();
  68. }else{
  69. $('#menu ul li span').eq(i).animate({bottom:-$('#menu ul li span').eq(i).height()},200);
  70. $(this).removeClass("on");
  71. $('.footer_front').hide();
  72. }
  73. });
  74. });
  75. $('.footer_front').click(function(){
  76. $('#menu ul .on span').animate({bottom:-$('#menu ul .on span').height()},200);
  77. $('#menu ul .on').removeClass("on");
  78. $(this).hide();
  79. });
  80. </script>
  81. </div>
  82. <script>
  83. function check(){
  84. if(document.form2.meterNumber.value==""){
  85. alert("水表号不能为空!");
  86. return false;
  87. }else if(document.form2.year.value==""){
  88. alert("年份不能为空!");
  89. return false;
  90. }
  91. document.form2.submit();
  92. }
  93. $('.login_button input').click(function (e) {
  94. e.preventDefault()
  95. check();
  96. });
  97. </script>
  98. </body>
  99. </html>