cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283
							<!DOCTYPE html>
<html lang="en">
<head>
    <title>csjlpz</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(".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();
            });
            alarmContent.on("click", ".caretWrapper", function () {
                $(this).parent().find(".more").toggleClass("displayNone");
                iscroll.refresh();
            });
            alarmContent.on("click", ".addButton", function () {
            	var inputs = $(this).parent().parent().find("input").length;
            	var ids = parseInt(inputs) / 2 + 1;
                if (inputs < 1){
                	var insertCont = $('<dd class="col-xs-4"><input type="text" readonly="" placeholder="开始时间" class="pickTime" id="time1' + ids + '"></dd><dd class="col-xs-3"><input type="text" value="0" id="cxsj1' + ids + '"></dd><dd class="col-xs-2 caretWrapper"><span class="caret"></span></dd>');
                    insertCont.find(".pickTime").datePicker({
                        theme: 'time'
                    });
                    $(this).parent().before(insertCont);
                } else if(inputs > 0) {
                	var insertCont = $('<dd class="col-xs-3 more"></dd><dd class="col-xs-4 more"><input type="text" readonly="" placeholder="开始时间" class="pickTime" id="time1' + ids + '"></dd><dd class="col-xs-3 more"><input type="text" value="0" id="cxsj1' + ids + '"></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);
                }
                iscroll.refresh();
            });
            $(".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": 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);
            });
        });
        
        /**
        **保存字符串
        **/
        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);
        }
    </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="$!zsid" id="zsid" />
	<input type="hidden" value="$!zsbz" id="zsbz" />
	<input type="hidden" value="$!jqid" id="jqid" />
	<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-4">开始</li>
	            <li class="col-xs-3">下料量(KG)</li>
	            <li class="col-xs-2">操作</li>
	        </ul>
	        <input type="hidden" id="pz" value="$!xtQkyxcs.pz">
	        <input type="hidden" id="szsl1" value="$!obj.slList.size()">
	        <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>
			            #set($slcount = 0)
			            #foreach ($!o in $!xtCsjlpz.szList.get(0).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"  value="$!o.time" class="pickTime" readonly="" id="time1$!slcount"></dd>
			            <dd #if ("$!slcount" != "1") class="col-xs-3 more" #else class="col-xs-3" #end><input type="text" value="$!o.cxsj"  id="cxsj1$!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 glyphicon-trash"></span></dd>
			            	#end
			            #end
			            <!-- 添加功能先注释 -->
			            <dd class="col-xs-12 addButtonWrapper">
			                <div class="addButton">+</div>
			            </dd>
			        </dl>
				</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>