+ 设备信息可搜索表内所有内容，表格底部增加数量提示

2022-07-24 01:17:09 +08:00
parent ff076ba292
commit 6df72d4e84
1 changed files with 13 additions and 3 deletions
--- a/equipment.html
+++ b/equipment.html
@@ -13,12 +13,19 @@
    <script>
        $(document).ready(function () {
            createTable(info);
-            $("#keyword").attr("placeholder", "输入仪器名称或编号查询（忽略大小写）");
+            $("#keyword").attr("placeholder", "输入查询关键字（忽略大小写）");
            $("#search").click(() => {
                var keyword = $("#keyword").val();
+                if (keyword == "") {
+                    createTable(info);
+                    return;
+                }
                var temp = [];
                info.filter(value => {
-                    if (value.name.includes(keyword) || value.id.toLowerCase().includes(keyword.toLowerCase())) {
+                    if (value.id.toLowerCase().includes(keyword.toLowerCase()) ||
+                        value.name.includes(keyword) ||
+                        value.where.includes(keyword) ||
+                        value.expir.includes(keyword)) {
                        temp.push(value);
                    }
                });
@@ -73,6 +80,9 @@
            });

            content.appendChild(table);
+            let num = document.createElement("span");
+            num.innerText = "共 " + data.length + " 条记录";
+            content.appendChild(num);
        }

        // 设置日期样式
@@ -102,7 +112,7 @@

 <body>
    <input style="width: 80%;" type="text" id="keyword" placeholder="">
-    <button style="width: 15%;" id="search">搜索</button>
+    <button style="width: 15%;" id="search" type="submit">搜索</button>
    <div id="content"></div>
    <p>
        过期提醒：<br>