fire_inspector.html 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  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"><a class="comblack" href="__MODULE__/Index/index{$tokenurl}/companyid/{$companyid}"></a> 消防支队人工督查单</div>
  45. <!--内容-->
  46. <div class="content">
  47. <!--导航-->
  48. <div class="fire-alarm-title">
  49. <span onclick="tabset(this)" name="all" class="title-label select-color">全部
  50. <if condition="$dcd eq 0 ">
  51. <else /> <p>{$dcd}</p>
  52. </if>
  53. <!--<p>{$wjcn}</p>-->
  54. </span>
  55. <span onclick="tabset(this)" name="untreated" class="title-label">未处理</span>
  56. <span onclick="tabset(this)" name="treated" class="title-label">已处理</span>
  57. </div>
  58. <!--选择内容-->
  59. <div class="content-bottom" id="content-data">
  60. </div>
  61. </div>
  62. <!--底部-->
  63. <div class="footer"></div>
  64. </body>
  65. <script type="text/javascript">
  66. //点击 tab页 切换tab页
  67. let tabset=function(tab)
  68. {
  69. let companyid='{$companyid}';
  70. if( tab =='all')
  71. {
  72. var type='all';
  73. }
  74. else
  75. {
  76. var type=$(tab).attr("name");
  77. $(tab).siblings().removeClass('select-color');
  78. $(tab).addClass('select-color');
  79. }
  80. //let index=$(".fire-alarm-title span").index(tab);获取点击的是第几个tab页
  81. $.post('__MODULE__/FireInspector/change{$tokenurl}',{'type':type,'companyid':companyid},function(res)
  82. {
  83. $('#content-data').html(res);
  84. });
  85. }
  86. tabset('all');
  87. </script>
  88. </html>