#

Junjie

昨天 f63b2222952a8f1e5a4e1ce4312a78f293be80c8

 src/main/webapp/views/index.html

@@ -10,6 +10,7 @@
  <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" />
  <style>
    .layui-logo img {
      width: 25px;
@@ -18,6 +19,28 @@
      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;
    }

    .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>
@@ -86,8 +109,18 @@
  <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 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/tools/layx.min.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>
@@ -97,6 +130,31 @@
      top.location.href = baseUrl + "/login";
    }
  });

  // 显示弹窗
  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: baseUrl + "/static/layui/lay/modules/"
@@ -150,7 +208,10 @@
          if (days <= 30) {
            $("#licenseShow").show()
            $("#licenseDays").html(days)
            alert("临时许可有效期：" + days + "天")
          }

          if (days <= 15) {
            showPopup(days)
          }
        }else {
          top.location.href = baseUrl + "/login";