mcGjpz.htm 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>gjpz</title>
  5. <style>
  6. .co {
  7. color: #dcb525 !important;
  8. }
  9. .mui-table-view {
  10. overflow: hidden;
  11. color: #fff;
  12. padding: 0 0.25rem;
  13. background: #D7DFEA;
  14. }
  15. .hiddenli ul{
  16. color: #333;font-size: 0.22rem;background: #ccc;padding: 0.1rem 0;
  17. }
  18. .hiddenli:last-of-type{
  19. padding-bottom: 0.2rem;
  20. }
  21. li.mui-table-view-cell,.mui-table-view-cell.mui-collapse.mui-active{
  22. font-size: 0.26rem;
  23. display: flex;
  24. align-items: center;
  25. margin: 0.2rem 0 0 0;
  26. background: #4E768F;
  27. text-align: left;
  28. }
  29. .bjszIscroll .mui-table-view-cell>.mui-switch{
  30. top:50%;
  31. }
  32. .wdxxbox{
  33. border: 1px solid #B9CEE0;border-radius: 0.12rem;box-shadow: 0 0 0.1rem #B9CEE0;margin-top: 0.15rem;
  34. }
  35. .row {
  36. margin-top: 0.15rem;
  37. margin-bottom: 0.15rem;
  38. padding: 0 0.25rem;
  39. }
  40. .col-xs-4.col-sm-4.col-md-4 button{
  41. padding: 0 12px;
  42. }
  43. input[placeholder], [placeholder], *[placeholder] {
  44. color: #333;
  45. font-size: 0.22rem !important;
  46. }
  47. ::-webkit-input-placeholder {
  48. color: #ccc;
  49. }
  50. .col-xs-2.col-sm-2.col-md-2{
  51. padding: 0;
  52. margin: 0 0.0957rem;
  53. }
  54. .col-xs-4.col-sm-4.col-md-4 input,.col-xs-2.col-sm-2.col-md-2 input{
  55. background: #EAEAEA;height: 0.5rem;line-height: 0.5rem;padding: 0 8px;text-align: center;
  56. }
  57. .sl ul li:first-of-type,.pldcf ul li:first-of-type{
  58. white-space: nowrap;
  59. }
  60. </style>
  61. <script src="views/haifmv/mc/mcGjpz/mcGjpz.js"></script>
  62. </head>
  63. <body>
  64. <input type="hidden" id="zsid" value="$!zsid"/>
  65. <input type="hidden" id="id" value="$!id"/>
  66. <input type="hidden" id="jqid" value="$!jqid"/>
  67. <div id="wrap">
  68. <header>
  69. <span class="glyphicon glyphicon-chevron-left" aria-hidden="true" onclick="backUrl();"></span>
  70. <p>报警设置</p>
  71. <span id='toastBtn' class="glyphicon glyphicon-ok" aria-hidden="true" onclick="save();"></span>
  72. </header>
  73. <div class="middle">
  74. <section class="lmlIscroll">
  75. <div>
  76. <div class="mui-content bjsz">
  77. <ul class="mui-table-view">
  78. <li class="mui-table-view-cell">
  79. <span>照明</span>
  80. <div class="mui-switch mui-active">
  81. <div class="mui-switch-handle"></div>
  82. </div>
  83. </li>
  84. <li class="hiddenli">
  85. <div class="wdxxbox">
  86. <div class="rowBox container-fluid zm" style="padding: 0 0 0.1rem 0;">
  87. <ul>
  88. <li class="col-xs-4 col-sm-4 col-md-4">开启时刻</li>
  89. <li class="col-xs-4 col-sm-4 col-md-4">关闭时刻</li>
  90. </ul>
  91. #set ($countZm = 0)
  92. #foreach ($!obj in $!zmList)
  93. <div class="row" id="zmStr$countZm" data-for = "$!obj">
  94. <div class="col-xs-4 col-sm-4 col-md-4"><input type="text" class="startTime colo" data-co="$countZm" id="zmStart$countZm" placeholder="开始时间" value="" readonly/></div>
  95. <div class="col-xs-4 col-sm-4 col-md-4"><input type="text" class="startTime colo" data-co="$countZm" id="zmEnd$countZm" placeholder="持续时间" value="" readonly/></div>
  96. </div>
  97. #set($countZm = $countZm +1)
  98. #end
  99. </div>
  100. </div>
  101. </li>
  102. <li class="mui-table-view-cell">
  103. <span>水帘</span>
  104. <div class="mui-switch mui-active">
  105. <div class="mui-switch-handle"></div>
  106. </div>
  107. </li>
  108. <li class="hiddenli">
  109. <div class="wdxxbox">
  110. <div class="rowBox container-fluid sl" style="padding: 0 0 0.1rem 0;">
  111. <ul>
  112. <li class="col-xs-2 col-sm-2 col-md-2">开启温度℃</li>
  113. <li class="col-xs-2 col-sm-2 col-md-2">开启偏移</li>
  114. <li class="col-xs-2 col-sm-2 col-md-2">关闭偏移</li>
  115. <li class="col-xs-2 col-sm-2 col-md-2">运行时长</li>
  116. <li class="col-xs-2 col-sm-2 col-md-2">关闭时长</li>
  117. </ul>
  118. #set ($countSl = 0)
  119. #foreach ($!obj in $!slList)
  120. <div class="row" id="slStr$countSl" data-for = "$!obj">
  121. <div class="col-xs-2 col-sm-2 col-md-2"><input type="text" class="numb limit" maxlength="4" id="slStart$countSl" placeholder="开启温度" value="" /></div>
  122. <div class="col-xs-2 col-sm-2 col-md-2"><input type="text" class="numb limit" maxlength="1" id="slKqpy$countSl" placeholder="开启偏移" value="" /></div>
  123. <div class="col-xs-2 col-sm-2 col-md-2"><input type="text" class="numb limit" maxlength="1" id="slGbpy$countSl" placeholder="关闭偏移" value="" /></div>
  124. <div class="col-xs-2 col-sm-2 col-md-2"><input type="text" class="numb limit" maxlength="4" id="slKssj$countSl" placeholder="开始时间" value="" /></div>
  125. <div class="col-xs-2 col-sm-2 col-md-2"><input type="text" class="numb limit" maxlength="4" id="slGbsj$countSl" placeholder="关闭时间" value="" /></div>
  126. </div>
  127. #set($countSl = $countSl +1)
  128. #end
  129. </div>
  130. </div>
  131. </li>
  132. <li class="mui-table-view-cell">
  133. <span>喷淋电磁阀</span>
  134. <div class="mui-switch mui-active">
  135. <div class="mui-switch-handle"></div>
  136. </div>
  137. </li>
  138. <li class="hiddenli">
  139. <div class="wdxxbox">
  140. <div class="rowBox container-fluid pldcf" style="padding: 0 0 0.1rem 0;">
  141. <ul>
  142. <li class="col-xs-2 col-sm-2 col-md-2">开启温度℃</li>
  143. <li class="col-xs-2 col-sm-2 col-md-2">开启偏移</li>
  144. <li class="col-xs-2 col-sm-2 col-md-2">关闭偏移</li>
  145. <li class="col-xs-2 col-sm-2 col-md-2">运行时长</li>
  146. <li class="col-xs-2 col-sm-2 col-md-2">关闭时长</li>
  147. </ul>
  148. #set ($countPl = 0)
  149. #foreach ($!obj in $!plList)
  150. <div class="row" id="plStr$countPl" data-for = "$!obj">
  151. <div class="col-xs-2 col-sm-2 col-md-2"><input type="text" class="numb limit" maxlength="4" id="plStart$countPl" placeholder="开启温度" value="" /></div>
  152. <div class="col-xs-2 col-sm-2 col-md-2"><input type="text" class="numb limit" maxlength="1" id="plKqpy$countPl" placeholder="开启偏移" value="" /></div>
  153. <div class="col-xs-2 col-sm-2 col-md-2"><input type="text" class="numb limit" maxlength="1" id="plGbpy$countPl" placeholder="关闭偏移" value="" /></div>
  154. <div class="col-xs-2 col-sm-2 col-md-2"><input type="text" class="numb limit" maxlength="4" id="plKssj$countPl" placeholder="开始时间" value="" /></div>
  155. <div class="col-xs-2 col-sm-2 col-md-2"><input type="text" class="numb limit" maxlength="4" id="plGbsj$countPl" placeholder="关闭时间" value="" /></div>
  156. </div>
  157. #set($countPl = $countPl +1)
  158. #end
  159. </div>
  160. </div>
  161. </li>
  162. <li class="mui-table-view-cell">
  163. <span>暖灯</span>
  164. <div class="mui-switch mui-active">
  165. <div class="mui-switch-handle"></div>
  166. </div>
  167. </li>
  168. <li class="hiddenli">
  169. <div class="wdxxbox">
  170. <div class="rowBox container-fluid nd" style="padding: 0 0 0.1rem 0;">
  171. <ul>
  172. <li class="col-xs-4 col-sm-4 col-md-4">开启温度℃</li>
  173. <li class="col-xs-4 col-sm-4 col-md-4">开启偏移</li>
  174. <li class="col-xs-4 col-sm-4 col-md-4">关闭偏移</li>
  175. </ul>
  176. #set ($countNd = 0)
  177. #foreach ($!obj in $!ndList)
  178. <div class="row" id="ndStr$countNd" data-for = "$!obj">
  179. <div class="col-xs-4 col-sm-4 col-md-4"><input type="text" class="numb limit" maxlength="4" id="ndStart$countNd" placeholder="开启温度" value="" /></div>
  180. <div class="col-xs-4 col-sm-4 col-md-4"><input type="text" class="numb limit" maxlength="1" id="ndKqpy$countNd" placeholder="开启偏移" value="" /></div>
  181. <div class="col-xs-4 col-sm-4 col-md-4"><input type="text" class="numb limit" maxlength="1" id="ndGbpy$countNd" placeholder="关闭偏移" value="" /></div>
  182. </div>
  183. #set($countNd = $countNd +1)
  184. #end
  185. </div>
  186. </div>
  187. </li>
  188. </ul>
  189. </div>
  190. </div>
  191. </section>
  192. </div>
  193. </div>
  194. </body>
  195. </html>