cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249
							<!DOCTYPE html>
<html lang="en">
<head>
    <title>qkszMain</title>

    <script type="text/javascript" src="views/haifm/js/iscroll.min.js"></script>
    <script type="text/javascript" src="views/haifm/js/timePicker.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $(".pickTime").datePicker({
                theme: 'time'
            });
            $(".glyphicon-menu-left").click(backUrl);
            var alarmContent = $("#alarmContent");
            alarmContent.on("click", ".trash", function () {
                $(this).prev().remove();
                $(this).prev().remove();
                $(this).prev().remove();
                $(this).remove();
            });
            alarmContent.on("click", ".caretWrapper", function () {
                $(this).parent().find(".more").toggleClass("displayNone")
            });
            alarmContent.on("click", ".addButton", function () {
                if ($(this).parent().parent().find("input").length<10){
                    var insertCont = $('<dd class="col-xs-3 more"></dd><dd class="col-xs-4 more"><input type="text" readonly="" placeholder="开始时间" class="pickTime"></dd><dd class="col-xs-3 more"><input type="text" value="23"></dd><dd class="col-xs-2 more trash"><span class="glyphicon glyphicon-trash"></span></dd>');
                    insertCont.find(".pickTime").datePicker({
                        theme: 'time'
                    });
                    $(this).parent().before(insertCont);
                }
            });
            $(".more").addClass("displayNone");
            $(".saveBtn").click(function () {
            	var szstr = saveStr();
            	if (szstr.indexOf("#") < 0) {
            		alert(szstr);
            		return;
            	}
            	var oldpz = $("#pz").val();
            	if (oldpz == szstr) {
            		haifm.alertBanner.riseAlert(1, 4000);
            	} else {
            		var data = {
                		"sl": $("#sl").val(),
                		"pz": szstr,
                		"mcid": $("#mcid").val()
                	};
                	jQuery.ajax({
                        url: "saveQkyxcs.htm",
                        dataType: 'json',
                        type: 'post',
                        cache: false,
                        data: data,
                        success: function (data) {
                            haifm.alertBanner.riseAlert(data.returnCode, 4000);
                        },
                        error: function (data) {
                            alert("系统运行异常！保存失败！");
                        }
                    });
            	}
                //haifm.alertBanner.riseAlert(1, 4000);
            })
        });
        
        /**
        **保存字符串
        **/
        function saveStr() {
        	var sl = $("#sl").val();
        	var str = "";
        	var error = "";
        	for (var i = 1; i <= sl; i++) {
        		var sbxh = $("#sbxh" + i).val();
        		var type = $("#type" + i).val();
        		var sbsn = $("#sbsn" + i).val();
        		var szsl = $("#szsl" + i).val();
        		var szstr = "";
        		for (var j = 1; j <= szsl; j++) {
        			var time = $("#time" + i + j).val();
        			var cxsj = $("#cxsj" + i + j).val();
        			if (time == "" && sbsn == "2") {
        				error += "设备" + i + "的第" + j + "次时间不能为空!\n";
        			}
        			if (cxsj == "" && sbsn == "2") {
        				error += "设备" + i + "的第" + j + "次持续时间不能为空!\n";
        			}
        			szstr += time + ":00" + "-" + cxsj + ",";
        		}
        		if (szstr != "") {
        			szstr = szstr.substring(0, szstr.length - 1);
        		}
        		str += sbxh + "," + type + "," + sbsn + "," + szsl + "," + szstr + "#";
        	}
        	if (str != "") {
        		str = str.substring(0, str.length - 1);
        	}
        	if (error != "") {
        		return error;
        	}
        	return str;
        }
    </script>
</head>
<body>

<main id="deviceAlarmSet" style="margin-top:0;">
    <div class="navbar-fixed-top">
        <span class="glyphicon glyphicon-menu-left"></span>
        <h4>报警设置</h4>
        <span class="saveBtn" >保存</span>
    </div>
    <div class="wrapper clearfix" id="alarmContent">
        <ul class="nav nav-pills row" id="navTip">
            <li class="col-xs-3">设备</li>
            <li class="col-xs-4">开始</li>
            <li class="col-xs-3">持续（分）</li>
            <li class="col-xs-2">操作</li>
        </ul>
        <input type="hidden" id="sl" value="$!xtQkyxcs.szList.size()">
        <input type="hidden" id="pz" value="$!xtQkyxcs.pz">
        <input type="hidden" id="mcid" value="$!mcid">
        #set($szcount = 0)
        #foreach ($!obj in $!xtQkyxcs.szList)
        #set($szcount = $!szcount + 1)
        <input type="hidden" id="type$szcount" value="$!obj.type"/>
        <input type="hidden" id="sbxh$szcount" value="$!obj.sbxh"/>
        <input type="hidden" id="sbsn$szcount" value="$!obj.sbsn"/>
        <input type="hidden" id="szsl$szcount" value="$!obj.slList.size()">
        <dl class="dl-horizontal clearfix">
            <dt class="col-xs-3">
               <span class="icon-wrapper">
                   <img src="views/haifm/images/zs/qksz/$!{obj.type}_$!{obj.sbsn}.png" alt="">
                   <span>$!obj.sbxh</span>
               </span>
            </dt>
            #set($slcount = 0)
            #foreach ($!o in $!obj.slList)
            #set($slcount = $!slcount + 1)
            	#if ("$!slcount" != "1")
            <dd class="col-xs-3 more"></dd>
            	#end
            <dd #if ("$!slcount" != "1") class="col-xs-4 col-sm-4 col-md-4 col-lg-4 more" #else class="col-xs-4" #end><input type="text" #if("$!obj.sbsn" != "2") disabled="disabled" #end value="$!o.time" class="pickTime" readonly="" id="time$!szcount$!slcount"></dd>
            <dd #if ("$!slcount" != "1") class="col-xs-3 more" #else class="col-xs-3" #end><input type="text"#if("$!obj.sbsn" != "2") disabled="disabled" #end value="$!o.cxsj"  id="cxsj$!szcount$!slcount"></dd>
            	#if ("$!slcount" == "1")
            <dd class="col-xs-2 caretWrapper"><span class="caret"></span></dd>
            	#else
            <dd class="col-xs-2 more trash"><span class="glyphicon"></span></dd>
            	#end
            #end
            <!-- 添加功能先注释 -->
            <!-- <dd class="col-xs-12 more addButtonWrapper">
                <div class="addButton">+</div>
            </dd> -->
        </dl>
        #end
    </div>

</main>
<script type="text/javascript" charset="utf-8">
    function CountTime(opt) {
        var now = new Date().getTime();
        var defaultOpt = {
            st: now, //开始时间,时间戳
            et: now, //结束时间,时间戳
            sdom: null,
            mdom: null,
            hdom: null,
            ddom: null,
            Mdom: null,
            ydom: null
        };
        this.opt = jQuery.extend({}, defaultOpt, opt);
        this.h = 0;
        this.m = 0;
        this.s = 0;
        this.d = 0;
        this.M = 0;
        this.y = 0;
        this.init = function() {
            if (now >= this.st) {
                this.interCount();
            } else {
                this.interCount();
            }
        };
        this.interCount = function() {
            var _this = this;
            var bTime = _this.bTime();
            if (bTime > 0) {
                _this.interSwitch = setInterval(function() {
                    bTime--;
                    if (bTime < 0) {
                        clearInterval(_this.interSwitch);
                    } else {
                        _this.renderTime(bTime);
                    }
                }, 1000);
            } else {

            }
        };
        this.bTime = function() { //距离的时间(单位s)
            return Math.round(this.opt.et / 1000 - now / 1000);
        };
        this.renderTime = function(t) {
            /*if (t <= 60) {
             this.h = 0;
             this.m = 0;
             this.s = t;
             } else {
             if (Math.floor(t / 60) < 60) {
             this.m = Math.floor(t / 60);
             this.h = 0;
             this.s = t % 60;
             } else {
             this.h = Math.floor(t / 3600);
             this.m = Math.floor(t / 60) % 60;
             this.s = t % 60;
             }
             }*/
            this.s = t % 60;
            this.m = Math.floor(t / 60) % 60;
            this.h = (Math.floor(t / 3600) % 60) % 24;
            this.d = Math.floor(t / 86400) % 30;
            this.M = Math.floor(t / 2592000) % 12;
            this.y = Math.floor(t / 31104000);
            this.opt.ydom.innerHTML = this.y < 10 ? "0" + this.y : this.y;
            this.opt.Mdom.innerHTML = this.M < 10 ? "0" + this.M : this.M;
            this.opt.ddom.innerHTML = this.d < 10 ? "0" + this.d : this.d;
            this.opt.hdom.innerHTML = this.h < 10 ? "0" + this.h : this.h;
            this.opt.mdom.innerHTML = this.m < 10 ? "0" + this.m : this.m;
            this.opt.sdom.innerHTML = this.s < 10 ? "0" + this.s : this.s;
        }
    }
    var two = new CountTime({
        et: new Date('2015-4-7 8:30').getTime(),
        ydom: document.getElementById('y'),
        Mdom: document.getElementById('M'),
        ddom: document.getElementById('d'),
        hdom: document.getElementById('h'),
        mdom: document.getElementById('m'),
        sdom: document.getElementById('s')
    });
    two.init();
</script>
</body>
</html>