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

+ 干燥失重输入框并排显示

Browse Source 
+ 炽灼残渣输入框并排显示
This commit is contained in:
艾志坚
2023-03-12 23:15:58 +08:00
parent 89dd67fc6f
commit d041bdf46d
2 changed files with 78 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
views/lod.html
View File

@@ -8,6 +8,18 @@
<title>干燥失重</title> <title>干燥失重</title>
<link rel="stylesheet" href="../statics/github.css"> <link rel="stylesheet" href="../statics/github.css">
<link rel="stylesheet" href="../statics/theme.css"> <link rel="stylesheet" href="../statics/theme.css">
<style>
.container {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 2%
}
input {
width: auto;
}
</style>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="module"> <script type="module">
import { Decimal } from "../statics/modules/decimal.mjs" import { Decimal } from "../statics/modules/decimal.mjs"
@@ -55,18 +67,13 @@
let lod2 = lod(m0r, m1r, m3r) let lod2 = lod(m0r, m1r, m3r)
let average = decimal.add(lod1, lod2).div(2).toString() let average = decimal.add(lod1, lod2).div(2).toString()
let format = (value) => {
if (value <= 0) return `<span style="color: red;">${value}</span>`
return value
}
let msg = `<br> let msg = `<br>
第一组干燥失重 = ${format(lod1)}<br> 第一组干燥失重 = ${format(lod1)}<br>
第二组干燥失重 = ${format(lod2)}<br> 第二组干燥失重 = ${format(lod2)}<br>
两组干燥失重平均值 = ${format(average)}<br> 两组干燥失重平均值 = ${format(average)}<br>
${m0l != '' && m1l != '' ? `第一组恒重后空瓶+样 = ${decimal.add(m0l, m1l).toString()}` : ''}<br> 第一组恒重后空瓶+样 = ${checkNull(m0l, m1l, '0') ? '0' : decimal.add(m0l, m1l).toString()}<br>
${m0r != '' && m1r != '' ? `第二组恒重后空瓶+样 = ${decimal.add(m0r, m1r).toString()}` : ''}<br> 第二组恒重后空瓶+样 = ${checkNull(m0r, m1r, '0') ? '0' : decimal.add(m0r, m1r).toString()}<br>
` `
message(msg) message(msg)
}) })
@@ -141,6 +148,11 @@ ${m0r != '' && m1r != '' ? `第二组恒重后空瓶+样 = ${decimal.add(m0r, m1
message(tip) message(tip)
} }
function format(value) {
if (value <= 0) return `<span style="color: red;">${value}</span>`
return value
}
// 需要导入哪些 // 需要导入哪些
function importData(data) { function importData(data) {
io.exportData(data, $("input")) io.exportData(data, $("input"))
@@ -180,32 +192,6 @@ ${m0r != '' && m1r != '' ? `第二组恒重后空瓶+样 = ${decimal.add(m0r, m1
}) })
} }
// check storage available
function storageAvailable(type) {
let storage
try {
storage = window[type]
const x = '__storage_test__'
storage.setItem(x, x)
storage.removeItem(x)
return true
}
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
(storage && storage.length !== 0)
}
}
function message(msg) { function message(msg) {
$(".msgbox").empty() $(".msgbox").empty()
$(".msgbox").append(msg) $(".msgbox").append(msg)
@@ -264,26 +250,23 @@ ${m0r != '' && m1r != '' ? `第二组恒重后空瓶+样 = ${decimal.add(m0r, m1
<body> <body>
<h3>干燥失重</h3> <h3>干燥失重</h3>
<input type="text" name="lod-name" id="lod-name" list="keys" placeholder="样品批号"><br><br>
<div class="one-team"> <input type="text" name="lod-name" id="lod-name" list="keys" placeholder="样品批号" style="width: 97%;">
第一组<br> <br><br>
<input type="number" name="m0l" id="m0l" class="one-input m0" placeholder="恒重后空瓶重(1)" inputmode="decimal"><br> <div class="container">
<input type="number" name="m1l" id="m1l" class="one-input m1" placeholder="样品重(2)" inputmode="decimal"><br> <span>第一组</span>
<input type="number" name="m3l" id="m3l" class="one-input m3" placeholder="干燥恒重后带样品重(3)" <span>第二组</span>
inputmode="decimal"><br>
<br> <input type="number" name="m0l" id="m0l" class="one-input m0" placeholder="恒重后空瓶重(1)" inputmode="decimal">
<input type="number" name="m0r" id="m0r" class="two-input m0" placeholder="恒重后空瓶重(1)" inputmode="decimal">
<input type="number" name="m1l" id="m1l" class="one-input m1" placeholder="样品重(2)" inputmode="decimal">
<input type="number" name="m1r" id="m1r" class="two-input m1" placeholder="样品重(2)" inputmode="decimal">
<input type="number" name="m3l" id="m3l" class="one-input m3" placeholder="干燥恒重后带样品重(3)" inputmode="decimal">
<input type="number" name="m3r" id="m3r" class="two-input m3" placeholder="干燥恒重后带样品重(3)" inputmode="decimal">
</div> </div>
<div class="two-team">
第二组<br>
<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>
<br> <br>
</div>
<div class="buttons"> <div class="buttons">
<button id="new_page">新开标签页</button> <button id="new_page">新开标签页</button>
<button id="clear">清除内容</button> <button id="clear">清除内容</button>

62
views/roi.html
View File

@@ -8,6 +8,18 @@
<title>炽灼残渣</title> <title>炽灼残渣</title>
<link rel="stylesheet" href="../statics/github.css"> <link rel="stylesheet" href="../statics/github.css">
<link rel="stylesheet" href="../statics/theme.css"> <link rel="stylesheet" href="../statics/theme.css">
<style>
.container {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 2%
}
input {
width: auto;
}
</style>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="module"> <script type="module">
import { Decimal } from "../statics/modules/decimal.mjs" import { Decimal } from "../statics/modules/decimal.mjs"
@@ -21,12 +33,19 @@
let debug = false let debug = false
let tip = ` let tip = `
<br> <br><b>操作过程：</b>
操作过程： <br>&nbsp;&nbsp; 1. 空坩埚灼烧 3 小时
空坩埚 -> 灼烧3小时 -> 冷却称重 -> 灼烧0.5小时 -> 冷却称重(1) <br>&nbsp;&nbsp; 2. 冷却称重
-> 加样(2) -> 烧至无烟 -> 灼烧1小时 -> 冷却称重 -> 灼烧0.5小时 -> 冷却称重(3) <br>&nbsp;&nbsp; 3. 灼烧 0.5 小时
<br> <br>&nbsp;&nbsp; 4. 冷却称重(1) 并加样(2)
` <br>&nbsp;&nbsp; 5. 电热炉烧至无烟
<br>&nbsp;&nbsp; 6. 加硫酸再次烧至无烟
<br>&nbsp;&nbsp; 7. 灼烧 1 小时
<br>&nbsp;&nbsp; 8. 冷却称重
<br>&nbsp;&nbsp; 9. 灼烧 0.5 小时
<br>&nbsp;&nbsp;10. 冷却称重(3)
<br>
`
$(document).ready(() => { $(document).ready(() => {
$(".msgbox").append(tip) $(".msgbox").append(tip)
@@ -211,25 +230,24 @@
<body> <body>
<h3>炽灼残渣</h3> <h3>炽灼残渣</h3>
<input type="text" name="roi-name" id="roi-name" list="keys" placeholder="样品批号"><br><br>
<div class="one-team"> <input type="text" name="roi-name" id="roi-name" list="keys" placeholder="样品批号" style="width: 97%;">
第一组<br> <br><br>
<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>
<br>
</div>
<div class="two-team"> <div class="container">
第二组<br> <span>第一组</span>
<input type="number" name="m0r" id="m0r" class="two-input m0" placeholder="恒重后空坩埚重(1)" inputmode="decimal"><br> <span>第二组</span>
<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)" <input type="number" name="m0l" id="m0l" class="one-input m0" inputmode="decimal" placeholder="恒重后空坩埚重(1)">
inputmode="decimal"><br> <input type="number" name="m0r" id="m0r" class="two-input m0" inputmode="decimal" placeholder="恒重后空坩埚重(1)">
<br>
<input type="number" name="m1l" id="m1l" class="one-input m1" inputmode="decimal" placeholder="样品重(2)">
<input type="number" name="m1r" id="m1r" class="two-input m1" inputmode="decimal" placeholder="样品重(2)">
<input type="number" name="m3l" id="m3l" class="one-input m3" inputmode="decimal" placeholder="灼烧恒重后带样品重(3)">
<input type="number" name="m3r" id="m3r" class="two-input m3" inputmode="decimal" placeholder="灼烧恒重后带样品重(3)">
</div> </div>
<br>
<div class="buttons"> <div class="buttons">
<button id="new_page">新开标签页</button> <button id="new_page">新开标签页</button>