@{
    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 CartonNo = $.request("CartonNo");
    var Vendor = $.request("Vendor");
    var WorkPoints = $.request("WorkPoint");
    var ContainerID = $.request("ContainerID");
    $(function () {
        InitControl();
        InitControl1();
        gridList();
        $("#CartonNo").text(CartonNo);
        $("#sel_WorkPoint").val([WorkPoints]).trigger("change")
        $("#sel_VenCode").val([Vendor]).trigger("change");
        $("#sel_VenCode").attr("disabled", "disabled");
        $("#sel_WorkPoint").attr("disabled", "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 gridList() {
        document.getElementById("gridPanel").innerHTML = ' <span><strong>详细信息</strong></span>  <table id="gridList"></table>   ';//重置grid
        var $gridList = $("#gridList");
        var WorkPoint = $("#sel_WorkPoint").children('option:selected').val();

        var queryJson = {
            CartonNo: ContainerID,
            WorkPoint: WorkPoint,
        }
        $gridList.dataGrid({
            url: "/KBSSRM/Palletplate/GetSubGridJson_Add" + "?" + Math.random(),
            postData: { queryJson: JSON.stringify(queryJson) },
            height: $(window).height() - 200,
            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: 'ContainerCode',
            autowidth: true,
            rownumbers: true,
            viewrecords: true,
        });
    }




    function btnCreate() {
        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,
            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 objArr = "";
        var WorkPoint = $("#sel_WorkPoint").children('option:selected').val();
        var objList = $("#gridList").jqGrid('getGridParam', 'selarrrow');
        if (objList.length == 0) {
            $.modalAlert("请选择要删除的数据！");
            return;
        }
        for (var i = 0; i < objList.length; i++) {
            var rowId = objList[i];
            var rowData = $("#gridList").jqGrid('getRowData', rowId);
            objArr += "'" + rowData.ContainerCode + "',";
        }
        $.deleteForm({
            url: "/KBSSRM/Palletplate/DeleteInfo?WorkPoint=" + WorkPoint,
            param: { keyValue: JSON.stringify(objArr)},
            success: function () {

                gridList();
            }
        })
    }

    function submitForm() {
        debugger;
        var WorkPoint = $("#sel_WorkPoint").children('option:selected').val();
        var VenCode = $("#sel_VenCode").children('option:selected').val();
        var ContainerCode = $("#CartonNo").val();
        var Details = [];
        var obj_vendor = $("#gridList");
        var rowIds_vendor = obj_vendor.getDataIDs();
        var arrayData_vendor = new Array();
        if (rowIds_vendor.length > 0) {
            for (var i = 0; i < rowIds_vendor.length; i++) {
                var vendorRowData = obj_vendor.getRowData(rowIds_vendor[i]);
                var obj = {
                    CartonNo: vendorRowData.ContainerCode,
                    ContainerName: vendorRowData.ContainerName,
                };
                Details.push(obj);
            }
            var ICSASNs = {
                VenCode: VenCode,
                ContainerCode: ContainerCode,
                WorkPoint: WorkPoint,
                ContainerID:ContainerID,
                Detail: Details,
            }
            var ICSASN = [];
            ICSASN.push(ICSASNs);
            $.submitForm({

                url: "/KBSSRM/Palletplate/UpdateICSContainerForPalletplate?" + 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="NF-CreateItemLot" style="margin-left:3px;" class="btn btn-primary" onclick="btnCreate()"><i class="fa fa-pencil-square-o"></i>新增箱子</a>
            <a id="NF-deleteItemLot" style="margin-left:3px;" class="btn btn-primary" onclick="btnDelete()"><i class="fa fa-pencil-square-o"></i>删除箱子</a>
            @*<button id="btn_search" type="button" class="btn btn-primary"><i class="fa fa-search"></i></button>*@
        </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>
        </table>
    </div>
    <div class="gridPanel" id="gridPanel">
        <table id="gridList" ></table>
        <div id="gridPager"></div>
    </div>
</form>