combustible_gas_system.html.bak.2022-01-27 3.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  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;
  26. color: #58A0D3;
  27. }
  28. .pages a.first, .pages a.prev, .pages a.next, .pages a.end {
  29. margin: 0;
  30. }
  31. .pages a:hover {
  32. border-color: #50A8E6;
  33. }
  34. .pages span.current {
  35. background: #50A8E6;
  36. color: #FFF;
  37. font-weight: 700;
  38. border-color: #50A8E6;
  39. }
  40. </style>
  41. <link rel="stylesheet" type="text/css" href="__PUBLIC__/wxapp/css/style.css">
  42. <script type="text/javascript" src="__PUBLIC__/wxapp/js/jquery-1.11.3.min.js"></script>
  43. <script type="text/javascript"
  44. src="__PUBLIC__/wxapp/js/jquery.mloading-master/jquery.mloading-master/src/jquery.mloading.js"></script>
  45. <body>
  46. <!--头部-->
  47. <div class="header"><a class="comblack"
  48. href="__MODULE__/ComprehensiveAlarm/index{$tokenurl}/companyid/{$companyid}"></a> 可燃气体
  49. </div>
  50. <!--内容-->
  51. <div class="content">
  52. <!--导航-->
  53. <div class="fire-alarm-title">
  54. <span onclick="tabset(this)" name="all" class="title-label select-color">全部
  55. <if condition="$gassl[0]['count(*)'] eq 0 ">
  56. <else/> <p>{$gassl[0]['count(*)']}</p>
  57. </if>
  58. <!--<p>{$wjcn}</p>-->
  59. </span>
  60. <span onclick="tabset(this)" name="untreated" class="title-label">未处理</span>
  61. <span onclick="tabset(this)" name="treated" class="title-label">已处理</span>
  62. </div>
  63. <!--选择内容-->
  64. <div class="content-bottom" id="content-data">
  65. </div>
  66. </div>
  67. <!--底部-->
  68. <div class="footer"></div>
  69. </body>
  70. <script type="text/javascript">
  71. //点击 tab页 切换tab页
  72. document.getElementById("content-data").innerHTML = "";
  73. $("#content-data").mLoading("show");
  74. let tabset = function (tab) {
  75. let companyid = '{$companyid}';
  76. if (tab == 'all') {
  77. var type = 'all';
  78. } else {
  79. var type = $(tab).attr("name");
  80. $(tab).siblings().removeClass('select-color');
  81. $(tab).addClass('select-color');
  82. }
  83. //let index=$(".fire-alarm-title span").index(tab);获取点击的是第几个tab页
  84. $.post('__MODULE__/CombustibleGas/change{$tokenurl}', {'type': type, 'companyid': companyid}, function (res) {
  85. $("#content-data").mLoading("hide");
  86. $('#content-data').html(res);
  87. });
  88. }
  89. tabset('all');
  90. </script>
  91. </html>