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

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  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="$wjcn[0]['count(*)'] eq 0 ">
  56. <else/> <p>{$wjcn[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. let tabset = function (tab) {
  73. document.getElementById("content-data").innerHTML = "";
  74. $("#content-data").mLoading("show");
  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__/Efire/change{$tokenurl}', {'type': type, 'companyid': companyid}, function (res) {
  85. // $('#content-data').html(res);
  86. $("#content-data").mLoading("hide");
  87. $('#content-data').html(res);
  88. });
  89. }
  90. tabset('all');
  91. </script>
  92. </html>