dawushi.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <TITLE>大巫师算法</TITLE>
  5. <meta charset="UTF-8">
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  7. <meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
  8. <script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
  9. <link rel="stylesheet" href="./mg/common.css">
  10. <style>
  11. body{
  12. font-size:24px;
  13. }
  14. .title{
  15. font-size: 32px;
  16. margin-top: 20px;
  17. }
  18. .panel1{
  19. width: 90%;
  20. justify-content: space-between;
  21. margin-top: 40px;
  22. align-items: flex-start;
  23. }
  24. .panel11{
  25. height:40px;
  26. }
  27. .td1{
  28. width:150px;
  29. text-align: right;
  30. margin-right: 20px;
  31. }
  32. input{
  33. width:100px;
  34. height:25px;
  35. font-size:22px;
  36. }
  37. .row1{
  38. margin-top: 40px;
  39. }
  40. .panel2{
  41. width: 100%;
  42. }
  43. .panel20{
  44. align-self: flex-start;
  45. margin-left: 12px;
  46. }
  47. .row2{
  48. font-size: 22px;
  49. margin-left: 24px;
  50. font-weight: 700;
  51. margin-top: 10px;
  52. }
  53. .row3{
  54. margin-top: 30px;
  55. }
  56. .td2{
  57. width: 60px;
  58. text-align: right;
  59. margin: 0 5px 0 15px;
  60. }
  61. .panel21{
  62. font-size:18px;
  63. width:100%;
  64. align-items: flex-start;
  65. }
  66. .panelBtn{
  67. width: 100%;
  68. margin-top: 30px;
  69. }
  70. button{
  71. font-size:24px;
  72. width:100px;
  73. }
  74. .result{
  75. background-color: #f0f0f0;
  76. width:120px;
  77. height:40px;
  78. text-align: center;
  79. }
  80. </style>
  81. <SCRIPT>
  82. $(document).ready(function () {
  83. $("#computer").click(function () {
  84. computer();
  85. });
  86. function computer(){
  87. var a=Number($("#a").val());
  88. var b=Number($("#b").val());
  89. var c=Number($("#c").val());
  90. if (!IsNumber(a)){
  91. alert("请在文本框中输入数字!");
  92. $("#a").val("");
  93. }
  94. else if (!IsNumber(b)){
  95. alert("请在文本框中输入数字!");
  96. $("#b").val("");
  97. }
  98. else if (!IsNumber(c)){
  99. alert("请在文本框中输入数字!");
  100. $("#c").val("");
  101. }
  102. else if (a && b && c){
  103. try {
  104. var delta = (b * c) * (b * c) + 4 * c * a * (2 + b);
  105. var x = (Math.sqrt(delta) - (b * c)) / (2 * c);
  106. x = Math.round(x * 1000) / 1000;
  107. var y = Math.round(c * x * 1000) / 1000;
  108. $(".d").html(x);
  109. $(".nd").html(y);
  110. }
  111. catch (e) {
  112. $(".d").html("出错");
  113. $(".nd").html("出错");
  114. }
  115. }
  116. else{
  117. $(".d").html("");
  118. $(".nd").html("");
  119. }
  120. }
  121. });
  122. function IsNumber(value) {
  123. return !isNaN(value);
  124. }
  125. </SCRIPT>
  126. </HEAD>
  127. <BODY class="FlexColumn">
  128. <div class="Main FlexColumn">
  129. <div class="title">放疗危及器官限量换算</div>
  130. <div class="panel1 FlexColumn">
  131. <div class="panel11 FlexRow"><div class="td1">EQD₂(Gy): </div><div><input type="text" id="a" value="" /></div></div>
  132. <div class="panel11 FlexRow"><div class="td1">n(次): </div><div><input type="text" id="c" value="" /></div></div>
  133. <div class="panel11 FlexRow"><div class="td1">α/β值: </div><div><input type="text" id="b" value="" /></div></div>
  134. <div class="panelBtn FlexRow"><button id="computer">计算</button></div>
  135. <div class="row1 FlexRow"><div class="td1">d = </div><div class="d result"></div></div>
  136. <div class="row1 FlexRow"><div class="td1">nd = </div><div class="nd result"></div></div>
  137. </div>
  138. <hr />
  139. <div class="panel2 FlexColumn">
  140. <div class="panel20">注释:</div>
  141. <div class="panel21 FlexColumn">
  142. <div class="row2">EQD₂·(2+α/β) = n·d·( d + α/β )</div>
  143. <div class="row3 FlexRow"><div class="td2">EQD₂:</div><div>单次放疗2Gy情况下危及器官限量</div></div>
  144. <div class="row4 FlexRow"><div class="td2">n:</div><div>预计放疗次数</div></div>
  145. <div class="row4 FlexRow"><div class="td2">d:</div><div>单次放疗危及器官限量</div></div>
  146. <div class="row4 FlexRow"><div class="td2">nd:</div><div>实际放疗剂量情况下危及器官总限量</div></div>
  147. </div>
  148. </div>
  149. </div>
  150. </BODY>
  151. </HTML>