|  |  |  | 
|---|
|  |  |  | html,body { | 
|---|
|  |  |  | height: 100%; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .nav { | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | height: 90px; | 
|---|
|  |  |  | line-height: 90px; | 
|---|
|  |  |  | list-style: none; | 
|---|
|  |  |  | color: #fff; | 
|---|
|  |  |  | position: fixed; | 
|---|
|  |  |  | text-align: center; | 
|---|
|  |  |  | letter-spacing:3px; | 
|---|
|  |  |  | /*.nav {*/ | 
|---|
|  |  |  | /*    width: 100%;*/ | 
|---|
|  |  |  | /*    height: 90px;*/ | 
|---|
|  |  |  | /*    line-height: 90px;*/ | 
|---|
|  |  |  | /*    list-style: none;*/ | 
|---|
|  |  |  | /*    color: #fff;*/ | 
|---|
|  |  |  | /*    position: fixed;*/ | 
|---|
|  |  |  | /*    text-align: center;*/ | 
|---|
|  |  |  | /*    letter-spacing:3px;*/ | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | /*}*/ | 
|---|
|  |  |  | .right { | 
|---|
|  |  |  | float: right; | 
|---|
|  |  |  | margin-right: 1%; | 
|---|
|  |  |  | 
|---|
|  |  |  | transform: translateY(0px); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | /* Effect 1: Brackets 👆*/ | 
|---|
|  |  |  | .sidebar ul { | 
|---|
|  |  |  | font-size: 20px; | 
|---|
|  |  |  | font-weight: 500; | 
|---|
|  |  |  | padding-left: 5%; | 
|---|
|  |  |  | /*.sidebar ul {*/ | 
|---|
|  |  |  | /*    font-size: 20px;*/ | 
|---|
|  |  |  | /*    font-weight: 500;*/ | 
|---|
|  |  |  | /*    padding-left: 5%;*/ | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .sidebar a { | 
|---|
|  |  |  | text-decoration: none; | 
|---|
|  |  |  | /*color: #cbcbcb;*/ | 
|---|
|  |  |  | } | 
|---|
|  |  |  | /*}*/ | 
|---|
|  |  |  | /*.sidebar a {*/ | 
|---|
|  |  |  | /*    text-decoration: none;*/ | 
|---|
|  |  |  | /*    !*color: #cbcbcb;*!*/ | 
|---|
|  |  |  | /*}*/ | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .sidebar a:hover { | 
|---|
|  |  |  | color: rgb(255, 148, 111); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | /*.sidebar a:hover {*/ | 
|---|
|  |  |  | /*    color: rgb(255, 148, 111);*/ | 
|---|
|  |  |  | /*}*/ | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | <!--            <li class="right">注销<a id="about" class="nav-unselect" onclick="logout()" href="#"></a></li>--> | 
|---|
|  |  |  | <!--        </div>--> | 
|---|
|  |  |  | <div class="sidebar"> | 
|---|
|  |  |  | <ul class="cl-effect-1"> | 
|---|
|  |  |  | <li><a id="console" onclick="nav(this.id)" class="nav-select" href="#">主控图</a></li> | 
|---|
|  |  |  | <div class="nav"> | 
|---|
|  |  |  | <ul class="cl-effect-4"> | 
|---|
|  |  |  | <li><a id="render" onclick="nav(this.id)" class="nav-select" href="#">主控图</a></li> | 
|---|
|  |  |  | <li><a id="pipeline" onclick="nav(this.id)" class="nav-unselect" href="#">输送设备</a></li> | 
|---|
|  |  |  | <li><a id="crn" onclick="nav(this.id)" class="nav-unselect" href="#">堆垛机</a></li> | 
|---|
|  |  |  | </ul> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <!--<div style="z-index: 999; position: absolute; top: 250px; left: 900px; width: 200px; height: 200px; opacity: 0.5;background-color: #0000FF">--> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!--</div>--> | 
|---|
|  |  |  | <!-- 主体内容 --> | 
|---|
|  |  |  | <iframe id="content" src="console.html"></iframe> | 
|---|
|  |  |  | <iframe id="content" src="render.html"></iframe> | 
|---|
|  |  |  | <footer class="footer"> | 
|---|
|  |  |  | Copyright © 2015 All Rights Reserved. <a href="http://www.zoneyung.com" target="_blank">浙江中扬立库技术有限公司</a>  保留所有权利 | 
|---|
|  |  |  | </footer> | 
|---|
|  |  |  | 
|---|
|  |  |  | <script> | 
|---|
|  |  |  | // 初始化 | 
|---|
|  |  |  | // 空白行数 | 
|---|
|  |  |  | var stop = false | 
|---|
|  |  |  | var plcErrorTableBlankRows = 0; | 
|---|
|  |  |  | var siteTableBlankRows = 0; | 
|---|
|  |  |  | // 实际行数 | 
|---|
|  |  |  | 
|---|
|  |  |  | // 实时访问 | 
|---|
|  |  |  | setInterval(function () { | 
|---|
|  |  |  | getPlcError(); | 
|---|
|  |  |  | getSite(); | 
|---|
|  |  |  | starGetSite(); | 
|---|
|  |  |  | }, 1000); | 
|---|
|  |  |  | setInterval(function () { | 
|---|
|  |  |  | getSiteOutput(); | 
|---|
|  |  |  | },500); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function starGetSite() { | 
|---|
|  |  |  | if (stop) { | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | getSite(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | // plc异常信息表获取 | 
|---|
|  |  |  | function getPlcError() { | 
|---|
|  |  |  | var tableEl = $('#plc-error-table'); | 
|---|
|  |  |  | 
|---|
|  |  |  | // 详情操作 ------------------------------------------------------------------------- | 
|---|
|  |  |  | var layerDetl; | 
|---|
|  |  |  | $(document).on('dblclick ','#site-table tr', function () { | 
|---|
|  |  |  | stop = false | 
|---|
|  |  |  | var siteId = $(this).children("td").eq(0).html(); | 
|---|
|  |  |  | if (siteId !== null && siteId !== "") { | 
|---|
|  |  |  | layerDetl = layer.open({ | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | stop = true | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | $(document).on('click ','#save', function () { | 
|---|