@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Index.cshtml";
}
<link href="~/Content/js/select2/select2.min.css" rel="stylesheet" />
<script src="~/Content/js/select2/select2.min.js"></script>
<script>
    var list = "";
    var Type = $.request("Type");
    //var Vendor = $.request("Vendor");
    //var WorkPoints = $.request("WorkPoint");
    var RoleEnCode = '@NFine.Code.OperatorProvider.Provider.GetCurrent().RoleEnCode'
    var UserCode = '@NFine.Code.OperatorProvider.Provider.GetCurrent().UserCode'
    $(function () {
        InitControl();
        InitControl1();
        InitControl2();
        gridList();
        $("#sel_VenCode").change(function () {
            debugger;
            var WorkPoint = $("#sel_WorkPoint").children('option:selected').val();
            if (WorkPoint == "") {
                $.modalAlert("请选择站点！");
                $('#sel_VenCode').select2("val", "");
                return;
            }
            else {
                InitControl2();
                GetContainerCode();
            }
        })
        if (RoleEnCode == 'Vendor') {
            $("#sel_VenCode").val([UserCode]).trigger("change");
        }


    })


    function GetContainerCode() {
        debugger;
        var WorkPoint = $("#sel_WorkPoint").children('option:selected').val();
        var VenCode = $("#sel_VenCode").children('option:selected').val();
        if (WorkPoint=="") {
            $.modalAlert("请选择站点！");
            return;
        }
        if (VenCode=="") {
            $.modalAlert("请选择供应商！");
            return;
        }
        $.ajax({
            url: "/KBSSRM/Palletplate/GetContainerCode?RoleEnCode=" + VenCode + "&WorkPoint=" + WorkPoint,
            dataType: "json",
            async: false,
            success: function (data) {
                debugger;
                if (data.CartonNo != '') {
                    $("#CartonNo").text(data.rows);
                    $("#sel_VenCode").attr("disabled", "disabled");
                }
                else {
                    $("#sel_VenCode").removeAttr("disabled");
                }

            }
        });


    }





    function InitControl() {
        var $VenCode = $("#sel_VenCode");
        $VenCode.select2({
            allowClear: true,
            escapeMarkup: function (m) {
                return m;
            }
        });
        $.ajax({
            url: "/SRM/ASNAdd/GetVendor" + "?" + Math.random(),
            dataType: "json",
            async: false,
            success: function (data) {
                $.each(data, function (index, item) {
                    $VenCode.append("<option value='" + item.F_VenCode + "'>&nbsp;" + item.cVenName + "</option>");
                });
            }
        });
    }
    function InitControl1() {
        var $VenCode = $("#sel_WorkPoint");
        $VenCode.select2({
            allowClear: true,
            escapeMarkup: function (m) {
                return m;
            }
        });
        $.ajax({
            url: "/SRM/ASNAdd/GetVendors" + "?" + Math.random(),
            dataType: "json",
            async: false,
            success: function (data) {
                $.each(data, function (index, item) {
                    $VenCode.append("<option value='" + item.WorkPointCode + "'>&nbsp;" + item.WorkPointName + "</option>");
                });
                $("#sel_WorkPoint").val([data[1].WorkPointCode]).trigger("change");
            }
        });
    }

    function InitControl2() {
        debugger;
        $("#sel_ASNCode").html("");
        var VenCode = $("#sel_VenCode").children('option:selected').val();
        var $ASNCode = $("#sel_ASNCode");
        $ASNCode.select2({
            allowClear: true,
            escapeMarkup: function (m) {
                return m;
            }
        });
        $.ajax({
            url: "/SRM/ASNAdd/GetASNCode" + "?" + Math.random() + "&VenCode=" + VenCode,
            dataType: "json",
            async: false,
            success: function (data) {
                $.each(data, function (index, item) {
                    $ASNCode.append("<option value='" + item.F_VenCode + "'>&nbsp;" + item.cVenName + "</option>");
                });
            }
        });
    }

    function gridList() {
        debugger;
        var $gridList = $("#gridList");
        var WorkPoint = $("#sel_WorkPoint").children('option:selected').val();

        var queryJson = {
            InvCode: $("#txt_Invcode").val(),
            LotNo: $("#txt_LotNo").val(),
            ASNCode: $("#sel_ASNCode").children('option:selected').val(),
            WorkPoint: WorkPoint
        }
        $gridList.dataGrid({
            url: "/KBSSRM/Palletplate/GetSubGridJson_AddByASN" + "?" + Math.random(),
            postData: { queryJson: JSON.stringify(queryJson) },
            height: $(window).height() - 250,
            width: $(window).width() - 400,
            colModel: [
                { label: "主键", name: "ID", hidden: true, key: true },
                { label: '箱号', name: 'ContainerCode', width: 350, align: 'left' },
                { label: "创建人", name: "MUSERName", width: 150, align: 'left' },
                { label: '创建时间', name: 'MTIME', width: 150, align: 'left' },

            ],
            shrinkToFit: true,//宽度自适应
            pager: "#gridPager",
            sortname: 'ID',
            autowidth: true,
            rownumbers: true,
            viewrecords: true,
            rowNum: 100,
            multiselect: true,
        });
        $("#btn_search").click(function () {
            debugger;
            var queryJson = {
                InvCode: $("#txt_Invcode").val(),
                LotNo: $("#txt_LotNo").val(),
                ASNCode: $("#sel_ASNCode").children('option:selected').val(),
                WorkPoint: WorkPoint
            }
            $gridList.jqGrid('setGridParam', {
                postData: { queryJson: JSON.stringify(queryJson) },
                page: 1
            }).trigger('reloadGrid');
        });
    }




    function btnCreate() {
        if ($("#sel_VenCode").children('option:selected').val() == "") {
            $.modalAlert("请选择供应商！");
            return;
        }
        if ($("#CartonNo").text() == "") {
            $.modalAlert("栈板号不可为空,请先选择供应商！");
            return;
        }
        var WorkPoint = $("#sel_WorkPoint").children('option:selected').val();
        var VenCode = $("#sel_VenCode").children('option:selected').val();
        $.modalOpen({
            id: "SeachContainer",
            title: "查看箱子",
            url: "/KBSSRM/Palletplate/SeachContainer?WorkPoint=" + WorkPoint + "&VenCode=" + VenCode + "&Type=" + Type,
            width: "1000px",
            height: "1000px",
            callBack: function (iframeId) {
                var objArr = top.frames[iframeId].submitForm();
                var arrayData = getJQAllData("#gridList");
                for (var j = 0; j < objArr.length; j++) {
                    for (var i = 0; i < arrayData.length; i++) {
                        //if (objArr[j].ZJID == arrayData[i].ZJID) {
                        //    $.modalAlert("该子件已添加！请勿重复添加！");
                        //    return;
                        //}
                    }
                    $("#gridList").jqGrid('addRowData', objArr[j].ID, objArr[j], 'last');
                    $(".unwritten").hide();
                }
                top.frames[iframeId].Close();
            }
        });


    }




    function getJQAllData(list) {
        //拿到grid对象
        var obj = $(list);
        //获取grid表中所有的rowid值
        var rowIds = obj.getDataIDs();
        //初始化一个数组arrayData容器，用来存放rowData
        var arrayData = new Array();
        if (rowIds.length > 0) {
            for (var i = 0; i < rowIds.length; i++) {
                //rowData=obj.getRowData(rowid);//这里rowid=rowIds[i];
                arrayData.push(obj.getRowData(rowIds[i]));
            }
        }
        return arrayData;
    }


    function btnDelete() {
        debugger;
        var rowid = $("#gridList").jqGridRowValue().ID
        $("#gridList").delRowData(rowid);

    }

    function submitForm() {
        debugger;
        if ($("#sel_VenCode").children('option:selected').val() == "") {
            $.modalAlert("请选择供应商！");
            return;
        }
        if ($("#CartonNo").text() == "") {
            $.modalAlert("栈板号不可为空,请先选择供应商！");
            return;
        }
        var WorkPoint = $("#sel_WorkPoint").children('option:selected').val();
        var VenCode = $("#sel_VenCode").children('option:selected').val();
        var ContainerCode = $("#CartonNo").text();
        var Details = [];
        var obj_vendor = $("#gridList");
        var rows = obj_vendor.jqGrid('getGridParam', 'selarrrow');
         /*  var rowIds_vendor = obj_vendor.getDataIDs();*/
        /*        var arrayData_vendor = new Array();*/
        if (rows.length > 0) {
            for (var i = 0; i < rows.length; i++) {
                /*var vendorRowData = obj_vendor.getRowData(rowIds_vendor[i]);*/
                var vendorRowData = obj_vendor.jqGrid('getRowData', rows[i]);
                var obj = {
                    CartonNo: vendorRowData.ContainerCode,
                    ContainerName: vendorRowData.ContainerName,
                };
                Details.push(obj);
            }
            var ICSASNs = {
                VenCode: VenCode,
                ContainerCode: ContainerCode,
                WorkPoint: WorkPoint,
                Type:Type,
                Detail: Details,
            }
            var ICSASN = [];
            ICSASN.push(ICSASNs);
            $.submitForm({

                url: "/KBSSRM/Palletplate/SaveICSContainerForPalletplateByASN?" + Math.random(),
                param: { ICSASN: JSON.stringify(ICSASN) },
                success: function () {
                    $.currentWindow().$("#gridList").trigger("reloadGrid");
                }
            })
        }
    }


</script>

<form id="form1">
    <div class="topPanel">
        <div class="btn-group">
            <a id="btn_search" authorize="yes" style="margin-left:800px;" class="btn btn-primary"><i class="fa fa-pencil-square-o"></i>查询</a>
        </div>
    </div>
    <div style="padding-top: 20px; margin-right: 20px;">
        <table class="form">
            <tr>
                <th class="formTitle">站点：</th>
                <td class="formValue">
                    <select id="sel_WorkPoint" name="sel_WorkPoint" class="form-control select2" style="width: 150px" placeholder="请选择站点..."></select>
                    <input type="hidden" id="hidetext" />
                </td>
                <th class="formTitle">栈板：</th>
                <td class="formValue">
                    <label id="CartonNo" name="CartonNo" class="form-control" style="height:20px"></label>
                </td>
                <th class="formTitle">供应商：</th>
                <td class="formValue">
                    <select id="sel_VenCode" name="sel_VenCode" class="form-control select2" style="width: 250px" placeholder="请选择供应商编码..."></select>
                    <input type="hidden" id="hidetext" />
                </td>
            </tr>
            <tr>
                <th class="formTitle">送货单：</th>
                <td class="formValue">
                    <select id="sel_ASNCode" name="sel_ASNCode" class="form-control select2" style="width: 250px" placeholder="请选择供应商编码..."></select>
                    <input type="hidden" id="hidetext" />
                </td>
                <th class="formTitle">料品编码：</th>
                <td class="formValue">
                    <input id="txt_Invcode" type="text" class="form-control" placeholder="料品编码">
                </td>
                <th class="formTitle">条码：</th>
                <td class="formValue">
                    <input id="txt_LotNo" type="text" class="form-control" placeholder="条码" >
                </td>
               
            </tr>
        </table>
    </div>
    <div class="gridPanel">
        <table id="gridList"></table>
        <div id="gridPager"></div>
    </div>
</form>