| | |
| | | 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> |
| | | <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 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 () { |