pang.jiabao
2025-09-03 40eead2f9def9ff32a7f9820d33ad827abe46d0f
src/main/webapp/views/index.html
@@ -2,13 +2,15 @@
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>浙江中扬 - 自动化立体仓库 - AS / RS</title>
  <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" href="../static/wms/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="../static/wms/css/admin.css?v=318" media="all">
  <link rel="stylesheet" href="../static/wms/css/loader.css" media="all">
  <link rel="stylesheet" href="../static/wcs/css/layx.min.css" type="text/css" />
  <script src="../static/wcs/js/tools/layx.min.js"></script>
  <style>
    .layui-logo img {
      width: 25px;
@@ -18,6 +20,27 @@
      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;
    }
    .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">
@@ -26,9 +49,9 @@
  <div class="layui-header">
    <div class="layui-logo">
      <img class="loginLogo" src="../static/wms/image/logo.png" style="display: inline-block; width: 60%;height: auto">
      <!--          <span style="margin-top: 0; letter-spacing: 10px">中扬立库</span>-->
      <!--          <span style="margin-top: 0; letter-spacing: 10px">wcs</span>-->
      <!--          <img src="../static/wms/image/logo.svg"/>-->
      <!--          <cite>中扬 - Zoneyung</cite>-->
      <!--          <cite>wcs - 自动化立体仓库</cite>-->
    </div>
    <ul class="layui-nav layui-layout-left">
@@ -77,7 +100,7 @@
  <div class="layui-body"></div>
  <!-- 底部 -->
  <div class="layui-footer layui-text">
    <span class="copyright-text">copyright © 2023 浙江中扬立库技术有限公司 all rights reserved.</span>
<!--    <span class="copyright-text">copyright © 2023 wcs all rights reserved.</span>-->
    <span class="pull-right">Version 1.0.0</span>
  </div>
@@ -87,13 +110,65 @@
<div class="layuimini-loader">
  <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>
  </div>
</div>
<script>
  // 显示弹窗
  function showPopup(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';
  }
</script>
<script type="text/javascript" src="../static/wms/js/jquery/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../static/wms/layui/layui.js"></script>
<script type="text/javascript" src="../static/wms/js/handlebars/handlebars-v4.5.3.js"></script>
<script type="text/javascript" src="../static/wms/js/common.js"></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;');
  f()
  function f() {
    $.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 <= 15) {
            showPopup(res.data)
          } else {
            showPopup("");
          }
        }
      }
    });
  }
</script>
<script>
  console.log('%c wcs %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";
@@ -168,6 +243,20 @@
        if (res.code == 200) {
          let days = res.data
          if (days <= 30) {
            // 弹出一个简单的提示框
            layer.alert(`
  <div style="font-size: 100px; text-align: center; line-height: 1.8; color: red">
    许可证有效期为:${days}
  </div>
`, {
              area: ['1000px', '800px'],
              btn: '确定',
              btnAlign: 'c', // 按钮居中(默认是右对齐)
              yes: function(index) {
                layer.msg('请联系立库公司商务续约');
                layer.close(index);
              }
            });
            $("#licenseShow").show()
            $("#licenseDays").html(days)
          }