fire_hydrant.htm.bak.2022-01-26 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  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. <link rel="stylesheet" type="text/css" href="__PUBLIC__/wxapp/css/style.css">
  13. <script type="text/javascript" src="__PUBLIC__/wxapp/js/jquery-1.11.3.min.js"></script>
  14. <script type="text/javascript" src="__PUBLIC__/wxapp/js/jquery.mloading-master/jquery.mloading-master/src/jquery.mloading.js"></script>
  15. <body>
  16. <!--头部-->
  17. <div class="header"><a class="comblack" href="__MODULE__/ComprehensiveAlarm/index{$tokenurl}/companyid/{$companyid}"></a> 消防栓监测</div>
  18. <!--内容-->
  19. <div class="content">
  20. <!--导航-->
  21. <div class="fire-alarm-title">
  22. <span onclick="tabset(this)" name="all" class="title-label select-color">全部
  23. <if condition="$wcl eq 0 ">
  24. <else /> <p>{$wcl}</p>
  25. </if>
  26. <!--<p>{$wcl}</p>-->
  27. </span>
  28. <span onclick="tabset(this)" name="untreated" class="title-label">未处理</span>
  29. <span onclick="tabset(this)" name="treated" class="title-label">已处理</span>
  30. </div>
  31. <!--选择内容-->
  32. <div class="content-bottom" id="content-data" >
  33. </div>
  34. </div>
  35. <!--底部-->
  36. <div class="footer"></div>
  37. </body>
  38. <script type="text/javascript">
  39. // $(document).ready(function(){
  40. // $(function(){
  41. // $(".title-label").click(function(){
  42. // $("#content-data").mLoading("show");
  43. //
  44. // });
  45. // });
  46. // });
  47. //点击 tab页 切换tab页
  48. let tabset=function(tab)
  49. {
  50. document.getElementById("content-data").innerHTML = "";
  51. $("#content-data").mLoading("show");
  52. let companyid='{$companyid}';
  53. if( tab =='all')
  54. {
  55. var type='all';
  56. }
  57. else
  58. {
  59. var type=$(tab).attr("name");
  60. $(tab).siblings().removeClass('select-color');
  61. $(tab).addClass('select-color');
  62. }
  63. //let index=$(".fire-alarm-title span").index(tab);获取点击的是第几个tab页
  64. $.post('__MODULE__/FireHydrant/change{$tokenurl}',{'type':type,'companyid':companyid},function(res)
  65. {
  66. $("#content-data").mLoading("hide");
  67. $('#content-data').html(res);
  68. });
  69. }
  70. tabset('all');
  71. </script>
  72. </html>