bysyaItem.htm 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>bysyaItem</title>
  5. <style>
  6. #channelSet dl.dl-horizontal dd input, #alarmSet dl.dl-horizontal dd input, #deviceAlarmSet dl.dl-horizontal dd input {
  7. padding: 0;
  8. }
  9. #channelSet{
  10. flex:1; height: 100%;display: flex;display: -webkit-flex;flex-direction:column;-webkit-flex-direction:column; margin-top: 0; margin-bottom: 0;
  11. }
  12. #channelSwitch {
  13. background: none;
  14. }
  15. li .row{
  16. padding: 0;
  17. font-size: 0.24rem;
  18. }
  19. .dw dl:last-of-type{
  20. border-bottom: none !important;
  21. }
  22. #channelSwitch .panel{
  23. box-shadow: none;
  24. border: 1px solid #4E768F;
  25. }
  26. #channelSwitch .panel .infoPanel{
  27. color: #4E768F;
  28. }
  29. #channelSwitch .panel .lcdShow{
  30. color: #4E768F;
  31. }
  32. #channelSwitch .panel .flex-container .flex-item:nth-child(2){
  33. background-color: #4E768F;
  34. }
  35. #channelSwitch .panel .flex-container{
  36. color: #333;
  37. }
  38. #channelSet dl.dl-horizontal dt span.icon-wrapper span, #alarmSet dl.dl-horizontal dt span.icon-wrapper span, #deviceAlarmSet dl.dl-horizontal dt span.icon-wrapper span{
  39. background-color: #4E768F;
  40. }
  41. #channelSwitch #slider i{
  42. color: #4E768F;
  43. }
  44. </style>
  45. <script type="text/javascript" src="views/haifmv/mc/bysyaEx/bysyaItem.js"></script>
  46. </head>
  47. <body>
  48. <input type="hidden" id="dwsl" value="$!xtHkyxcsyaItem.dwsl"/>
  49. <input type="hidden" id="dksl" value="$!xtHkyxcsyaItem.dksl"/>
  50. <input type="hidden" id="isLoaded"/>
  51. <input type="hidden" id="zsid" value="$!zsid"/>
  52. <input type="hidden" id="xt_hjkz_yxcs_update" value="$!xt_hjkz_yxcs_update">
  53. <main id="channelSet" style="border: 1px solid #4E768F;border-radius: 0.2rem;" >
  54. <div class="middle ">
  55. <div class="kzyxcsIscrollBig" style="overflow: hidden;width: 100%;">
  56. <div>
  57. #if($!xtHkyxcsyaItem.dwsl > 0)
  58. #set($dwcount = 0)
  59. #foreach($!obj in $!xtHkyxcsyaItem.dwList)
  60. #set($dwcount = $!dwcount + 1)
  61. <div style="display:none;position: inherit;" id="dw$!dwcount" class="dw">
  62. <div id="channelSwitch">
  63. <div class="panel">
  64. <div class="infoPanel">温度范围(℃)</div>
  65. <div class="lcdShow">
  66. <span class="temp-floor" id="dwd$!dwcount">#if("$!dwcount" == "1")0.0#else$!{obj.dwd}#end</span>
  67. ~
  68. <span class="temp-upper" id="gwd$!dwcount">$!{obj.gwd}</span>
  69. </div>
  70. <div class="flex-container">
  71. <div class="flex-item" style="color:#333" onclick="selectDw('$!dwcount', -1)">-</div>
  72. <div class="flex-item">$!dwcount档</div>
  73. <div class="flex-item" style="color:#333" onclick="selectDw('$!dwcount',1)">+</div>
  74. </div>
  75. </div>
  76. <div id="slider">
  77. <i class="addBtn glyphicon glyphicon-triangle-left" onclick="javascript:changeWd('$!dwcount', 1, this)"></i>
  78. <i class="subtractBtn glyphicon glyphicon-triangle-right" onclick="changeWd('$!dwcount', 2)"></i>
  79. </div>
  80. </div>
  81. #if ($obj.dkList.size() != 0)
  82. <ul class="nav nav-pills row" id="navTip">
  83. <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3">设备</li>
  84. <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3">开始时间</li>
  85. <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3">停止时间</li>
  86. <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3">备注</li>
  87. </ul>
  88. #end
  89. #set($dkcount = 0)
  90. #foreach($!o in $!obj.dkList)
  91. #set($dkcount = $!dkcount + 1)
  92. <dl class="dl-horizontal" #if("$!o.sbid" == "0" || "$!o.sbkg" == "1" || "$!o.sbid" == "") style="display:none;" #else style="height:60px;" #end>
  93. <dt class="col-lg-3 col-md-3 col-sm-3 col-xs-3" >
  94. <span class="icon-wrapper">
  95. #if ("$!o.gzsj" == "0")
  96. <img src="views/haifmv/img/mc_img/dwsz/yxcs$!{o.sbid}.png" onclick="kgbz(this, '$!dwcount$!dkcount');"/>
  97. <span style="background-color: #ccc;">$!o.sbxh</span>
  98. #else
  99. <img src="views/haifmv/img/mc_img/dwsz/yxcs$!{o.sbid}_1.png" onclick="kgbz(this, '$!dwcount$!dkcount');"/>
  100. <span>$!o.sbxh</span>
  101. #end
  102. <span>$!o.sbxh</span>
  103. </span>
  104. <input type="hidden" id="kg$!dwcount$!dkcount" value="$!o.sbkg"/>
  105. <input type="hidden" id="hesn$!dwcount$!dkcount" value="$!o.hesn"/>
  106. <input type="hidden" id="xh$!dwcount$!dkcount" value="$!o.sbxh"/>
  107. <input type="hidden" id="sbid$!dwcount$!dkcount" value="$!o.sbid"/>
  108. </dt>
  109. <dd class="col-lg-3 col-md-3 col-sm-3 col-xs-3" >
  110. <input type="number" id="gzsj$!dwcount$!dkcount" #if("$!o.jssj" == "") value="0" #else value="$!o.gzsj" #end oninput="if(value.length>4)value=value.slice(0,4)"
  111. onafterpaste='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'
  112. onKeyUp='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'>
  113. </dd>
  114. <dd class="col-lg-3 col-md-3 col-sm-3 col-xs-3" >
  115. <input type="number" id="jssj$!dwcount$!dkcount" #if("$!o.jssj" == "") value="0" #else value="$!o.jssj" #end oninput="if(value.length>4)value=value.slice(0,4)"
  116. onafterpaste='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'
  117. onKeyUp='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'/>
  118. </dd>
  119. <dd class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
  120. <input type="text" value="$!o.bz" id="bz$!dwcount$!dkcount" maxlength="8" onchange="tongbuBz(this.value, '$!dkcount')" disabled="disabled"/>
  121. </dd>
  122. </dl>
  123. #end
  124. #if ($obj.bpdkList.size() != 0)
  125. <ul class="nav nav-pills row" id="navTip">
  126. <li class="col-lg-2 col-md-2 col-sm-2 col-xs-2">其他</li>
  127. <li class="col-lg-2 col-md-2 col-sm-2 col-xs-2">开始</li>
  128. <li class="col-lg-2 col-md-2 col-sm-2 col-xs-2">结束</li>
  129. <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3">数值</li>
  130. <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3">备注</li>
  131. </ul>
  132. #end
  133. #foreach($!o in $!obj.bpdkList)
  134. #set($dkcount = $!dkcount + 1)
  135. <dl class="dl-horizontal" name="$!o.sbid"
  136. #if("$!o.sbid" == "0" || "$!o.sbkg" == "1" || "$!o.sbid" == "") style="display:none" #else style="height:60px;display: flex;align-items: center;" #end>
  137. <dt class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
  138. <span class="icon-wrapper" style="line-height: 0;">$!o.sbmc$!o.sbxh</span>
  139. <input type="hidden" id="kg$!dwcount$!dkcount" value="$!o.sbkg"/>
  140. <input type="hidden" id="hesn$!dwcount$!dkcount" value="$!o.hesn"/>
  141. <input type="hidden" id="xh$!dwcount$!dkcount" value="$!o.sbxh"/>
  142. <input type="hidden" id="sbid$!dwcount$!dkcount" value="$!o.sbid"/>
  143. </dt>
  144. <dd class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
  145. <input type="number" id="gzsj$!dwcount$!dkcount" #if("$!o.sbid" == "11" || "$!o.sbid" == "12"|| "$!o.sbid" == "13") disabled="disabled" #end
  146. #if("$!o.jssj" == "") value="0" #else value="$!o.gzsj" #end oninput="if(value.length>6)value=value.slice(0,6)"
  147. onafterpaste='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'
  148. onKeyUp='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'>
  149. </dd>
  150. <dd class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
  151. <input type="number" id="jssj$!dwcount$!dkcount" #if("$!o.sbid" == "11" || "$!o.sbid" == "12"|| "$!o.sbid" == "13") disabled="disabled" #end
  152. #if("$!o.jssj" == "") value="0" #else value="$!o.jssj" #end oninput="if(value.length>6)value=value.slice(0,6)"
  153. onafterpaste='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'
  154. onKeyUp='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'>
  155. </dd>
  156. <dd class="col-lg-3 col-md-3 col-sm-3 col-xs-3 imit">
  157. <input type="number" id="bpgl$!dwcount$!dkcount" #if("$!o.bpgl" == "") value="0" #else value="$!o.bpgl" #end oninput="if(value.length>3||parseInt(value)>100)value=''"
  158. onafterpaste='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'
  159. onKeyUp='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'>
  160. </dd>
  161. <dd class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
  162. <input type="text" value="$!o.bz" id="bz$!dwcount$!dkcount" maxlength="8" onchange="tongbuBz(this.value, '$!dkcount')" disabled="disabled"/>
  163. </dd>
  164. </dl>
  165. #end
  166. </div>
  167. #end
  168. #end
  169. </div>
  170. </div>
  171. </div>
  172. </main>
  173. </body>
  174. </html>