+ 炽灼残渣新增保存功能
+ 格式化代码
This commit is contained in:
120
equipment.html
120
equipment.html
@@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<html lang="zh-cmn-Hans">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
@@ -11,101 +11,101 @@
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
||||
<script src="./equipment.info.js"></script>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
createTable(info);
|
||||
$("#keyword").attr("placeholder", "输入查询关键字（忽略大小写）");
|
||||
$(document).ready(() => {
|
||||
createTable(info)
|
||||
$("#keyword").attr("placeholder", "输入查询关键字（忽略大小写）")
|
||||
$("#search").click(() => {
|
||||
var keyword = $("#keyword").val();
|
||||
let keyword = $("#keyword").val()
|
||||
if (keyword == "") {
|
||||
createTable(info);
|
||||
return;
|
||||
createTable(info)
|
||||
return
|
||||
}
|
||||
var temp = [];
|
||||
let temp = []
|
||||
info.filter(value => {
|
||||
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)
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
createTable(temp);
|
||||
});
|
||||
});
|
||||
createTable(temp)
|
||||
})
|
||||
})
|
||||
|
||||
// 根据data创建表格
|
||||
function createTable(data) {
|
||||
var content = document.getElementById("content");
|
||||
content.innerHTML = "";
|
||||
var table = document.createElement("table");
|
||||
table.setAttribute("style", "font-size: small; width: 100%;");
|
||||
table.setAttribute("class", "pure-table");
|
||||
let content = document.getElementById("content")
|
||||
content.innerHTML = ""
|
||||
let table = document.createElement("table")
|
||||
table.setAttribute("style", "font-size: small; width: 100%;")
|
||||
table.setAttribute("class", "pure-table")
|
||||
|
||||
// add header
|
||||
var tr = document.createElement("tr");
|
||||
var th_where = document.createElement("th");
|
||||
var th_name = document.createElement("th");
|
||||
var th_id = document.createElement("th");
|
||||
var th_expir = document.createElement("th");
|
||||
let tr = document.createElement("tr")
|
||||
let th_where = document.createElement("th")
|
||||
let th_name = document.createElement("th")
|
||||
let th_id = document.createElement("th")
|
||||
let th_expir = document.createElement("th")
|
||||
|
||||
th_where.innerText = "位置";
|
||||
th_name.innerText = "名称";
|
||||
th_id.innerText = "编号";
|
||||
th_expir.innerText = "有效期至";
|
||||
tr.appendChild(th_where);
|
||||
tr.appendChild(th_name);
|
||||
tr.appendChild(th_id);
|
||||
tr.appendChild(th_expir);
|
||||
table.appendChild(tr);
|
||||
th_where.innerText = "位置"
|
||||
th_name.innerText = "名称"
|
||||
th_id.innerText = "编号"
|
||||
th_expir.innerText = "有效期至"
|
||||
tr.appendChild(th_where)
|
||||
tr.appendChild(th_name)
|
||||
tr.appendChild(th_id)
|
||||
tr.appendChild(th_expir)
|
||||
table.appendChild(tr)
|
||||
|
||||
// add contents
|
||||
data.forEach(function (value) {
|
||||
var tr = document.createElement("tr");
|
||||
var td_where = document.createElement("td");
|
||||
var td_name = document.createElement("td");
|
||||
var td_id = document.createElement("td");
|
||||
var td_expir = document.createElement("td");
|
||||
data.forEach((value) => {
|
||||
let tr = document.createElement("tr")
|
||||
let td_where = document.createElement("td")
|
||||
let td_name = document.createElement("td")
|
||||
let td_id = document.createElement("td")
|
||||
let td_expir = document.createElement("td")
|
||||
|
||||
td_where.innerText = value.where;
|
||||
td_name.innerText = value.name;
|
||||
td_id.innerText = value.id;
|
||||
td_expir.innerHTML = expir(value.expir);
|
||||
td_where.innerText = value.where
|
||||
td_name.innerText = value.name
|
||||
td_id.innerText = value.id
|
||||
td_expir.innerHTML = expir(value.expir)
|
||||
|
||||
tr.appendChild(td_where);
|
||||
tr.appendChild(td_name);
|
||||
tr.appendChild(td_id);
|
||||
tr.appendChild(td_expir);
|
||||
table.appendChild(tr);
|
||||
});
|
||||
tr.appendChild(td_where)
|
||||
tr.appendChild(td_name)
|
||||
tr.appendChild(td_id)
|
||||
tr.appendChild(td_expir)
|
||||
table.appendChild(tr)
|
||||
})
|
||||
|
||||
content.appendChild(table);
|
||||
let num = document.createElement("span");
|
||||
num.innerText = "共 " + data.length + " 条记录";
|
||||
content.appendChild(num);
|
||||
content.appendChild(table)
|
||||
let num = document.createElement("span")
|
||||
num.innerText = `共 ${data.length} 条记录`
|
||||
content.appendChild(num)
|
||||
}
|
||||
|
||||
// 设置日期样式
|
||||
function expir(value) {
|
||||
var date = new Date();
|
||||
var array = value.split(".");
|
||||
date.setFullYear(array[0], array[1] - 1, array[2]);
|
||||
let date = new Date()
|
||||
let array = value.split(".")
|
||||
date.setFullYear(array[0], array[1] - 1, array[2])
|
||||
|
||||
var day = (date - Date.now()) / 86400000;
|
||||
let day = (date - Date.now()) / 86400000
|
||||
|
||||
if (day <= 0) {
|
||||
return "<span style='color: red;'><s>" + value + "</s></span><br>" + day + "天";
|
||||
return `<span style='color: red;'><s>${value}</s></span>`
|
||||
}
|
||||
|
||||
if (day <= 7) {
|
||||
return "<span style='color: red;'>" + value + "</span><br>" + day + "天";
|
||||
return `<span style='color: red;'>${value}</span>`
|
||||
}
|
||||
|
||||
if (day <= 30) {
|
||||
return "<span style='color: darkorange;'>" + value + "</span><br>" + day + "天";
|
||||
return `<span style='color: darkorange;'>${value}</span>`
|
||||
}
|
||||
|
||||
return value;
|
||||
return value
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
|
||||
Reference in New Issue
Block a user