cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
							<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>多栋猪舍的交叉数据图表</title>
#include("template/huimv-hkclient-head.vm")
<link rel="stylesheet" href="views/hkclient/css/chart.css">
<style>
	html{
		padding-top: 0;
	}
	#zsbj{
		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;
	}
	.searchWrapper {
	    background-color: transparent;
		margin-top: 8px;
	}
	#chartContainer {
	    background-color: transparent;
	}
	.searchWrapper .links ul li {
		margin: 0 15px;
	}
	.searchWrapper .links ul li.active {
		background-color: transparent;
   		background: url('views/hkclient/img/xbk.png');
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		box-shadow: none;
	}
</style>
<script type="text/javascript">
$(function() {
	/**
	 * 初始化日期
	 */
	$("#dbrq").datepicker({
		language: "en",
		maxDate: new Date(new Date("$!nowDate") - 14 * 60 * 60 * 1000),	//误差14个小时？
		//maxDate: new Date("$!nowDate"),
		dateFormat: "yyyy-mm-dd",
		clearButton: true,
		autoClose: true
	});
	
	var selectGroup = {};
    $("#dbnr").on("click", "li", function () {
        $("#dbnr").find(".selected").text($(this).text());
        selectGroup.dbnr = $(this).data("value");
    });
    $("#dbzs1").on("click", "li", function () {
        $("#dbzs1").find(".selected").text($(this).text());
        selectGroup.dbzs1 = $(this).data("value");
        if ($(this).data("value") == "-1") {
        	$("#dbzs2").find(".selected").text("全部猪舍");
        	selectGroup.dbzs2 = "-1";
        }
    });
    $("#dbzs2").on("click", "li", function () {
        $("#dbzs2").find(".selected").text($(this).text());
        selectGroup.dbzs2 = $(this).data("value");
        if ($(this).data("value") == "-1") {
        	$("#dbzs1").find(".selected").text("全部猪舍");
        	selectGroup.dbzs1 = "-1";
        }
    });
    
    $(".submit").click(function () {
    	var dbrq = $("#dbrq").val();
    	var error = "";
    	if (!selectGroup.dbnr) {
    		error += "对比内容不能为空！\n";
    	}
    	if (!selectGroup.dbzs1 || !selectGroup.dbzs2) {
    		error += "请选择猪舍！\n";
    	}
    	if (dbrq == "") {
    		error += "请选择对比日期！";
    	}
    	if (error == "") {
   			jQuery.ajax({
                   type: "get",
                   url: "hkClientSsCompareTjt.htm",
                   data: {"dbzs1": selectGroup.dbzs1,"dbzs2": selectGroup.dbzs2, "dbrq" : dbrq, "dbnr" : selectGroup.dbnr, "mcid" : $("#mcid").val()},
                   dataType: "json",
                   async: true,
                   success: function (data) {
                       if (data) {
                       	getHighchartTjt(data, "chartContainer");
                       }
                   }
               });
    	} else {
    		alert(error);
    		return;
    	}
    });
});
</script>
</head>
<body>
<input type="hidden" value="$!mcid" id="mcid" />
<div id="zsbj">
	<div class="searchWrapper">
	    <nav class="links">
	        <ul>
	            <li><a href="singleChartIndex.htm?mcid=$!mcid">舍内对比</a></li>
	            <li class="active"><a href="#">舍舍对比</a></li>
	        </ul>
	    </nav>
	    <nav class="btnGroup">
	    	<div id="dbzs1" class="btn-group">
	            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
	                <span class="selected">选择猪舍1</span><span class="caret"></span>
	            </button>
	            <ul class="dropdown-menu">
	            	<li data-value="-1"><a href="#">全部猪舍<input type="hidden"/></a></li>
	                #foreach ($!obj in $!zsdaList)
	                <li data-value="$!obj.id"><a href="#">$!obj.zsmc<input type="hidden"/></a></li>
	                #end
	            </ul>
	        </div>
	        <div id="dbzs2" class="btn-group">
	            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
	                <span class="selected">选择猪舍2</span><span class="caret"></span>
	            </button>
	            <ul class="dropdown-menu">
	            	<li data-value="-1"><a href="#">全部猪舍<input type="hidden"/></a></li>
	                #foreach ($!obj in $!zsdaList)
	                <li data-value="$!obj.id"><a href="#">$!obj.zsmc<input type="hidden"/></a></li>
	                #end
	                <li data-value="-2"><a href="#">模型对比<input type="hidden"/></a></li>
	            </ul>
	        </div>
	        <div id="dbnr" class="btn-group">
	            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
	                <span class="selected">选择对比项</span><span class="caret"></span>
	            </button>
	            <ul class="dropdown-menu">
	                <li data-value="wd"><a href="#">温度</a></li>
	                <li data-value="sd"><a href="#">湿度</a></li>
	                <li data-value="aq"><a href="#">氨气</a></li>
	                <li data-value="dn"><a href="#">地暖</a></li>
	            </ul>
	        </div>
	        <div class="btn-group">
	            <input type="text" id="dbrq" class="form-control datepicker-here nB100Pre Wdate" readonly="readonly" value="$!dateTool.format('yyyy-MM-dd',$!nowDate)"/>
	        </div>
	        <input class="btn btn-default submit btn-success" type="button" value="提交"></nav>
	</div>
	<div id="chartContainer"></div>
</div>
</body>
</html>