*

lsh

9 天以前 5e38c75bc9c609d5e41bf817756ef8ed7a0f4851

 src/main/webapp/views/index.html

@@ -10,6 +10,8 @@
  <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;
@@ -18,6 +20,31 @@
      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>
@@ -88,12 +115,69 @@
<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>
        <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>

<script>
    // 显示弹窗
    function showPopup(res) {
        document.getElementById('popup').style.display = 'block';
        // 获取弹出窗口内容的容器元素
        var popupText = document.getElementById('popup-text');
        // 假设后台返回的字符串为 responseString
        if (res!=""){
            var responseString = "许可证即将过期，剩余有效期:"+res+"天！";
            // 将字符串设置为弹窗内容的文本
            popupText.textContent = responseString;
            //关闭设备
            // document.getElementById('popup').style.display = 'none';
        }else {
            document.getElementById('popup').style.display = 'none';
        }

    }

    // 隐藏弹窗
    function hidePopup() {
        document.getElementById('popup').style.display = 'none';
    }
</script>

<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/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 <= 30) {
                        showPopup(res.data)
                    } else {
                        showPopup("");
                    }
                }
            }
        });
        // setTimeout(function () {
        //   f()
        // },3000);
    }
</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')) {