<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/AppMaster.Master" 
         Inherits="System.Web.Mvc.ViewPage<QMAPP.MESReport.Web.Models.LineQTY.EquConsumeCountVModel>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	设备用电分析
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <%=Html.QPSeach(80,true) %>
    <table id="condiTable">
        <tr>
            <%--<th align="right">
                <%=Html.QV(p => p.TYPE_COUNT)%>
            </th>
            <td>
                <%=Html.QC(p => p.TYPE_COUNT)%> 
            </td>--%>

            <th align="right">
                日期
            </th>
            <td>
                <%=Html.QC(p => p.START_DATE)%> 
            </td>
            <th align="right">
                至
            </th>
            <td>
                <%=Html.QC(p => p.END_DATE)%> 
            </td>
        </tr>
    </table>
    <%=Html.QPEnd()%>
    <%=Html.QPList() %>

      
    <!--图表配置-->
    <%=QMAPP.Common.Web.AppConfig.QMEChartPageConfig()%>
    <%--异步获取数据生成图表--%>
    <%=QMFrameWork.WebUI.QMEChart.QMEChartHelper.CreateEchart("echartID", "/EquConsumeCount/GetEchartDataBar2", new string[] { "line", "bar" }, "myEChart")%>

    <script type="text/javascript">
//        function GetTable() {
//            $.ajax({
//                type: "POST",
//                url: "/EquConsumeCount/GetTable?EQPT_CODE=" + $("input[name='EQPT_CODE']").val() + "&TYPE_COUNT=" + $("input[name='TYPE_COUNT']").val() + "&START_DATE=" + $("input[name='START_DATE']").val() + "&END_DATE=" + $("input[name='END_DATE']").val(),
//                dataType: "json",
//                data: {},
//                success: function (data) {
//                    $("#maintb").html(data);
//                },
//                error: function (XMLHttpRequest, textStatus, errorThrown) {
//                    alert(errorThrown);
//                }

//            });
//        }


        $(function () { refreshEChartbar2(); });

        function refreshEChartbar2() {
            var endtime = document.getElementById("END_DATE").value;
            if (parseDate($("#START_DATE").val()) > parseDate($("#END_DATE").val()) && endtime != "") {
                alert("开始时间不能大于结束时间！");
                return;
            }
            var ps = [];

//            var EQPT_CODE = {};
//            EQPT_CODE.key = "EQPT_CODE";
//            EQPT_CODE.value = $("input[name='EQPT_CODE']").val();
//            ps.push(EQPT_CODE);

            var TYPE_COUNT = {};
            TYPE_COUNT.key = "TYPE_COUNT";
            TYPE_COUNT.value = $("input[name='TYPE_COUNT']").val();
            ps.push(TYPE_COUNT);

            var START_DATE = {};
            START_DATE.key = "START_DATE";
            START_DATE.value = $("input[name='START_DATE']").val();
            ps.push(START_DATE);

            var END_DATE = {};
            END_DATE.key = "END_DATE";
            END_DATE.value = $("input[name='END_DATE']").val();
            ps.push(END_DATE);
            GetEchartData("/EquConsumeCount/GetEchartDataBar2", myEChart, ps);
            //GetTable();
        }

        //导出
        function Export() {
            var img = myEChart.getDataURL("png");
            $("#hiChartImg").val(img);
            submitByButton("ExportBanCi");
        }
    </script>  
    <input id="hiChartImg" name="hiChartImg" type="hidden" />

    <%--<div style="width:100%; text-align:center;">
        <table id="maintb" class="mtbtt" style="width:90%; margin:0px auto;">
            
        </table>
    </div>

    <script type="text/javascript">

        GetTable();

    </script>--%>

    <%=Html.QPEnd() %>
    <%=Html.Hidden("selectKey")%>
    <%=Html.Hidden("PID")%>

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ToolContent" runat="server">
    <style type="text/css">
        .mtbtt
        {
            border-collapse:collapse;
        }
        .mtbtt tr td
        {
            border: 1px solid grey;
        }
        .L1cos
        {
            width:160px;
        }
    </style>

    <table cellpadding="0" cellspacing="0">
        <tr>
            <td align="center">
                <%=Html.QTButtonSearch("EquConsumeCount", "Index", "refreshEChartbar2()", QMAPP.Common.Web.SystemLimit.isLimt)%>
                <%=Html.QTButton("export", "ExportBanCi", QMFrameWork.WebUI.IconCls.redo, "Export()", QMAPP.Common.Web.SystemLimit.isLimt)%> 
            </td>
        </tr>
    </table>
</asp:Content>