123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <title>hjkzbjcs-报警设置</title>
- <style type="text/css"></style>
- <style>
- @media (device-height:1024px) and (-webkit-min-device-pixel-ratio:2){/* 兼容ipad */
- .nav-pills{
- font-size: 20px;
- }
- .kzbjcsIscroll{
- font-size: 22px;
- bottom: 60px !important;
- }
- #channelSet dl.dl-horizontal dt span.glyphicon-alert, #alarmSet dl.dl-horizontal dt span.glyphicon-alert, #deviceAlarmSet dl.dl-horizontal dt span.glyphicon-alert{
- font-size: 35px;
- }
- #channelSet dl.dl-horizontal dd input, #alarmSet dl.dl-horizontal dd input, #deviceAlarmSet dl.dl-horizontal dd input{
- height: 38px;
- line-height: 38px;
- }
- #channelSet dl.dl-horizontal dd span.caret, #alarmSet dl.dl-horizontal dd span.caret, #deviceAlarmSet dl.dl-horizontal dd span.caret{
- top: 55%;
- }
- .caret{
- border-top: 10px dashed;
- border-right: 10px solid transparent;
- border-left: 10px solid transparent
- }
- #bjMenu1 ul.nav-pills{
- height: 60px;
- }
- #bjMenu1 ul.nav-pills li{
- font-size: 20px;
- line-height: 60px;
- height: 60px;
- }
- .modal-dialog{
- margin-left: -280px !important;
- font-size: 20px;
- }
- #alertPreferences{
- font-size: 22px;
- }
- #alertPhone{
- font-size: 22px;
- }
- }
- #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: #28ce6f;
- 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;
- 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;
- }
- #alertBanner{
- z-index:1050;
- }
- #addWrapper{
- position: fixed;
- bottom: 60px;
- width: 100%;
- }
- .addButton{
- position: relative;
- background-color: #39e605;
- box-shadow: 0 5px 11px rgba(98,98,102,0.25);
- font-size: 30px;
- width: 40px;
- height: 40px;
- line-height: 35px;
- margin: 0 auto;
- text-align: center;
- color: white;
- border-radius: 100%;
- }
- .infoBottom{
- position: absolute;
- width: 100%;
- text-align: center;
- bottom: 35px;
- color: rgba(176,176,176,0.68);
- }
- .Phone .dl-horizontal{
- padding: 10px 0;
- }
- .dl-horizontal{
- margin: 0 !important;
- height: 60px;
- line-height: 60px;
- }
- .Phone div dl.dl-horizontal dd{
- text-align: center;
- height: 31px;
- line-height: 31px;
- padding: 0 10px;
- }
- .Phone div dl.dl-horizontal dd input{
- width: 100%;
- height: 31px;
- line-height: 31px;
- border: 1px solid rgba(56,49,49,0.19)
- }
- .glyphicon-trash{
- color: red;
- }
- .glyphicon-ok{
- color: greenyellow;
- }
- /* 滚动条样式 */
- .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/hjkzbjcs.js"></script>
- </head>
- <body>
- <input type="hidden" id="jqid" value="$!xtHkbjbjcs.jqid"/>
- <input type="hidden" id="bjpzsl" value="$!xtHkbjbjcs.bjcsList.size()" />
- <input type="hidden" id="zsid" value="$!zsid"/>
- <input type="hidden" id="type" value="$!type"/>
- <input type="hidden" id="zsbz" value="$!daZsda.zsbz"/>
- <main>
- <div class="navbar-fixed-top">
- <span class="glyphicon glyphicon-menu-left" onclick="javascript:bjcsBackUrl();"></span>
- <h4>报警设置</h4>
- #if ("$!xt_hjkz_bjcs_update" == "true" || "$!xt_flz_bjcs_update" == "true")
- <span class="saveBtn" onclick="javascript:savebjcs('bc')">保存</span>
- #else
- <span class="saveBtn"></span>
- #end
- </div>
- </main>
-
- <div class="row navbar-fixed-bottom nav1" style="top:38px; height:30px;" id="dh">
- <ul class="nav nav-pills row" id="navTip">
- <li class="col-xs-2 col-sm-2 col-md-2 col-lg-2" style="left:13px;">等级</li>
- <li class="col-xs-4 col-sm-4 col-md-4 col-lg-4">内容</li>
- <li class="col-xs-6 col-sm-6 col-md-6 col-lg-6">行为</li>
- </ul>
- </div>
- <main id="alarmSet" style="margin-top:0;">
- <div class="kzbjcsIscroll" style="width: 100%;margin-top: 0;margin-bottom: 0;position: absolute;bottom: 30px;top: 68px;">
- <div>
- <div class="wrapper clearfix" id="alarmContent">
- #set($count = 1)
- #foreach($!obj in $!xtHkbjbjcs.bjcsList)
- <dl #if("$!obj.lxid" == "6" && "$!obj.lxmc" == "温差过大") class="dl-horizontal hidden" #else class="dl-horizontal" #end style="border-bottom:0;">
- <input type="hidden" value="$!obj.lxid" id="lxid$!count"/>
- <input type="hidden" value="$!obj.bjjb" id="bjjb$!count"/>
- <dt class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
- <span class="glyphicon glyphicon-alert" data-degree="$!obj.bjjb" data-input="xwkgtxt$!count"></span></dt>
- <dd class="col-xs-4 col-sm-4 col-md-4 col-lg-4" style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">$!obj.bjjb</dd>
- <dd class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
- <input type="text" placeholder="选择报警内容" data-toggle="modal" value="$!obj.xwnr"
- #if("$!obj.xwkg" == "") data-box="1111111" #else data-box="$!obj.xwkg" #end
- id="xwkgtxt$!count" data-name="xwkgtxt" readonly="readonly" data-target="#checkboxWrapper"
- #if("$!obj.bjjb" == "0") disabled="disabled" #end>
- <span class="caret"></span>
- </dd>
- </dl>
- #set($count = $count + 1)
- #end
- </div>
- </div>
- </div>
- <div class="wrapper clearfix" id="alertPreferences" style="margin-top: 0;">
- <input type="hidden" value="$!xtBjzpz.jqid" id="pzjqid">
- <ul class="nav nav-pills row">
- <li class="col-xs-4 col-sm-4 col-md-4 col-lg-4">内容</li>
- <li class="col-xs-8 col-sm-8 col-md-8 col-lg-8">数值</li>
- </ul>
- <dl class="dl-horizontal" style="border-bottom:0;">
- <dd class="col-xs-6 col-sm-6 col-md-6 col-lg-6">高温报警值(℃)</dd>
- <dd class="col-xs-6 col-sm-6 col-md-6 col-lg-6" style="text-align:center;">
- <input type="text" value="$!xtBjzpz.gwbjz" id="gwbjz" maxlength="6"
- onfocus="if(!/^[0-9]+(\.[0-9]{1})?$/.test(this.value))this.value=''"
- onblur="if(!/^[0-9]+(\.[0-9]{1})?$/.test(this.value))this.value=''"
- onafterpaste='this.value=this.value.replace(/[^\d\.]/gi,"");this.value=this.value.replace(/^(\d+\.\d{1})\S*$/,"$1");this.value=this.value.replace(/^\.{1}$/, "");this.value=this.value.replace(/^(\d+\.)\.$/, "$1")'
- onKeyUp='this.value=this.value.replace(/[^\d\.]/gi,"");this.value=this.value.replace(/^(\d+\.\d{1})\S*$/,"$1");this.value=this.value.replace(/^\.{1}$/, "");this.value=this.value.replace(/^(\d+\.)\.$/, "$1")'/>
- </dd>
- </dl>
- <dl class="dl-horizontal" style="border-bottom:0;">
- <dd class="col-xs-6 col-sm-6 col-md-6 col-lg-6">低温报警值(℃)</dd>
- <dd class="col-xs-6 col-sm-6 col-md-6 col-lg-6" style="text-align:center;">
- <input type="text" value="$!xtBjzpz.dwbjz" id="dwbjz" maxlength="6"
- onfocus="if(!/^[0-9]+(\.[0-9]{1})?$/.test(this.value))this.value=''"
- onblur="if(!/^[0-9]+(\.[0-9]{1})?$/.test(this.value))this.value=''"
- onafterpaste='this.value=this.value.replace(/[^\d\.]/gi,"");this.value=this.value.replace(/^(\d+\.\d{1})\S*$/,"$1");this.value=this.value.replace(/^\.{1}$/, "");this.value=this.value.replace(/^(\d+\.)\.$/, "$1")'
- onKeyUp='this.value=this.value.replace(/[^\d\.]/gi,"");this.value=this.value.replace(/^(\d+\.\d{1})\S*$/,"$1");this.value=this.value.replace(/^\.{1}$/, "");this.value=this.value.replace(/^(\d+\.)\.$/, "$1")'/>
- </dd>
- </dl>
- <dl class="dl-horizontal hidden" style="border-bottom:0;">
- <dd class="col-xs-6 col-sm-6 col-md-6 col-lg-6">温差过大报警值(℃)</dd>
- <dd class="col-xs-6 col-sm-6 col-md-6 col-lg-6" style="text-align:center;">
- <input type="text" value="99" id="wcbjz" maxlength="6"
- onfocus="if(!/^[0-9]+(\.[0-9]{1})?$/.test(this.value))this.value=''"
- onblur="if(!/^[0-9]+(\.[0-9]{1})?$/.test(this.value))this.value=''"
- onafterpaste='this.value=this.value.replace(/[^\d\.]/gi,"");this.value=this.value.replace(/^(\d+\.\d{1})\S*$/,"$1");this.value=this.value.replace(/^\.{1}$/, "");this.value=this.value.replace(/^(\d+\.)\.$/, "$1")'
- onKeyUp='this.value=this.value.replace(/[^\d\.]/gi,"");this.value=this.value.replace(/^(\d+\.\d{1})\S*$/,"$1");this.value=this.value.replace(/^\.{1}$/, "");this.value=this.value.replace(/^(\d+\.)\.$/, "$1")'/>
- </dd>
- </dl>
- <dl class="dl-horizontal hidden" style="border-bottom:0;">
- <dd class="col-xs-6 col-sm-6 col-md-6 col-lg-6">高湿度报警值(RH)</dd>
- <dd class="col-xs-6 col-sm-6 col-md-6 col-lg-6" style="text-align:center;">
- <input type="text" value="$!xtBjzpz.gsbjz" id="gsbjz" maxlength="6"
- onfocus="if(!/^[0-9]+(\.[0-9]{1})?$/.test(this.value))this.value=''"
- onblur="if(!/^[0-9]+(\.[0-9]{1})?$/.test(this.value))this.value=''"
- onafterpaste='this.value=this.value.replace(/[^\d\.]/gi,"");this.value=this.value.replace(/^(\d+\.\d{1})\S*$/,"$1");this.value=this.value.replace(/^\.{1}$/, "");this.value=this.value.replace(/^(\d+\.)\.$/, "$1")'
- onKeyUp='this.value=this.value.replace(/[^\d\.]/gi,"");this.value=this.value.replace(/^(\d+\.\d{1})\S*$/,"$1");this.value=this.value.replace(/^\.{1}$/, "");this.value=this.value.replace(/^(\d+\.)\.$/, "$1")'/>
- </dd>
- </dl>
- <dl class="dl-horizontal" style="border-bottom:0;">
- <dd class="col-xs-6 col-sm-6 col-md-6 col-lg-6">高氨气报警值(PPM)</dd>
- <dd class="col-xs-6 col-sm-6 col-md-6 col-lg-6" style="text-align:center;">
- <input type="text" value="$!xtBjzpz.gabjz" id="gabjz" maxlength="6"
- onfocus="if(!/^[0-9]+(\.[0-9]{1})?$/.test(this.value))this.value=''"
- onblur="if(!/^[0-9]+(\.[0-9]{1})?$/.test(this.value))this.value=''"
- onafterpaste='this.value=this.value.replace(/[^\d\.]/gi,"");this.value=this.value.replace(/^(\d+\.\d{1})\S*$/,"$1");this.value=this.value.replace(/^\.{1}$/, "");this.value=this.value.replace(/^(\d+\.)\.$/, "$1")'
- onKeyUp='this.value=this.value.replace(/[^\d\.]/gi,"");this.value=this.value.replace(/^(\d+\.\d{1})\S*$/,"$1");this.value=this.value.replace(/^\.{1}$/, "");this.value=this.value.replace(/^(\d+\.)\.$/, "$1")'/>
- </dd>
- </dl>
- </div>
- <input type="hidden" id="sjhm" value="$!sjhm" />
- <input type="hidden" id="sjbz" value="$!sjbz" />
- <input type="hidden" id="sjjqid" value="$!sjjqid" />
- </main>
- <div class="wrapper clearfix" id="alertPhone">
- <div class="wrapper clearfix" id="alertPhone1">
- <ul class="nav nav-pills row">
- <li class="col-xs-5 col-sm-5 col-md-5 col-lg-5">报警器手机号</li>
- <li class="col-xs-5 col-sm-5 col-md-5 col-lg-5">备注</li>
- <li class="col-xs-2 col-sm-2 col-md-2 col-lg-2">操作</li>
- </ul>
- <div class="Phone2 Phone"style="width: 100%;margin-top: 0;margin-bottom: 0;position: absolute;bottom: 500px;top: 72px;">
- <div>
- <dl class='dl-horizontal'>
- <dd class='col-xs-5 col-sm-5 col-md-5 col-lg-5'>
- <input type='number' name='bjqsjhm' id="bjqsjhm" value ="$!bjqsjhm">
- </dd>
- <dd class='col-xs-5 col-sm-5 col-md-5 col-lg-5'>
- <input type='text' name='bjqsjbz' id="bjqsjbz" value="$!bjqsjbz" maxlength='100'>
- </dd>
- <dd class='col-xs-2 col-sm-2 col-md-2 col-lg-2'>
- <span class='glyphicon glyphicon-ok'></span>
- </dd>
- </dl>
- </div>
- </div>
- </div>
- <ul class="nav nav-pills row" style="margin-top: 95px;">
- <li class="col-xs-5 col-sm-5 col-md-5 col-lg-5">手机号</li>
- <li class="col-xs-5 col-sm-5 col-md-5 col-lg-5">备注</li>
- <li class="col-xs-2 col-sm-2 col-md-2 col-lg-2">操作</li>
- </ul>
- <div class="Phone1 Phone" style="width: 100%;margin-top: 0;margin-bottom: 0;position: absolute;bottom: 30px;top: 200px;">
- <div></div>
- </div>
-
- <div id="addWrapper">
- <div class="addButton emerge">+</div>
- </div>
- <div class="infoBottom">本页面信息在保存后十分钟内生效</div>
- </div>
- <div class="row navbar-fixed-bottom" id="bjMenu1">
- <ul class="nav nav-pills">
- #if("$!type" == "flz")
- <li data-show="alarmContent" class="active col-xs-6 col-sm-6 col-md-6 col-lg-6">报警开关</li>
- <li data-show="alertPhone" class="col-xs-6 col-sm-6 col-md-6 col-lg-6">报警手机</li>
- #else
- <li data-show="alarmContent" class="active col-xs-4 col-sm-4 col-md-4 col-lg-4">报警开关</li>
- <li data-show="alertPreferences" class="col-xs-4 col-sm-4 col-md-4 col-lg-4">报警参数</li>
- <li data-show="alertPhone" class="col-xs-4 col-sm-4 col-md-4 col-lg-4">报警手机</li>
- #end
- </ul>
- </div>
- <!-- 报警内容多选弹出窗口 -->
- <div class="modal" id="checkboxWrapper">
- <div class="modal-dialog" style="margin: 0;position: absolute;width: 75%;top: 50%;left: 50%;margin-top: -180px; margin-left: -138px;">
- <div class="modal-content">
- <div class="modal-header">
- <h4 class="modal-title">选择报警行为</h4>
- </div>
- <div class="modal-body">
- <ul class="list" id="alarmCheckbox">
- #foreach($!obj in $!xtHkbjbjcs.gzxwList)
- <li>
- <div class="icheckbox_green">
- <input type="checkbox" id="checkbox-$!obj.dmid">
- <ins class="iCheck-helper"></ins>
- </div>
- <label for="checkbox-$!obj.dmid">$!obj.dmmc</label>
- </li>
- #end
- </ul>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn save" data-dismiss="modal" id="save">确定</button>
- </div>
- </div>
- </div>
- </div>
- <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">
- #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="savebjcs()">确定</button>
- <button type="button" class="btn btn-default qx">取消</button>
- </div>
- </div>
- </body>
- </html>
|