converter

config/_default/menus.zh-cn.toml

@@ -1,9 +1,16 @@
 [[main]]
   identifier = "docs"
-  name = "Docs"
+  name = "文档"
   url = "docs"
   weight = 1
 
+[[main]]
+  identifier = "conv"
+  name = "激素换算"
+  url = "converter"
+  weight = 1
+
+
 #[[main]]
 #  identifier = "updates"
 #  name = "Updates"

content/zh-cn/converter.md

@@ -0,0 +1,130 @@
+---
+title: "激素换算器"
+description: "激素换算器"
+date: 2020-10-26T04:15:05+08:00
+draft: false
+---
+<div style="
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  ">
+<style>
+input {
+  color: #495057;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  position: relative;
+  z-index: 2;
+}
+select{
+  color: #495057;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+input:focus {
+  color: #495057;
+  background-color: #fff;
+  outline: 0;
+  border-image: url(/images/shadow-i.png) 30 30 stretch;
+  border-image-width: 3px;
+  border-image-outset: 0px;
+}
+</style>
+  <div class="inputo" style="margin:auto;">
+    <span>原数据：</span>
+    <input type="text" id="val1" onkeyup="changed()" style="width: 10ex" />
+    <select id="in1" oninput="changed()">
+      <option value="1">pg</option>
+      <option value="1000">ng</option>
+      <option value="1000000">ug</option>
+      <option value="mol">pmol</option>
+      <option value="mol1000">nmol</option>
+    </select>
+    <span>/</span>
+    <select id="in2" oninput="changed()">
+      <option value="1">mL</option>
+      <option value="100">dL</option>
+      <option value="1000">L</option>
+    </select>
+    <select id="in3" oninput="changed()" style="visibility: hidden">
+      <option value="272.38">雌二醇</option>
+      <option value="288.43">睾酮</option>
+      <option value="23000">泌乳素</option>
+      <option value="314.46">孕酮</option>
+    </select>
+  </div>
+  <div style="margin:auto;">
+    <span>转换为：</span>
+    <input id="result" style="width: 10ex" value="" readonly="true" />
+    <select id="out1" oninput="changed()">
+      <option value="1">pg</option>
+      <option value="1000">ng</option>
+      <option value="1000000">ug</option>
+      <option value="mol">pmol</option>
+      <option value="mol1000">nmol</option>
+    </select>
+    <span>/</span>
+    <select id="out2" oninput="changed()">
+      <option value="1">mL</option>
+      <option value="100">dL</option>
+      <option value="1000">L</option>
+    </select>
+    <select id="iv" style="visibility: hidden">
+      <option value="272.38">雌二醇</option>
+      <option value="288.43">睾酮</option>
+      <option value="23000">泌乳素</option>
+      <option value="314.46">孕酮</option>
+    </select>
+  </div>
+</div>
+  <script type="text/javascript">
+    function changed() {
+      var val = Number(window.document.getElementById("val1").value);
+      var in1 = window.document.getElementById("in1").value;
+      var in2 = window.document.getElementById("in2").value;
+      var in3 = Number(window.document.getElementById("in3").value);
+      var out1 = window.document.getElementById("out1").value;
+      var out2 = window.document.getElementById("out2").value;
+      window.document.getElementById("in3").style.visibility = "hidden";
+      switch (in1) {
+        case "mol":
+          window.document.getElementById("in3").style.visibility = "visible";
+          val = val * in3;
+          break;
+        case "mol1000":
+          window.document.getElementById("in3").style.visibility = "visible";
+          val = val * 1000 * in3;
+          break;
+        default:
+          //window.document.getElementById("in3").style.visibility = "hidden";
+          val = val * Number(in1);
+      }
+      switch (out1) {
+        case "mol":
+          window.document.getElementById("in3").style.visibility = "visible";
+          val = val / in3;
+          break;
+        case "mol1000":
+          window.document.getElementById("in3").style.visibility = "visible";
+          val = (val * 0.001) / in3;
+          break;
+        default:
+          //window.document.getElementById("in3").style.visibility = "hidden";
+          val = val / Number(out1);
+      }
+      val = (val * out2) / in2;
+      if (isNaN(val)) {
+        window.document.getElementById("result").value = "数值错误"; //输出
+      } else {
+        window.document.getElementById("result").value = val; //输出
+      }
+      return;
+    }
+  </script>