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

This commit is contained in:
2022-07-24 01:17:09 +08:00
parent ff076ba292
commit 6df72d4e84

View File

@@ -13,12 +13,19 @@
<script> <script>
$(document).ready(function () { $(document).ready(function () {
createTable(info); createTable(info);
$("#keyword").attr("placeholder", "输入仪器名称或编号查询(忽略大小写)"); $("#keyword").attr("placeholder", "输入查询关键字(忽略大小写)");
$("#search").click(() => { $("#search").click(() => {
var keyword = $("#keyword").val(); var keyword = $("#keyword").val();
if (keyword == "") {
createTable(info);
return;
}
var temp = []; var temp = [];
info.filter(value => { 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); temp.push(value);
} }
}); });
@@ -73,6 +80,9 @@
}); });
content.appendChild(table); content.appendChild(table);
let num = document.createElement("span");
num.innerText = "共 " + data.length + " 条记录";
content.appendChild(num);
} }
// 设置日期样式 // 设置日期样式
@@ -102,7 +112,7 @@
<body> <body>
<input style="width: 80%;" type="text" id="keyword" placeholder=""> <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> <div id="content"></div>
<p> <p>
过期提醒:<br> 过期提醒:<br>