123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476 |
- <%@ page contentType="text/html; charset=utf-8" session="false" %>
- <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>我的工作台</title>
- <%@ include file="../common/header.jsp" %>
- <script type="text/javascript" src="${contextPath }/js/calendar/WdatePicker.js"></script>
- <link type="text/css" rel="stylesheet" href="${contextPath}/css/themes/easyui.css" />
- <script type="text/javascript" src="${contextPath }/js/jquery.easyui.min.js"></script>
- <script type="text/javascript" src="${contextPath}/js/highcharts.js"></script>
- <script type="text/javascript" src="${contextPath}/js/exporting.js"></script>
- <script type="text/javascript">
- var mydata,selId,typeId=0,chartWidth,chartHeight,Mydatelist,
- tpricelist,CCOUNTlist,beginSumActualWeightMinuslist,SumActualWeightMinuslist,
- YesterdayRemainlist,Remainlist,RemainRatiolist,tdrylist,sjDryCSLlist,dryWEIGHTlist,
- csllist,lpricelist,pricelist,sumlpricelist,sumpricelist,productlist,milkratiolist,FeedPriceMilklist,
- options;
- $(document).ready( function() {
- setTimeout(function(){
- $('body').layout('collapse','north');
- },0);
- $("input.datebox").bind("click", function() {WdatePicker();});
- setNowDate();
- $("#feeddiv").height(document.body.clientHeight-320);
-
- //默认选中牲畜类别
- $("#CattleSelDiv").show();
- $("#TempletSelDiv").hide();
- $("#FeedpSelDiv").hide();
-
- //默认选中前5条记录
- var feedId=document.getElementsByName("feedId");
- for(var i=0;i<feedId.length;i++){
- if(i==5){
- break;
- }else{
- feedId[i].checked=true;
- }
- }
- chartWidth = document.body.clientWidth-210;
- chartHeight = document.body.clientHeight-60;
- });
-
- $(window).resize(function(){
- $("#feeddiv").height(document.body.clientHeight-320);
- $("#Result").width(document.body.clientWidth-190);
- $("#Result").height(document.body.clientHeight-30);
- });
-
- //初始化日期
- function setNowDate(){
- var myDate = new Date();
- var year = myDate.getFullYear();
- var month = myDate.getMonth()+1;
- var day = myDate.getDate();
- var nowdate = year + "-" + month + "-" + day;
- $("#endDate").val(nowdate);
- var lastmonth = myDate.getMonth();
- var lastdate = year + "-" + lastmonth + "-" + day;
- $("#beginDate").val(lastdate);
- }
-
- //查询数据
- function queryDate(){
- if(typeId == 0){
- selId = $("#CattleSelId").val();
- }else if(typeId == 1){
- selId = $("#TempletSelId").val();
- }else{
- selId = $("#FeedpSelId").val();
- }
- var feedIds = selectfeedId();
- if(feedIds != ""){
- var feed = feedIds.split(",");
- if(feed.length > 5){
- alert("统计类别、最多选5个!!!");
- }else{
- var beginDate = $("#beginDate").val();
- var endDate = $("#endDate").val();
- var tjType = selecttjType();
- //获取点线图的数据
- $.ajax({
- async: false,
- type: "POST",
- dataType: "json", //返回类型json
- data: "beginDate="+beginDate+"&endDate="+endDate+"&tjType="+tjType+"&selId="+selId+"&feedIds="+feedIds,
- url: "${contextPath }/admin/statistics/drychartlist.html",
- error: function(){alert("系统错误");},
- success: function(json){
- if(json.status == "success"){
- Mydatelist = json.Mydatelist;
- tpricelist = json.tpricelist;
- CCOUNTlist = json.CCOUNTlist;
- beginSumActualWeightMinuslist = json.beginSumActualWeightMinuslist;
- SumActualWeightMinuslist = json.SumActualWeightMinuslist;
- YesterdayRemainlist = json.YesterdayRemainlist;
- Remainlist = json.Remainlist;
- RemainRatiolist = json.RemainRatiolist;
- tdrylist = json.tdrylist;
- sjDryCSLlist = json.sjDryCSLlist;
- dryWEIGHTlist = json.dryWEIGHTlist;
- csllist = json.csllist;
- lpricelist = json.lpricelist;
- pricelist = json.pricelist;
- sumlpricelist = json.sumlpricelist;
- sumpricelist = json.sumpricelist;
- productlist = json.productlist;
- milkratiolist = json.milkratiolist;
- FeedPriceMilklist = json.FeedPriceMilklist;
- }
- }
- });
- options = {
- chart: {
- backgroundColor:"#FFFFEF",
- shadow: true,
- renderTo: "container",
- type: "line",
- zoomType: "x,y",
- height: chartHeight,
- width: chartWidth
- },
- navigation: {
- buttonOptions: {
- enabled: false
- }
- },
- lang: {
- loading: "请稍等……",
- printButtonTitle: "打印",
- resetZoom: "缩放比例",
- resetZoomTitle: "缩放比例",
- exportButtonTitle: "导出",
- downloadPNG: "PNG格式导出",
- downloadJPEG: "JPEG格式导出",
- downloadPDF: "PDF格式导出",
- downloadSVG: "SVG格式导出"
- },
- title: {
- text: ""
- },
- xAxis: {
- categories: Mydatelist,
- labels: {
- step: 5
- }
- },
- yAxis: {
- title: {
- text: ""
- },
- min: 0,
- tickInterval: 200 //坐标轴刻度间距:tickPixelInterval像素距离、tickInterval数值距离
- },
- tooltip: {
- crosshairs: true, //鼠标移动x轴显示虚线
- formatter: function() {
- return "<b>"+ this.series.name +"</b><br/>"+
- this.x +" "+ this.y;
- }
- },
- legend: {
- align: "top",
- verticalAlign: "top",
- x: 100,
- y: 1,
- borderWidth: 1,
- itemMarginBottom: 5
- },
- plotOptions: {
- series: {
- animation: false
- },
- line: {
- lineWidth: 1,
- states: {
- hover: {
- lineWidth: 1
- }
- },
- marker: {
- enabled: false,
- states: {
- hover: {
- enabled: false,
- radius: 1,
- lineWidth: 1
- }
- }
- }
- }
- },
- series: [{}]
- };
- loadChart(feedIds); //加载点线图
- $("#Result").load("${contextPath }/admin/statistics/drycharttable.html?beginDate="+beginDate+"&endDate="+endDate+"&tjType="+tjType+"&selId="+selId);
- }
- }else{
- alert("请选择统计类别、最多选5个!!!");
- }
- }
- //取得统计类型
- function selecttjType(){
- var tjType=document.getElementsByName("tjType");
- var tjtype = "";
- for(var i=0;i<tjType.length;i++){
- if(tjType[i].checked){
- if(tjtype=="")
- tjtype = tjType[i].value;
- else
- tjtype += "," + tjType[i].value;
- }
- }
- return tjtype;
- }
- //取得勾选的饲料
- function selectfeedId(){
- var feedId=document.getElementsByName("feedId");
- var feedIds = "";
- for(var i=0;i<feedId.length;i++){
- if(feedId[i].checked){
- if(feedIds=="")
- feedIds = feedId[i].value;
- else
- feedIds += "," + feedId[i].value;
- }
- }
- return feedIds;
- }
- //反选
- function not_Click(){
- var feedId=document.getElementsByName("feedId");
- for(var i=0;i<feedId.length;i++){
- if(feedId[i].checked)
- feedId[i].checked=false;
- }
- }
- function leftDate(){
- var beginDate = $("#beginDate").val();
- var endDate = $("#endDate").val();
- var newbDate = checkDate(beginDate,"left");
- var neweDate = checkDate(endDate,"left");
- $("#beginDate").val(newbDate);
- $("#endDate").val(neweDate);
- queryDate();
- }
- function rightDate(){
- var beginDate = $("#beginDate").val();
- var endDate = $("#endDate").val();
- var newbDate = checkDate(beginDate,"");
- var neweDate = checkDate(endDate,"");
- $("#beginDate").val(newbDate);
- $("#endDate").val(neweDate);
- queryDate();
- }
- //点击统计类型
- function tjTypeOnClick(value){
- if(value == 0){
- $("#CattleSelDiv").show();
- $("#TempletSelDiv").hide();
- $("#FeedpSelDiv").hide();
- typeId = 0;
- }else if(value == 1){
- $("#CattleSelDiv").hide();
- $("#TempletSelDiv").show();
- $("#FeedpSelDiv").hide();
- typeId = 1;
- }else{
- $("#CattleSelDiv").hide();
- $("#TempletSelDiv").hide();
- $("#FeedpSelDiv").show();
- typeId = 2;
- }
- }
- //Chart初始化
- function loadChart(feedIds){
- var c = 0;
- var feed = feedIds.split(",");
- //根据选择的个数设置线的默认条数
- if(feed.length == 5){
- options.series.push({name:""},{name:""},{name:""},{name:""});
- }else if(feed.length == 4){
- options.series.push({name:""},{name:""},{name:""});
- }else if(feed.length == 3){
- options.series.push({name:""},{name:""});
- }else if(feed.length == 2){
- options.series.push({name:""});
- }
- //根据选择的类别为默认线加载数据
- for(var i=0;i<feed.length;i++){
- if(feed[i] == 0){
- options.series[c].name = "配方价格";
- options.series[c].data = tpricelist;
- }else if(feed[i] == 1){
- options.yAxis.tickInterval = 10000;
- options.series[c].name = "应上料量(kg)";
- options.series[c].data = beginSumActualWeightMinuslist;
- }else if(feed[i] == 2){
- options.yAxis.tickInterval = 10000;
- options.series[c].name = "总上料量(kg)";
- options.series[c].data = SumActualWeightMinuslist;
- }else if(feed[i] == 3){
- options.series[c].name = "配方干物质采食量(kg/头)";
- options.series[c].data = dryWEIGHTlist;
- }else if(feed[i] == 4){
- options.series[c].name = "实际干物质采食量(kg/头)";
- options.series[c].data = sjDryCSLlist;
- }else if(feed[i] == 5){
- options.series[c].name = "实际牛头数";
- options.series[c].data = CCOUNTlist;
- }else if(feed[i] == 6){
- options.series[c].name = "今日剩料量(kg)";
- options.series[c].data = Remainlist;
- }else if(feed[i] == 7){
- options.series[c].name = "剩料率(kg)";
- options.series[c].data = RemainRatiolist;
- }else if(feed[i] == 8){
- options.series[c].name = "TMR干物质";
- options.series[c].data = tdrylist;
- }else if(feed[i] == 9){
- options.series[c].name = "采食率(%)";
- options.series[c].data = csllist;
- }else if(feed[i] == 10){
- options.series[c].name = "配方成本(元/头)";
- options.series[c].data = lpricelist;
- }else if(feed[i] == 11){
- options.yAxis.tickInterval = 10000;
- options.series[c].name = "配方总成本(元)";
- options.series[c].data = sumlpricelist;
- }else if(feed[i] == 12){
- options.series[c].name = "实际成本(元/头)";
- options.series[c].data = pricelist;
- }else if(feed[i] == 13){
- options.yAxis.tickInterval = 10000;
- options.series[c].name = "实际总成本(元)";
- options.series[c].data = sumpricelist;
- }else if(feed[i] == 14){
- options.series[c].name = "产量(kg)";
- options.series[c].data = productlist;
- }else if(feed[i] == 15){
- options.series[c].name = "产奶效率(奶料比)";
- options.series[c].data = milkratiolist;
- }else if(feed[i] == 16){
- options.series[c].name = "饲料成本(元/公斤奶)";
- options.series[c].data = FeedPriceMilklist;
- }
- c++;
- }
- chart = new Highcharts.Chart(options);
- }
- //查询数据
- function excelDate(){
- if(typeId == 0){
- selId = $("#CattleSelId").val();
- }else if(typeId == 1){
- selId = $("#TempletSelId").val();
- }else{
- selId = $("#FeedpSelId").val();
- }
- var feedIds = selectfeedId();
- if(feedIds != ""){
- var feed = feedIds.split(",");
- if(feed.length > 5){
- alert("统计类别、最多选5个!!!");
- }else{
- var beginDate = $("#beginDate").val();
- var endDate = $("#endDate").val();
- var tjType = selecttjType();
- document.location.href="${contextPath }/admin/statistics/drychartExcel.html?beginDate="+beginDate+"&endDate="+endDate+"&tjType="+tjType+"&selId="+selId;
- }
- }else{
- alert("请选择统计类别、最多选5个!!!");
- }
- }
- </script>
- </head>
- <body class="easyui-layout">
- <div region="north" title="效率统计" style="height:500px;">
- <table cellspacing="1" cellpadding="0" border="0" width="99%">
- <tr>
- <td width="90%" style="vertical-align:top;">
- <div id="Result" style="overflow-x: auto; overflow-y: auto; width:100%;"></div>
- </td>
- </tr>
- </table>
- </div>
- <div region="center" title="效率统计" style="padding:5px;background:#eee;">
- <table cellspacing="1" cellpadding="0" border="0" style="width: 99%;">
- <tr>
- <td width="10%" height="20"><input id="beginDate" name="beginDate" style="width:100px;" class="datebox" value=""/></td>
- <td width="5%"><input type="button" value="统计" onclick="queryDate()" class="sysub" /></td>
- <td width="80%" rowspan="7" style="vertical-align:top;"><div id="container"></div></td>
- </tr>
- <tr>
- <td height="20"><input id="endDate" name="endDate" style="width:100px;" class="datebox" value=""/></td>
- <td><input type="button" value="导出" onclick="excelDate()" class="sysub" /></td>
- </tr>
- <tr>
- <td height="20" colspan="2">
- <input type="button" value="<" onclick="leftDate();" /><input type="button" value=">" onclick="rightDate();" />
- <fieldset>
- <legend>统计类型</legend>
- <table cellspacing="1" cellpadding="0" border="0" style="width: 99%;">
- <tr><td algin="left"><input name="tjType" id="sllb" type="radio" value="0" checked="checked" onclick="tjTypeOnClick(0)" /><label for="sllb">牲畜类别</label></td></tr>
- <tr><td algin="left"><input name="tjType" id="rq" type="radio" value="1" onclick="tjTypeOnClick(1)" /><label for="rq">配方模版</label></td></tr>
- <tr><td algin="left"><input name="tjType" id="sl" type="radio" value="2" onclick="tjTypeOnClick(2)" /><label for="sl">舍栏</label></td></tr>
- </table>
- </fieldset>
- </td>
- </tr>
- <tr>
- <td height="20" colspan="2">
- <fieldset>
- <legend>统计目标</legend>
- <div id="CattleSelDiv">
- <table cellspacing="1" cellpadding="0" border="0" style="width: 99%;">
- <tr>
- <td>
- <select id="CattleSelId">
- <c:forEach items="${CattleList }" var="Cattle">
- <option value="${Cattle.ID }"><c:out value="${Cattle.CLASSNAME }" /></option>
- </c:forEach>
- </select>
- </td>
- </tr>
- </table>
- </div>
- <div id="TempletSelDiv">
- <table cellspacing="1" cellpadding="0" border="0" style="width: 99%;">
- <tr>
- <td>
- <select id="TempletSelId">
- <c:forEach items="${Templet1List }" var="Templet">
- <option value="${Templet.ID }"><c:out value="${Templet.TNAME }" /></option>
- </c:forEach>
- </select>
- </td>
- </tr>
- </table>
- </div>
- <div id="FeedpSelDiv">
- <table cellspacing="1" cellpadding="0" border="0" style="width: 99%;">
- <tr>
- <td>
- <select id="FeedpSelId">
- <c:forEach items="${Feedps }" var="Feedp">
- <option value="${Feedp.ID }"><c:out value="${Feedp.BNAME }" /></option>
- </c:forEach>
- </select>
- </td>
- </tr>
- </table>
- </div>
- </fieldset>
- </td>
- </tr>
- <tr>
- <td height="20">勾选统计类别</td>
- <td height="20"><input type="button" style="height:25px;" value="取消选择" onclick="not_Click()" /></td>
- </tr>
- <tr>
- <td style="vertical-align:top;" colspan="2">
- <div id="feeddiv" style="overflow-x: auto; overflow-y: auto; height:100px; width:99%;">
- <table cellspacing="1" cellpadding="0" border="0" style="width: 99%;">
- <c:forEach items="${list }" var="list">
- <tr><td algin="left"><input name="feedId" id="s${list.ID}" type="checkbox" value="${list.ID}"><label for="s${list.ID}"><c:out value="${list.NAME}" /></label></input></td></tr>
- </c:forEach>
- </table>
- </div>
- </td>
- </tr>
- </table>
- </div>
- </body>
- </html>
|