pang.jiabao
2025-04-10 6c7c48a3aae8c15499fc087f8732c6964b857716
src/main/webapp/views/index.html
@@ -1,43 +1,104 @@
<!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">
  <style>
    /* 统一处理 */
    *, *::before, *::after {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
    html {
      line-height: 1.5;
      font-size: 15px;
    }
    .nav {
      background-color: #fd5830;
    }
    .nav ul li {
      list-style-type: none;
    }
  </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-window.layx-skin-news .layx-control-bar {
            background-color: #333333;
        }
    </style>
</head>
<body>
<div class="nav">
  <ul>
    <li>导航一</li>
    <li>导航二</li>
    <li>导航三</li>
    <li>导航四</li>
  </ul>
<!-- 导航栏 -->
<!--      <div class="nav">-->
<!--         <li class="right">注销<a id="about" class="nav-unselect" onclick="logout()" href="#"></a></li>-->
<!--      </div>-->
<div class="sidebar">
    <div class="nav">
        <ul class="cl-effect-4" style="width: 300px">
            <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>
</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>
<footer class="footer">
    Copyright © 2015 All Rights Reserved. <a href="http://www.zoneyung.com" target="_blank">浙江中扬立库技术有限公司</a>  保留所有权利
</footer>
</body>
<script>
    // 导航栏
    function nav(id) {
        $('.nav-select').attr("class", "nav-unselect");
        $('#'+id).attr("class", "nav-select");
        $('#content').attr("src", id+".html");
    }
    function logout() {
        localStorage.removeItem("token");
        window.location.href = baseUrl + "/login";
    }
    // 系统运行状态
    var systemRunning = true;
    news();layx.min('wcs-news');
    function news() {
        layx.iframe(
            'wcs-news' // id
            , 'Отчет по анализу системы'
            , "news.html"
            , {
                shadow:false
                , storeStatus:false
                // , skin: 'news'
                , width:800
                , height:600
                , position:'rb'
                // , control:false
                , opacity:0.9
                , border: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
                , event:{
                    onmin: {
                        after: function () {
                            $('.layx-min-statu').css("left", "inherit").css("right", "10px")
                        }
                    }
                    , onrestore:{
                        after: function () {
                            let win = layx.getFrameContext('wcs-news');
                            win.autoScroll = true
                        }
                    }
                }
            }
        );
    }
</script>
</html>