NWeiWMS/WMS-BS/NFine.Web/Areas/WMS/Views/PickMaterial/ICSMOPickMerge.cshtml

@{
    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 = '';
    //var ChosenList = "";

    //var PickID = '';
    $(function () {

        SetCols();
        gridList();
        gridList2(flag);

    });
    function Seach() {
        document.getElementById("gridPanel").innerHTML = ' <span><strong>详细信息</strong></span>  <table id="gridList"></table>   ';//重置grid
        document.getElementById("page").innerHTML = ' <table id="gridList"></table> <div id = "gridPager" ></div > ';
        SetCols();
        gridList();

    }



    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 ct12 = document.getElementById("status3")
        var ct13 = document.getElementById("status4")

        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);
        if (Type == 2 || Type == 12) {


            var collast = { label: '物料号（父项生产订单物料）', name: 'OrderInvCode', width: 150, align: 'left' };
            cols.push(collast);
            var collast = { label: '物料描述（父项生产订单主物料）', name: 'OrderInvDescribe', width: 200, align: 'left' };
            cols.push(collast);
            //var collast = { label: '调度工号', name: 'DispatchNumber', width: 120, align: 'left', };
            //cols.push(collast);
            var collast = { label: '拣料人姓名', name: 'PickName', width: 100, align: 'left' };
            cols.push(collast);
            var collast = { label: '收料人姓名', name: 'ReceiverName', width: 150, 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: 'ReceiverNumber', width: 150, align: 'left' };
            //cols.push(collast);

            var collast = { label: '紧急程度', name: 'Urgency', width: 120, align: 'left', };
            cols.push(collast);
            var collast = { label: '调度人姓名', name: 'DispatcherName', width: 120, align: 'left' };
            cols.push(collast);
            var collast = { label: '工位', name: 'Desks', width: 100, align: 'left' };
            cols.push(collast);
            var collast = { label: '状态', name: 'Status', width: 150, align: 'center' };
            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 = "";
            ct12.style.display = "none";
            ct13.style.display = "none";
        }
        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";
            ct12.style.display = "";
            ct13.style.display = "";
        }


        //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 collast = { label: '占料状态', name: 'IsOccupy', width: 80, align: 'left' };
        cols.push(collast);
        var collast = { label: '单据状态', hidden: true, };
        cols.push(collast);
        var collast = { label: '打印次数', name: 'PrintCount', 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: 'SAPSequence,', hidden: true };
        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);
        var collast1 = { label: '占料数量', name: 'SendQTY', hidden: true };
        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 = "";
        }



        $.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() {
        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(),
            Status1: $("#selShow3").val(),
            Order: $("#txt_Order").val(),
            Container: $('input[name="container"]:checked').val(),
            CreateDate: $("#txt_CreateDate").val(),
            NeedDate: $("#txt_NeedDate").val(),
     
        }
        if (Type == 2)
        {
            $gridList.dataGrid({
                //url: "/WMS/PickMaterial/GetGridJson?Type=" + Type + "&" + Math.random(),
                //postData: { queryJson: JSON.stringify(queryJson) },
                url: "/WMS/PickMaterial/GetGridJson?" + Math.random(),
                postData: { queryJson: JSON.stringify(queryJson), Type: Type },
                height: 280,
                async: false,//取消异步请求
                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 () {
                    var strIds = $("#gridList").jqGrid("getDataIDs");

                    for (var i = 0; i < strIds.length; i++) {
                        var strValue = $("#gridList").jqGrid("getCell", strIds[i], "IsOccupy");//得到单元格数据
                        if (strValue == "已占料") {
                            $("#" + strIds[i]).find("td").css("background-color", "yellow");
                        }
                    }
                    //if (ChosenList != "") {
                    //    var Chosen = ChosenList.split(',');
                    //    for (var i = 0; i < Chosen.length; i++) {
                    //        $("#gridList").jqGrid('setSelection', Chosen[i]);
                    //    }
                    //}
                },
                //onLoadComplete: function(data) {
                //    // 设置行选中
                //    var PickID = $("#PickID").val();
                //    if (PickID != '') {
                //        var PickID = PickID.split(',');
                //        for (var i = 0; i < PickID.length; i++) {
                //            //$("#gridList").jqGrid('setSelection', PickID[i]);
                //            // $("#gridList").jqGrid('setSelection', PickID[i]);
                //             $('#gridList').jqGrid('setSelectionState', PickID[i], true);
                //           // $('#gridList').jqGrid('setSelectionState', '17140e8d-5c4d-4f29-9913-5efc256f6e7f', true);

                //        }
                //    }
                //},
                rowNum: 20,
                autoScroll: true,
                sortname: 'NeedDate',
                sortorder: "asc",
                viewrecords: true,
                multiselect: true,
                pager: "#gridPager",

                subGrid: true,  // (1)开启子表格支持

                subGridRowExpanded: function (subgrid_id, rowid) {  // (2)子表格容器的id和需要展开子表格的行id，将传入此事件函数
                    $("#gridList").jqGrid("setSelection", rowid, false);
                    bindSubGrid(subgrid_id, rowid)
                },
                //loadComplete: function () {
                //    var ids = $gridList.getDataIDs();
                //    for (var i = 0; i < ids.length; i++) {
                //        var rowData = $gridList.getRowData(ids[i]);
                //        if (rowData['Status'] == '未配料')
                //            $('#' + ids[i]).css("color", "red");
                //    }
                //}
            });
        }
        else
        {
            $gridList.dataGrid({
                //url: "/WMS/PickMaterial/GetGridJson?Type=" + Type + "&" + Math.random(),
                //postData: { queryJson: JSON.stringify(queryJson) },
                url: "/WMS/PickMaterial/GetGridJson?" + Math.random(),
                postData: { queryJson: JSON.stringify(queryJson), Type: Type },
                height: 280,
                async: false,//取消异步请求
                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 () {

                    var strIds = $("#gridList").jqGrid("getDataIDs");

                    for (var i = 0; i < strIds.length; i++) {
                        var strValue = $("#gridList").jqGrid("getCell", strIds[i], "IsOccupy");//得到单元格数据
                        if (strValue == "已占料") {
                            $("#" + strIds[i]).find("td").css("background-color", "yellow");
                        }
                    }
                    //if (ChosenList != "") {
                    //    var Chosen = ChosenList.split(',');
                    //    for (var i = 0; i < Chosen.length; i++) {
                    //        $("#gridList").jqGrid('setSelection', Chosen[i]);
                    //    }
                    //}
                },
                //onLoadComplete: function(data) {
                //    // 设置行选中
                //    var PickID = $("#PickID").val();
                //    if (PickID != '') {
                //        var PickID = PickID.split(',');
                //        for (var i = 0; i < PickID.length; i++) {
                //            //$("#gridList").jqGrid('setSelection', PickID[i]);
                //            // $("#gridList").jqGrid('setSelection', PickID[i]);
                //             $('#gridList').jqGrid('setSelectionState', PickID[i], true);
                //           // $('#gridList').jqGrid('setSelectionState', '17140e8d-5c4d-4f29-9913-5efc256f6e7f', true);

                //        }
                //    }
                //},
                rowNum: 20,
                autoScroll: true,
                sortname: 'Code',
                sortorder: "desc",
                viewrecords: true,
                multiselect: true,
                pager: "#gridPager",

                subGrid: true,  // (1)开启子表格支持

                subGridRowExpanded: function (subgrid_id, rowid) {  // (2)子表格容器的id和需要展开子表格的行id，将传入此事件函数
                    $("#gridList").jqGrid("setSelection", rowid, false);
                    bindSubGrid(subgrid_id, rowid)
                },
                //loadComplete: function () {
                //    var ids = $gridList.getDataIDs();
                //    for (var i = 0; i < ids.length; i++) {
                //        var rowData = $gridList.getRowData(ids[i]);
                //        if (rowData['Status'] == '未配料')
                //            $('#' + ids[i]).css("color", "red");
                //    }
                //}
            });
        }
       


        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: 'SAPSequence', width: 120, align: 'left' },
            { label: '操作日期', name: 'MTIME', width: 120, align: 'left' },
            { label: '料品编码', name: 'InvCode', width: 120, align: 'left' },
            { label: '物料描述', name: 'InvName', width: 120, align: 'left' },
            { label: '辅助描述', name: 'InvDes', 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,

            });

        }



    }


    function gridList2(flag) {
        debugger;
        $("#gridList").jqGrid("setColProp", "Name", { frozen: true });
        document.getElementById("gridPanel2").innerHTML = ' <span><strong>合并信息</strong></span> <table id="gridList2"></table>';//重置grid
        var Type = $("#selShow").val();
        var $gridList = $("#gridList2");
        var objArr = '';
        var objList = $("#gridList").jqGrid('getGridParam', 'selarrrow');
        for (var i = 0; i < objList.length; i++) {
            var rowId = objList[i];
            var rowData = $("#gridList").jqGrid('getRowData', rowId);
            if (flag == '1') {
                objArr += "'" + rowData.Code + "',";
            } else {
                objArr += "'" + rowData.Code + "',";
            }

        }
        $gridList.dataGrid({
            url: "/WMS/PickMaterial/GetICSMOPickMergeTemp?ID=" + objArr + "&Type=" + Type + "&flag=" + flag + "&" + Math.random(),
            height: 500,
            width: $(window).width() - 500,
            colModel: _Clos1,
            //colModel: [
            //    { label: "主键", name: "ID", hidden: true, key: true },
            //    { label: '领料合并ID', name: 'MergeID', width: 120, align: 'left' },
            //    { label: '单据号', name: 'Code', width: 120, align: 'left' },
            //    { label: '料品编码', name: 'InvCode', width: 150, align: 'left' },
            //    { label: '物料描述', name: 'InvName', width: 150, align: 'left' },
            //    { label: '规格型号', name: 'InvStd', width: 100, align: 'left' },
            //    { label: '应发数量', name: 'iQuantity', width: 100, align: 'left' },
            //    { label: '单位', name: 'InvUnit', width: 150, align: 'left' },
            //    { label: '仓库编码', name: 'WarehouseCode', width: 100, align: 'left' },
            //    { label: '库位编码', name: 'LocationCode', width: 100, align: 'left' },
            //    { label: '条码库存', name: 'QTY', width: 100, align: 'left' },
            //    { label: '条码', name: 'LotNO', width: 100, align: 'left' },
            //],
            shrinkToFit: false,//宽度自适应
            autowidth: true,
            loadComplete: function (data) {
                if (data.msg != '') {
                    $.modalAlert(data.msg, "warning");
                    return;
                }
                else {
                    $('#gridList').jqGrid('setGridParam', {
                        selarrrow: objList});
                }
            },
            rowNum: 10000,
            sortorder: "desc",
            viewrecords: true,
            //multiselect: true,

        });


    }


    function gridList3() {
        debugger;
        document.getElementById("gridPanel2").innerHTML = ' <span><strong>合并信息</strong></span> <table id="gridList2"></table>';//重置grid
        var Type = $("#selShow").val();
        var $gridList = $("#gridList2");
        var objArr = '';
        var objList = $("#gridList").jqGrid('getGridParam', 'selarrrow');
        for (var i = 0; i < objList.length; i++) {
            var rowId = objList[i];
            var rowData = $("#gridList").jqGrid('getRowData', rowId);
            //if (flag == '1') {
            objArr += "'" + rowData.Code + "',";
            //} else {
            //    objArr += "'" + rowData.Code + "',";
            //}
        }
        $gridList.dataGrid({
            url: "/WMS/PickMaterial/GetPickLogInfo?ID=" + objArr + "&" + Math.random(),
            height: 500,
            width: $(window).width() - 500,
            colModel: _Clos1,
            //colModel: [
            //    { label: "主键", name: "ID", hidden: true, key: true },
            //    { label: '领料合并ID', name: 'MergeID', width: 120, align: 'left' },
            //    { label: '单据号', name: 'Code', width: 120, align: 'left' },
            //    { label: '料品编码', name: 'InvCode', width: 150, align: 'left' },
            //    { label: '物料描述', name: 'InvName', width: 150, align: 'left' },
            //    { label: '规格型号', name: 'InvStd', width: 100, align: 'left' },
            //    { label: '应发数量', name: 'iQuantity', width: 100, align: 'left' },
            //    { label: '单位', name: 'InvUnit', width: 150, align: 'left' },
            //    { label: '仓库编码', name: 'WarehouseCode', width: 100, align: 'left' },
            //    { label: '库位编码', name: 'LocationCode', width: 100, align: 'left' },
            //    { label: '条码库存', name: 'QTY', width: 100, align: 'left' },
            //    { label: '条码', name: 'LotNO', width: 100, align: 'left' },
            //],
            shrinkToFit: false,//宽度自适应
            autowidth: true,
            gridComplete: function () {
            },
            rowNum: 10000,
            sortorder: "desc",
            viewrecords: true,
            //multiselect: true,

        });



    }



    //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 btnMaterial() {
        debugger;
        //var ISFlag = false;
        var Type = $("#selShow").val();
        $("#PickID").val('');
        var sign = '';
        var objCode = '';
        var PickIDs = '';
        var arr = [];
        mark = '拣料';
        flag = '1';
        //ChosenList == "";
        var objList = $("#gridList").jqGrid('getGridParam', 'selarrrow');
        //for (var i in objList) {
        //    if (ChosenList == "") {
        //        ChosenList = $("#gridList").jqGrid('getRowData', objList[i]).ID;
        //    }
        //    else {
        //        ChosenList += "," + $("#gridList").jqGrid('getRowData', objList[i]).ID;
        //    }
        //}
        if (objList.length <= 0) {
            $.modalAlert("请先选择单据！", "warning");
            return;
        }
        if (objList.length > 20) {
            $.modalAlert("请选择小于等于20个单据拣料！", "warning");
            return;
        }
        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;
            }
            if (Type != "2") {
                if (rowData.Status == "已过帐") {
                    $.modalAlert("单据已过账，无法拣料！", "warning");
                    return;
                }
            }
            if (Type == "2") {
                if (rowData.Status != "未配料") {
                    $.modalAlert("该单据未配料，无法拣料！", "warning");
                    return;
                }
            }
            PickIDs += "'" + rowId + "',";
            if (rowData.Code != undefined) {
                objCode += "'" + rowData.Code + "',";
                objArr += "'" + rowData.Code + "',";
            }

            objArr = objArr.slice(0, objArr.length - 1);
            objArr = "" + objArr + "|";
            arr.push(objArr);
        }
        $.ajax({
            url: "/WMS/PickMaterial/SeachPickLog" + "?" + Math.random() + "&objCode=" + objCode,
            dataType: "json",
            type: "post",
            async: false,
            success: function (data) {
                sign = data.count;
                //$.currentWindow().$("#gridList").trigger("reloadGrid");
            }
        });
        if (sign == '0') {
            //  PickID = PickIDs;
            $("#PickID").val(PickIDs);
            gridList2(flag);
        }
        if (sign == '1') {
            $.modalAlert("所选单据占料状态不一致！", "warning");
            return;
        }
        if (sign == '2') {
            $("#PickID").val(PickIDs);
            // $.modalAlert("所选单据已占料,可直接打印！", "warning");
            $.modalMsg("所选单据已占料,可直接打印！", "warning");

            gridList3();
        }

        Seach();
    }


    function btnMergeMaterial() {
        debugger;
        mark = '合并拣料';
        var sign = '';
        flag = '2';
        var Type = $("#selShow").val();
        var obj = '';
        var objArr = '';
        var objList = $("#gridList").jqGrid('getGridParam', 'selarrrow');
        if (objList.length < 2) {
            $.modalAlertNew("WMS00092");
            return;
        }
        for (var i = 0; i < objList.length; i++) {
            var rowId = objList[i];
            var rowData = $("#gridList").jqGrid('getRowData', rowId);
            obj += rowData.Code + ",";
            objArr += "'" + rowData.Code + "',";

        }
        $.ajax({
            url: "/WMS/PickMaterial/CheckQty" + "?" + Math.random() + "&objArr=" + objArr,
            dataType: "json",
            type: "post",
            async: false,
            success: function (data) {
                sign = data.count;
            }
        });
        if (sign == '1') {
            $.modalAlertNew("WMS00091");
            return;
        }
        $.submitForm({
            url: "/WMS/PickMaterial/MergeMaterial?Type=" + Type + "&" + Math.random(),
            param: {
                keyValue: obj
            },
            success: function () {
                //$.currentWindow().$("#gridList").trigger("reloadGrid");
                gridList2(flag);

            }
        })
    }
    function btnCancelMergeMaterial() {
        debugger;
        mark = '取消合并拣料';
        var sign = '';
        flag = '2';
        var Type = $("#selShow").val();
        var obj = '';
        var objArr = '';
        var objList = $("#gridList").jqGrid('getGridParam', 'selarrrow');
        if (objList.length < 1) {
            $.modalAlertNew("WMS00109");
            return;
        }
        for (var i = 0; i < objList.length; i++) {
            var rowId = objList[i];
            var rowData = $("#gridList").jqGrid('getRowData', rowId);
            obj += rowData.Code + ",";
            objArr += "'" + rowData.Code + "',";

        }
        $.submitForm({
            url: "/WMS/PickMaterial/CancelMergeMaterial?Type=" + Type + "&" + Math.random(),
            param: {
                keyValue: obj
            },
            success: function () {
                //$.currentWindow().$("#gridList").trigger("reloadGrid");
                gridList();

            }
        })
    }



    function btnPrint() {
        debugger;
        var Type = $("#selShow").val();
        var mold = '';
        if (mark == '') {
            $.modalAlertNew("WMS00093");
            return;
        }

        if (mark == '合并拣料') {

            var arr = [];
            var obj_Item1 = $("#gridList2");
            var rowIds_Item1 = obj_Item1.getDataIDs();
            var arrayData_Item1 = new Array();
            var Enables = '';
            if (rowIds_Item1.length > 0) {
                debugger;
                for (var i = 0; i < rowIds_Item1.length; i++) {
                    var objArr = '';
                    var RowData_Item1 = obj_Item1.getRowData(rowIds_Item1[i]);
                    if (RowData_Item1.IsOccupy != '已占料') {
                        $.modalAlert("所选单据未拣料,无法打印！", "warning");
                        return;
                    }
                    objArr += "'" + RowData_Item1.MergeID + "',";
                    objArr = objArr.slice(0, objArr.length - 1);
                    objArr = "" + objArr + "|";
                    arr.push(objArr);
                }

                //var arr = [];
                //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);
                //    objArr += "'" + rowData.Code + "',";
                //    objArr = objArr.slice(0, objArr.length - 1);
                //    objArr = "" + objArr + "|";
                //    arr.push(objArr);
                //}
                Arguments = arr;
                mold = 'HBJL00001';
            }
        }
        if (mark == '拣料') {
            var arr = [];
            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.IsOccupy == '未占料') {
                    $.modalAlert("所选单据未拣料,无法打印！", "warning");
                    return;
                }
                objArr += "'" + rowData.Code + "',";
                objArr = objArr.slice(0, objArr.length - 1);
                objArr = "" + objArr + "|";
                arr.push(objArr);

            }

            //var arr = [];
            //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);
            //    objArr += "'" + rowData.Code + "',";
            //    objArr = objArr.slice(0, objArr.length - 1);
            //    objArr = "" + objArr + "|";
            //    arr.push(objArr);
            //}
            Arguments = arr;
            mold = 'JL00001';

        }

        $.modalOpen({
            id: "PrintLot",
            title: "打印",
            url: "/WMS/Print/PrintView?Arguments=" + encodeURI(encodeURI(Arguments)) + "&mold=" + mold + "&" + Math.random(),
            width: "550px",
            height: "1000px",
            callBack: function (iframeId) {
                top.frames[iframeId].submitForm();
            }
        });
        var objCode = '';
        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.IsOccupy == "已占料") {
            if (rowData.Code != undefined) {
                objCode += "'" + rowData.Code + "',";
            }

            //    ISFlag = ISFlag + 1;
            //}
        }
        $.ajax({
            url: "/WMS/PickMaterial/PrintCount" + "?" + Math.random() + "&objCode=" + objCode + "&type=" + Type,
            dataType: "json",
            type: "post",
            async: false,
            success: function (data) {
                if (data.state == "success") {
                    $.modalMsg(data.message, data.state);
                } else {
                    $.modalAlert(data.message, data.state);
                }
            }
        });

    }

    function btnCancel() {
        var ISFlag = 0;
        var objCode = '';
        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.IsOccupy == "已占料") {
            if (rowData.Code != undefined) {
                objCode += "'" + rowData.Code + "',";
            }

            //    ISFlag = ISFlag + 1;
            //}
        }
        $.ajax({
            url: "/WMS/PickMaterial/SeachPickLog" + "?" + Math.random() + "&objCode=" + objCode,
            dataType: "json",
            type: "post",
            async: false,
            success: function (data) {
                sign = data.count;
            }
        });
        if (sign == '0') {

            $.modalAlert("所选单据无需取消占料！", "warning");
            return;
        }
        if (sign == '1') {
            $.modalAlert("所选单据占料状态不一致！", "warning");
            return;
        }
        if (sign == '2') {
            $.submitForm({
                url: "/WMS/PickMaterial/DelPickLog?" + Math.random(),
                param: { objCode: JSON.stringify(objCode) },
                success: function () {
                    $.currentWindow().$("#gridList").trigger("reloadGrid");
                }
            })
        }
      

    }



    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');
    }
</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="btnMaterial()"><i class="fa fa-pencil-square-o"></i>拣料</a>
            <a id="NF-MergeMaterial" authorize="yes" style="margin-left:3px;" class="btn btn-primary" onclick="btnMergeMaterial()"><i class="fa fa-pencil-square-o"></i>合并拣料</a>
            <a id="NF-CancelMergeMaterial" authorize="yes" style="margin-left:3px;" class="btn btn-primary" onclick="btnCancelMergeMaterial()"><i class="fa fa-pencil-square-o"></i>取消合并拣料</a>
            <a id="NF-Print" authorize="yes" style="margin-left:3px;" class="btn btn-primary" onclick="btnPrint()"><i class="fa fa-pencil-square-o"></i>打印</a>
            <a id="NF-Cancel" authorize="yes" style="margin-left:3px;" class="btn btn-primary" onclick="btnCancel()"><i class="fa fa-pencil-square-o"></i>取消占料</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;" onchange="Seach()">
                            @*
                                <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>*@
                        </select>
                    </div>
                </td>

                <td id="status1">
                    <label>&nbsp;&nbsp;&nbsp;状态：</label>
                </td>
                <td id="status2">
                    <div class="input-group">
                        <select id="selShow2" name="F_Target" class="form-control" style="width: 100px;">
                            <option value="2" selected="selected">已配料</option>
                            <option value="3" selected="selected">已过账</option>
                            @*
                                <option value="4" selected="selected">已取消</option>*@
                            @*
                                <option value="5" selected="selected">全部</option>*@
                            <option value="1" selected="selected">未配料</option>
                        </select>
                    </div>
                </td>

                <td id="status3">
                    <label>&nbsp;&nbsp;&nbsp;状态：</label>
                </td>
                <td id="status4">
                    <div class="input-group">
                        <select id="selShow3" name="F_Target" class="form-control" style="width: 100px;">
                            <option value="1" selected="selected">已过账</option>
                            <option value="2" 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;">
                        <input id="PickID" type="text" class="form-control" style="width: 120px; display:none">
                    </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" onclick="Seach()"><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>
<div class="gridPanel" id="page">
    <table id="gridList"></table>
    <div id="gridPager"></div>
</div>
<div class="gridPanel" id="gridPanel2">
    <span><strong>合并信息</strong></span>
    <table id="gridList2"></table>
</div>