自动化立体仓库 - WMS系统
*
lsh
17 小时以前 f1ba3b75abb658085e15b0ff37fa513be43a6733
src/main/webapp/views/index.html
@@ -1,122 +1,132 @@
<!DOCTYPE html>
<html lang="en">
<head>
  <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="icon" type="image/x-icon" href="../static/image/favicon.ico" />
  <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">
  <link rel="stylesheet" href="../static/css/layx.min.css" type="text/css" />
  <script src="../static/js/tools/layx.min.js"></script>
  <style>
    .layui-logo img {
      width: 25px;
    }
    .layui-logo cite {
      font-size: 18px;
      font-weight: 400;
      /*margin-left: 5px;*/
    }
    /* 弹窗样式 */
    .popup {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        display: none;
        justify-content: center;
        align-items: center;
        z-index: 9999;
    }
    <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="icon" type="image/x-icon" href="../static/image/favicon.ico"/>
    <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">
    <link rel="stylesheet" href="../static/css/layx.min.css" type="text/css"/>
    <script src="../static/js/tools/layx.min.js"></script>
    <style>
        .layui-logo img {
            width: 25px;
        }
    .popup-content {
        background-color: #fff;
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
        text-align: center;
    }
  </style>
        .layui-logo cite {
            font-size: 18px;
            font-weight: 400;
            /*margin-left: 5px;*/
        }
        /* 弹窗样式 */
        .popup {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
        }
        .popup-content {
            background-color: #fff;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
            text-align: center;
        }
        button:hover {
            background-color: #0069d9;
        }
    </style>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
  <!-- 头部 -->
  <div class="layui-header">
    <div class="layui-logo">
<!--      <img src="../static/image/logo.png" style="display: inline-block; width: 40%;height: auto">-->
      <!--          <span style="margin-top: 0; letter-spacing: 10px">中扬立库</span>-->
                <img src="../static/image/favicon.ico"/>
                <cite>徐工汉云</cite>
    <!-- 头部 -->
    <div class="layui-header">
        <div class="layui-logo">
            <!--      <img src="../static/image/logo.png" style="display: inline-block; width: 40%;height: auto">-->
            <!--          <span style="margin-top: 0; letter-spacing: 10px">中扬立库</span>-->
            <img src="../static/image/favicon.ico"/>
            <cite>徐工汉云</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="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>
    <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="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 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>
  <!-- 主体部分 -->
  <div class="layui-body"></div>
  <!-- 底部 -->
  <div class="layui-footer layui-text">
    copyright © 2023 <a href="https://zoneyung.com/" target="_blank">徐工汉云</a> all rights reserved.
    <span class="pull-right">Version 1.0.0</span>
  </div>
    <!-- 主体部分 -->
    <div class="layui-body"></div>
    <!-- 底部 -->
    <div class="layui-footer layui-text">
        copyright © 2023 <a href="https://zoneyung.com/" target="_blank">徐工汉云</a> all rights reserved.
        <span class="pull-right">Version 1.0.0</span>
    </div>
</div>
<!--初始化加载层-->
<div class="layuimini-loader">
  <div class="layuimini-loader-inner"></div>
    <div class="layuimini-loader-inner"></div>
</div>
<!-- 弹窗内容 -->
<div class="popup" id="popup">
    <div class="popup-content">
        <h2 style="font-size: 28px;margin-bottom: 10px;">许可证即将过期</h2>
        <div id="popup-text" style="font-size: 28px;color: red"></div>
        <button style="background-color: #007bff;color: #fff;border: none;padding: 10px 20px;border-radius: 5px;cursor: pointer;font-size: 16px;" onclick="hidePopup()">关闭</button>
        <p style="font-size: 26px;margin-bottom: 20px;margin-top: 20px;color: blue">请联系立库公司商务续约!!!</p>
        <button style="background-color: #007bff;color: #fff;border: none;padding: 10px 20px;border-radius: 5px;cursor: pointer;font-size: 16px;"
                onclick="hidePopup()">关闭
        </button>
    </div>
</div>
@@ -127,15 +137,13 @@
        // 获取弹出窗口内容的容器元素
        var popupText = document.getElementById('popup-text');
        // 假设后台返回的字符串为 responseString
        if (res!=""){
            // 获取当前日期
            const currentDate = new Date();
            // 创建新日期对象并添加天数
            const newDate = new Date();
            newDate.setDate(currentDate.getDate() + res + 1);
        if (res != "") {
            var responseString = "许可证即将过期,剩余有效期:" + res + "天!";
            // 将字符串设置为弹窗内容的文本
            popupText.textContent = "许可证将于" + new Intl.DateTimeFormat('zh-CN').format(newDate) + "过期,剩余有效期:" + res + "天!";
        }else {
            popupText.textContent = responseString;
            //关闭设备
            // document.getElementById('popup').style.display = 'none';
        } else {
            document.getElementById('popup').style.display = 'none';
        }
@@ -153,6 +161,7 @@
<script type="text/javascript" src="../static/js/common.js"></script>
<script>
    f()
    function f() {
        $.ajax({
            url: baseUrl + "/license/getLicenseDays",
@@ -161,7 +170,7 @@
            success: function (res) {
                if (res.code == 200) {
                    let days = res.data
                    if (days <= 15) {
                    if (days <= 30) {
                        showPopup(res.data)
                    } else {
                        showPopup("");
@@ -175,106 +184,106 @@
    }
</script>
<script>
  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");
      }
    }
    $.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});
    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";
        }
      }
    });
    $.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";
    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");
            }
        }
      }
        $.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/home/navigation.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");
    });
    // 默认加载主页
    index.loadHome({
      menuPath: baseUrl+'/views/home/navigation.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}}
    {{#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>