许可证提示优化

pang.jiabao

7 小时以前 a8660cd50d520ab35b03da29b95861ee845fba1e

 src/main/webapp/views/index.html

@@ -108,32 +108,31 @@
<div class="layuimini-loader">
  <div class="layuimini-loader-inner"></div>
</div>
<!-- 弹窗内容 -->
<div class="popup" id="popup">
<!-- 弹窗内容，默认隐藏 -->
<div class="popup" id="popup" style="display: none;">
  <div class="popup-content">
    <h2 style="font-size: 28px;margin-bottom: 10px;">许可证即将过期</h2>
    <h2 id="popup-title" 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) {
    console.log(res)
    document.getElementById('popup').style.display = 'block';
    // 获取弹出窗口内容的容器元素
    var popupText = document.getElementById('popup-text');
    // 假设后台返回的字符串为 responseString
    if (res!==""){
      // 获取当前日期
  function showPopup(days) {
    var popup = document.getElementById('popup');
    var title = document.getElementById('popup-title');
    var text = document.getElementById('popup-text');

    if (days && !isNaN(days) && days > 0) {
      title.textContent = "许可证即将过期";  // 仅在需要显示时设置标题
      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';
      const expireDate = new Date();
      expireDate.setDate(currentDate.getDate() + Number(days) + 1);
      text.textContent = "许可证将于" + new Intl.DateTimeFormat('zh-CN').format(expireDate)
              + "过期，剩余有效期: " + days + "天！";
      popup.style.display = 'flex';  // 仅需要时显示
    } else {
      popup.style.display = 'none';  // 不需要时隐藏整个弹窗
    }
  }

@@ -146,26 +145,26 @@
<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>
  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>-->
<!--  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 中扬立库平台 %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 () {
@@ -222,12 +221,21 @@
      method: 'POST',
      success: function (res) {
        if (res.code == 200) {
          let days = res.data
          if (days <= 30) {
            $("#licenseShow").show()
            $("#licenseDays").html(days)
          let days = Number(res.data);

          // 弹窗显示
          if (days <= 15) {
            showPopup(days);
          } else {
            showPopup("");
          }
        }else {

          // 顶部导航条显示
          if (days <= 30) {
            $("#licenseShow").show();
            $("#licenseDays").html(days);
          }
        } else {
          top.location.href = baseUrl + "/login";
        }
      }