bysyaItem.htm 10 KB

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