hjkzyxcs.htm 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298
  1. <!DOCTYPE html>
  2. <title>hjkzyxcs</title>
  3. <html lang="en">
  4. <head>
  5. <style>
  6. #overlay{
  7. background: #000;
  8. filter: alpha(opacity=50); /* IE的透明度 */
  9. opacity: 0.5; /* 透明度 */
  10. position: absolute;
  11. top: 0px;
  12. left: 0px;
  13. width: 100%;
  14. height: 100%;
  15. z-index: 1041; /* 此处的图层要大于页面 */
  16. display:none;
  17. }
  18. .xgmsgbox{
  19. display:none;
  20. position: absolute;
  21. top: 50%;
  22. left: 50%;
  23. background: #fff;
  24. z-index: 9999;+
  25. border: 1px solid rgba(0,0,0,0.2);
  26. border-radius: 3px;
  27. -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
  28. box-shadow: 0 3px 9px rgba(0,0,0,0.5);
  29. margin-left: -135px;
  30. margin-top: -135px;
  31. height: 300px;
  32. }
  33. .xgmsgbox>h4{
  34. margin: 0;
  35. text-align: center;
  36. padding: 15px;
  37. border-bottom: 1px solid #e5e5e5;
  38. background-color: #f4f2f2;
  39. }
  40. .xgmsgbox>.footerBox{
  41. display: flex;
  42. justify-content: center;
  43. align-items: center;
  44. border-top: 1px solid #e5e5e5;
  45. padding: 15px;
  46. margin-top: 186px;
  47. }
  48. .xgmsgbox>.footerBox>button{
  49. padding: 6px 40px;
  50. background-color: #1abc9c;
  51. border: none;
  52. margin:0 5px;
  53. color: #fff;
  54. }
  55. .iscrollCenter{
  56. padding: 0 40px;
  57. position: absolute;
  58. width: 100%;
  59. overflow: hidden;
  60. height: 186px;
  61. top: 50px;
  62. }
  63. .iscrollCenter>.listcenter>li{
  64. height: 40px;
  65. line-height: 40px;
  66. display: flex;
  67. align-items: center;
  68. position: relative;
  69. }
  70. .listcenter .checkBox>input{
  71. visibility: hidden;
  72. }
  73. .checkBox {
  74. width: 20px;
  75. height: 20px;
  76. line-height: 20px;
  77. background: #ddd;
  78. display: inline-block;
  79. border-radius: 100%;
  80. position: absolute;
  81. -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
  82. -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
  83. box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
  84. right: 0;
  85. top: 10px;
  86. }
  87. .checkBox>label {
  88. display: block;
  89. width: 16px;
  90. height: 16px;
  91. border-radius: 50%;
  92. -webkit-transition: all .5s ease;
  93. -moz-transition: all .5s ease;
  94. -o-transition: all .5s ease;
  95. -ms-transition: all .5s ease;
  96. transition: all .5s ease;
  97. position: absolute;
  98. top: 2px;
  99. left: 2px;
  100. z-index: 1;
  101. background: transparent;
  102. -webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
  103. -moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
  104. box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
  105. }
  106. .checkBox>input[type=checkbox]:checked + label {
  107. background: #1abc9c;
  108. }
  109. .chooseDweb>.checkBox+span{
  110. text-indent: 0.2rem;
  111. }
  112. .spanColor{
  113. -webkit-transition: all .5s ease;
  114. color:#1abc9c;
  115. font-weight: bold;
  116. }
  117. /* 滚动条样式 */
  118. .iScrollVerticalScrollbar {
  119. position: absolute;
  120. z-index: 9999;
  121. width: 3px;
  122. bottom: 2px;
  123. top: 2px;
  124. right: 2px;
  125. overflow: hidden;
  126. }
  127. .iScrollVerticalScrollbar.iScrollBothScrollbars {
  128. bottom: 18px;
  129. }
  130. .iScrollIndicator {
  131. position: absolute;
  132. right: 0;
  133. background: rgba(0, 0, 0);
  134. border: 2px solid rgba(0, 0, 0, 0.5);
  135. border-radius: 8px;
  136. }
  137. </style>
  138. <script type="text/javascript" src="views/haifm/mc/hjkz/hjkzyxcs.js"></script>
  139. </head>
  140. <body>
  141. <input type="hidden" id="dwsl" value="$!xtHkyxcs.dwsl"/>
  142. <input type="hidden" id="dksl" value="$!xtHkyxcs.dksl"/>
  143. <input type="hidden" id="jqid" value="$!xtHkyxcs.jqid"/>
  144. <input type="hidden" id="zsid" value="$!zsid"/>
  145. <input type="hidden" id="zsbz" value="$!daZsda.zsbz"/>
  146. <main id="channelSet">
  147. <div class="navbar-fixed-top">
  148. <span class="glyphicon glyphicon-menu-left" onclick="javascript:yxcsBackUrl();"></span>
  149. <h4>档位设置</h4>
  150. #if("$!xt_hjkz_yxcs_update" == "true")
  151. <span class="saveBtn" onclick="javascript:saveyxcs('bc')">保存</span>
  152. #else
  153. <span class="saveBtn"></span>
  154. #end
  155. </div>
  156. <div class="kzyxcsIscrollBig" style="overflow: hidden;width: 100%;position: absolute;bottom: 0;top: 38px;">
  157. <div>
  158. #set($dwcount = 0)
  159. #foreach($!obj in $!xtHkyxcs.dwList)
  160. #set($dwcount = $!dwcount + 1)
  161. <div style="display:none;position: inherit;" id="dw$!dwcount" class="dw">
  162. <div id="channelSwitch">
  163. <div class="panel">
  164. <div class="infoPanel">温度范围(℃)</div>
  165. <div class="lcdShow">
  166. <span class="temp-floor" id="dwd$!dwcount">#if("$!dwcount" == "1")0.0#else$!{obj.dwd}#end</span>
  167. ~
  168. <span class="temp-upper" id="gwd$!dwcount">$!{obj.gwd}</span>
  169. </div>
  170. <div class="flex-container">
  171. <div class="flex-item" #if(
  172. "$!dwcount" == "1") style="color:#dbdada" #else onclick="selectDw('$!dwcount', -1)" #end>-
  173. </div>
  174. <div class="flex-item">$!dwcount档</div>
  175. <div class="flex-item" #if(
  176. "$!dwcount" == "$!xtHkyxcs.dwList.size()") style="color:#dbdada" #else onclick="selectDw('$!dwcount',
  177. 1)" #end>+</div>
  178. </div>
  179. </div>
  180. <div id="slider">
  181. <i class="addBtn glyphicon glyphicon-triangle-left" onclick="javascript:changeWd('$!dwcount', 1, this)"></i>
  182. <i class="subtractBtn glyphicon glyphicon-triangle-right" onclick="changeWd('$!dwcount', 2)"></i>
  183. </div>
  184. </div>
  185. #if ($obj.dkList.size() != 0)
  186. <ul class="nav nav-pills row" id="navTip">
  187. <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3">设备</li>
  188. <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3">开始时间</li>
  189. <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3">停止时间</li>
  190. <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3">备注</li>
  191. </ul>
  192. #end
  193. #set($dkcount = 0)
  194. #foreach($!o in $!obj.dkList)
  195. #set($dkcount = $!dkcount + 1)
  196. <dl class="dl-horizontal" style="height:60px;">
  197. <dt class="col-lg-3 col-md-3 col-sm-3 col-xs-3" #if(
  198. "$!o.sbid" == "0" || "$!o.sbkg" == "1") style="display:none" #end>
  199. <span class="icon-wrapper">
  200. <img src="views/haifm/images/hjkz/yxcs$!{o.sbid}.png" alt=""
  201. onclick="kgbz(this, '$!dwcount$!dkcount');">
  202. <span>$!o.sbxh</span>
  203. </span>
  204. <input type="hidden" id="kg$!dwcount$!dkcount" value="$!o.sbkg"/>
  205. <input type="hidden" id="hesn$!dwcount$!dkcount" value="$!o.hesn"/>
  206. <input type="hidden" id="xh$!dwcount$!dkcount" value="$!o.sbxh"/>
  207. <input type="hidden" id="sbid$!dwcount$!dkcount" value="$!o.sbid"/>
  208. </dt>
  209. <dd class="col-lg-3 col-md-3 col-sm-3 col-xs-3" #if(
  210. "$!o.sbid" == "0" || "$!o.sbkg" == "1") style="display:none" #end>
  211. <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)"
  212. onafterpaste='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'
  213. onKeyUp='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'>
  214. </dd>
  215. <dd class="col-lg-3 col-md-3 col-sm-3 col-xs-3" #if(
  216. "$!o.sbid" == "0" || "$!o.sbkg" == "1") style="display:none" #end>
  217. <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)"
  218. onafterpaste='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'
  219. onKeyUp='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'>
  220. </dd>
  221. <dd class="col-lg-3 col-md-3 col-sm-3 col-xs-3" #if(
  222. "$!o.sbid" == "0" || "$!o.sbkg" == "1") style="display:none" #end>
  223. <input type="text" value="$!o.bz" id="bz$!dwcount$!dkcount" maxlength="8" onchange="tongbuBz(this.value, '$!dkcount')"/>
  224. </dd>
  225. </dl>
  226. #end
  227. #if ($obj.bpdkList.size() != 0)
  228. <ul class="nav nav-pills row" id="navTip">
  229. <li class="col-lg-2 col-md-2 col-sm-2 col-xs-2">其他设备</li>
  230. <li class="col-lg-2 col-md-2 col-sm-2 col-xs-2">开始时间</li>
  231. <li class="col-lg-2 col-md-2 col-sm-2 col-xs-2">结束时间</li>
  232. <li class="col-lg-2 col-md-2 col-sm-2 col-xs-2">数值</li>
  233. <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">备注</li>
  234. </ul>
  235. #end
  236. #foreach($!o in $!obj.bpdkList)
  237. #set($dkcount = $!dkcount + 1)
  238. <dl class="dl-horizontal" style="height:60px;display: flex;align-items: center;"">
  239. <dt class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
  240. <span class="icon-wrapper" style="line-height: 0;">
  241. $!o.sbmc$!o.sbxh
  242. </span>
  243. <input type="hidden" id="kg$!dwcount$!dkcount" value="$!o.sbkg"/>
  244. <input type="hidden" id="hesn$!dwcount$!dkcount" value="$!o.hesn"/>
  245. <input type="hidden" id="xh$!dwcount$!dkcount" value="$!o.sbxh"/>
  246. <input type="hidden" id="sbid$!dwcount$!dkcount" value="$!o.sbid"/>
  247. </dt>
  248. <dd class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
  249. <input type="number" id="gzsj$!dwcount$!dkcount" #if("$!o.sbid" == "11" || "$!o.sbid" == "12") disabled="disabled" #end
  250. #if("$!o.jssj" == "") value="0" #else value="$!o.gzsj" #end oninput="if(value.length>6)value=value.slice(0,6)"
  251. onafterpaste='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'
  252. onKeyUp='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'>
  253. </dd>
  254. <dd class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
  255. <input type="number" id="jssj$!dwcount$!dkcount" #if("$!o.sbid" == "11" || "$!o.sbid" == "12") disabled="disabled" #end
  256. #if("$!o.jssj" == "") value="0" #else value="$!o.jssj" #end oninput="if(value.length>6)value=value.slice(0,6)"
  257. onafterpaste='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'
  258. onKeyUp='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'>
  259. </dd>
  260. <dd class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
  261. <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=''"
  262. onafterpaste='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'
  263. onKeyUp='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'>
  264. </dd>
  265. <dd class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
  266. <input type="text" value="$!o.bz" id="bz$!dwcount$!dkcount" maxlength="8" onchange="tongbuBz(this.value, '$!dkcount')"/>
  267. </dd>
  268. </dl>
  269. #end
  270. </div>
  271. #end
  272. </div>
  273. </div>
  274. </main>
  275. <div id="tb" style="z-index: 1040;position: fixed;bottom: 50px;right: 18px;width: 50px;height: 50px;line-height: 50px;border: 1px solid #ccc;text-align: center;box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);text-shadow: 1px 1px 1px rgba(255,255,255, .22);color: #515151;background : -webkit-linear-gradient( top , #d3d3d3 0%, #8a8a8a 100%);border-radius: 50%;">同步</div>
  276. <div id="overlay"></div>
  277. <div class="xgmsgbox">
  278. <h4 id = "damc">$!damc</h4>
  279. <div class="iscrollCenter">
  280. <ul class="listcenter" style="margin: 0 auto;position: relative;">
  281. #foreach ($!obj in $!zsdaList)
  282. <li>
  283. <div id="tb" class="checkBox">
  284. <input type="checkbox" name="checkBox" id="dmid" value="$!obj.id" />
  285. <label for="dmid"></label>
  286. </div>
  287. <span>$!obj.zsmc</span>
  288. </li>
  289. #end
  290. </ul>
  291. </div>
  292. <div class="footerBox">
  293. <button type="button" class="btn btn-default qd" onclick="saveyxcs('tb')">确定</button>
  294. <button type="button" class="btn btn-default qx">取消</button>
  295. </div>
  296. </div>
  297. </body>
  298. </html>