+ 进样时间改进输入框,使提示文字始终可见

+ 操作规程新增 L389-101
+ 删除标水页面和设置页面
This commit is contained in:
2023-06-07 22:59:41 +08:00
parent a734ce2e54
commit 5c226f0ca7
8 changed files with 230 additions and 462 deletions

View File

@@ -167,17 +167,77 @@
}
</script>
<style>
.inputbox {
display: flex;
display: -webkit-flex;
line-height: 32px;
border: 1px solid black;
border-radius: 5px;
justify-content: center;
align-items: baseline;
margin-bottom: 5px;
}
.inputbox label {
line-height: 32px;
font-size: small;
color: #777;
margin-left: 10px;
margin-right: 10px;
}
.inputbox div {
flex: 1;
}
.inputbox input {
/* 需设置宽度,否则 iOS 端的 Safari 无法正确显示 div.inputbox 的右边框 */
width: calc(100% - 20px);
/* 取消边框 */
border: none;
/* 取消选中时的边框高亮 */
outline: none;
margin: 0;
font-size: medium;
line-height: 32px;
}
</style>
</head>
<body>
<h3>进样时间</h3>
<div class="input">
<div class="inputbox">
<input type="number" id="allId" placeholder="批处理中样品的总数" inputmode="decimal" autocomplete="off">
<input type="number" id="time" placeholder="每一针的运行时间" inputmode="decimal" autocomplete="off">
<input type="number" id="nowId" placeholder="当前运行到第几针" inputmode="decimal" autocomplete="off">
<input type="number" id="nowTime" placeholder="现在这针运行多少分钟" inputmode="decimal" autocomplete="off">
<input type="number" id="offset" placeholder="时间偏移量" inputmode="decimal" autocomplete="off">
<div>
<div class="inputbox allId">
<label for="allId">样品总数</label>
<!-- 此处的 div 为解决 Safari 浏览器 align-items: baseline; 不对齐的问题 -->
<div>
<input type="number" id="allId" inputmode="decimal" autocomplete="off">
</div>
</div>
<div class="inputbox time">
<label for="time">运行时间</label>
<div><input type="number" id="time" inputmode="decimal" autocomplete="off"></div>
</div>
<div class="inputbox nowId">
<label for="nowId">运行到第几针</label>
<div><input type="number" id="nowId" inputmode="decimal" autocomplete="off"></div>
</div>
<div class="inputbox nowTime">
<label for="nowTime">当前运行时间</label>
<div><input type="number" id="nowTime" inputmode="decimal" autocomplete="off"></div>
</div>
<div class="inputbox offset">
<label for="offset">时间偏移量</label>
<div><input type="number" id="offset" inputmode="decimal" autocomplete="off"></div>
</div>
</div>
<br>
<div class="buttons">