wsbj.htm 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>mcbjsz</title>
  6. <style>
  7. #alarmContent input[placeholder],#alarmContent [placeholder],#alarmContent *[placeholder]{
  8. color: #4e7891 !important;
  9. }
  10. .column>span{
  11. background-size: 600%;
  12. background-repeat: no-repeat;
  13. width: 0.5rem;
  14. height: 0.5rem;
  15. margin-right: 0.2rem;
  16. }
  17. .mui-table-view {
  18. overflow: hidden;
  19. color: #fff;
  20. }
  21. .mui-table-view-cell {
  22. background: #4E768F;
  23. text-align: left;
  24. }
  25. li.mui-table-view-cell,.mui-table-view-cell.mui-collapse.mui-active{
  26. font-size: 0.26rem;
  27. display: flex;
  28. align-items: center;
  29. margin: 0.2rem 0 0 0;
  30. }
  31. .bjszIscroll .mui-table-view-cell>.mui-switch{
  32. top:50%;
  33. }
  34. #box1{
  35. margin-top: 0;
  36. }
  37. .wdxxbox{
  38. border: 1px solid #B9CEE0;border-radius: 0.12rem;box-shadow: 0 0 0.1rem #B9CEE0;margin-top: 0.1rem;
  39. }
  40. .row {
  41. font-size: 0.24rem;
  42. margin-top: 0.1rem;
  43. margin-bottom: 0.15rem;
  44. color: #333;
  45. }
  46. .ggys{
  47. margin-left: 0;
  48. }
  49. .bzmd-content{
  50. border-radius: 0;
  51. }
  52. .md-content .titlebz {
  53. width: 106%;
  54. margin-left: -3%;
  55. margin-top: 0.4rem;
  56. border-radius: 0;
  57. padding: 0.1rem 0;
  58. }
  59. .btnBox>div{
  60. background: #6C98B1;border-radius: 0.1rem;padding: 0.08rem 0.15rem;margin: 0 0.06rem 0 0;
  61. }
  62. .btnBox div+div{
  63. background: #6C98B1;border-radius: 0.1rem;padding: 0.08rem 0.15rem;margin: 0 0.06rem;
  64. }
  65. a{
  66. font-size: 0.24rem;display: flex;color: #000;
  67. }
  68. a:focus, a:hover{
  69. color: #000 ;
  70. }
  71. #alarmContent dl{
  72. border-bottom: 1px solid #D7DFEA;
  73. }
  74. #alarmContent dl:last-of-type{
  75. border: 0;
  76. }
  77. .col-xs-5.col-sm-5.col-md-5{
  78. color: #000;
  79. }
  80. i{
  81. font-style: normal;font-size: 0.2rem;
  82. }
  83. .colorActive{
  84. color:#6C98B1 !important;
  85. }
  86. #lxmcc{
  87. white-space: pre-wrap;
  88. }
  89. </style>
  90. <script type="text/javascript" src="views/haifmv/mc/mcWscl/wsclBjsz.js"></script>
  91. </head>
  92. <body>
  93. <input type="hidden" id="lqid" value="$!bjsz.lqid" />
  94. <input type="hidden" id="sj" value="$!sj" />
  95. <div id="wrap">
  96. <header>
  97. <span class="glyphicon glyphicon-chevron-left" aria-hidden="true" onclick="javascript:bjcsBackUrl();"></span>
  98. <p>报警设置</p>
  99. <span class="glyphicon glyphicon-ok" aria-hidden="true" onclick="javascript:savebjcs()" ></span>
  100. </header>
  101. <div class="middle">
  102. <section class="bjszIscroll">
  103. <div>
  104. <div class="mui-content bjsz">
  105. <ul class="mui-table-view" style="padding: 0 0.25rem;background: #D7DFEA;">
  106. <li class="mui-table-view-cell cs">
  107. <span>报警参数</span>
  108. <div class="mui-switch mui-active">
  109. <div class="mui-switch-handle"></div>
  110. </div>
  111. </li>
  112. <li class="hiddenli cs" style="display: block;">
  113. <div class="wdxxbox" id="box2" style="position: relative;">
  114. <div class="rowBox container-fluid">
  115. <div class="row show0">
  116. <div class="col-xs-5 col-sm-5 col-md-5 align-itemscenter">COD阀值(mg/L)</div>
  117. <div class="col-xs-7 col-sm-7 col-md-7 align-itemscenter">
  118. <input type="text" id="cod" value="$!bjsz.codfz" name="bjsz.codfz"
  119. maxlength="6"
  120. style="background: #EAEAEA;height: 0.5rem;line-height: 0.5rem;padding: 0 15px;"
  121. onfocus="if(!/^[0-9]+(\.[0-9]{1})?$/.test(this.value))this.value=''"
  122. onblur="if(!/^[0-9]+(\.[0-9]{1})?$/.test(this.value))this.value=''"
  123. onafterpaste='this.value=this.value.replace(/[^\d\.]/gi,"");this.value=this.value.replace(/^(\d+\.\d{1})\S*$/,"$1");this.value=this.value.replace(/^\.{1}$/, "");this.value=this.value.replace(/^(\d+\.)\.$/, "$1")'
  124. onKeyUp='this.value=this.value.replace(/[^\d\.]/gi,"");this.value=this.value.replace(/^(\d+\.\d{1})\S*$/,"$1");this.value=this.value.replace(/^\.{1}$/, "");this.value=this.value.replace(/^(\d+\.)\.$/, "$1")' />
  125. </div>
  126. </div>
  127. <div class="row show1">
  128. <div class="col-xs-5 col-sm-5 col-md-5 align-itemscenter">BOD阀值(mg/L)</div>
  129. <div class="col-xs-7 col-sm-7 col-md-7 align-itemscenter">
  130. <input type="text" id="bod" value="$!bjsz.bodfz" name="bjsz.bodfz"
  131. maxlength="6"
  132. style="background: #EAEAEA;height: 0.5rem;line-height: 0.5rem;padding: 0 15px;"
  133. onfocus="if(!/^[0-9]+(\.[0-9]{1})?$/.test(this.value))this.value=''"
  134. onblur="if(!/^[0-9]+(\.[0-9]{1})?$/.test(this.value))this.value=''"
  135. onafterpaste='this.value=this.value.replace(/[^\d\.]/gi,"");this.value=this.value.replace(/^(\d+\.\d{1})\S*$/,"$1");this.value=this.value.replace(/^\.{1}$/, "");this.value=this.value.replace(/^(\d+\.)\.$/, "$1")'
  136. onKeyUp='this.value=this.value.replace(/[^\d\.]/gi,"");this.value=this.value.replace(/^(\d+\.\d{1})\S*$/,"$1");this.value=this.value.replace(/^\.{1}$/, "");this.value=this.value.replace(/^(\d+\.)\.$/, "$1")' />
  137. </div>
  138. </div>
  139. <div class="row show2">
  140. <div class="col-xs-5 col-sm-5 col-md-5 align-itemscenter">SS阀值(mg/L)</div>
  141. <div class="col-xs-7 col-sm-7 col-md-7 align-itemscenter">
  142. <input type="text" id="ss" value="$!bjsz.ssfz" maxlength="6" name="bjsz.ssfz"
  143. style="background: #EAEAEA;height: 0.5rem;line-height: 0.5rem;padding: 0 15px;"
  144. onfocus="if(!/^[0-9]+(\.[0-9]{1})?$/.test(this.value))this.value=''"
  145. onblur="if(!/^[0-9]+(\.[0-9]{1})?$/.test(this.value))this.value=''"
  146. onafterpaste='this.value=this.value.replace(/[^\d\.]/gi,"");this.value=this.value.replace(/^(\d+\.\d{1})\S*$/,"$1");this.value=this.value.replace(/^\.{1}$/, "");this.value=this.value.replace(/^(\d+\.)\.$/, "$1")'
  147. onKeyUp='this.value=this.value.replace(/[^\d\.]/gi,"");this.value=this.value.replace(/^(\d+\.\d{1})\S*$/,"$1");this.value=this.value.replace(/^\.{1}$/, "");this.value=this.value.replace(/^(\d+\.)\.$/, "$1")' />
  148. </div>
  149. </div>
  150. <div class="row show3">
  151. <div class="col-xs-5 col-sm-5 col-md-5 align-itemscenter">NH3-N阀值(mg/L)</div>
  152. <div class="col-xs-7 col-sm-7 col-md-7 align-itemscenter">
  153. <input type="text" id="nhsn" value="$!bjsz.nhsnfz" name="bjsz.nhsnfz"
  154. maxlength="6"
  155. style="background: #EAEAEA;height: 0.5rem;line-height: 0.5rem;padding: 0 15px;"
  156. onfocus="if(!/^[0-9]+(\.[0-9]{1})?$/.test(this.value))this.value=''"
  157. onblur="if(!/^[0-9]+(\.[0-9]{1})?$/.test(this.value))this.value=''"
  158. onafterpaste='this.value=this.value.replace(/[^\d\.]/gi,"");this.value=this.value.replace(/^(\d+\.\d{1})\S*$/,"$1");this.value=this.value.replace(/^\.{1}$/, "");this.value=this.value.replace(/^(\d+\.)\.$/, "$1")'
  159. onKeyUp='this.value=this.value.replace(/[^\d\.]/gi,"");this.value=this.value.replace(/^(\d+\.\d{1})\S*$/,"$1");this.value=this.value.replace(/^\.{1}$/, "");this.value=this.value.replace(/^(\d+\.)\.$/, "$1")' />
  160. </div>
  161. </div>
  162. </div>
  163. </div>
  164. </li>
  165. </ul>
  166. </div>
  167. </div>
  168. </section>
  169. </div>
  170. </div>
  171. </body>
  172. </html>