#
luxiaotao1123
2022-12-22 bf1867f99d312c3bde762dbc5282b4efb3c2f373
src/main/webapp/views/index.html
@@ -1,44 +1,84 @@
<!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>
    <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;
        }
  </style>
        #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="console.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>