@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Index.cshtml";
}
<script src="~/Content/js/datepicker/WdatePicker.js"></script>
<script>
    debugger;
    var _Clos = new Array();
    var _Clos1 = new Array();
    var flag = '1';
    var mark = '';
    var Arguments = '';
    $(function () {
        SetCols();
        gridList();
        gridList2(flag);
       
        $("#selShow").change(function () {
            
            debugger;
            SetCols();
            gridList();
        });

    });
    //function gridList() {
    //    document.getElementById("gridPanel").innerHTML = ' <span><strong>详细信息</strong></span>  <table id="gridList"></table>   ';//重置grid
    //    var Type = $("#selShow").val();
    //    var $gridList = $("#gridList");
    //    var queryJson = {
    //        POCode: $("#txt_POCode").val(),
    //        InvCode: $("#txt_InvCode").val(),
    //    }
    //    $gridList.dataGrid({
    //        url: "/WMS/PickMaterial/GetGridJson?Type=" + Type + "&" + Math.random(),
    //        postData: { queryJson: JSON.stringify(queryJson) },
    //        height: 280,
    //        width: $(window).width() - 500,
    //        colModel: [
    //            { label: "主键", name: "ID", hidden: true, key: true },
    //            { label: '单据号', name: 'Code', width: 120, align: 'left' },
    //            { label: '单据行号', name: 'Sequence', width: 100, align: 'left' },
    //            { label: '操作日期', name: 'MTIME', width: 150, align: 'left' },
    //            { label: '料品编码', name: 'InvCode', width: 100, align: 'left' },
    //            { label: '物料描述', name: 'InvName', width: 100, align: 'left' },
    //            { label: '辅助描述', name: 'InvDesc', width: 100, align: 'left' },
    //            { label: '规格型号', name: 'InvStd', width: 100, align: 'left' },
    //            { label: '数量', name: 'Quantity', width: 100, align: 'left' },
    //            { label: '单位', name: 'InvUnit', width: 100, align: 'left' },
    //            { label: '维护人', name: 'MUSER', width: 80, align: 'left' },
    //            { label: '维护人名称', name: 'MUSERName', width: 80, align: 'left' },
    //            { label: '仓库编码', name: 'WHCode', width: 80, align: 'left' },
    //            { label: '仓库名称', name: 'WarehouseName', width: 80, align: 'left' },
    //            //{ label: '是否合并拣料', name: 'IsNew', width: 80, align: 'left' },
    //        ],
    //        shrinkToFit: false,//宽度自适应
    //        autowidth: true,
    //        gridComplete: function () {
    //        },
    //        rowNum: 10000,
    //        autoScroll: true,
    //        sortname: 'Code',
    //        sortorder: "desc",
    //        viewrecords: true,
    //        multiselect: true,
    //    });

    //    $("#warehouse a.btn-default").click(function () {
    //        $("#warehouse a.btn-default").removeClass("active");
    //        $(this).addClass("active");
    //        $('#btn_search').trigger("click");
    //    });
    //    $("#btn_search").click(function () {
    //        var warehouse = $("#warehouse a.active").attr('data-value');
    //        var queryJson = {
    //            POCode: $("#txt_POCode").val(),
    //            InvCode: $("#txt_InvCode").val(),
    //        }
    //        $gridList.jqGrid('setGridParam', {
    //            postData: { queryJson: JSON.stringify(queryJson) },
    //        }).trigger('reloadGrid');
    //    });

    //}


    function SetCols() {
        var Type = $("#selShow").val();
        var ct = document.getElementById("type7");
        var ct1 = document.getElementById("type8");
        var ct2 = document.getElementById("type9");
        var ct3 = document.getElementById("type10");

        var ct4 = document.getElementById("status1")
        var ct5 = document.getElementById("status2")

        var ct6 = document.getElementById("order1")
        var ct7 = document.getElementById("order2")

        var ct8 = document.getElementById("date1");
        var ct9 = document.getElementById("date2");
        var ct10 = document.getElementById("date3");
        var ct11 = document.getElementById("date4");

        var cols = new Array();
        var collast = { label: "主键", name: "ID", hidden: true, key: true };
        cols.push(collast);
        var collast = { label: '单据号', name: 'Code', width: 120, align: 'left' };
        cols.push(collast);
        var collast = { label: '操作日期', name: 'MTIME', width: 150, align: 'left' };
        cols.push(collast);
        var collast = { label: '维护人', name: 'MUSER', width: 80, align: 'left' };
        cols.push(collast);
        var collast = { label: '维护人名称', name: 'MUSERName', width: 80, align: 'left' };
        cols.push(collast);
        var collast = { label: '是否合并拣料', name: 'IsNew', width: 80, align: 'left' };
        cols.push(collast);
        var cols1 = new Array();
        var collast1 = { label: "主键", name: "ID", hidden: true, key: true };
        cols1.push(collast1);
        var collast1 = { label: '领料合并ID', name: 'MergeID', width: 120, align: 'left' };
        cols1.push(collast1);
        var collast1 = { label: '单据号', name: 'Code', width: 120, align: 'left' };
        cols1.push(collast1);
        var collast1 = { label: '料品编码', name: 'InvCode', width: 150, align: 'left' };
        cols1.push(collast1);
        var collast1 = { label: '物料描述', name: 'InvName', width: 150, align: 'left' };
        cols1.push(collast1);
        var collast1 = { label: '规格型号', name: 'InvStd', width: 100, align: 'left' };
        cols1.push(collast1);
        var collast1 = { label: '应发数量', name: 'iQuantity', width: 100, align: 'left' };
        cols1.push(collast1);
        var collast1 = { label: '单位', name: 'InvUnit', width: 150, align: 'left' };
        cols1.push(collast1);
        var collast1 = { label: '仓库编码', name: 'WarehouseCode', width: 100, align: 'left' };
        cols1.push(collast1);
        var collast1 = { label: '库位编码', name: 'LocationCode', width: 100, align: 'left' };
        cols1.push(collast1);
        var collast1 = { label: '条码库存', name: 'QTY', width: 100, align: 'left' };
        cols1.push(collast1);
        var collast1 = { label: '条码', name: 'LotNO', width: 100, align: 'left' };
        cols1.push(collast1);
        if (Type != 7) {
            var collast = { label: '销售凭证', name: 'ProjectCode', width: 100, align: 'left' };
            cols.push(collast);
            var collast = { label: '销售凭证项号', name: 'Brand', width: 100, align: 'left' };
            cols.push(collast);
            ct.style.display = "none";
            ct1.style.display = "none";
            ct2.style.display = "none";
            ct3.style.display = "none";

        }
        else
        {
            
            var collast = { label: '客户编码', name: 'CusCode', width: 150, align: 'left' };
            cols.push(collast);
            var collast = { label: '客户名称', name: 'CusName', width: 150, align: 'left' };
            cols.push(collast);
            ct.style.display = "";
            ct1.style.display = "";
            ct2.style.display = "";
            ct3.style.display = "";
        }
        if (Type == 2||Type==12) {
            var collast = { label: '状态', name: 'Status', width: 150, align: 'left' };
            cols.push(collast);
            ct4.style.display = "";
            ct5.style.display = "";
            ct6.style.display = "";
            ct7.style.display = "";
            ct8.style.display = "";
            ct9.style.display = "";
            ct10.style.display = "";
            ct11.style.display = "";
        }
        else
        {
            ct4.style.display = "none";
            ct5.style.display = "none";
            ct6.style.display = "none";
            ct7.style.display = "none";
            ct8.style.display = "none";
            ct9.style.display = "none";
            ct10.style.display = "none";
            ct11.style.display = "none";
        }


        $.ajax({
            url: "/Print/SelectColumnName?" + Math.random(),
            dataType: "json",
            async: false,
            success: function (data) {
      
                if (data != null && data.length > 0) {
                    DateList = data;
                    for (var i = 0; i < data.length; i++) {
                        var ColName = data[i].ColName;
                        var ColCode = data[i].ColCode;
                        var obj = new Array();
                        obj = {
                            label: ColName,
                            name: ColCode,
                            width: 80,
                            align: "left"
                        }
                        if (ColCode != "BatchCode" && ColCode != "Brand" && ColCode != "ProjectCode")
                        {
                            cols.push(obj);
                            cols1.push(obj);
                        }
                               
                    }
                }
                _Clos = cols;
                _Clos1 = cols1;
            }
        });
    }

    function gridList() {
        document.getElementById("gridPanel").innerHTML = ' <span><strong>详细信息</strong></span>  <table id="gridList"></table>   ';//重置grid
        var Type = $("#selShow").val();
    
        var $gridList = $("#gridList");
        var queryJson = {
            POCode: $("#txt_POCode").val(),
            InvCode: $("#txt_InvCode").val(),
            Area: $("#txt_Area").val(),
            WHCode: $("#txt_WHCode").val(),
            CusCode: $("#txt_CusCode").val(),
            CusName: $("#txt_CusName").val(),
            Status: $("#selShow2").val(),
            Order: $("#txt_Order").val(),
            Container: $('input[name="container"]:checked').val(),
            CreateDate: $("#txt_CreateDate").val(),
            NeedDate: $("#txt_NeedDate").val()
        }

        $gridList.dataGrid({
            url: "/WMS/PickMaterial/GetGridJson?Type=" + Type + "&" + Math.random(),
            postData: { queryJson: JSON.stringify(queryJson) },
            height: 280,
            width: $(window).width() - 500,
            colModel: _Clos,
            //colModel: [
            //    { label: "主键", name: "ID", hidden: true, key: true },
            //    { label: '单据号', name: 'Code', width: 120, align: 'left' },
            //    { label: '操作日期', name: 'MTIME', width: 150, align: 'left' },
            //    { label: '维护人', name: 'MUSER', width: 80, align: 'left' },
            //    { label: '维护人名称', name: 'MUSERName', width: 80, align: 'left' },
            //    { label: '是否合并拣料', name: 'IsNew', width: 80, align: 'left' },
            //],
            shrinkToFit: false,//宽度自适应
            autowidth: true,
            gridComplete: function () {
            },
            rowNum: 10000,
            autoScroll: true,
            sortname: 'Code',
            sortorder: "desc",
            viewrecords: true,
            multiselect: true,
            subGrid: true,  // (1)开启子表格支持
            subGridRowExpanded: function (subgrid_id, rowid) {  // (2)子表格容器的id和需要展开子表格的行id,将传入此事件函数
                $("#gridList").jqGrid("setSelection", rowid, false);
                bindSubGrid(subgrid_id, rowid)
            }
        });


        function bindSubGrid(subgrid_id, rowid) {
            var Type = $("#selShow").val();
            $("#gridList").jqGrid("setSelection", rowid, false);
            var subgrid_table_id;
            subgrid_table_id = subgrid_id + "_t";   // (3)根据subgrid_id定义对应的子表格的table的id

            var queryJson = {
                POCode: $("#txt_POCode").val(),
                InvCode: $("#txt_InvCode").val(),
                Area: $("#txt_Area").val(),
                WHCode: $("#txt_WHCode").val(),
                CusCode: $("#txt_CusCode").val(),
                CusName: $("#txt_CusName").val(),
                Order: $("#txt_Order").val(),
                Container: $("#txt_Container :checked").val(),
                CreateDate: $("#txt_CreateDate").val(),
                NeedDate: $("#txt_NeedDate").val()
            }

            var subgrid_pager_id;
            subgrid_pager_id = subgrid_id + "_pgr"  // (4)根据subgrid_id定义对应的子表格的pager的id

            // (5)动态添加子报表的table和pager
            $("#" + subgrid_id).html("<table id='" + subgrid_table_id + "' class='scroll'></table><div id='" + subgrid_pager_id + "' class='scroll'></div>");
            var Code = $("#gridList").jqGrid('getRowData', rowid).Code;
            //var Sequence = $("#gridList").jqGrid('getRowData', rowid).Sequence;
            // (6)创建jqGrid对象
            var cols = [{ label: '单据号', name: 'Code', width: 120, align: 'left' },
            { label: '单据行号', name: 'Sequence', width: 120, align: 'left' },
            { label: '操作日期', name: 'MTIME', width: 120, align: 'left' },
            { label: '料品编码', name: 'InvCode', width: 120, align: 'left' },
            { label: '物料描述', name: 'InvDescribe', width: 120, align: 'left' },
            { label: '辅助描述', name: 'InvDesc', width: 120, align: 'left' },
            { label: '规格型号', name: 'InvStd', width: 120, align: 'left' },
            { label: '批次', name: 'BatchCode', width: 100, align: 'left' },
            { label: '区域', name: 'Area', width: 100, align: 'left' },
            { label: '仓库', name: 'WHCode', width: 100, align: 'left' },
            { label: '数量', name: 'Quantity', width: 100, align: 'left' },
            { label: '已发数量', name: 'IssueQuantity', width: 120, align: 'left' },
            { label: '单位', name: 'InvUnit', width: 100, align: 'left' },
            { label: '维护人', name: 'MUSER', width: 120, align: 'left' },
            { label: '维护人名称', name: 'MUSERName', width: 150, align: 'left' },
            { label: '仓库编码', name: 'WHCode', width: 120, align: 'left' },
            { label: '仓库名称', name: 'WarehouseName', width: 120, align: 'left' },
            ];
            if (Type == '2' || Type == '12') {
                var collast = { label: "生产订单", name: "OrderNumber", width: 120, align: 'left' };
                cols.push(collast);
                var collast = { label: "单据类型", name: "EATTRIBUTE", width: 120, align: 'left' };
                cols.push(collast);
                var collast = { label: '套数', name: 'Sets', width: 50, align: 'left' };
                cols.push(collast);
                var collast = { label: '物料号(父项生产订单物料)', name: 'OrderInvCode', width: 150, align: 'left' };
                cols.push(collast);
                var collast = { label: '物料描述(父项生产订单主物料)', name: 'OrderInvDescribe', width: 150, align: 'left' };
                cols.push(collast);
                var collast = { label: '出入库', name: 'BillType', width: 100, align: 'left' };
                cols.push(collast);
                var collast = { label: '备注', name: 'Remarks', width: 150, align: 'left' };
                cols.push(collast);
                var collast = { label: '工位', name: 'Desks', width: 100, align: 'left' };
                cols.push(collast);
                var collast = { label: '调度工号', name: 'DispatchNumber', width: 120, align: 'left', };
                cols.push(collast);
                var collast = { label: '调度姓名', name: 'DispatcherName', width: 120, align: 'left' };
                cols.push(collast);
                var collast = { label: '收料人工号', name: 'ReceiverNumber', width: 150, align: 'left' };
                cols.push(collast);
                var collast = { label: '收料人姓名', name: 'ReceiverName', width: 150, align: 'left' };
                cols.push(collast);
                var collast = { label: '紧急程度', name: 'Urgency', width: 120, align: 'left', };
                cols.push(collast);
                var collast = { label: '需求日期', name: 'NeedDate', width: 120, align: 'left' };
                cols.push(collast);
                var collast = { label: '需求时间', name: 'NeedTime', width: 120, align: 'left', };
                cols.push(collast);
                var collast = { label: '备注项', name: 'RemarksTerm', width: 120, align: 'left' };
                cols.push(collast);
                var collast = { label: '工艺文本码', name: 'TextNumber', width: 150, align: 'left' };
                cols.push(collast);
                var collast = { label: '基本剂量单位', name: 'Unit', width: 150, align: 'left', };
                cols.push(collast);
                var collast = { label: '特殊库存标识', name: 'StockIndicator', width: 150, align: 'left' };
                cols.push(collast);
            }
            if (Type == '5') {
                var collast = { label: '采购订单', name: 'SourceCode', width: 120, align: 'left' };
                cols.push(collast);
                var collast = { label: '采购订单行号', name: 'SourceSequence', width: 120, align: 'left' };
                cols.push(collast);
                var collast = { label: '供应商编码', name: 'VenCode', width: 150, align: 'left' };
                cols.push(collast);
                var collast = { label: '供应商名称', name: 'VenName', width: 150, align: 'left' };
                cols.push(collast);
               
            }
            if (Type == '7') {
                var collast = { label: '站点', name: 'WorkPoint', width: 120, align: 'left' };
                cols.push(collast);
                var collast = { label: '装运点', name: 'Points', width: 120, align: 'left' };
                cols.push(collast);
                var collast = { label: '交货类型', name: 'DeliveryType', width: 150, align: 'left' };
                cols.push(collast);
                var collast = { label: '交货描述', name: 'DeliveryDescribe', width: 150, align: 'left' };
                cols.push(collast);
                var collast = { label: '辅助描述', name: 'OtherDescribe', width: 120, align: 'left' };
                cols.push(collast);
                var collast = { label: '销售单位', name: 'SalesUnit', width: 120, align: 'left' };
                cols.push(collast);
                var collast = { label: '序列号参数', name: 'IsSerialNumber', width: 150, align: 'left' };
                cols.push(collast);
                var collast = { label: '特殊库存标识', name: 'StockIndicator', width: 150, align: 'left' };
                cols.push(collast);
                var collast = { label: '销售凭证', name: 'ProjectCode', width: 100, align: 'left' };
                cols.push(collast);
                var collast = { label: '销售凭证项号', name: 'Brand', width: 100, align: 'left' };
                cols.push(collast);
               
            }
            if (Type == '8') {
                var collast = { label: '单据类型', name: 'OrderType', width: 120, align: 'left' };
                cols.push(collast);
                var collast = { label: '类型描述', name: 'TypeDescribe', width: 120, align: 'left' };
                cols.push(collast);
                var collast = { label: '成本中心', name: 'CostCenter', width: 150, align: 'left' };
                cols.push(collast);
                var collast = { label: '备注', name: 'Remarks', width: 150, align: 'left' };
                cols.push(collast);
                var collast = { label: '人员号', name: 'PersonNumber', width: 120, align: 'left' };
                cols.push(collast);
                var collast = { label: '物料描述', name: 'InvDescribe', width: 120, align: 'left' };
                cols.push(collast);
                var collast = { label: '基本计量单位', name: 'Unit', width: 150, align: 'left' };
                cols.push(collast);
                var collast = { label: '特殊库存标识', name: 'StockIndicator', width: 150, align: 'left' };
                cols.push(collast);
            }
            if (Type == '10') {
                var collast = { label: '目标仓库', name: 'ToWarehouseCode', width: 120, align: 'left' };
                cols.push(collast);
                var collast = { label: '目标工厂', name: 'ReceiveWork', width: 120, align: 'left' };
                cols.push(collast);
                var collast = { label: "单据类型", name: "OrderType", width: 120, align: 'left' };
                cols.push(collast);
                var collast = { label: '站点', name: 'WorkPoint', width: 100, align: 'left' };
                cols.push(collast);
                var collast = { label: '类型描述', name: 'TypeDescribe', width: 120, align: 'left' };
                cols.push(collast);
                var collast = { label: '备注', name: 'Remarks', width: 120, align: 'left' };
                cols.push(collast);
                var collast = { label: '人员号', name: 'PersonNumber', width: 100, align: 'left' };
                cols.push(collast);
                var collast = { label: '基本计量单位', name: 'Unit', width: 150, align: 'left' };
                cols.push(collast);
                var collast = { label: '特殊库存标识', name: 'StockIndicator', width: 150, align: 'left', };
                cols.push(collast);
                var collast = { label: '接收物料', name: 'ReceiveInvCode', width: 120, align: 'left' };
                cols.push(collast);
                var collast = { label: '接收物料描述', name: 'ReceiveInvDescribe', width: 150, align: 'left' };
                cols.push(collast);
                var collast = { label: '接受特殊库存标识', name: 'ReceiveStock', width: 150, align: 'left' };
                cols.push(collast);
                var collast = { label: '接受销售订单', name: 'ReceiveSales', width: 150, align: 'left', };
                cols.push(collast);
                var collast = { label: '接受行号', name: 'ReceiveSequence', width: 120, align: 'left' };
                cols.push(collast);
                var collast = { label: '备注2', name: 'Remark2', width: 100, align: 'left', };
                cols.push(collast);

            }

            $("#" + subgrid_table_id).dataGrid({
                cellEdit: true,
                url: "/WMS/PickMaterial/GetSubGridJson?Code=" + Code + "&Type=" + Type + "&" + Math.random(),  // (7)子表格数据对应的url,注意传入的contact.id参数
                colModel: cols,
                postData: { queryJson: JSON.stringify(queryJson) },
                //colModel: ColModelSub,
                //shrinkToFit: true,//宽度自适应
                //multiselect: true,
                prmNames: { search: "search" },
                viewrecords: true,
                height: "100%",
                rowNum: 20,
                pager: subgrid_pager_id,

            });
        }

        $("#warehouse a.btn-default").click(function () {
            $("#warehouse a.btn-default").removeClass("active");
            $(this).addClass("active");
            $('#btn_search').trigger("click");
        });
        $("#btn_search").click(function () {
            var warehouse = $("#warehouse a.active").attr('data-value');
            var queryJson = {
                POCode: $("#txt_POCode").val(),
                InvCode: $("#txt_InvCode").val(),
                Area: $("#txt_Area").val(),
                WHCode: $("#txt_WHCode").val(),
                CusCode: $("#txt_CusCode").val(),
                CusName: $("#txt_CusName").val(),
                AreaType: $("#selShow1").val(),
                Status: $("#selShow2").val(),
                Order: $("#txt_Order").val(),
                Container: $("#txt_Container :checked").val(),
                CreateDate: $("#txt_CreateDate").val(),
                NeedDate: $("#txt_NeedDate").val()
            }
            $gridList.jqGrid('setGridParam', {
                postData: { queryJson: JSON.stringify(queryJson) },
            }).trigger('reloadGrid');
        });

    }

    function btnMaterial() {
        debugger;
        
        var arr = [];
        mark = '拣料';
        flag = '1';
        var objList = $("#gridList").jqGrid('getGridParam', 'selarrrow');
        for (var i = 0; i < objList.length; i++) {
            var objArr = '';
            var rowId = objList[i];
            var rowData = $("#gridList").jqGrid('getRowData', rowId);
            if (rowData.IsNew == "已合并") {
                $.modalAlertNew("WMS00091");
                return;
            }
            objArr += "'" + rowData.Code + "',";
            objArr = objArr.slice(0, objArr.length - 1);
            objArr = "" + objArr + "|";
            arr.push(objArr);
        }
        Arguments = arr;
        gridList2(flag);
    }


    function fullscreen() {
        var docElm = document.documentElement;
        if (docElm.requestFullscreen) {
            docElm.requestFullscreen();
        } else if (docElm.mozRequestFullScreen) {
            docElm.mozRequestFullScreen();
        } else if (docElm.webkitRequestFullScreen) {
            docElm.webkitRequestFullScreen();
        } else if (docElm.msRequestFullscreen) {
            docElm.msRequestFullscreen();
        }
        $(window).bind('resize', function () {
            $("#gridList").setGridWidth($(window).width());
        }).trigger('resize');
        $(window).bind('resize', function () {
            $("#gridList").setGridHeight($(window).height());
        }).trigger('resize');
    }

    function btnCallSAP() {
        var DisPatchCodeList = "";
        var ids = $("#gridList").jqGrid('getGridParam', 'selarrrow'); //获取 多行数据
        if (ids.length == 0) {
            $.modalAlertNew("WMS00110");
            return;
        }
        for (var i in ids) {
            DisPatchCodeList += $("#gridList").jqGrid('getRowData', ids[i]).SDNCode + ',';
        }
        if (DisPatchCodeList != "") {
            $.modalConfirm("确定过账SAP吗?过账后剩余单据无法继续发料。", function (r) {
                if (r) {
                    $.submitForm({
                        url: "/WMS/ICSToSAP/DisPatchToSAP?DisPatchCodeList=" + DisPatchCodeList + "&WorkPoint=" + WorkPoints + "&" + Math.random(),
                        async: false,
                        success: function () {
                            $.currentWindow().$("#gridList").trigger("reloadGrid");
                        }
                    })
                }
            });
        }
    }
</script>


<div class="topPanel" style="height:150px;" >
    <div class="toolbar">
        <div class="btn-group">
            <a id="NF-Material" authorize="yes" style="margin-left:3px;" class="btn btn-primary" onclick="btnCallSAP()"><i class="fa fa-pencil-square-o"></i>过账SAP</a>
            <a class="btn btn-primary" onclick="$.reload()"><span class="glyphicon glyphicon-refresh"></span></a>

        </div>
        <script>$('.toolbar').authorizeButton()</script>
    </div>
    <div class="search">
        <table>
            <tr>
                <td>
                    <label>&nbsp;&nbsp;&nbsp;类型:</label>
                </td>
                <td>
                    <div class="input-group">
                        <select id="selShow" name="F_Target" class="form-control" style="width: 100px;">
                            @*<option value="1" selected="selected">工单备料</option>*@
                            <option value="2" selected="selected" spellcheck="true">工单领料</option>
                            <option value="12" selected="selected">售后领料</option>
                            @*<option value="3" selected="selected">工单材料出库</option>*@
                            @*<option value="4" selected="selected">委外备料</option>*@
                            <option value="5" selected="selected">委外领料</option>
                            @*<option value="6" selected="selected">委外材料出库</option>*@
                            <option value="7" selected="selected">销售发货</option>
                            <option value="8" selected="selected">其它出库</option> 
                            @*<option value="9" selected="selected">借用</option>*@
                            <option value="10" selected="selected">物料调拨</option>
                            @*<option value="11" selected="selected">两步调出</option>*@
                            <option value="12" selected="selected">生产退料</option>
                        </select>
                    </div>
                </td>
               

                <td style="text-align:right;"><label class="lglabel" for="txt_POCode">&nbsp;&nbsp;&nbsp;单据号</label>:</td>
                <td>
                    <div class="input-group">
                        <input id="txt_POCode" type="text" class="form-control" style="width: 120px;">
                    </div>
                </td>

                <td style="text-align:right;"><label class="lglabel" for="txt_POCode">&nbsp;&nbsp;&nbsp;区域</label>:</td>
                <td>
                    <div class="input-group">
                        <input id="txt_Area" type="text" class="form-control" style="width: 120px;">
                    </div>
                </td>

                <td style="text-align:right;" id="order1"><label class="lglabel" for="txt_POCode">&nbsp;&nbsp;&nbsp;生产订单</label>:</td>
                <td id="order2">
                    <div class="input-group">
                        <input id="txt_Order" type="text" class="form-control" style="width: 120px;">
                    </div>
                </td>
            </tr>
            <tr>
                <td style="text-align:right;"><label class="lglabel" for="txt_POCode">&nbsp;&nbsp;&nbsp;仓库</label>:</td>
                <td>
                    <div class="input-group">
                        <input id="txt_WHCode" type="text" class="form-control" style="width: 120px;">
                    </div>
                </td>

                <td style="text-align:right;"><label class="lglabel" for="txt_InvCode">&nbsp;&nbsp;&nbsp;料品编码</label>:</td>
                <td>
                    <div class="input-group">
                        <input id="txt_InvCode" type="text" class="form-control" style="width: 120px;">
                    </div>
                </td>

                <td style="text-align:left; " id="type7"><label class="lglabel" for="txt_POCode">&nbsp;&nbsp;&nbsp;客户编码</label>:</td>
                <td id="type8">
                    <div class="input-group">
                        <input id="txt_CusCode" type="text" class="form-control" style="width: 150px; ">
                    </div>
                </td>

                <td style="text-align: right;  " id="type9"><label class="lglabel" for="txt_InvCode">&nbsp;&nbsp;&nbsp;客户名称</label>:</td>
                <td id="type10">
                    <div class="input-group">
                        <input id="txt_CusName" type="text" class="form-control" style="width: 120px;">
                    </div>
                </td>

                <td style="text-align: right;  " id="date1"><label class="lglabel" for="txt_InvCode">&nbsp;&nbsp;&nbsp;创建日期</label>:</td>
                <td id="date2">
                    <div class="input-group">
                        <input type="text" name="PRODUCTDATE" id="txt_CreateDate" class="form-control " onclick="WdatePicker({ dateFmt: 'yyyy-MM-dd' })" style="width: 120px;" />
                    </div>
                </td>

                <td style="text-align: right;  " id="date3"><label class="lglabel" for="txt_InvCode">&nbsp;&nbsp;&nbsp;需求日期</label>:</td>
                <td id="date4">
                    <div class="input-group">
                        <input type="text" name="PRODUCTDATE" id="txt_NeedDate" class="form-control " onclick="WdatePicker({ dateFmt: 'yyyy-MM-dd' })" style="width: 120px;" />
                    </div>
                </td>

                <td>
                    <label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;是否显示货柜单据:</label>
                </td>
                <td>
                    <div class="input-group" id="txt_Container">
                        <input type="radio" name="container" value="1" />&nbsp;是
                        <input type="radio" name="container" checked="checked" value="2" />&nbsp;否
                    </div>
                </td>

                <td>
                    <span class="input-group-btn">
                        <button id="btn_search" type="button" class="btn  btn-primary"><i class="fa fa-search"></i></button>
                    </span>
                </td>

            </tr>
            @*<tr>
                
            </tr>*@

        </table>
    </div>
</div>
<div class="gridPanel" id="gridPanel">
    <span><strong>详细信息</strong></span>
    <table id="gridList"></table>

</div>