list.html 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>四平市政府</title>
  6. <link rel="stylesheet" href="css/basic.css" />
  7. <script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
  8. <script type="text/javascript" src="js/basic.js" ></script>
  9. <script type="text/javascript" src="js/idealDic/idealDicInclude.js"></script>
  10. <script src="js/mui.min.js"></script>
  11. <script type="text/javascript">
  12. (function($){
  13. $.getUrlParam = function(name)
  14. {
  15. var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
  16. var r = window.location.search.substr(1).match(reg);
  17. if (r!=null) return unescape(r[2]); return null;
  18. }
  19. })(jQuery);
  20. function close_page(){
  21. mui.currentWebview.close();
  22. }
  23. var channel_id = $.getUrlParam('channel_id');//id
  24. var counts = $.getUrlParam('count');//总数
  25. var pages = dicContainer['app'].toValue('page');//每页总数
  26. var order =Math.ceil(counts/pages);//页数
  27. order = order-1;
  28. var change = $.getUrlParam('change')?$.getUrlParam('change'):1;//判断是否取得是子栏目数据0是1不是
  29. var count = 0;
  30. mui.init({
  31. pullRefresh : {
  32. container:'#listpage',//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等
  33. up : {
  34. height:50,//可选.默认50.触发上拉加载拖动距离
  35. auto:true,//可选,默认falsee.自动上拉加载一次
  36. contentrefresh : "<span style='font-size:40px'>正在加载...</span>",//可选,正在加载状态时,上拉加载控件上显示的标题内容
  37. contentnomore:"<span style='font-size:40px'>没有更多数据了</span>",//可选,请求完毕若没有更多数据时显示的提醒内容;
  38. callback :function () {
  39. //业务逻辑代码,比如通过ajax从服务器获取新数据;
  40. setTimeout(function () {
  41. mui('#listpage').pullRefresh().endPullupToRefresh((++count>order)); //参数为true代表没有更多数据了。
  42. mui.ajax({
  43. url : projectUrl+'trsdataAction!query_index_data.action',
  44. async : false,
  45. data : {
  46. channel_id:channel_id,
  47. data_star:(pages*(count-1)),
  48. data_end:(pages*count),
  49. change:change
  50. },
  51. success : function(data) {
  52. if(data.success == true){
  53. var json =data.data;
  54. var listcont = document.body.querySelector('.listcont');
  55. for(var i = 0; i<json.length; i++){
  56. var industry = json[i];
  57. $("#listcont").append("<span wdlx='"+industry.doctype+"' dizhi='"+industry.docpuburl+"' channel='"+industry.docchannel+"' id='"+industry.docid+"'><p><a onclick='click()'>"+industry.doctitle+"</a></p><p class='fbtime'>"+industry.docreltime.substring(0,10)+" "+industry.docsourcename+"</p></span>");
  58. }
  59. }
  60. }
  61. });
  62. // mui('#listpage').pullRefresh().endPullupToRefresh(); //refresh completed
  63. }, 1500);
  64. }
  65. }
  66. }
  67. });
  68. var pageStyle={top:'0px', bottom:'0px'};
  69. function initss(){
  70. mui("#listcont").on("tap","span",function click(e){
  71. var id=$(this).attr("id");
  72. var wdlx = $(this).attr("wdlx");
  73. var dizhi = $(this).attr("dizhi");
  74. var url='';
  75. if(wdlx == '30' && channel!="273" && id!="25840" && channel!="82"){
  76. url = dizhi;
  77. mui.openWindowWithTitle({
  78. url: url,
  79. id:id,
  80. styles:{top:'0px', bottom:'0px'},
  81. createNew:true
  82. }, {
  83. backgroundColor:"#ffffff",//导航栏背景色
  84. title:{//标题配置
  85. text:"文章内容",//标题文字
  86. styles:{color:"#1A8FD6"}
  87. },back:{//左上角返回箭头
  88. image:{
  89. base64Data:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAb1BMVEUAAAAAev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8AAACubimgAAAAI3RSTlMAGfUTGfQTGPMSGPIYGhgaGBsXGxcbFxwXHBccFhwWHRYdHWufDPQAAAABYktHRACIBR1IAAAAB3RJTUUH4QETEBwooeTlkQAAAJVJREFUSMft1EkSgkAQRNFGUXFWHBDBibr/HTUwD5B/48Ig1y+io7u6MqUhf5hsNEY+j5hMgZ/FJ8Xc9ovos3T96utjbfqN/Nb0O/m96Uv5g+mP8ifTn+Ur01/ka9Nf5RvTt/I309/lH6Z/yr9Mn+Q71/MT8B34K/E58Enzv8R/K98HvnF8p3lr8F7izce7lbf3kJ/lDQp9HdBhgg3PAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTAxLTE5VDE2OjI4OjQwKzA4OjAwpTDFwQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wMS0xOVQxNjoyODo0MCswODowMNRtfX0AAAAASUVORK5CYII='
  90. },
  91. click: function() {
  92. mui.plusReady(function() {
  93. plus.webview.getWebviewById(id).evalJS("plus.key.addEventListener('backbutton',function(){plus.webview.getWebviewById('detail').close();})"); //重写返回事件
  94. })
  95. var wev = plus.webview.getWebviewById(id);
  96. console.log('guanbi');
  97. wev.close();
  98. }}
  99. });
  100. }else{
  101. var channel=$(this).attr("channel");
  102. if(channel=="273"){
  103. url='zjfk.html';
  104. }else if(id=="25840"){
  105. url='wzgbdc.html';
  106. }else if(channel=="82"){
  107. url='ftyg.html';
  108. }else{
  109. url = 'news.html';
  110. }
  111. mui.openWindow({
  112. url: url+'?doc_id='+id,
  113. id:id,
  114. styles:pageStyle,
  115. createNew:true
  116. });
  117. }
  118. })
  119. }
  120. </script>
  121. </head>
  122. <body onload="initss()" >
  123. <!--<header class="sjheader">
  124. <div class="back fl mui-action-back"><a href="#" onclick="close_page()"><img src="images/cwfsz_03.png"></a></div>
  125. <div class="centerlogo fl"><img src="images/spzf_03.png"></div>
  126. </header>-->
  127. <header class="sjheader">
  128. <div class="back fl mui-action-back"><a href="#" onclick="close_page()">
  129. <img src="images/cwfsz_03.png"></a></div>
  130. <div class="header padding"><img src="images/spzf_03.png" class="logo"></div>
  131. <div class="searchbtn fr"><img id="shggg" src="images/cwfsz_06.png"></div>
  132. </header>
  133. <!--数据列表-->
  134. <div id='listpage' class="listcont wrap" style="padding-top: 40px;" >
  135. <div class="listcont" id="listcont">
  136. </div>
  137. </div>
  138. </body>
  139. </html>