自动化立库仓库-WCS系统
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
#
Junjie
6 天以前 d139f7bf7abb80a6672adcca7d45d88dfe8156ed 
 src/main/webapp/views/index.html


@@ -1,103 +1,267 @@


<!DOCTYPE html>


<html lang="en">


<head>


    <meta charset="utf-8">


    <title>自动仓库RCS系统</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>


  <meta charset="utf-8">


  <title>浙江中扬 - 自动化立体仓库 - AS / RS</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" href="../static/layui/css/layui.css" media="all">


  <link rel="stylesheet" href="../static/css/admin.css?v=318" media="all">


  <link rel="stylesheet" href="../static/css/loader.css" media="all">


  <style>


    .layui-logo img {


      width: 25px;


    }


    .layui-logo cite {


      font-size: 18px;


      font-weight: 400;


      /*margin-left: 5px;*/


    }


  </style>


</head>


<body>


<!-- 导航栏 -->


<div class="sidebar">


    <div class="nav">


        <ul class="cl-effect-4">


            <li><a id="console" onclick="nav(this.id)" class="nav-select" href="#">主控图</a></li>


            <li><a id="forklift" onclick="nav(this.id)" class="nav-unselect" href="#">提升机</a></li>


            <li><a id="shuttle" onclick="nav(this.id)" class="nav-unselect" href="#">四向穿梭车</a></li>


            <li><a id="admin" onclick="nav(this.id)" class="nav-unselect" href="#">管理后台</a></li>


        </ul>


<body class="layui-layout-body">


<div class="layui-layout layui-layout-admin">


  <!-- 头部 -->


  <div class="layui-header">


    <div class="layui-logo">


      <img src="../static/images/zy-logo-dark.png" style="display: inline-block; width: 60%;height: auto">


      <!--          <span style="margin-top: 0; letter-spacing: 10px">中扬立库</span>-->


      <!--          <img src="../static/image/logo.svg"/>-->


      <!--          <cite>中扬 - Zoneyung</cite>-->


    </div>




    <ul class="layui-nav layui-layout-left">


      <li class="layui-nav-item" lay-unselect>


        <a ew-event="flexible" title="侧边伸缩"><i class="layui-icon layui-icon-shrink-right"></i></a>


      </li>


      <li class="layui-nav-item" lay-unselect>


        <a ew-event="refresh" title="刷新"><i class="layui-icon layui-icon-refresh-3"></i></a>


      </li>


    </ul>


    <ul class="layui-nav layui-layout-right">


<!--      <li class="layui-nav-item" lay-unselect>-->


<!--        <a ew-event="note" title="便签"><i class="layui-icon layui-icon-note"></i></a>-->


<!--      </li>-->


      <li class="layui-nav-item" lay-unselect id="fakeShow" style="display: none;user-select: none;">


        <div style="color: red;" id="fakeShowText">仿真模拟运行中</div>


      </li>


      <li class="layui-nav-item" lay-unselect id="licenseShow" style="display: none;user-select: none;">


        <div style="color: red;">许可证有效期：<span id="licenseDays">29</span>天</div>


      </li>


      <li class="layui-nav-item layui-hide-xs" lay-unselect>


        <a ew-event="fullScreen" title="全屏"><i class="layui-icon layui-icon-screen-full"></i></a>


      </li>


      <li class="layui-nav-item" lay-unselect>


        <a>


          <cite id="username" style="margin-right: 5px">管理员</cite>


        </a>


        <dl class="layui-nav-child">


          <dd lay-unselect><a ew-href="detail.html?resourceId=8">基本资料</a></dd>


          <hr>


          <dd lay-unselect><a id="logout">退出</a></dd>


        </dl>


      </li>


      <li class="layui-nav-item" lay-unselect>


        <a ew-event="theme" title="主题"><i class="layui-icon layui-icon-more-vertical"></i></a>


      </li>


    </ul>


  </div>




  <!-- 侧边栏 -->


  <div class="layui-side">


    <div class="layui-side-scroll">


      <ul id="menu-main" class="layui-nav layui-nav-tree arrow2" lay-filter="admin-side-nav" lay-shrink="_all">


      </ul>


    </div>


  </div>




  <!-- 主体部分 -->


  <div class="layui-body"></div>


  <!-- 底部 -->


  <div class="layui-footer layui-text">


    copyright © 2023 浙江中扬立库技术有限公司 all rights reserved.


    <span class="pull-right">Version 1.0.0</span>


  </div>




</div>


<!-- 主体内容 -->


<iframe id="content" src="console.html"></iframe>


<!-- 尾部 -->


<footer class="footer">


    Copyright © 2015~2025 All Rights Reserved. 浙江中扬立库技术有限公司  保留所有权利


</footer>


</body>




<!--初始化加载层-->


<div class="layuimini-loader">


  <div class="layuimini-loader-inner"></div>


</div>




<script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script>


<script type="text/javascript" src="../static/layui/layui.js"></script>


<script type="text/javascript" src="../static/js/handlebars/handlebars-v4.5.3.js"></script>


<script type="text/javascript" src="../static/js/common.js"></script>


<script>


    // 导航栏


    function nav(id) {


        if(id == 'admin') {


            window.open('./admin/index.html')


            return


        }else if (id == "shuttle") {


            window.open('./shuttleNew.html')


            return


        }


        $('.nav-select').attr("class", "nav-unselect");


        $('#'+id).attr("class", "nav-select");


        $('#content').attr("src", id+".html");


  console.log('%c 中扬立库平台 %c 1.0.0','background-color:rgb(53,73,94);color: #fff;border-radius:2px 0 0 2px;padding:2px 4px;','background-color:rgb(25,190,107);color: #fff;border-radius:0 2px 2px 0;padding:2px 4px;font: 9pt "Apercu Regular", Georgia, "Times New Roman", Times, serif;');


  $(function () {


    if ("" === localStorage.getItem('token')) {


      top.location.href = baseUrl + "/login";


    }


  });




  layui.config({


    base: baseUrl + "/static/layui/lay/modules/"


  }).extend({


    notice: 'notice/notice',


  }).use(['index', 'element', 'layer', 'admin', 'notice'], function () {


    var $ = layui.jquery;


    var index = layui.index;


    var element = layui.element;


    var layer = layui.layer;


    var admin = layui.admin;


    var notice = layui.notice;




    var easywebIframeMsg = localStorage.getItem("easyweb-iframe");


    if (!isEmpty(easywebIframeMsg)) {


      var easywebIframeObj = JSON.parse(easywebIframeMsg);


      if (easywebIframeObj.defaultTheme === undefined) {


        admin.changeTheme("theme-colorful");


      }


    }




    // 系统运行状态


    var systemRunning = true;




    // news by http://chuange.gitee.io/vue-layx/


    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


                        }


                    }


                }


    let fakeRunning = false


    setInterval(function () {


      $.ajax({


        url: baseUrl + "/openapi/getFakeSystemRunStatus",


        headers: {'token': localStorage.getItem('token')},


        method: 'GET',


        success: function (res) {


          if (res.code === 200) {


            if(res.data.isFake) {


              $("#fakeShow").show()


              let running = res.data.running


              if (running) {


                $("#fakeShowText").text("仿真模拟运行中")


              } else {


                $("#fakeShowText").text("仿真模拟未运行")


              }


              fakeRunning = running


            }else {


              $("#fakeShow").hide()


            }


        );


    }


          }else {


            top.location.href = baseUrl + "/login";


          }


        }


      });


    }, 1000);




    $("#fakeShow").on("click", function () {


      if (fakeRunning) {


        layer.confirm('确定要停止仿真模拟吗？', function (index) {


          layer.close(index);


          $.ajax({


            url: baseUrl + "/openapi/stopFakeSystem",


            headers: {'token': localStorage.getItem('token')},


            method: 'POST',


            success: function (res) {


              if (res.code === 200) {


                layer.msg("仿真模拟已停止", {icon: 1});


                $("#fakeShowText").text("仿真模拟未运行")


              } else {


                layer.msg(res.msg, {icon: 2});


              }


            }


          });


        });


      } else {


        layer.confirm('确定要启动仿真模拟吗？', function (index) {


          layer.close(index);


          $.ajax({


            url: baseUrl + "/openapi/startFakeSystem",


            headers: {'token': localStorage.getItem('token')},


            method: 'POST',


            success: function (res) {


              if (res.code === 200) {


                layer.msg("仿真模拟已启动", {icon: 1});


                $("#fakeShowText").text("仿真模拟运行中")


              } else {


                layer.msg(res.msg, {icon: 2});


              }


            }


          });


        });


      }


    });




    $.ajax({


      url: baseUrl + "/menu/auth",


      headers: {'token': localStorage.getItem('token')},


      method: 'POST',


      // async: false,


      success: function (res) {


        // 关闭加载动画


        $('.layuimini-loader').fadeOut();


        if (res.code === 200) {


          var tpl = $('#menuTpl').html();


          var template = Handlebars.compile(tpl);


          var html = template(res);


          $("#menu-main").html(html);


          element.init();


        } else if (res.code === 403) {


          top.location.href = baseUrl + "/login";


        } else {


          layer.msg(res.msg, {icon: 2});


        }


      }


    });




    $.ajax({


      url: baseUrl + "/license/getLicenseDays",


      headers: {'token': localStorage.getItem('token')},


      method: 'POST',


      success: function (res) {


        if (res.code == 200) {


          let days = res.data


          if (days <= 30) {


            $("#licenseShow").show()


            $("#licenseDays").html(days)


          }


        }else {


          top.location.href = baseUrl + "/login";


        }


      }


    });




    // 默认加载主页


    index.loadHome({


      menuPath: baseUrl+'/views/watch/console.html',


      menuName: '<i class="layui-icon layui-icon-home"></i>'


    });




    $('#username').text(localStorage.getItem('username'));




    $(document).on('click','#logout', function () {


      window.location.href = "login.html";


      localStorage.removeItem('token');


      localStorage.removeItem('username');


      admin.closeAllTabs();


    });




    // 替换退出按钮变量


    var logout = document.getElementById('logout');


    var url = logout.getAttribute('href');


    logout.setAttribute('href', baseUrl + "/login");




  });


</script>


<script type="text/html" id="menuTpl">


  {{#each data}}


  <li class="layui-nav-item">


    <a><i class="layui-icon {{this.menuIcon}}"></i>&emsp;<cite>{{this.menu}}</cite></a>


    <dl class="layui-nav-child">


      {{#each this.subMenu}}


      <dd><a lay-href="{{this.code}}?resourceId={{this.id}}">{{this.name}}</a></dd>


      {{/each}}


    </dl>


  </li>


  {{/each}}


</script>


</body>


</html>