ssjg.html 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content=" user-scalable=no" />
  6. <title>四平市政府</title>
  7. <link rel="stylesheet" href="css/mui.min.css" />
  8. <link rel="stylesheet" href="css/basic.css" />
  9. <script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
  10. <script type="text/javascript" src="js/basic.js" ></script>
  11. <script type="text/javascript" src="js/idealDic/idealDicInclude.js"></script>
  12. <script src="js/mui.min.js"></script>
  13. <script type="text/javascript">
  14. //var mask = mui.createMask();//callback为用户点击蒙版时自动执行的回调;
  15. //alert(mask);
  16. //mask.show();
  17. mui.plusReady(function() {
  18. //plus.nativeUI.showWaiting();
  19. });
  20. (function($){
  21. $.getUrlParam = function(name)
  22. {
  23. var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
  24. var r = window.location.search.substr(1).match(reg);
  25. if (r!=null) return unescape(r[2]); return null;
  26. }
  27. })(jQuery);
  28. function close_page(){
  29. mui.currentWebview.close();
  30. }
  31. var pageStyle={top:'0px', bottom:'0px'};
  32. function initss(){
  33. mui("#listcont").on("tap","span",function click1(e){
  34. var id=$(this).attr("id");
  35. var url = 'news.html';
  36. mui.openWindow({
  37. url: url+'?doc_id='+id,
  38. id:id,
  39. styles:pageStyle,
  40. createNew:true
  41. });
  42. })
  43. }
  44. var counts = "";//总数
  45. var ssnr = "";
  46. var pages = "";
  47. var order = "";
  48. var count = 0;
  49. function data_all(ssnr){
  50. mui.ajax({
  51. url: projectUrl+'trsdataAction!query_search.action',
  52. async: false,
  53. data: {doctitle:ssnr,data_star:"0",data_end:"1",change:"2"},
  54. success: function(data) {
  55. counts=data.allData;
  56. }
  57. });
  58. pages = dicContainer['app'].toValue('page');//每页总数
  59. order =Math.ceil(counts/pages)-1;//页数
  60. }
  61. function loadData(zhuangtai){
  62. if(zhuangtai == "click"){
  63. plus.nativeUI.showWaiting();
  64. count = 1;
  65. ssnr=encodeURI(document.getElementById("ssnr").value);
  66. document.getElementById("listcont").innerHTML="";
  67. order =Math.ceil(counts/pages)-1;//页数
  68. }
  69. data_all(ssnr);
  70. setTimeout(function () {
  71. mui('#listpage').pullRefresh().endPullupToRefresh((++count>order)); //参数为true代表没有更多数据了。
  72. mui.ajax({
  73. url : projectUrl+'trsdataAction!query_search.action',
  74. async : false,
  75. data : {
  76. doctitle:ssnr,
  77. data_star:(pages*(count-1)),
  78. data_end:(pages*count),
  79. change:'2'
  80. },
  81. success : function(data) {
  82. if(data.success == true){
  83. var json =data.data;
  84. for(var i = 0; i<json.length; i++){
  85. var industry = json[i];
  86. var docreltime=industry.docreltime.substring(0,industry.docreltime.length-10)
  87. $("#listcont").append("<span id='"+industry.docid+"'><p><a href='javascript:click1()'>"
  88. +industry.doctitle+"</a></p><p class='fbtime'>"+docreltime+" </p></span>");
  89. }
  90. }
  91. }
  92. });
  93. if(zhuangtai == "click"){
  94. plus.nativeUI.closeWaiting();
  95. }
  96. }, 1000);
  97. }
  98. function querydata(){
  99. mui.init({
  100. pullRefresh : {
  101. container:'#listpage',//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等
  102. up : {
  103. height:50,//可选.默认50.触发上拉加载拖动距离 上拉显示更多
  104. auto:true,//可选,默认falsee.自动上拉加载一次
  105. contentrefresh : "<span style='font-size:40px'>正在加载...</span>",//可选,正在加载状态时,上拉加载控件上显示的标题内容
  106. contentnomore:"<span style='font-size:40px'>没有更多数据</span>",//可选,请求完毕若没有更多数据时显示的提醒内容;
  107. callback :loadData
  108. }
  109. }
  110. });
  111. }
  112. /*function pulldown() {
  113. ssnr=encodeURI(document.getElementById("ssnr").value);
  114. data_all(ssnr);
  115. //业务逻辑代码,比如通过ajax从服务器获取新数据;
  116. setTimeout(function () {
  117. mui('#listpage').pullRefresh().endPullupToRefresh((++count>order)); //参数为true代表没有更多数据了。
  118. mui.ajax({
  119. url : projectUrl+'trsdataAction!query_search.action',
  120. async : false,
  121. data : {
  122. doctitle:ssnr,
  123. data_star:(pages*(count-1)),
  124. data_end:(pages*count),
  125. change:'2'
  126. },
  127. success : function(data) {
  128. if(data.success == true){
  129. var json =data.data;
  130. for(var i = 0; i<json.length; i++){
  131. var industry = json[i];
  132. var docreltime=industry.docreltime.substring(0,industry.docreltime.length-10)
  133. $("#listcont").append("<span id='"+industry.docid+"'><p><a href='javascript:click1()'>"+industry.doctitle+"</a></p><p class='fbtime'>"+docreltime+" </p></span>");
  134. }
  135. }
  136. }
  137. });
  138. //plus.nativeUI.closeWaiting();
  139. //mui('#listpage').pullRefresh().endPullupToRefresh(); //refresh completed
  140. }, 1000);
  141. } */
  142. </script>
  143. </head>
  144. <body onload="querydata();initss();">
  145. <header class="sjheader">
  146. <div class="back fl mui-action-back"><a href="#" onclick="close_page()">
  147. <img src="images/cwfsz_03.png"></a></div>
  148. <div class="header padding"><img src="images/spzf_03.png" class="logo"></div>
  149. <div class="searchbtn fr"><img id="shggg" src="images/cwfsz_06.png"></div>
  150. </header>
  151. <!--头部结束-->
  152. <!--中间内容开始-->
  153. <div id='listpage' class="listcont wrap" style="padding-top: 60px;">
  154. <div class="ssjg">
  155. <p><input id="ssnr" type="text" placeholder="请输入搜索内容" class="srk"></p>
  156. <p><input id="chaxun" onclick="loadData('click')" type="button" value="查询" class="checkbtn"></p>
  157. </div>
  158. <div class="listcont" id="listcont">
  159. <!--<span>
  160. <p><a>我是标题</a></p>
  161. </span>-->
  162. </div>
  163. </div>
  164. </body>
  165. </html>