123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298 |
- <!DOCTYPE html>
- <title>hjkzyxcs</title>
- <html lang="en">
- <head>
- <style>
- #overlay{
- background: #000;
- filter: alpha(opacity=50); /* IE的透明度 */
- opacity: 0.5; /* 透明度 */
- position: absolute;
- top: 0px;
- left: 0px;
- width: 100%;
- height: 100%;
- z-index: 1041; /* 此处的图层要大于页面 */
- display:none;
- }
- .xgmsgbox{
- display:none;
- position: absolute;
- top: 50%;
- left: 50%;
- background: #fff;
- z-index: 9999;+
- border: 1px solid rgba(0,0,0,0.2);
- border-radius: 3px;
- -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
- box-shadow: 0 3px 9px rgba(0,0,0,0.5);
- margin-left: -135px;
- margin-top: -135px;
- height: 300px;
- }
- .xgmsgbox>h4{
- margin: 0;
- text-align: center;
- padding: 15px;
- border-bottom: 1px solid #e5e5e5;
- background-color: #f4f2f2;
- }
- .xgmsgbox>.footerBox{
- display: flex;
- justify-content: center;
- align-items: center;
- border-top: 1px solid #e5e5e5;
- padding: 15px;
- margin-top: 186px;
- }
- .xgmsgbox>.footerBox>button{
- padding: 6px 40px;
- background-color: #1abc9c;
- border: none;
- margin:0 5px;
- color: #fff;
- }
- .iscrollCenter{
- padding: 0 40px;
- position: absolute;
- width: 100%;
- overflow: hidden;
- height: 186px;
- top: 50px;
- }
- .iscrollCenter>.listcenter>li{
- height: 40px;
- line-height: 40px;
- display: flex;
- align-items: center;
- position: relative;
- }
- .listcenter .checkBox>input{
- visibility: hidden;
- }
- .checkBox {
- width: 20px;
- height: 20px;
- line-height: 20px;
- background: #ddd;
- display: inline-block;
- border-radius: 100%;
- position: absolute;
- -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
- -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
- box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
- right: 0;
- top: 10px;
- }
- .checkBox>label {
- display: block;
- width: 16px;
- height: 16px;
- border-radius: 50%;
- -webkit-transition: all .5s ease;
- -moz-transition: all .5s ease;
- -o-transition: all .5s ease;
- -ms-transition: all .5s ease;
- transition: all .5s ease;
- position: absolute;
- top: 2px;
- left: 2px;
- z-index: 1;
- background: transparent;
- -webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
- -moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
- box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
- }
- .checkBox>input[type=checkbox]:checked + label {
- background: #1abc9c;
- }
- .chooseDweb>.checkBox+span{
- text-indent: 0.2rem;
- }
- .spanColor{
- -webkit-transition: all .5s ease;
- color:#1abc9c;
- font-weight: bold;
- }
- /* 滚动条样式 */
- .iScrollVerticalScrollbar {
- position: absolute;
- z-index: 9999;
- width: 3px;
- bottom: 2px;
- top: 2px;
- right: 2px;
- overflow: hidden;
- }
- .iScrollVerticalScrollbar.iScrollBothScrollbars {
- bottom: 18px;
- }
- .iScrollIndicator {
- position: absolute;
- right: 0;
- background: rgba(0, 0, 0);
- border: 2px solid rgba(0, 0, 0, 0.5);
- border-radius: 8px;
- }
- </style>
- <script type="text/javascript" src="views/haifm/mc/hjkz/hjkzyxcs.js"></script>
- </head>
- <body>
- <input type="hidden" id="dwsl" value="$!xtHkyxcs.dwsl"/>
- <input type="hidden" id="dksl" value="$!xtHkyxcs.dksl"/>
- <input type="hidden" id="jqid" value="$!xtHkyxcs.jqid"/>
- <input type="hidden" id="zsid" value="$!zsid"/>
- <input type="hidden" id="zsbz" value="$!daZsda.zsbz"/>
- <main id="channelSet">
- <div class="navbar-fixed-top">
- <span class="glyphicon glyphicon-menu-left" onclick="javascript:yxcsBackUrl();"></span>
- <h4>档位设置</h4>
- #if("$!xt_hjkz_yxcs_update" == "true")
- <span class="saveBtn" onclick="javascript:saveyxcs('bc')">保存</span>
- #else
- <span class="saveBtn"></span>
- #end
- </div>
- <div class="kzyxcsIscrollBig" style="overflow: hidden;width: 100%;position: absolute;bottom: 0;top: 38px;">
- <div>
- #set($dwcount = 0)
- #foreach($!obj in $!xtHkyxcs.dwList)
- #set($dwcount = $!dwcount + 1)
- <div style="display:none;position: inherit;" id="dw$!dwcount" class="dw">
- <div id="channelSwitch">
- <div class="panel">
- <div class="infoPanel">温度范围(℃)</div>
- <div class="lcdShow">
- <span class="temp-floor" id="dwd$!dwcount">#if("$!dwcount" == "1")0.0#else$!{obj.dwd}#end</span>
- ~
- <span class="temp-upper" id="gwd$!dwcount">$!{obj.gwd}</span>
- </div>
- <div class="flex-container">
- <div class="flex-item" #if(
- "$!dwcount" == "1") style="color:#dbdada" #else onclick="selectDw('$!dwcount', -1)" #end>-
- </div>
- <div class="flex-item">$!dwcount档</div>
- <div class="flex-item" #if(
- "$!dwcount" == "$!xtHkyxcs.dwList.size()") style="color:#dbdada" #else onclick="selectDw('$!dwcount',
- 1)" #end>+</div>
- </div>
- </div>
- <div id="slider">
- <i class="addBtn glyphicon glyphicon-triangle-left" onclick="javascript:changeWd('$!dwcount', 1, this)"></i>
- <i class="subtractBtn glyphicon glyphicon-triangle-right" onclick="changeWd('$!dwcount', 2)"></i>
- </div>
- </div>
- #if ($obj.dkList.size() != 0)
- <ul class="nav nav-pills row" id="navTip">
- <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3">设备</li>
- <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3">开始时间</li>
- <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3">停止时间</li>
- <li class="col-lg-3 col-md-3 col-sm-3 col-xs-3">备注</li>
- </ul>
- #end
- #set($dkcount = 0)
- #foreach($!o in $!obj.dkList)
- #set($dkcount = $!dkcount + 1)
- <dl class="dl-horizontal" style="height:60px;">
- <dt class="col-lg-3 col-md-3 col-sm-3 col-xs-3" #if(
- "$!o.sbid" == "0" || "$!o.sbkg" == "1") style="display:none" #end>
- <span class="icon-wrapper">
- <img src="views/haifm/images/hjkz/yxcs$!{o.sbid}.png" alt=""
- onclick="kgbz(this, '$!dwcount$!dkcount');">
- <span>$!o.sbxh</span>
- </span>
- <input type="hidden" id="kg$!dwcount$!dkcount" value="$!o.sbkg"/>
- <input type="hidden" id="hesn$!dwcount$!dkcount" value="$!o.hesn"/>
- <input type="hidden" id="xh$!dwcount$!dkcount" value="$!o.sbxh"/>
- <input type="hidden" id="sbid$!dwcount$!dkcount" value="$!o.sbid"/>
- </dt>
- <dd class="col-lg-3 col-md-3 col-sm-3 col-xs-3" #if(
- "$!o.sbid" == "0" || "$!o.sbkg" == "1") style="display:none" #end>
- <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)"
- onafterpaste='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'
- onKeyUp='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'>
- </dd>
- <dd class="col-lg-3 col-md-3 col-sm-3 col-xs-3" #if(
- "$!o.sbid" == "0" || "$!o.sbkg" == "1") style="display:none" #end>
- <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)"
- onafterpaste='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'
- onKeyUp='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'>
- </dd>
- <dd class="col-lg-3 col-md-3 col-sm-3 col-xs-3" #if(
- "$!o.sbid" == "0" || "$!o.sbkg" == "1") style="display:none" #end>
- <input type="text" value="$!o.bz" id="bz$!dwcount$!dkcount" maxlength="8" onchange="tongbuBz(this.value, '$!dkcount')"/>
- </dd>
- </dl>
- #end
- #if ($obj.bpdkList.size() != 0)
- <ul class="nav nav-pills row" id="navTip">
- <li class="col-lg-2 col-md-2 col-sm-2 col-xs-2">其他设备</li>
- <li class="col-lg-2 col-md-2 col-sm-2 col-xs-2">开始时间</li>
- <li class="col-lg-2 col-md-2 col-sm-2 col-xs-2">结束时间</li>
- <li class="col-lg-2 col-md-2 col-sm-2 col-xs-2">数值</li>
- <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">备注</li>
- </ul>
- #end
- #foreach($!o in $!obj.bpdkList)
- #set($dkcount = $!dkcount + 1)
- <dl class="dl-horizontal" style="height:60px;display: flex;align-items: center;"">
- <dt class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
- <span class="icon-wrapper" style="line-height: 0;">
- $!o.sbmc$!o.sbxh
- </span>
- <input type="hidden" id="kg$!dwcount$!dkcount" value="$!o.sbkg"/>
- <input type="hidden" id="hesn$!dwcount$!dkcount" value="$!o.hesn"/>
- <input type="hidden" id="xh$!dwcount$!dkcount" value="$!o.sbxh"/>
- <input type="hidden" id="sbid$!dwcount$!dkcount" value="$!o.sbid"/>
- </dt>
- <dd class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
- <input type="number" id="gzsj$!dwcount$!dkcount" #if("$!o.sbid" == "11" || "$!o.sbid" == "12") disabled="disabled" #end
- #if("$!o.jssj" == "") value="0" #else value="$!o.gzsj" #end oninput="if(value.length>6)value=value.slice(0,6)"
- onafterpaste='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'
- onKeyUp='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'>
- </dd>
- <dd class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
- <input type="number" id="jssj$!dwcount$!dkcount" #if("$!o.sbid" == "11" || "$!o.sbid" == "12") disabled="disabled" #end
- #if("$!o.jssj" == "") value="0" #else value="$!o.jssj" #end oninput="if(value.length>6)value=value.slice(0,6)"
- onafterpaste='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'
- onKeyUp='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'>
- </dd>
- <dd class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
- <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=''"
- onafterpaste='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'
- onKeyUp='this.value=this.value.replace(/[^\d]/gi,"");this.value=this.value.replace(/^(\d+)\d*$/,"$1");this.value=this.value.replace(/^[0](\d+)$/, "$1")'>
- </dd>
- <dd class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
- <input type="text" value="$!o.bz" id="bz$!dwcount$!dkcount" maxlength="8" onchange="tongbuBz(this.value, '$!dkcount')"/>
- </dd>
- </dl>
- #end
- </div>
- #end
- </div>
- </div>
- </main>
- <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>
- <div id="overlay"></div>
- <div class="xgmsgbox">
- <h4 id = "damc">$!damc</h4>
- <div class="iscrollCenter">
- <ul class="listcenter" style="margin: 0 auto;position: relative;">
- #foreach ($!obj in $!zsdaList)
- <li>
- <div id="tb" class="checkBox">
- <input type="checkbox" name="checkBox" id="dmid" value="$!obj.id" />
- <label for="dmid"></label>
- </div>
- <span>$!obj.zsmc</span>
- </li>
- #end
- </ul>
- </div>
- <div class="footerBox">
- <button type="button" class="btn btn-default qd" onclick="saveyxcs('tb')">确定</button>
- <button type="button" class="btn btn-default qx">取消</button>
- </div>
- </div>
- </body>
- </html>
|