自动化立体仓库 - WMS系统
pang.jiabao
2025-09-03 f667fdf1a1948b2d3c36e1dac803e26992fcab8c
src/main/webapp/views/index.html
@@ -12,6 +12,8 @@
  <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>
  <script type="text/javascript" src="../static/layuiadmin/layui/layui.js"></script>
  <link rel="stylesheet" href="../static/css/layx.min.css" type="text/css" />
  <script type="text/javascript" src="../static/js/tools/layx.min.js"></script>
  <style>
    .layui-layout-admin .layui-footer {
      box-sizing: border-box;
@@ -45,6 +47,27 @@
    .layui-side-menu .layui-nav {
      margin-top: 110px;
    }
    /* 弹窗样式 */
    .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;
    }
    .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>
</head>
<body class="layui-layout-body">
@@ -74,7 +97,9 @@
          <!--</li>-->
        </ul>
        <ul id="cool-header-right" class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
          <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 href="javascript:;" layadmin-event="theme">
              <i class="layui-icon layui-icon-theme"></i>
@@ -153,9 +178,42 @@
      <div class="layadmin-body-shade" layadmin-event="shade"></div>
    </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>
    </div>
  </div>
  <script>
  layui.config({
    // 显示弹窗
    function showPopup(res) {
      console.log(res)
      document.getElementById('popup').style.display = 'block';
      // 获取弹出窗口内容的容器元素
      var popupText = document.getElementById('popup-text');
      // 假设后台返回的字符串为 responseString
      if (res!==""){
        // 获取当前日期
        const currentDate = new Date();
        // 创建新日期对象并添加天数
        const newDate = new Date();
        newDate.setDate(currentDate.getDate() + res + 1);
        // 将字符串设置为弹窗内容的文本
        popupText.textContent = "许可证将于" + new Intl.DateTimeFormat('zh-CN').format(newDate) + "过期,剩余有效期:" + res + "天!";
      }else {
        document.getElementById('popup').style.display = 'none';
      }
    }
    // 隐藏弹窗
    function hidePopup() {
      document.getElementById('popup').style.display = 'none';
    }
    layui.config({
    base: '../static/layuiadmin/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
@@ -233,6 +291,27 @@
          }
        });
      }
    $.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)
          }
          if (days <= 15) {
            showPopup(days)
          }
        }else {
          top.location.href = baseUrl + "/login";
        }
      }
    });
  });
  </script>
</body>