cxc
/
ifm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423
							<!DOCTYPE html>
<html lang="en">
<head>
    <title>csjlpz</title>
    <style>
    	.csjlIscroll input{
    		padding: 0;text-align: center;
    	}
    </style>
    <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(".csjlIscroll",{
        	 	scrollbars: true,
        	 	fadeScrollbars:true,
        	 	scrollbars: 'custom',
        		shrinkScrollbars:'clip',
        		click:true
        	});
        	setTimeout(function(){
        		iscroll.refresh();
        	}, 600);
            $(".pickTime").datePicker({
                theme: 'time'
            });
            $(".glyphicon-chevron-left").click(backUrl);
            var alarmContent = $("#alarmContent");
            alarmContent.on("click", ".trash", function () {
                $(this).prev().remove();
                $(this).prev().remove();
                $(this).prev().remove();
                $(this).remove();
                iscroll.refresh();
            });
            alarmContent.on("click", ".caretWrapper", function () {
                $(this).parent().find(".more").toggleClass("displayNone");
                iscroll.refresh();
            });
            $(".more").addClass("displayNone");
            $(".saveBtn").click(function () {
            	var time1 = $("#time1").val();
            	if (time1 == "") {
            		time1 = "9999";
            	} else {
            		time1 = time1.replace(":", "");
            	}
            	var time2 = $("#time2").val();
            	if (time2 == "") {
            		time2 = "9999";
            	} else {
            		time2 = time2.replace(":", "");
            	}
            	var time3 = $("#time3").val();
            	if (time3 == "") {
            		time3 = "9999";
            	} else {
            		time3 = time3.replace(":", "");
            	}
            	var time4 = $("#time4").val();
            	if (time4 == "") {
            		time4 = "9999";
            	} else {
            		time4 = time4.replace(":", "");
            	}
            	var time5 = $("#time5").val();
            	if (time5 == "") {
            		time5 = "9999";
            	} else {
            		time5 = time5.replace(":", "");
            	}
            	var data = {
                		"time1": time1,
                		"time2": time2,
                		"time3": time3,
                		"time4": time4,
                		"time5": time5,
                		"lasttime": $("#lasttime").val(),
                		"timeout": $("#timeout").val(),
                		"jqid": $("#jqid").val()
                	};
            	jQuery.ajax({
                      url: "saveCsjlyxcs.htm",
                      dataType: 'json',
                      type: 'post',
                      cache: false,
                      data: data,
                      success: function (data) {
                      	mui.toast('保存成功');
                      },
                      error: function (data) {
                      	mui.alert('系统运行异常！保存失败！', '提示', 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": 1,
                		"pz": szstr,
                		"jqid": $("#jqid").val()
                	};
                	jQuery.ajax({
                        url: "saveCsjlyxcs.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);
            });
            
            $("#kzsj").blur(function() {
            	var kzsj = $("#kzsj").val();
            	if (kzsj != "") {
            		var data = {
                		"kzsj": kzsj,
                		"jqid": $("#jqid").val()
                	};
            		jQuery.ajax({
                        url: "saveCsjlyxcs.htm",
                        dataType: 'json',
                        type: 'post',
                        cache: false,
                        data: data,
                        success: function (data) {
                            var code = data.returnCode;
                            if (code == "0") {
                            	$("#kzsj").val("");
                            	var timer;
                            	showOverlay();
                            	var count = 0;
								var tof = false;
								timer = setInterval(function() {
									count = parseInt(count) + 1;
									var flag = 0;
									if(count%2 == 0) {
										jQuery.ajax({
											url : 'saveCsjlyxcs.htm',
											dataType : 'json',
											type : 'post',
											cache : false,
											anysc : true,
											data : {
	                							"jqid": $("#jqid").val(),
	                							"type": "9999"
											},
											success : function(data) {
												var code = data.returnCode;
												if(code == 0) {
													hideOverlay();
													mui.toast('下发成功！');
													//关闭定时器
													clearInterval(timer);
												}
											}
										})
									}
									if(count >= 40) {
										//超时
										hideOverlay();
										mui.toast('超时!无法实时获取！');
										clearInterval(timer);
									}
								}, 2000);
								
                            } else {
                            	$("#kzsj").val("");
                            	mui.toast('当前推拉杆正在运行，无法进行远程控制!');
                            }
                        },
                        error: function (data) {
                        	$("#kzsj").val("");
                        	mui.alert('系统运行异常！保存失败！', '提示', function() {});
                        }
                    });
            	}
            });
        });
        
        /**
        **保存字符串
        **/
        function saveStr() {
        	var str = "";
        	var error = "";
        	for (var i = 1; i <= 1; i++) {
        		var szsl = $("#szlis").find("input").length / 2;
        		$("#szsl1").val(szsl);
        		if (szsl < 1) {
        			return mui.alert('配置为空！', '提示', function() {});
        		}
        		var szstr = "";
        		for (var j = 1; j <= szsl; j++) {
        			var time = $("#time" + i + j).val();
        			var cxsj = $("#cxsj" + i + j).val();
        			if (time == "") {
        				error += "设备" + i + "的第" + j + "次时间不能为空!\n";
        			}
        			if (cxsj == "") {
        				error += "设备" + i + "的第" + j + "次上料量不能为空!\n";
        			}
        			szstr += time + ":00" + "-" + cxsj + ",";
        		}
        		if (szstr != "") {
        			szstr = szstr.substring(0, szstr.length - 1);
        		}
        		str += "1" + "," + "7" + "," + "2" + "," + szsl + "," + szstr + "#";
        	}
        	if (str != "") {
        		str = str.substring(0, str.length - 1);
        	}
        	if (error != "") {
        		return error;
        	}
        	return str;
        }
        
        /**
         * 返回
         */
        function backUrl() {
            var zsid = $("#zsid").val();
            var zsbz = $("#zsbz").val();
/*             if (zsbz == "2") {
            	haifm.loadMobilePage("haifm", "mcZsHjkzView.htm?zsid=" + zsid + "&from=zslist");
            } else {
            	haifm.loadMobilePage("haifm", "mcZsView.htm?zsid=" + zsid + "&from=zslist");
            } */
            haifm.loadMobilePage("haifm", "mcHaifmvZsView.htm?zsid=" + zsid + "&from=csjl" +"&zsbz="+zsbz);
        }
        
function hideOverlay(){
    $("#overlay").fadeOut(200);
};


/** 
 * 显示遮罩层 
 * */
function showOverlay(){
    $("#overlay").fadeTo(200, 0.25);
};
    </script>
</head>
<body>

<main id="deviceAlarmSet" style="flex: 1;display: flex;flex-direction: column;height: 100%;margin-top: 0;margin-bottom: 0;">
	<input type="hidden" value="$!jqid" id="jqid" />
	<input type="hidden" value="$!zsid" id="zsid" />
	<div id="wrap">
		<header>
			<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
			<p>采食计量设置</p>
			<span class="glyphicon glyphicon-ok saveBtn" aria-hidden="true"></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-3">参数</li>
	            <li class="col-xs-5">值</li>
	            <li class="col-xs-1"></li>
	        </ul>
	        <div class="middle">
				<section class="csjlIscroll" style="background: #fff;">
			        <dl class="dl-horizontal clearfix" id="szlis">
			            <dt class="col-xs-3">
			               <span class="icon-wrapper">
			                   <img src="views/haifm/images/zs/qksz/7_2.png" alt="">
			                   <span>1</span>
			               </span>
			            </dt>
			            
			            <dd class="col-xs-3">时间1</dd>
			            <dd class="col-xs-5"><input type="text"  value="$!xtTlgpz.time1" class="pickTime" readonly="" id="time1"></dd>
			            <dd class="col-xs-1 caretWrapper"><span class="caret"></span></dd>
			            
			            <dd class="col-xs-3 more"></dd>
			            <dd class="col-xs-3 col-sm-3 col-md-3 col-lg-3 more">时间2</dd>
			            <dd class="col-xs-5 more"><input type="text"  value="$!xtTlgpz.time2" class="pickTime" readonly="" id="time2"></dd>
			            <dd class="col-xs-1 more trash"></dd>
			            
			            <dd class="col-xs-3 more"></dd>
			            <dd class="col-xs-3 col-sm-3 col-md-3 col-lg-3 more">时间3</dd>
			            <dd class="col-xs-5 more"><input type="text"  value="$!xtTlgpz.time3" class="pickTime" readonly="" id="time3"></dd>
			            <dd class="col-xs-1 more trash"></dd>
			            
			            <dd class="col-xs-3 more"></dd>
			            <dd class="col-xs-3 col-sm-3 col-md-3 col-lg-3 more">时间4</dd>
			            <dd class="col-xs-5 more"><input type="text"  value="$!xtTlgpz.time4" class="pickTime" readonly="" id="time4"></dd>
			            <dd class="col-xs-1 more trash"></dd>
			            
			            <dd class="col-xs-3 more"></dd>
			            <dd class="col-xs-3 col-sm-3 col-md-3 col-lg-3 more">时间5</dd>
			            <dd class="col-xs-5 more"><input type="text"  value="$!xtTlgpz.time5" class="pickTime" readonly="" id="time5"></dd>
			            <dd class="col-xs-1 more trash"></dd>
			            
			            <dd class="col-xs-3 more"></dd>
			            <dd class="col-xs-3 col-sm-3 col-md-3 col-lg-3 more">持续时间</dd>
			            <dd class="col-xs-5 more"><input type="text"  value="$!xtTlgpz.lasttime" id="lasttime"></dd>
			            <dd class="col-xs-1 more trash"></dd>
			            
			            <dd class="col-xs-3 more"></dd>
			            <dd class="col-xs-3 col-sm-3 col-md-3 col-lg-3 more">超时时间</dd>
			            <dd class="col-xs-5 more"><input type="text"  value="$!xtTlgpz.timeout" id="timeout"></dd>
			            <dd class="col-xs-1 more trash"></dd>
			            
			            <dd class="col-xs-3 more"></dd>
			            <dd class="col-xs-3 col-sm-3 col-md-3 col-lg-3 more">控制时间</dd>
			            <dd class="col-xs-5 more"><input type="text"  value="" id="kzsj"></dd>
			            <dd class="col-xs-1 more trash"></dd>
			        </dl>
				</section>
			</div>
	    </div>
	</div>
	<!--遮罩-->
	<div id="overlay"></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>