bysyaItem.htm 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  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/haifm/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. <main id="channelSet" style="border: 1px solid #4E768F;border-radius: 0.2rem;" >
  53. <div class="middle ">
  54. <div class="kzyxcsIscrollBig" style="overflow: hidden;width: 100%;">
  55. <div>
  56. #set($dwcount = 0)
  57. #foreach($!obj in $!xtHkyxcsyaItem.dwList)
  58. #set($dwcount = $!dwcount + 1)
  59. <div style="display:none;position: inherit;" id="dw$!dwcount" class="dw">
  60. <div id="channelSwitch">
  61. <div class="panel">
  62. <div class="infoPanel">温度范围(℃)</div>
  63. <div class="lcdShow">
  64. <span class="temp-floor" id="dwd$!dwcount">#if("$!dwcount" == "1")0.0#else$!{obj.dwd}#end</span>
  65. ~
  66. <span class="temp-upper" id="gwd$!dwcount">$!{obj.gwd}</span>
  67. </div>
  68. <div class="flex-container">
  69. <div class="flex-item" #if(
  70. "$!dwcount" == "1") style="color:#dbdada" #else onclick="selectDw('$!dwcount', -1)" #end>-
  71. </div>
  72. <div class="flex-item">$!dwcount档</div>
  73. <div class="flex-item" #if(
  74. "$!dwcount" == "$!xtHkyxcsyaItem.dwList.size()") style="color:#dbdada" #else onclick="selectDw('$!dwcount',
  75. 1)" #end>+</div>
  76. </div>
  77. </div>
  78. <div id="slider">
  79. <i class="addBtn glyphicon glyphicon-triangle-left" onclick="javascript:changeWd('$!dwcount', 1, this)"></i>
  80. <i class="subtractBtn glyphicon glyphicon-triangle-right" onclick="changeWd('$!dwcount', 2)"></i>
  81. </div>
  82. </div>
  83. #if ($obj.dkList.size() != 0)
  84. <ul class="nav nav-pills row" id="navTip">
  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. <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3">停止时间</li>
  88. <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3">备注</li>
  89. </ul>
  90. #end
  91. #set($dkcount = 0)
  92. #foreach($!o in $!obj.dkList)
  93. #set($dkcount = $!dkcount + 1)
  94. <dl class="dl-horizontal" style="height:60px;">
  95. <dt class="col-lg-3 col-md-3 col-sm-3 col-xs-3" #if(
  96. "$!o.sbid" == "0" || "$!o.sbkg" == "1") style="display:block" #end>
  97. <span class="icon-wrapper">
  98. <img src="views/haifm/images/hjkz/yxcs$!{o.sbid}.png" alt=""
  99. onclick="kgbz(this, '$!dwcount$!dkcount');">
  100. <span>$!o.sbxh</span>
  101. </span>
  102. <input type="hidden" id="kg$!dwcount$!dkcount" value="$!o.sbkg"/>
  103. <input type="hidden" id="hesn$!dwcount$!dkcount" value="$!o.hesn"/>
  104. <input type="hidden" id="xh$!dwcount$!dkcount" value="$!o.sbxh"/>
  105. <input type="hidden" id="sbid$!dwcount$!dkcount" value="$!o.sbid"/>
  106. </dt>
  107. <dd class="col-lg-3 col-md-3 col-sm-3 col-xs-3" #if(
  108. "$!o.sbid" == "0" || "$!o.sbkg" == "1") style="display:block" #end>
  109. <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)"
  110. onafterpaste='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'
  111. onKeyUp='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'>
  112. </dd>
  113. <dd class="col-lg-3 col-md-3 col-sm-3 col-xs-3" #if(
  114. "$!o.sbid" == "0" || "$!o.sbkg" == "1") style="display:block" #end>
  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" #if(
  120. "$!o.sbid" == "0" || "$!o.sbkg" == "1") style="display:block" #end>
  121. <input type="text" value="$!o.bz" id="bz$!dwcount$!dkcount" maxlength="8" onchange="tongbuBz(this.value, '$!dkcount')" disabled="disabled"/>
  122. </dd>
  123. </dl>
  124. #end
  125. #if ($obj.bpdkList.size() != 0)
  126. <ul class="nav nav-pills row" id="navTip">
  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-2 col-md-2 col-sm-2 col-xs-2">结束</li>
  130. <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3">数值</li>
  131. <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3">备注</li>
  132. </ul>
  133. #end
  134. #foreach($!o in $!obj.bpdkList)
  135. #set($dkcount = $!dkcount + 1)
  136. <dl class="dl-horizontal" style="height:60px;display: flex;align-items: center;">
  137. <dt class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
  138. <span class="icon-wrapper" style="line-height: 0;">
  139. $!o.sbmc$!o.sbxh
  140. </span>
  141. <input type="hidden" id="kg$!dwcount$!dkcount" value="$!o.sbkg"/>
  142. <input type="hidden" id="hesn$!dwcount$!dkcount" value="$!o.hesn"/>
  143. <input type="hidden" id="xh$!dwcount$!dkcount" value="$!o.sbxh"/>
  144. <input type="hidden" id="sbid$!dwcount$!dkcount" value="$!o.sbid"/>
  145. </dt>
  146. <dd class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
  147. <input type="number" id="gzsj$!dwcount$!dkcount" #if("$!o.sbid" == "11" || "$!o.sbid" == "12") disabled="disabled" #end
  148. #if("$!o.jssj" == "") value="0" #else value="$!o.gzsj" #end oninput="if(value.length>6)value=value.slice(0,6)"
  149. onafterpaste='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'
  150. onKeyUp='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'>
  151. </dd>
  152. <dd class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
  153. <input type="number" id="jssj$!dwcount$!dkcount" #if("$!o.sbid" == "11" || "$!o.sbid" == "12") disabled="disabled" #end
  154. #if("$!o.jssj" == "") value="0" #else value="$!o.jssj" #end oninput="if(value.length>6)value=value.slice(0,6)"
  155. onafterpaste='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'
  156. onKeyUp='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'>
  157. </dd>
  158. <dd class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
  159. <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=''"
  160. onafterpaste='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'
  161. onKeyUp='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'>
  162. </dd>
  163. <dd class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
  164. <input type="text" value="$!o.bz" id="bz$!dwcount$!dkcount" maxlength="8" onchange="tongbuBz(this.value, '$!dkcount')" disabled="disabled"/>
  165. </dd>
  166. </dl>
  167. #end
  168. </div>
  169. #end
  170. </div>
  171. </div>
  172. </div>
  173. </main>
  174. </body>
  175. </html>