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

<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.MaterialCode)%>
            </th>
            <td>
                <%=Html.QC(p => p.MaterialCode)%>
                <script type="text/javascript" language="javascript">
                    $(function () {
                        $('#MaterialCode').combotree({
                            panelHeight: '230',
                            panelWidth: '500',
                            onBeforeSelect: function (node) {
                                if (!$(this).tree('isLeaf', node.target)) {
                                    return false;
                                }
                            }
                        });
                    })  
                </script>
            </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.MESReport.Web.Controllers.EChartExampleController.QMEChartPageConfig()%>
    
    <div style="overflow: auto; height: 99%;">
        <div style="width: 100%; text-align: center;">
            <%--异步获取数据生成图表--%>
            <%=QMFrameWork.WebUI.QMEChart.QMEChartHelper.CreateEchart("echartID", "/WasteRateCount/GetEchartDataBar2"
            , new string[] { "line", "bar" }, "myEChart")%>
        </div>  
        <div style="width: 100%; text-align: center;padding: 15px 0 0 0;">
            <table id="maintb" class="mtbtt" style="width:90%; margin:0px auto;">
            </table>
        </div>
    </div>

    <script type="text/javascript">
        function GetTable() {
            $.ajax({
                type: "POST",
                url: "/WasteRateCount/GetTableTrend?MaterialCode=" + $("input[name='MaterialCode']").val() + "&MaterialName=" + escape($('#MaterialCode').combobox('getText')) + "&START_DATE=" + $("input[name='START_DATE']").val() + "&END_DATE=" + $("input[name='END_DATE']").val(),
                dataType: "json",
                data: {},
                success: function (data) {
                    //debugger;
                    $("#maintb").html(data);
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {

                    //alert(errorThrown);
                }

            });
        }

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

            var MaterialName = {};
            MaterialName.key = "MaterialName";
            MaterialName.value = escape($('#MaterialCode').combobox('getText'));
            ps.push(MaterialName);

            if (MaterialCode.value == "") {
                MSI("提示", "请选择零件号!");
                return;
            }

            //            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);
            //debugger;
            GetEchartData("/WasteRateCount/GetEchartDataBar2", myEChart, ps);
            GetTable();
        }

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

        //导出Excel
        function Export() {
            var ids = document.getElementById("selectKey").value;
            $.get("/WasteRateCount/ExportExcelTrend", $("form").serializeArray(), function (data) {
                submitByButton("/WasteRateCount/ExportFileTrend?FileName=" + data);
            });
        }
    </script>  
    <input id="hiChartImg" name="hiChartImg" type="hidden" />

    

    <%--<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("WasteRateCount", "MenderTrendCountView", "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>