| | |
| | | <!DOCTYPE html> |
| | | <html lang=""> |
| | | <html> |
| | | <head> |
| | | <meta charset="utf-8"> |
| | | <title>自动仓库WCS系统</title> |
| | | <meta name="renderer" content="webkit"> |
| | | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
| | | <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> |
| | | <link rel="stylesheet" type="text/css" href="../static/css/normalize.css"> |
| | | <link rel="stylesheet" type="text/css" href="../static/css/common.css"> |
| | | <link rel="stylesheet" type="text/css" href="../static/css/index.css"> |
| | | <script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script> |
| | | <script type="text/javascript" src="../static/js/common.js"></script> |
| | | <style> |
| | | #content { |
| | | box-sizing: border-box; |
| | | padding-top: 46px; |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | </style> |
| | | <meta charset="utf-8"> |
| | | <title>自动仓库WCS系统</title> |
| | | <link rel="stylesheet" href="../static/css/index.css"> |
| | | <link rel="stylesheet" href="../static/css/layx.min.css" type="text/css" /> |
| | | <script src="../static/js/jquery/jquery-3.3.1.min.js"></script> |
| | | <script src="../static/js/tools/layx.min.js"></script> |
| | | <style> |
| | | #layx-radiu-style{ |
| | | border-radius:4px; |
| | | -webkit-border-radius:4px; |
| | | -moz-border-radius:4px; |
| | | -ms-border-radius:4px; |
| | | } |
| | | |
| | | #layx-radiu-style .layx-window-icon{ |
| | | color:#f00; |
| | | } |
| | | </style> |
| | | </head> |
| | | <body> |
| | | <!-- 导航栏 --> |
| | | <ul class="nav"> |
| | | <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> |
| | | <li class="right"><a id="about" class="nav-unselect" onclick="nav(this.id)" href="#">关于</a></li> |
| | | </ul> |
| | | |
| | | <!-- 主体内容 --> |
| | | <iframe id="content" src="pipeline.html"></iframe> |
| | | |
| | | <footer class="footer"> |
| | | Copyright © 2015 All Rights Reserved. <a href="http://www.zoneyung.com" target="_blank">浙江中扬物流装备有限公司</a> 保留所有权利 |
| | | </footer> |
| | | <!-- 导航栏 --> |
| | | <div class="sidebar"> |
| | | <div class="nav"> |
| | | <ul class="cl-effect-4"> |
| | | <li><a id="layx" onclick="news()" class="nav-unselect" href="#">通知</a></li> |
| | | <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> |
| | | <li><a id="ste" onclick="nav(this.id)" class="nav-unselect" href="#">穿梭车</a></li> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | | <!-- 主体内容 --> |
| | | <iframe id="content" src="console.html"></iframe> |
| | | <footer class="footer"> |
| | | Copyright © 2015 All Rights Reserved. 江苏睿云智能装备有限公司 保留所有权利 |
| | | </footer> |
| | | </body> |
| | | <script> |
| | | // 导航栏 |
| | | function nav(id) { |
| | | $('.nav-select').attr("class", "nav-unselect"); |
| | | $('#'+id).attr("class", "nav-select"); |
| | | $('#content').attr("src", id+".html"); |
| | | } |
| | | // 导航栏 |
| | | function nav(id) { |
| | | $('.nav-select').attr("class", "nav-unselect"); |
| | | $('#'+id).attr("class", "nav-select"); |
| | | $('#content').attr("src", id+".html"); |
| | | } |
| | | |
| | | // 系统运行状态 |
| | | var systemRunning = true; |
| | | |
| | | news();layx.min('wcs-news'); |
| | | |
| | | // http://chuange.gitee.io/vue-layx/ |
| | | function news() { |
| | | layx.iframe('wcs-news','系统分析报告','./iframe.html',{ |
| | | shadow:false |
| | | , width:600 |
| | | , height:800 |
| | | // , position:'rb' |
| | | // , control:false |
| | | , opacity:0.9 |
| | | , border:false |
| | | // , icon:false |
| | | , icon:'<img src="../static/images/favicon.ico" style="height:22px;display:block;" alt=""/>' |
| | | , stickMenu:true |
| | | , maxMenu:false |
| | | , closeMenu:false |
| | | , moveLimit:{ |
| | | leftOut: false, |
| | | rightOut: false, |
| | | topOut: false, |
| | | bottomOut: false, |
| | | } |
| | | , minWidth:300 |
| | | , minHeight:300 |
| | | , borderRadius: '8px' |
| | | // , shadeDestroy:true |
| | | , escKey: false |
| | | }); |
| | | } |
| | | </script> |
| | | </html> |
| | | |
| | | |