hbk01/qctool
1
0
Fork 0
Code Issues Pull Requests Activity

+ 干燥失重添加保存功能（实验性）

Browse Source
This commit is contained in:
艾志坚
2022-07-21 16:26:49 +08:00
parent 57ca66a5bd
commit 7ec9adad26
2 changed files with 97 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
lod.html
View File

@@ -37,6 +37,8 @@
$(".msgbox").append(tip) $(".msgbox").append(tip)
loadSavedContentsList();
$("#ok").click(function () { $("#ok").click(function () {
var m0l = input_m0l.value; var m0l = input_m0l.value;
var m1l = input_m1l.value; var m1l = input_m1l.value;
@@ -92,6 +94,78 @@
window.open(window.location.href, "_blank"); window.open(window.location.href, "_blank");
}); });
var timer;
var isSave = true;
$("#save_and_restore").bind("touchstart mousedown", event => {
event.preventDefault();
timer = setTimeout(() => {
let save = $("#save");
let restore = $("#restore");
if (isSave) {
save.removeAttr("style");
restore.attr("style", "color: deepskyblue;");
} else {
restore.removeAttr("style");
save.attr("style", "color: deepskyblue;");
}
isSave = !isSave;
}, 1000);
});
$("#save_and_restore").bind("touchmove mouseleave", event => {
event.preventDefault();
clearTimeout(timer);
timer = null;
return false;
});
$("#save_and_restore").bind("touchend mouseup", event => {
event.preventDefault();
clearTimeout(timer);
return false;
});
$("#save_and_restore").bind("click", event => {
event.preventDefault();
let id = $("#lod-name").val();
if (id.length == 0) {
alert("请输入或选择样品批号！");
return;
}
if (isSave) {
// save data to localStorage
let m0l = input_m0l.value;
let m1l = input_m1l.value;
let m3l = input_m3l.value;
let m0r = input_m0r.value;
let m1r = input_m1r.value;
let m3r = input_m3r.value;
let lod = {
"m0l": m0l,
"m1l": m1l,
"m3l": m3l,
"m0r": m0r,
"m1r": m1r,
"m3r": m3r
};
localStorage.setItem(id, JSON.stringify(lod));
loadSavedContentsList();
} else {
let lod = JSON.parse(localStorage.getItem(id));
input_m0l.value = lod.m0l;
input_m1l.value = lod.m1l;
input_m3l.value = lod.m3l;
input_m0r.value = lod.m0r;
input_m1r.value = lod.m1r;
input_m3r.value = lod.m3r;
}
})
if (debug) { if (debug) {
document.getElementById("m0l").value = 18.34625; document.getElementById("m0l").value = 18.34625;
document.getElementById("m1l").value = 1.04213; document.getElementById("m1l").value = 1.04213;
@@ -99,6 +173,20 @@
} }
}); });
function loadSavedContentsList() {
// load data from localStorage to input.
let keys = [];
$("#keys").empty();
for (let i = 0; i < localStorage.length; i++) {
keys.push(localStorage.key(i));
}
keys.forEach(key => {
let option = document.createElement("option");
option.innerText = key;
$("#keys").append(option);
});
}
function message(msg) { function message(msg) {
$(".msgbox").empty(); $(".msgbox").empty();
$(".msgbox").append(msg); $(".msgbox").append(msg);
@@ -135,7 +223,7 @@
<body> <body>
<h3>干燥失重</h3> <h3>干燥失重</h3>
<input type="text" name="lod-name" id="lod-name" placeholder="样品批号"><br><br> <input type="text" name="lod-name" id="lod-name" list="keys" placeholder="样品批号"><br><br>
<div class="one-team"> <div class="one-team">
第一组<br> 第一组<br>
@@ -156,10 +244,16 @@
<div class="buttons"> <div class="buttons">
<button id="new_page">新开标签页</button> <button id="new_page">新开标签页</button>
<button id="clear">清除内容</button> <button id="clear">清除内容</button>
<button id="save_and_restore">
<span id="save" style="color: deepskyblue;">保存</span>
/
<span id="restore">恢复</span>
</button>
<button id="ok">计算</button> <button id="ok">计算</button>
</div> </div>
<div class="msgbox"></div> <div class="msgbox"></div>
<datalist id="keys"></datalist>
</body> </body>

2
theme.css
View File

@@ -53,6 +53,8 @@ input {
button { button {
height: 32px; height: 32px;
width: 96px; width: 96px;
margin-top: 6px;
margin-left: 3px;
text-align: center; text-align: center;
background-color: #f6f8fa; background-color: #f6f8fa;
color: #24292f; color: #24292f;