water_systemone.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
  5. <meta charset="utf-8">
  6. <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  7. <meta content="yes" name="apple-mobile-web-app-capable">
  8. <meta content="black" name="apple-mobile-web-app-status-bar-style">
  9. <meta content="telephone=no" name="format-detection">
  10. <title>觉大消防</title>
  11. </head>
  12. <style>
  13. .pages a,.pages span {
  14. display:inline-block;
  15. padding:2px 5px;
  16. margin:0 1px;
  17. border:1px solid #f0f0f0;
  18. -webkit-border-radius:3px;
  19. -moz-border-radius:3px;
  20. border-radius:3px;
  21. }
  22. .pages a,.pages li {
  23. display:inline-block;
  24. list-style: none;
  25. text-decoration:none; color:#58A0D3;
  26. }
  27. .pages a.first,.pages a.prev,.pages a.next,.pages a.end{
  28. margin:0;
  29. }
  30. .pages a:hover{
  31. border-color:#50A8E6;
  32. }
  33. .pages span.current{
  34. background:#50A8E6;
  35. color:#FFF;
  36. font-weight:700;
  37. border-color:#50A8E6;
  38. }
  39. </style>
  40. <link rel="stylesheet" type="text/css" href="__PUBLIC__/wxapp/css/style.css">
  41. <script type="text/javascript" src="__PUBLIC__/wxapp/js/jquery-1.11.3.min.js"></script>
  42. <body>
  43. <!--头部-->
  44. <div class="header">
  45. <!--<a class="comblack" href="__MODULE__/Index/index{$tokenurl}/companyid/{$companyid}"></a> -->
  46. 水系统</div>
  47. <!--内容-->
  48. <div class="content">
  49. <!--导航-->
  50. <div class="fire-alarm-title">
  51. <span onclick="tabset(this)" name="all" class="title-label select-color" >全部
  52. <if condition="$wjcn eq 0 ">
  53. <else /><p>{$wjcn}</p>
  54. </if>
  55. <!--<p>{$wjcn}</p>-->
  56. </span>
  57. <span onclick="tabset(this)" name="untreated" class="title-label">未处理</span>
  58. <span onclick="tabset(this)" name="treated" class="title-label">已处理</span>
  59. </div>
  60. <!--选择内容-->
  61. <div class="content-bottom" id="content-data">
  62. </div>
  63. <div class="genduo"></div>
  64. </div>
  65. <!--底部-->
  66. <div class="footer"></div>
  67. <div class="genduo"></div>
  68. </body>
  69. <script type="text/javascript">
  70. //点击 tab页 切换tab页
  71. let tabset=function(tab)
  72. {
  73. let companyid='10063';
  74. if( tab =='all')
  75. {
  76. var type='all';
  77. }
  78. else
  79. {
  80. var type=$(tab).attr("name");
  81. $(tab).siblings().removeClass('select-color');
  82. $(tab).addClass('select-color');
  83. }
  84. //let index=$(".fire-alarm-title span").index(tab);获取点击的是第几个tab页
  85. $.post('__MODULE__/Public/change/485c23948343b4b772b17a3c141e9178',{'type':type,'companyid':companyid},function(res)
  86. {
  87. $('#content-data').html(res);
  88. });
  89. }
  90. tabset('all');
  91. var p1 = 2,ok = 1,p="{$p}";
  92. $(window).scroll(function () {
  93. var scrollTop = $(this).scrollTop();
  94. var scrollHeight = $(document).height();
  95. var windowHeight = $(this).height();
  96. if (scrollTop + windowHeight == scrollHeight) {
  97. if(p > p1){
  98. scroll_buttom(p1);
  99. }else{
  100. //不能加载更多
  101. if(ok === 1){
  102. $(".genduo").append("不能加载更多");
  103. ok++;
  104. }
  105. }
  106. }
  107. });
  108. function scroll_buttom(p1) {
  109. var url_scroll = "{:U('Home/Waterone/chang')}";
  110. $.ajax({
  111. url:url_scroll,
  112. type:'get',
  113. dataType:"json",
  114. data:{p1:p1},
  115. success:function (data) {
  116. console.log(data)
  117. //if(data.code == 0){
  118. $(data).each(function(index){
  119. //?contentId='+num.contentId+'
  120. var num = data[index];
  121. var html_a = "<div class=\"item-list\">" +
  122. "<p>"+num.time+ "<span class=\"size\" >"+num.wtype+"</span></p>" +
  123. "<p>"+num.owner_name +
  124. "<span>\n";
  125. if(num.clzt==1){
  126. html_a+= " <a href=\"__MODULE__/Fireinfo/index{$tokenurl}/type/2/id/"+ num.id+"\">已处理</a>";
  127. }else{
  128. html_a+= " <a class=\"bule\" href=\"__MODULE__/Fireinfo/index{$tokenurl}/type/2/id/"+num.id+"\">未处理</a>" +
  129. }
  130. html_a+= " </span></p></div>";
  131. // "<if condition="+"\"$vo.clzt eq 1 \">\n" +
  132. // " <a href=\"__MODULE__/Fireinfo/index{$tokenurl}/type/2/id/{$vo.id}\">已处理</a>\n" +
  133. // " <else />\n" +
  134. // " <a class=\"bule\" href=\"__MODULE__/Fireinfo/index{$tokenurl}/type/2/id/{$vo.id}\">未处理</a>\n" +
  135. // " </if></span></p>\n" +
  136. // " </div>";
  137. $(".content-bottom").append(html_a);
  138. });
  139. p++;
  140. }
  141. // }
  142. })
  143. }
  144. </script>
  145. </html>