cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277
							<!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 () {
        	//初始化滚动条
        	var iscroll;
        	iscroll = new IScroll(".qkszIscroll",{
        	 	scrollbars: true,
        	 	fadeScrollbars:true,
        	 	scrollbars: 'custom',
        		shrinkScrollbars:'clip',
        		click:true
        	});
        	setTimeout(function(){
        		iscroll.refresh();
        	}, 250);
        	
            $(".pickTime").datePicker({
                theme: 'time'
            });
            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");
                iscroll.refresh();
            });
            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) {
            		mui.alert(szstr, '提示', function() {});
            		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: "saveHaifmvQkyxcs.htm",
                        dataType: 'json',
                        type: 'post',
                        cache: false,
                        data: data,
                        success: function (data) {
                        	mui.toast('保存成功');
                        },
                        error: function (data) {
                        	mui.alert("系统运行异常！保存失败！", '提示', function() {});
                        }
                    });
            	}
                //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;
        }
        function backUrl(){
        	var from = $("#qkfrom").val();
        	if (from == "wscl") {
        		haifm.loadMobilePage("haifm", "wsclHaifmvMain.htm?mcid=" + $("#mcid").val()); //污水处理页面
	        }else {
	        	haifm.loadMobilePage("haifm", "haifmvMain.htm?uuid=" + $("#uuid").val() + "&mcid=" + $("#mcid").val() + "&qyid=" + $("#qyid").val() +"&toList=1");
	        }
        }
    </script>
</head>
<body>
<input type="hidden" id ="qkfrom" value="$!from" />
<main id="deviceAlarmSet" style="margin:0;flex: 1;display: flex;flex-direction: column;">
	<div id="wrap">
		<header>
			<span class="glyphicon glyphicon-chevron-left" aria-hidden="true" onClick="backUrl();"></span>
			<p>全控设置</p>
			<span class="glyphicon glyphicon-ok saveBtn" aria-hidden="true" id=""></span>
		</header>
	    <div class="wrapper clearfix" id="alarmContent" style="flex: 1;display: flex;flex-direction: column;">
	        <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">
	         <div class="middle">
				<section class="qkszIscroll" style="background: #fff;">
					<div>
				        #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>
	        	</section>
			</div>
	    </div>
	</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>