123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>gjpz</title>
- <style>
- .co {
- color: #dcb525 !important;
- }
- .mui-table-view {
- overflow: hidden;
- color: #fff;
- padding: 0 0.25rem;
- background: #D7DFEA;
- }
- .hiddenli ul{
- color: #333;font-size: 0.22rem;background: #ccc;padding: 0.1rem 0;
- }
- .hiddenli:last-of-type{
- padding-bottom: 0.2rem;
- }
- li.mui-table-view-cell,.mui-table-view-cell.mui-collapse.mui-active{
- font-size: 0.26rem;
- display: flex;
- align-items: center;
- margin: 0.2rem 0 0 0;
- background: #4E768F;
- text-align: left;
- }
- .bjszIscroll .mui-table-view-cell>.mui-switch{
- top:50%;
- }
- .wdxxbox{
- border: 1px solid #B9CEE0;border-radius: 0.12rem;box-shadow: 0 0 0.1rem #B9CEE0;margin-top: 0.15rem;
- }
- .row {
- margin-top: 0.15rem;
- margin-bottom: 0.15rem;
- padding: 0 0.25rem;
- }
- .col-xs-4.col-sm-4.col-md-4 button{
- padding: 0 12px;
- }
- input[placeholder], [placeholder], *[placeholder] {
- color: #333;
- font-size: 0.22rem !important;
- }
- ::-webkit-input-placeholder {
- color: #ccc;
- }
- .col-xs-2.col-sm-2.col-md-2{
- padding: 0;
- margin: 0 0.0957rem;
- }
- .col-xs-4.col-sm-4.col-md-4 input,.col-xs-2.col-sm-2.col-md-2 input{
- background: #EAEAEA;height: 0.5rem;line-height: 0.5rem;padding: 0 8px;text-align: center;
- }
- .sl ul li:first-of-type,.pldcf ul li:first-of-type{
- white-space: nowrap;
- }
- </style>
- <script src="views/haifmv/mc/mcGjpz/mcGjpz.js"></script>
- </head>
- <body>
- <input type="hidden" id="zsid" value="$!zsid"/>
- <input type="hidden" id="id" value="$!id"/>
- <input type="hidden" id="jqid" value="$!jqid"/>
- <div id="wrap">
- <header>
- <span class="glyphicon glyphicon-chevron-left" aria-hidden="true" onclick="backUrl();"></span>
- <p>报警设置</p>
- <span id='toastBtn' class="glyphicon glyphicon-ok" aria-hidden="true" onclick="save();"></span>
- </header>
- <div class="middle">
- <section class="lmlIscroll">
- <div>
- <div class="mui-content bjsz">
- <ul class="mui-table-view">
- <li class="mui-table-view-cell">
- <span>照明</span>
- <div class="mui-switch mui-active">
- <div class="mui-switch-handle"></div>
- </div>
- </li>
- <li class="hiddenli">
- <div class="wdxxbox">
- <div class="rowBox container-fluid zm" style="padding: 0 0 0.1rem 0;">
- <ul>
- <li class="col-xs-4 col-sm-4 col-md-4">开启时刻</li>
- <li class="col-xs-4 col-sm-4 col-md-4">关闭时刻</li>
- </ul>
- #set ($countZm = 0)
- #foreach ($!obj in $!zmList)
- <div class="row" id="zmStr$countZm" data-for = "$!obj">
- <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>
- <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>
- </div>
- #set($countZm = $countZm +1)
- #end
- </div>
- </div>
- </li>
- <li class="mui-table-view-cell">
- <span>水帘</span>
- <div class="mui-switch mui-active">
- <div class="mui-switch-handle"></div>
- </div>
- </li>
- <li class="hiddenli">
- <div class="wdxxbox">
- <div class="rowBox container-fluid sl" style="padding: 0 0 0.1rem 0;">
- <ul>
- <li class="col-xs-2 col-sm-2 col-md-2">开启温度℃</li>
- <li class="col-xs-2 col-sm-2 col-md-2">开启偏移</li>
- <li class="col-xs-2 col-sm-2 col-md-2">关闭偏移</li>
- <li class="col-xs-2 col-sm-2 col-md-2">运行时长</li>
- <li class="col-xs-2 col-sm-2 col-md-2">关闭时长</li>
- </ul>
- #set ($countSl = 0)
- #foreach ($!obj in $!slList)
- <div class="row" id="slStr$countSl" data-for = "$!obj">
- <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>
- <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>
- <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>
- <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>
- <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>
- </div>
- #set($countSl = $countSl +1)
- #end
- </div>
- </div>
- </li>
- <li class="mui-table-view-cell">
- <span>喷淋电磁阀</span>
- <div class="mui-switch mui-active">
- <div class="mui-switch-handle"></div>
- </div>
- </li>
- <li class="hiddenli">
- <div class="wdxxbox">
- <div class="rowBox container-fluid pldcf" style="padding: 0 0 0.1rem 0;">
- <ul>
- <li class="col-xs-2 col-sm-2 col-md-2">开启温度℃</li>
- <li class="col-xs-2 col-sm-2 col-md-2">开启偏移</li>
- <li class="col-xs-2 col-sm-2 col-md-2">关闭偏移</li>
- <li class="col-xs-2 col-sm-2 col-md-2">运行时长</li>
- <li class="col-xs-2 col-sm-2 col-md-2">关闭时长</li>
- </ul>
- #set ($countPl = 0)
- #foreach ($!obj in $!plList)
- <div class="row" id="plStr$countPl" data-for = "$!obj">
- <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>
- <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>
- <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>
- <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>
- <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>
- </div>
- #set($countPl = $countPl +1)
- #end
- </div>
- </div>
- </li>
- <li class="mui-table-view-cell">
- <span>暖灯</span>
- <div class="mui-switch mui-active">
- <div class="mui-switch-handle"></div>
- </div>
- </li>
- <li class="hiddenli">
- <div class="wdxxbox">
- <div class="rowBox container-fluid nd" style="padding: 0 0 0.1rem 0;">
- <ul>
- <li class="col-xs-4 col-sm-4 col-md-4">开启温度℃</li>
- <li class="col-xs-4 col-sm-4 col-md-4">开启偏移</li>
- <li class="col-xs-4 col-sm-4 col-md-4">关闭偏移</li>
- </ul>
- #set ($countNd = 0)
- #foreach ($!obj in $!ndList)
- <div class="row" id="ndStr$countNd" data-for = "$!obj">
- <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>
- <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>
- <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>
- </div>
- #set($countNd = $countNd +1)
- #end
- </div>
- </div>
- </li>
- </ul>
- </div>
- </div>
- </section>
- </div>
- </div>
- </body>
- </html>
|