123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>wsclMain</title>
- <link rel="stylesheet" href="views/wscl/common.css" />
- <style type="text/css">
- .suosou{
- height: 0.72rem;
- z-index: 1;
- padding: 0.38rem 0;
- border-bottom: 1px solid #eee;
- }
- #wrap .suosou ul.nav.nav-pills.navbar-fixed-bottom.nav-justified{
- background: #fff;
- justify-content: center;
- padding: 0.12rem 0;
- }
- #wrap .suosou ul.nav-pills>li+li {
- margin-left: 0;
- }
- #wrap .suosou ul.nav.nav-pills.navbar-fixed-bottom.nav-justified li a{
- color: #67889D;
- padding: 0.05rem 0.2rem;
- border: 1px solid #7BA3B9;
- border-radius: 0.08rem;
- }
- .suosouLicolor{
- color: #fff !important;
- background-color: #6C98B1 !important;
- }
- </style>
- <script type="text/javascript">
- var jroll;
- $(function(){
- $("#kb").hide();
- $("#bjsz").hide();
- jroll = new JRoll('#iscrollwsclX',{
- id: "dome1",
- scrollX: true,
- scrollY: false,
- });
- //设置二级菜单横向滚动的宽度
- var deviceW = $("body").width();
- var iscrollXwid = $(".iscrollwsclX li").outerWidth() * $(".iscrollwsclX li").length;
- if (iscrollXwid >= deviceW) {
- $(".iscrollwsclX ul").css("width","auto");
- } else {
- $(".iscrollwsclX ul").css("width","100%");
- }
- setTimeout(function(){
- jroll.refresh();
- }, 500);
- haifm.loadMobilePage("wsclMenu", "wsclYckzIndex.htm?mcid=" + $("#mcid").val());
- $("#iscrollwsclX ul").on("tap", "a", function(){
- var type = $(this).data("for");
- $("#iscrollwsclX ul a").removeClass("suosouLicolor");
- $(this).addClass("suosouLicolor");
- haifm.loadMobilePage("wsclMenu", "wscl" + type + "Index.htm?mcid=" + $("#mcid").val());
- if(type == "Gzyj") {
- $("#flzPanel").addClass("glyphicon-phone");
- }else {
- $("#flzPanel").removeClass("glyphicon-phone");
- }
- if (type == "Yckz") {
- $(".save").show();
- $("#kb").hide();
- } else {
- $(".save").hide();
- $("#kb").show();
- }
-
- });
- $("#flzPanel").on("tap", function(){
- $("#bjsz").show();
- $("#qtsz").hide();
- $(".suosou").hide();
- haifm.loadMobilePage("wsclMenu", "wsclBjszIndex.htm?mcid=" + $("#mcid").val());
- });
-
- });
- function backSy() {
- haifm.loadMobilePage("haifm", "haifmvMain.htm?mcid=" + $("#mcid").val());
- }
- function backOther(){
- $("#bjsz").hide();
- $("#qtsz").show();
- $(".suosou").show();
- haifm.loadMobilePage("wsclMenu", "wsclGzyjIndex.htm?mcid=" + $("#mcid").val());
- }
- </script>
- </head>
- <body>
- <input type="hidden" id="mcid" name="mcid" value="$!mcid" />
- <div id="wrap">
- <header id="qtsz">
- <span class="glyphicon glyphicon-chevron-left" aria-hidden="true" onclick="javascript:backSy()"></span>
- <p>$!mcmc</p>
- <span class="glyphicon glyphicon-ok save" aria-hidden="true" onclick="saveWsclYckz();"></span>
- <span id="kb"></span>
- </header>
- <header id="bjsz">
- <span class="glyphicon glyphicon-chevron-left" aria-hidden="true" onclick="javascript:backOther()"></span>
- <p id="title">报警设置</p>
- <span class="glyphicon" aria-hidden="true" id="flzPanel"></span>
- </header>
- <div class="suosou iscrollwsclX" id="iscrollwsclX">
- <ul class="nav nav-pills navbar-fixed-bottom nav-justified" style="justify-content: space-between;">
- <li><a class="mui-tab-item suosouLicolor" id="yckz" data-for="Yckz">远程控制</a></li>
- <li><a class="mui-tab-item" id="sszt" data-for="Sszt">实时组态</a></li>
- <li><a class="mui-tab-item" id="ssjc" data-for="Ssjc">实时检测</a></li>
- <li><a class="mui-tab-item" id="gzyj" data-for="Gzyj">故障预警</a></li>
- </ul>
- </div>
- <div class="middle" id="wsclMenu"></div>
- </div>
- <!--遮罩-->
- <div id="overlay"></div>
- </body>
- </html>
|