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

<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">
                <%=Html.QV(p => p.WORKCENTER_CODE)%>
            </th>
            <td>
                <%=Html.QC(p => p.WORKCENTER_CODE)%>
            </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()%>
    <%--异步获取数据生成图表--%>
    <div style="overflow: auto; height: 99%;">
        <%=QMFrameWork.WebUI.QMEChart.QMEChartHelper.CreateEchart("echartID", "/ShipmentCount/GetEchartDataBar2", new string[] { "line", "bar" }, "myEChart")%>
        <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>
    </div>
    <script type="text/javascript">
        function GetTable() {
            $.ajax({
                type: "POST",
                url: "/ShipmentCount/GetTable?WORKCENTER_CODE=" + $("input[name='WORKCENTER_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) {
                    //setTimeout("RefreshFisTable()", 10000);
                    alert(errorThrown);
                }

            });
        }
        function refreshEChartbar2() {

            var endtime = document.getElementById("END_DATE").value;
            if (parseDate($("#START_DATE").val()) > parseDate($("#END_DATE").val()) && endtime != "") {
                alert("开始时间不能大于结束时间!");
                return;
            }
            var centerCode = $('#WORKCENTER_CODE').combobox("getValue");

            if (centerCode == "") {
                MSI("提示", "请选择工作中心!");
                return;
            }

            //GetTable();
            var ps = [];

            var MATERIAL_CODE = {};
            MATERIAL_CODE.key = "MATERIAL_CODE";
            MATERIAL_CODE.value = $("input[name='MATERIAL_CODE']").val();
            ps.push(MATERIAL_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);

            var WORKCENTER_CODE = {};
            WORKCENTER_CODE.key = "WORKCENTER_CODE";
            WORKCENTER_CODE.value = centerCode;
            ps.push(WORKCENTER_CODE);

            GetEchartData("/ShipmentCount/GetEchartDataBar2", myEChart, ps);

            GetTable();
        }

        //导出
//        function Export() {
//            var img = myEChart.getDataURL("png");
//            $("#hiChartImg").val(img);
//            submitByButton("ExportBanCi");
//        }

        function Export() {
            var ids = document.getElementById("selectKey").value;
            $.get("/ShipmentCount/ExportExcel?Trend=0", $("form").serializeArray(), function (data) {
                submitByButton("/ShipmentCount/ExportFile?Trend=0&FileName=" + data);
            });
        }
    </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("ShipmentCount", "QTYShipmentCount", "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>