+ 添加过期提醒

2022-07-18 00:11:32 +08:00
parent 5f78ac95b7
commit 74342a0319
1 changed files with 30 additions and 1 deletions
--- a/equipment.html
+++ b/equipment.html
@@ -45,7 +45,7 @@
                td_where.innerText = value.where;
                td_name.innerText = value.name;
                td_id.innerText = value.id;
-                td_expir.innerText = value.expir;
+                td_expir.innerHTML = expir(value.expir);

                tr.appendChild(td_where);
                tr.appendChild(td_name);
@@ -56,10 +56,39 @@

            content.appendChild(table);
        });
+
+        function expir(value) {
+            var date = new Date();
+            var array = value.split(".");
+            date.setFullYear(array[0], array[1] - 1, array[2]);
+
+            var day = (date - Date.now()) / 86400000;
+
+            if (day <= 0) {
+                return "<span style='color: red;'><s>" + value + "</s></span><br>" + day + "天";
+            }
+
+            if (day <= 7) {
+                return "<span style='color: red;'>" + value + "</span><br>" + day + "天";
+            }
+
+            if (day <= 30) {
+                return "<span style='color: darkorange;'>" + value + "</span><br>" + day + "天";
+            }
+
+            return value;
+        }
    </script>
 </head>

 <body>
+    <p>
+        过期提醒：<br>
+        <span style="color: darkorange;">黄色表示有效期剩余30天</span><br>
+        <span style="color: red;">红色表示有效期剩余7天</span><br>
+        <span style="color: red;"><s>红色加删除线表示已过期</s></span><br>
+    </p>
+
    <div id="content"></div>
 </body>