123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
- <meta charset="utf-8">
- <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
- <meta content="yes" name="apple-mobile-web-app-capable">
- <meta content="black" name="apple-mobile-web-app-status-bar-style">
- <meta content="telephone=no" name="format-detection">
- <title>设备维保</title>
- </head>
- <link rel="stylesheet" type="text/css" href="__PUBLIC__/wxapp/css/style.css">
- <script src="__PUBLIC__/wxapp/js/jquery-1.11.3.min.js"></script>
- <body>
- <!--头部-->
- <div class="header"><a class="comblack" href="__MODULE__/index/index{$tokenurl}/companyid/{$companyid}"></a> 设备维保</div>
- <!--内容-->
- <div class="content">
- <!--导航-->
- <div class="fire-alarm-title">
- <span onclick="tabset(this)" name="fire" class="title-label select-color">火警</span>
- <span onclick="tabset(this)" name="water" class="title-label">水警</span>
- <span onclick="tabset(this)" name="efire" class="title-label">电气火灾</span>
- <span onclick="tabset(this)" name="rtu" class="title-label">Rtu</span>
- <span onclick="tabset(this)" name="fume" class="title-label">烟感</span>
- </div>
- <!--选择内容-->
- <div class="content-bottom" id="content-data" >
- </div>
- </div>
- <!--底部-->
- <div class="footer"></div>
- </body>
- <style type="text/css">
- .title-label { width: 20%; color: #000000;
- line-height: 55px; font-size: 16px; display: inline-block; text-align: center;
- float: left; cursor: pointer; border-bottom: 4px solid #DCDCDC;}
- .select-color { border-bottom: 4px solid #C91E30;}
- .fire-content { box-sizing: border-box; padding: 25px;}
- .content-bottom-li{ clear: both; text-align: left; font-size: 16px; line-height: 26px; border-bottom: 1px solid #DCDCDC;}
- .content-bottom-li a:first-child{ padding-left: 5%; padding-top: 20px; padding-bottom: 20px; display: block; }
- .content-bottom ul li span{ font-size: 14px; color:#646464; display: block; float: right; }
- .next-list{ color:#DBDBDB; margin-right: 5%; clear: both; }
- .span-ffist{ font-size: 16px; clear: both; display: inline-block; width: 78%;}
- </style>
- <script type="text/javascript">
- //点击 tab页 切换tab页
- let tabset=function(tab)
- {
- let companyid='{$companyid}';
- let phone='{$phone}';
- if( tab =='fire')
- {
- var type='fire';
- }
- else
- {
- var type=$(tab).attr("name");
- $(tab).siblings().removeClass('select-color');
- $(tab).addClass('select-color');
- }
- //let index=$(".fire-alarm-title span").index(tab);获取点击的是第几个tab页
- $.post('__MODULE__/Maint/change{$tokenurl}',{'type':type,'companyid':companyid,'phone':phone},function(res)
- {
- $('#content-data').html(res);
- });
- }
- tabset('fire');
- </script>
- </html>
|