2021-10-22 20:00:32 +08:00
|
|
|
|
<!DOCTYPE html>
|
2022-11-20 00:19:56 +08:00
|
|
|
|
<html lang="zh-cmn-Hans">
|
2021-10-22 20:00:32 +08:00
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
2022-07-16 00:43:41 +08:00
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
2021-10-22 20:00:32 +08:00
|
|
|
|
<title>干燥失重</title>
|
2023-01-14 22:48:02 +08:00
|
|
|
|
<link rel="stylesheet" href="../statics/github.css">
|
|
|
|
|
|
<link rel="stylesheet" href="../statics/theme.css">
|
2021-10-22 20:00:32 +08:00
|
|
|
|
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
2022-11-20 00:19:56 +08:00
|
|
|
|
<script type="module">
|
2023-01-14 22:48:02 +08:00
|
|
|
|
import { Decimal } from "../statics/modules/decimal.mjs"
|
|
|
|
|
|
import { IO } from "../statics/modules/tools.js"
|
|
|
|
|
|
|
2022-11-20 00:19:56 +08:00
|
|
|
|
let io = new IO('lod')
|
|
|
|
|
|
let debug = false
|
|
|
|
|
|
let tip = `
|
2023-01-07 00:28:14 +08:00
|
|
|
|
<br><b>操作过程：</b>
|
|
|
|
|
|
<br> 1. 空瓶干燥 3 小时
|
|
|
|
|
|
<br> 2. 冷却称重
|
|
|
|
|
|
<br> 3. 干燥 1 小时
|
|
|
|
|
|
<br> 4. 冷却称重(1) 并加样(2)
|
|
|
|
|
|
<br> 5. 干燥 3 小时
|
|
|
|
|
|
<br> 6. 冷却称重
|
|
|
|
|
|
<br> 7. 干燥 1 小时
|
|
|
|
|
|
<br> 8. 冷却称重(3)
|
|
|
|
|
|
<br>
|
|
|
|
|
|
`
|
2021-10-22 20:00:32 +08:00
|
|
|
|
|
2022-11-20 00:19:56 +08:00
|
|
|
|
let decimal = Decimal.set({
|
2022-10-28 01:05:59 +08:00
|
|
|
|
rounding: Decimal.ROUND_HALF_EVEN,
|
|
|
|
|
|
precision: 12
|
|
|
|
|
|
})
|
2021-10-22 20:00:32 +08:00
|
|
|
|
|
2022-10-28 01:05:59 +08:00
|
|
|
|
$(document).ready(() => {
|
2021-10-22 20:00:32 +08:00
|
|
|
|
$(".msgbox").append(tip)
|
2022-11-20 00:19:56 +08:00
|
|
|
|
loadSavedContentsList()
|
2022-07-21 16:26:49 +08:00
|
|
|
|
|
2022-10-28 01:05:59 +08:00
|
|
|
|
// 若有前面页面的传值，则导入传入的值
|
|
|
|
|
|
if (window.location.search.startsWith('?data')) {
|
|
|
|
|
|
let data = getUrlParams('data').replaceAll('%22', '"')
|
|
|
|
|
|
importData(JSON.parse(data))
|
|
|
|
|
|
}
|
2021-10-22 20:00:32 +08:00
|
|
|
|
|
2022-10-28 01:05:59 +08:00
|
|
|
|
$("#ok").click(() => {
|
2023-01-07 00:28:14 +08:00
|
|
|
|
let m0l = $("#m0l").val()
|
|
|
|
|
|
let m1l = $("#m1l").val()
|
|
|
|
|
|
let m3l = $("#m3l").val()
|
|
|
|
|
|
let m0r = $("#m0r").val()
|
|
|
|
|
|
let m1r = $("#m1r").val()
|
|
|
|
|
|
let m3r = $("#m3r").val()
|
2021-10-22 20:00:32 +08:00
|
|
|
|
|
2023-01-07 00:28:14 +08:00
|
|
|
|
let lod1 = lod(m0l, m1l, m3l)
|
|
|
|
|
|
let lod2 = lod(m0r, m1r, m3r)
|
|
|
|
|
|
let average = decimal.add(lod1, lod2).div(2).toString()
|
2022-10-28 01:05:59 +08:00
|
|
|
|
|
2022-11-20 00:19:56 +08:00
|
|
|
|
let format = (value) => {
|
|
|
|
|
|
if (value <= 0) return `<span style="color: red;">${value}</span>`
|
|
|
|
|
|
return value
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2023-01-07 00:28:14 +08:00
|
|
|
|
let msg = `<br>
|
2022-11-20 00:19:56 +08:00
|
|
|
|
第一组干燥失重 = ${format(lod1)}<br>
|
|
|
|
|
|
第二组干燥失重 = ${format(lod2)}<br>
|
|
|
|
|
|
两组干燥失重平均值 = ${format(average)}<br>
|
2022-10-28 01:05:59 +08:00
|
|
|
|
${m0l != '' && m1l != '' ? `第一组恒重后空瓶+样 = ${decimal.add(m0l, m1l).toString()}` : ''}<br>
|
|
|
|
|
|
${m0r != '' && m1r != '' ? `第二组恒重后空瓶+样 = ${decimal.add(m0r, m1r).toString()}` : ''}<br>
|
|
|
|
|
|
`
|
|
|
|
|
|
|
|
|
|
|
|
message(msg)
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
$("#clear").click(() => {
|
|
|
|
|
|
if (!window.confirm("所填写的数据将被清空，确定？")) return
|
|
|
|
|
|
$("#lod-name").val("")
|
2023-01-07 00:28:14 +08:00
|
|
|
|
clearInput()
|
2022-10-28 01:05:59 +08:00
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
$("#new_page").click(() => {
|
|
|
|
|
|
// 将当前页面的数据封装，并通过 URL 参数传递给新页面
|
2023-01-07 00:28:14 +08:00
|
|
|
|
let data = JSON.stringify(io.collectData($("input")))
|
2022-10-28 01:05:59 +08:00
|
|
|
|
let search = `?data=${data}`.replaceAll('"', '%22')
|
|
|
|
|
|
let url = `${window.location.origin}${window.location.pathname}${search}`
|
|
|
|
|
|
window.open(url, "_blank")
|
|
|
|
|
|
})
|
2021-10-22 20:00:32 +08:00
|
|
|
|
|
2022-07-21 23:07:22 +08:00
|
|
|
|
$("#save").click(() => {
|
2022-10-28 01:05:59 +08:00
|
|
|
|
let id = $("#lod-name").val()
|
2022-07-21 23:07:22 +08:00
|
|
|
|
if (id.length == 0) {
|
2022-10-28 01:05:59 +08:00
|
|
|
|
confirm("请输入或选择样品批号！")
|
|
|
|
|
|
return
|
2022-07-21 23:07:22 +08:00
|
|
|
|
}
|
2022-07-21 16:26:49 +08:00
|
|
|
|
|
2023-01-07 00:28:14 +08:00
|
|
|
|
io.write(id, JSON.stringify(io.collectData($("input"))))
|
2022-10-28 01:05:59 +08:00
|
|
|
|
loadSavedContentsList()
|
|
|
|
|
|
})
|
2022-07-21 16:26:49 +08:00
|
|
|
|
|
2022-07-21 23:07:22 +08:00
|
|
|
|
$("#restore").click(() => {
|
2022-10-28 01:05:59 +08:00
|
|
|
|
let id = $("#lod-name").val()
|
2022-07-21 23:07:22 +08:00
|
|
|
|
if (id.length == 0) {
|
2022-10-28 01:05:59 +08:00
|
|
|
|
confirm("请输入或选择样品批号！")
|
|
|
|
|
|
return
|
2022-07-21 23:07:22 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
2022-11-20 00:19:56 +08:00
|
|
|
|
let lod = JSON.parse(io.read(id))
|
2023-01-07 00:28:14 +08:00
|
|
|
|
io.exportData(lod, $("input"))
|
2022-10-28 01:05:59 +08:00
|
|
|
|
})
|
2022-07-21 16:26:49 +08:00
|
|
|
|
|
2022-07-21 23:07:22 +08:00
|
|
|
|
$("#remove").click(() => {
|
2022-10-28 01:05:59 +08:00
|
|
|
|
let id = $("#lod-name").val()
|
2022-07-21 16:26:49 +08:00
|
|
|
|
if (id.length == 0) {
|
2022-10-28 01:05:59 +08:00
|
|
|
|
confirm("请输入或选择样品批号！")
|
|
|
|
|
|
return
|
2022-07-21 16:26:49 +08:00
|
|
|
|
}
|
2022-11-22 19:15:22 +08:00
|
|
|
|
if (confirm(`确认删除 ${id} 的数据？`)) {
|
2022-11-20 00:19:56 +08:00
|
|
|
|
io.remove(id)
|
2022-10-28 01:05:59 +08:00
|
|
|
|
loadSavedContentsList()
|
2023-01-07 00:28:14 +08:00
|
|
|
|
$("#lod-name").val("")
|
|
|
|
|
|
clearInput()
|
2022-07-21 16:26:49 +08:00
|
|
|
|
}
|
2022-10-28 01:05:59 +08:00
|
|
|
|
})
|
2022-07-21 16:26:49 +08:00
|
|
|
|
|
2021-10-22 20:00:32 +08:00
|
|
|
|
if (debug) {
|
2022-10-28 01:05:59 +08:00
|
|
|
|
$("#m0l").val(18.34625)
|
|
|
|
|
|
$("#m1l").val(1.04213)
|
|
|
|
|
|
$("#m3l").val(19.38511)
|
|
|
|
|
|
$("#m0r").val(21.23537)
|
|
|
|
|
|
$("#m1r").val(1.00242)
|
|
|
|
|
|
$("#m3r").val(22.23460)
|
2021-10-22 20:00:32 +08:00
|
|
|
|
}
|
2022-10-28 01:05:59 +08:00
|
|
|
|
})
|
|
|
|
|
|
|
2023-01-07 00:28:14 +08:00
|
|
|
|
function clearInput() {
|
|
|
|
|
|
$("#m0l").val("")
|
|
|
|
|
|
$("#m1l").val("")
|
|
|
|
|
|
$("#m3l").val("")
|
|
|
|
|
|
$("#m0r").val("")
|
|
|
|
|
|
$("#m1r").val("")
|
|
|
|
|
|
$("#m3r").val("")
|
|
|
|
|
|
message(tip)
|
2022-10-28 01:05:59 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// 需要导入哪些
|
|
|
|
|
|
function importData(data) {
|
2023-01-07 00:28:14 +08:00
|
|
|
|
io.exportData(data, $("input"))
|
|
|
|
|
|
clearInput()
|
2022-10-28 01:05:59 +08:00
|
|
|
|
// 对批号自增
|
2023-01-07 00:28:14 +08:00
|
|
|
|
let id = data.lod_name
|
|
|
|
|
|
if (data.lod_name.indexOf('-')) {
|
|
|
|
|
|
let x = data.lod_name.split('-')
|
2022-10-28 01:05:59 +08:00
|
|
|
|
id = x[x.length - 1]
|
|
|
|
|
|
}
|
|
|
|
|
|
id = decimal.add(id, 1)
|
2023-01-07 00:28:14 +08:00
|
|
|
|
if (data.lod_name.indexOf('-')) {
|
|
|
|
|
|
id = data.lod_name.substring(0, data.lod_name.lastIndexOf('-') + 1) + id
|
2022-10-28 01:05:59 +08:00
|
|
|
|
}
|
|
|
|
|
|
$("#lod-name").val(id)
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function getUrlParams(key) {
|
|
|
|
|
|
let params = window.location.search.substring(1).split("&")
|
|
|
|
|
|
for (const v of params) {
|
|
|
|
|
|
let pair = v.split("=")
|
|
|
|
|
|
if (pair[0] == key) return pair[1]
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2022-07-21 16:26:49 +08:00
|
|
|
|
function loadSavedContentsList() {
|
|
|
|
|
|
// load data from localStorage to input.
|
2022-11-22 19:15:22 +08:00
|
|
|
|
$("#keys").empty()
|
2022-11-20 00:19:56 +08:00
|
|
|
|
let keys = io.listKeys().sort()
|
2022-07-21 16:26:49 +08:00
|
|
|
|
keys.forEach(key => {
|
2023-01-07 00:28:14 +08:00
|
|
|
|
let timestamp = JSON.parse(io.read(key)).timestamp
|
2022-10-28 01:05:59 +08:00
|
|
|
|
let time = new Date(timestamp).format("yyyy-MM-dd hh:mm")
|
|
|
|
|
|
let option = document.createElement("option")
|
|
|
|
|
|
$(option).attr("value", key)
|
|
|
|
|
|
$(option).attr("label", `保存于 ${time}`)
|
|
|
|
|
|
$("#keys").append(option)
|
|
|
|
|
|
})
|
2022-07-21 16:26:49 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
2022-07-21 23:07:22 +08:00
|
|
|
|
// check storage available
|
|
|
|
|
|
function storageAvailable(type) {
|
2022-10-28 01:05:59 +08:00
|
|
|
|
let storage
|
2022-07-21 23:07:22 +08:00
|
|
|
|
try {
|
2022-10-28 01:05:59 +08:00
|
|
|
|
storage = window[type]
|
|
|
|
|
|
const x = '__storage_test__'
|
|
|
|
|
|
storage.setItem(x, x)
|
|
|
|
|
|
storage.removeItem(x)
|
|
|
|
|
|
return true
|
2022-07-21 23:07:22 +08:00
|
|
|
|
}
|
|
|
|
|
|
catch (e) {
|
|
|
|
|
|
return e instanceof DOMException && (
|
|
|
|
|
|
// everything except Firefox
|
|
|
|
|
|
e.code === 22 ||
|
|
|
|
|
|
// Firefox
|
|
|
|
|
|
e.code === 1014 ||
|
|
|
|
|
|
// test name field too, because code might not be present
|
|
|
|
|
|
// everything except Firefox
|
|
|
|
|
|
e.name === 'QuotaExceededError' ||
|
|
|
|
|
|
// Firefox
|
|
|
|
|
|
e.name === 'NS_ERROR_DOM_QUOTA_REACHED') &&
|
|
|
|
|
|
// acknowledge QuotaExceededError only if there's something already stored
|
2022-10-28 01:05:59 +08:00
|
|
|
|
(storage && storage.length !== 0)
|
2022-07-21 23:07:22 +08:00
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2021-10-22 20:00:32 +08:00
|
|
|
|
function message(msg) {
|
2022-10-28 01:05:59 +08:00
|
|
|
|
$(".msgbox").empty()
|
|
|
|
|
|
$(".msgbox").append(msg)
|
2021-10-22 20:00:32 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* 计算干燥失重
|
|
|
|
|
|
* @param m0 恒重后空瓶重
|
|
|
|
|
|
* @param m1 样品重
|
|
|
|
|
|
* @param m3 干燥恒重后带样品重
|
|
|
|
|
|
* @return 干燥失重（%）
|
|
|
|
|
|
*/
|
|
|
|
|
|
function lod(m0, m1, m3) {
|
|
|
|
|
|
if (checkNull(m0, m1, m3)) {
|
2022-10-28 01:05:59 +08:00
|
|
|
|
return "0"
|
2021-10-22 20:00:32 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
2022-10-28 01:05:59 +08:00
|
|
|
|
let a = new Decimal(m0)
|
|
|
|
|
|
let b = new Decimal(m1)
|
|
|
|
|
|
let c = new Decimal(m3)
|
2021-10-22 20:00:32 +08:00
|
|
|
|
|
|
|
|
|
|
// a + b - c / b
|
2022-10-28 01:05:59 +08:00
|
|
|
|
let d = decimal.add(a, b).minus(c)
|
|
|
|
|
|
let e = d.div(b).mul(100)
|
|
|
|
|
|
return e.toString()
|
2021-10-22 20:00:32 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function checkNull(m0, m1, m3) {
|
2022-10-28 01:05:59 +08:00
|
|
|
|
return m0 == '' || m1 == '' || m3 == ''
|
2021-10-22 20:00:32 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
2022-08-08 01:24:18 +08:00
|
|
|
|
// 为 Date 创建日期格式化方法
|
|
|
|
|
|
Date.prototype.format = function (fmt) {
|
2022-10-28 01:05:59 +08:00
|
|
|
|
let o = {
|
2023-01-07 00:28:14 +08:00
|
|
|
|
"M+": this.getMonth() + 1, // 月份
|
|
|
|
|
|
"d+": this.getDate(), // 日
|
|
|
|
|
|
"h+": this.getHours(), // 小时
|
|
|
|
|
|
"m+": this.getMinutes(), // 分
|
|
|
|
|
|
"s+": this.getSeconds(), // 秒
|
|
|
|
|
|
"q+": Math.floor((this.getMonth() + 3) / 3),// 季度
|
|
|
|
|
|
"S": this.getMilliseconds() // 毫秒
|
2022-10-28 01:05:59 +08:00
|
|
|
|
}
|
2022-08-08 01:24:18 +08:00
|
|
|
|
if (/(y+)/.test(fmt)) {
|
2022-10-28 01:05:59 +08:00
|
|
|
|
fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length))
|
2022-08-08 01:24:18 +08:00
|
|
|
|
}
|
|
|
|
|
|
for (var k in o) {
|
|
|
|
|
|
if (new RegExp("(" + k + ")").test(fmt)) {
|
2022-10-28 01:05:59 +08:00
|
|
|
|
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)))
|
2022-08-08 01:24:18 +08:00
|
|
|
|
}
|
|
|
|
|
|
}
|
2022-10-28 01:05:59 +08:00
|
|
|
|
return fmt
|
2022-08-08 01:24:18 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
2021-10-22 20:00:32 +08:00
|
|
|
|
</script>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
|
|
<body>
|
2022-05-10 23:20:18 +08:00
|
|
|
|
<h3>干燥失重</h3>
|
2022-07-21 16:26:49 +08:00
|
|
|
|
<input type="text" name="lod-name" id="lod-name" list="keys" placeholder="样品批号"><br><br>
|
2021-10-22 20:37:21 +08:00
|
|
|
|
|
2021-10-22 20:00:32 +08:00
|
|
|
|
<div class="one-team">
|
2022-05-10 23:20:18 +08:00
|
|
|
|
第一组<br>
|
2022-07-21 23:07:22 +08:00
|
|
|
|
<input type="number" name="m0l" id="m0l" class="one-input m0" placeholder="恒重后空瓶重(1)" inputmode="decimal"><br>
|
|
|
|
|
|
<input type="number" name="m1l" id="m1l" class="one-input m1" placeholder="样品重(2)" inputmode="decimal"><br>
|
|
|
|
|
|
<input type="number" name="m3l" id="m3l" class="one-input m3" placeholder="干燥恒重后带样品重(3)"
|
|
|
|
|
|
inputmode="decimal"><br>
|
2021-10-22 20:00:32 +08:00
|
|
|
|
<br>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="two-team">
|
2022-05-10 23:20:18 +08:00
|
|
|
|
第二组<br>
|
2022-07-21 23:07:22 +08:00
|
|
|
|
<input type="number" name="m0r" id="m0r" class="two-input m0" placeholder="恒重后空瓶重(1)" inputmode="decimal"><br>
|
|
|
|
|
|
<input type="number" name="m1r" id="m1r" class="two-input m1" placeholder="样品重(2)" inputmode="decimal"><br>
|
|
|
|
|
|
<input type="number" name="m3r" id="m3r" class="two-input m3" placeholder="干燥恒重后带样品重(3)"
|
|
|
|
|
|
inputmode="decimal"><br>
|
2021-10-22 20:00:32 +08:00
|
|
|
|
<br>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
2021-10-22 20:37:21 +08:00
|
|
|
|
<div class="buttons">
|
2021-10-22 21:38:48 +08:00
|
|
|
|
<button id="new_page">新开标签页</button>
|
|
|
|
|
|
<button id="clear">清除内容</button>
|
2022-07-24 01:38:35 +08:00
|
|
|
|
<button id="ok">计算</button><br>
|
|
|
|
|
|
|
2022-07-21 23:07:22 +08:00
|
|
|
|
<button id="remove">删除</button>
|
|
|
|
|
|
<button id="restore">恢复</button>
|
|
|
|
|
|
<button id="save">保存</button>
|
2021-10-22 20:37:21 +08:00
|
|
|
|
</div>
|
2021-10-22 20:00:32 +08:00
|
|
|
|
|
|
|
|
|
|
<div class="msgbox"></div>
|
2022-07-21 16:26:49 +08:00
|
|
|
|
<datalist id="keys"></datalist>
|
2021-10-22 20:00:32 +08:00
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
2022-05-10 23:20:18 +08:00
|
|
|
|
</html>
|
