cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>全控-环控</title>
    #include("template/huimv-hkclient-head.vm")
    <link rel="stylesheet" href="views/hkclient/sbpz/css/index.css">
    <link rel="stylesheet" href="views/hkclient/sbpz/css/common.css">
    <style>
    	.qkhk-wrapper{
    		width: 100%;
			height: 100%;
			background: url('views/hkclient/img/bjt.jpg');
			background-size: 100% 100%;
			background-position: 0;
			background-repeat: no-repeat;
		    background-color: transparent;
		    position: relative;
			overflow: hidden;
    	}
    	.qkhk-wrapper .nav3-hk .up .header {
			border-bottom: 2px solid #2B8CC4;
    	}
    	.qkhk-wrapper .nav1 ul li {
    		height: auto;
    		margin-left: 10px;
    	}		
    	.qkhk-wrapper .nav1 ul li.active,.qkhk-wrapper .nav3-hk .up .header .cell-name {
    		background-color: transparent;
    		background: url('views/hkclient/img/xbk.png');
			background-size: 100% 100%;
			background-position: 0;
			background-repeat: no-repeat;
    	}
    	.qkhk-wrapper .nav2-hk, .qkhk-wrapper .nav2-qk{
    		background-color: transparent;
    	}
    	.qkhk-wrapper .nav3-hk .up .cont .dw-pattern .leftBox,.qkhk-wrapper .nav3-hk .downBox,.qkhk-wrapper .nav3-hk .down {
    		flex: 1;
		    display: flex;
    	}
    	.qkhk-wrapper .nav3-hk .up .cont .dw-pattern .leftBox {
			padding: 30px 5px 30px 30px;
		}
    	
    	.qkhk-wrapper .nav3-hk .up .header .handles {
		    margin-right: 15px;
		}
		.qkhk-wrapper .nav3-hk .up .header .cell-name {
			padding: 0 20px;
		}
		.qkhk-wrapper .nav3-hk .up .cont .dw-pattern .left {
			overflow-y: scroll;
			padding: 20px 30px;
		}
		.qkhk-wrapper .nav3-hk .up .cont .dw-pattern .left .dw-title {
			justify-content: center;
		}
		.qkhk-wrapper .nav3-hk .downBox {
			margin: 20px 30px;
			padding: 30px 5px 30px 30px ;
		}
		.qkhk-wrapper .nav3-hk .down {
			padding: 20px 30px;
			overflow-y: scroll;
		}
		.qkhk-wrapper .nav3-hk .downBox, .qkhk-wrapper .nav3-hk .up .cont .dw-pattern .leftBox {
			background-color: transparent;
    		background: url('views/hkclient/img/kuang.PNG');
			background-size: 100% 100%;
    		background-position: 0;
			background-repeat: no-repeat;
		}
		.qkhk-wrapper .nav3-hk .up .cont .dw-pattern .left .control-wrapper .title li, .qkhk-wrapper .nav3-hk .down div.down-wrapper ul.title li {
			background-color: transparent;
    		background: url('views/hkclient/img/fontbj.png');
			background-size: contain;
    		background-position: center;
			background-repeat: no-repeat;
		}
    	.qkhk-wrapper .nav3-hk .up .cont .dw-pattern .left .control-wrapper .title li {
			padding: 5px 0;
    	}
    	.qkhk-wrapper .nav3-hk .down div.down-wrapper ul.title li {
			padding: 10px;
    	}
    </style>
</head>
<body>
<input type="hidden" id="mcid" value="$!mcid" />
<input type="hidden" id="jqid" value="$!jqid" />
<input type="hidden" id="zsid" value="$!zsid" />
<input type="hidden" id="bpstr" value="" />
<input type="hidden" id="hksbList" value="" />
<section class="qkhk-wrapper">
    <section class="nav1">
        <ul>
        	<li id="hk-btn">环控</li>
        	#if ("$!mcid" == "21")
            <li id="qk-btn" class="active">全控</li>
            #end
        </ul>
    </section>
    <section style="display: none;" class="nav2-hk">
        <ul>
        	#foreach ($!obj in $!zsdaList)
            <li data-id="$!obj.id">$!obj.zsmc</li>
            #end
        </ul>
    </section>
    <section style="display: none;" class="nav3-hk">
        <section class="up">
            <div class="header">
                <div class="cell-name">舍一</div>
                <div class="handles">
                    <div class="pattern-sw" id="pattern-sw">自动模式</div>
                    #if ("$!xt_hjkz_yxcs" == "true" && "$!xt_hjkz_bjcs" == "true" && "$!xt_hjkz_yxcs_update" == "true" && "$!xt_hjkz_bjcs_update" == "true")
                    <div class="save" id="hkSave">保存</div>
                    #end
                </div>
            </div>
            <input type="hidden" id="dksl" value=""/>
            <input type="hidden" id="dwsl" value=""/>
            <div class="cont">
                <div class="dw-pattern">
                	<div class="leftBox">
	                    <div class="left" style="display:block;">
	                    	<!-- 档位 -->
	                    	<ul class="dw-title"></ul>
	                    	<!-- 端口 -->
	                    	<div class="control-wrapper">
	                            <ul class="title">
	                                <li>运行时间</li>
	                                <li>停止时间</li>
	                            </ul>
	                        </div>
	                    </div>
                    </div>
                    
                    <div class="right">
                        <div class="show">
                            <div class="wd-cont">
                                <span class="min-val">18</span>~<span class="max-val">22</span>℃
                            </div>
                        </div>
                        <div class="min-wrapper">
                            <div class="btn-reduce" style="color:#DADADA">-</div>
                            <div class="circle-wrapper">
                                <div class="wd-value">18</div>
                                <div class="info">min</div>
                                <div class="unit">℃</div>
                            </div>
                            <div class="btn-add" style="color:#DADADA">+</div>
                        </div>
                        <div class="max-wrapper">
                            <div class="btn-reduce">-</div>
                            <div class="circle-wrapper">
                                <div class="wd-value">22</div>
                                <div class="info">max</div>
                                <div class="unit">℃</div>
                            </div>
                            <div class="btn-add">+</div>
                        </div>
                    </div>
                </div>
                <div style="display: none;" class="auto-pattern">
                    <div class="min-wrapper">
                        <div class="btn-reduce">-</div>
                        <div class="circle-wrapper">
                            <div class="wd-value">19</div>
                            <div class="info">min</div>
                            <div class="unit">℃</div>
                        </div>
                        <div class="btn-add">+</div>
                    </div>
                    <div class="show">
                        <div class="wd-cont">
                            <span class="min-val">19</span>~<span class="max-val">20</span>℃
                        </div>
                    </div>
                    <div class="max-wrapper">
                        <div class="btn-reduce">-</div>
                        <div class="circle-wrapper">
                            <div class="wd-value">20</div>
                            <div class="info">max</div>
                            <div class="unit">℃</div>
                        </div>
                        <div class="btn-add">+</div>
                    </div>
                </div>
            </div>
        </section>
        <div class="downBox">
	        <section class="down">
	            <div class="down-wrapper">
	                <ul class="title">
	                    <li class="degree" style="padding: 10px 10px;">等级</li>
	                    <li class="content">内容</li>
	                    <li class="act" style="width: 120px;">行为</li>
	                </ul>
		            <ul class="bj-list" id="hkBjcs">
		                <input type="hidden" value="$!gzlxList.size()" id="gzlxsize" />
		                	#set($bjcount = 0)
	                	#foreach ($obj in $!gzlxList)
	                	#set($bjcount = $bjcount + 1)
	                	<li data-bjid="$obj.dmid" #if("$!obj.lxid" == "6") class="bj-wrapper hidden" #else class="bj-wrapper" #end>
	                        <ul class="bj-item" id="yxcs$bjcount">
	                            <li class="degree" data-input="0"><img src="views/hkclient/sbpz/img/icon/degree0.png" alt="警告等级"></li>
	                            <li class="content">$!obj.dmmc</li>
	                            <li class="act">
	                                <ul class="act-lists">
	                                	#foreach($o in $gzxwList)
	                                    <li data-for="$!o.dmid" style="cursor:pointer">$o.dmmc</li>
	                                    #end
	                                </ul>
	                            </li>
	                        </ul>
	                    </li>
	                	#end
	                </ul>
	            </div>
        	</section>
        </div>
    </section>
    
    <section class="nav2-qk">
        <ul>
            <li data-show="all">全部</li>
            <li data-show="shangliao">上料 <span id="shangliao"></span></li>
            <li data-show="shilian">湿帘 <span id="shilian"></span></li>
            <li data-show="penwu">喷雾 <span id="penwu"></span></li>
        </ul>
    </section>
    <section class="nav3-qk">
        <div class="header">
            <span class="save" id="qkSave">保存</span>
        </div>
        <div class="content">
        	<input type="hidden" id="sl" value="$!xtQkyxcs.szList.size()">
        	<input type="hidden" id="pz" value="$!xtQkyxcs.pz">
        	#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()">
	        <section class="sb-wrapper type-$!{obj.typePin}">
	        	<ul class="title">
                    <li class="item1"></li>
                    <li class="item2">开始时间</li>
                    <li class="item3">持续时间</li>
                </ul>
                #set($slcount = 0)
            	#foreach ($!o in $!obj.slList)
            	#set($slcount = $!slcount + 1)
	        	<ul>
                    <li class="item1 sb-name">#if("$!slcount" == "1")$!{obj.typeStr}$!{obj.sbxh}#end</li>
                    <li class="item2"><input type="text" placeholder="请输入时间" #if("$!obj.sbsn" != "2") disabled="disabled" style="background-color:#7F7F9F;" #end value="$!o.time" id="time$!szcount$!slcount"></li>
                    <li class="item3"><input type="text" placeholder="请输入时间" #if("$!obj.sbsn" != "2") disabled="disabled" style="background-color:#7F7F9F; #end value="$!o.cxsj"  id="cxsj$!szcount$!slcount"></li>
                </ul>
	        	#end
	        </section>
	        #end
        </div>
    </section>
</section>

<!--<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>-->

<script type="text/javascript">
    function cssInit() {
        $(".nav3-hk").find(".header").height(52);
        var nav2Hk = $(".nav2-hk");
        nav2Hk.width(120 * Math.ceil(nav2Hk.find("li").length / (parseInt($(document).height() / 44))));
        var rightDwPattern = $(".dw-pattern").find(".right");
        var rightShow = rightDwPattern.find(".show");
        rightShow.height(rightDwPattern.height()*0.75);
    }
    $(window).resize(function () {
        cssInit();
    });
    $(function () {
        cssInit();
    })
</script>
<script type="text/javascript" src="views/hkclient/sbpz/js/index.js"></script>
<script type="text/javascript" src="views/hkclient/sbpz/js/json2.js"></script>
</body>
</html>