PNSRM/NFine.Web/Areas/KBSSRM/Views/Palletplate/Index.cshtml

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Index.cshtml";
}
<script src="~/Content/js/datepicker/WdatePicker.js"></script>
<script>
    var Type = $.request("Type");
    $(document).ready(function () {
        $("input.cell").keyup(function (e) {
            switch (e.keyCode) {
                // up arrow
                case 40:
                    $(this).parent()
                        .parent()
                        .next()
                        .children("td")
                        .children("input.cell[name="
                            + $(this).attr("name") + "]")
                        .focus();
                    break;

                    // down arrow
                case 38:
                    $(this).parent()
                        .parent()
                        .prev()
                        .children("td")
                        .children("input.cell[name="
                            + $(this).attr("name") + "]")
                        .focus();
                    break;
            }
        });
    });</script>
<script>
    $(function () {
        gridList();
    })

    function gridList() {
        var $gridList = $("#gridList");
        var queryJson = {
            CartonNo: $("#txt_CartonNo").val(),
            VenCode: $("#txt_VenCode").val(),
            VenName: $("#txt_VenName").val(),
            TimeFrom: $("#txt_BeginDate").val(),
            TimeTo: $("#txt_EndDate").val(),
            Type: Type
        }
        $gridList.dataGrid({
            url: "/KBSSRM/Palletplate/GetGridJson" + "?" + Math.random(),
            postData: { queryJson: JSON.stringify(queryJson) },
            height: $(window).height() - 200,
            width: $(window).width() - 300,
            colModel: [
                { label: "主键", name: "ID", hidden: true, key: true },
                { label: '栈板号', name: 'ContainerCode', width: 150, align: 'left' },
                { label: '维护人', name: 'MUSERName', width: 100, align: 'left' },
                { label: '维护时间', name: 'MTIME', width: 150, align: 'left' },
                { label: '供应商编码', name: 'EATTRIBUTE8', width: 100, align: 'left' },
                { label: '供应商名称', name: 'VenName', width: 100, align: 'left' },
                { label: '组织名称', name: 'WorkPointName', width: 100, align: 'left' },
                { label: '组织号', name: 'WorkPointCode', width: 100, align: 'left' }
            ],
            shrinkToFit: true,//宽度自适应
            gridComplete: function () {
            },
            pager: "#gridPager",
            sortorder: "desc",
            sortname: 'MTIME ',
            viewrecords: true,
            multiselect: true,
            //beforeSelectRow: function (rowid, e) {
            //    $("#gridList").jqGrid('resetSelection');
            //    return (true);
            //},
            subGrid: true,  // (1)开启子表格支持
            subGridRowExpanded: function (subgrid_id, rowid) {  // (2)子表格容器的id和需要展开子表格的行id，将传入此事件函数
                $("#gridList").jqGrid("setSelection", rowid, false);
                bindSubGrid(subgrid_id, rowid)
            }
        });

        $("#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 = {
                CartonNo: $("#txt_CartonNo").val(),
                VenCode: $("#txt_VenCode").val(),
                VenName: $("#txt_VenName").val(),
                TimeFrom: $("#txt_BeginDate").val(),
                TimeTo: $("#txt_EndDate").val(),
                Type: Type
            }
            $gridList.jqGrid('setGridParam', {
                postData: { queryJson: JSON.stringify(queryJson) },
                page: 1
            }).trigger('reloadGrid');
        });

    }


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

        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 ContainerID = $("#gridList").jqGrid('getRowData', rowid).ID;
        var WorkPointCode = $("#gridList").jqGrid('getRowData', rowid).WorkPointCode;
        // (6)创建jqGrid对象
        $("#" + subgrid_table_id).dataGrid({
            cellEdit: true,
            url: "/KBSSRM/Palletplate/GetSubGridJson?ContainerID=" + ContainerID + "&WorkPointCode=" + WorkPointCode + "&" + Math.random(),  // (7)子表格数据对应的url，注意传入的contact.id参数
            colModel: [
                { label: "主键", name: "ID", hidden: true, key: true },
                { label: "箱号", name: "ContainerCode", width: 150, align: 'left' },
                { label: "箱名", name: "ContainerName", width: 150, align: 'left' },
                { label: "创建人", name: "MUSER", width: 150, align: 'left' },
                 { label: "创建人名称", name: "MUSERName", width: 150, align: 'left' },
                { label: '创建时间', name: 'MTIME', width: 150, align: 'left' },
     

            ],
            sortname: 'ContainerCode',
            shrinkToFit: true,//宽度自适应
            //multiselect: true,
            prmNames: { search: "search" },
            viewrecords: true,
            height: "100%",
            rowNum: 20,
            pager: subgrid_pager_id,
        });
    }

    function btn_delete() {
        var objArr = '';
        var objArrs = '';
        var objList = $("#gridList").jqGrid('getGridParam', 'selarrrow');
        for (var i = 0; i < objList.length; i++) {
            var rowId = objList[i];
            var rowData = $("#gridList").jqGrid('getRowData', rowId);
            objArr += "'" + rowData.ID + "',";
            objArrs += "'" + rowData.WorkPointCode + "',"
        }
        if (objArr == '') {
            $.modalAlert("请选择需要删除的箱号！");
            return;
        }
        $.deleteForm({
            url: "/KBSSRM/Palletplate/DeleteContainer" + "?" + Math.random(),
            param: { keyValue: JSON.stringify(objArr), Work: JSON.stringify(objArrs) },
            success: function () {
                $.currentWindow().$("#gridList").trigger("reloadGrid");
            }
        })
    }

    function btn_update() {
        debugger;
        var ids = $("#gridList").jqGrid('getGridParam', 'selarrrow'); //获取 多行数据
        if (ids.length != 1) {
            $.modalAlert("请选择一行数据进行修改！");
            return;
        }
        for (var i in ids) {
            var rowData = jQuery("#gridList").jqGrid("getRowData", ids[i]);
            var EATTRIBUTE8 = rowData.EATTRIBUTE8;
            var keyValue = rowData.ContainerCode;
            var WorkPoint = rowData.WorkPointCode;
            var ID = rowData.ID;

            if (keyValue == "" || keyValue == "undefined") {
                $.modalAlert("请选择箱号！");
                return;
            }
            var flag = "";
            //判断是否箱号已加入送货单
            $.ajax({
                url: "/SRM/CartonNoManage/CheckIsAll?CartonNo=" + keyValue + "&" + Math.random(),
                dataType: "json",
                async: false,
                success: function (data) {
                    flag = data.result;
                }
            });
            if (flag == "0") {
                $.modalAlert("该箱号已加入送货单，请现在送货单内删除后再修改！");
                return false;
            }
            $.modalOpen({
                id: "PalletplateUpdate",
                title: "修改",
                url: "/KBSSRM/Palletplate/PalletplateUpdate?CartonNo=" + keyValue + "&Vendor=" + EATTRIBUTE8 + "&WorkPoint=" + WorkPoint + "&ContainerID=" + ID + "&" + Math.random(),
                width: "900px",
                height: "800px",
                callBack: function (iframeId) {
                    top.frames[iframeId].submitForm();
                },
                btnClose: function (iframeId) {
                    top.frames[iframeId].dessubmitForm();
                }
            });
        }
    }

    

    function btnCreate() {
        $.modalOpen({
            id: "PalletplateAdd",
            title: "新增",
            url: "/KBSSRM/Palletplate/PalletplateAdd?Type=" + Type + "&" + Math.random(),
            width: "900px",
            height: "800px",
            callBack: function (iframeId) {
                top.frames[iframeId].submitForm();
            },
            btnClose: function (iframeId) {
                top.frames[iframeId].dessubmitForm();
            }
        });
    }


    function btnASNCreate() {
        $.modalOpen({
            id: "PalletplateAdd",
            title: "送货单新增栈板",
            url: "/KBSSRM/Palletplate/PalletplateAddByAsn?Type=" + Type + "&" + Math.random(),
            width: "900px",
            height: "800px",
            callBack: function (iframeId) {
                top.frames[iframeId].submitForm();
            },
            btnClose: function (iframeId) {
                top.frames[iframeId].dessubmitForm();
            }
        });
    }
</script>
<iframe id="ifrm" src="" width="0" height="0"></iframe>
<script>
    function btnPrint() {
        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);
            objArr += "'" + rowData.ContainerCode + "',";
        }
        var strPrintData;
        var bIsInstallPrintControl;
        var strPrintControlCookie;
        $.ajax({
            //url: "/SRM/CartonNoManage/PrintItemLot",
            url: "/KBSSRM/Palletplate/PrintItemLot",
            type: "post",
            data: { keyValue: JSON.stringify(objArr) },
            dataType: "json",
            async: false,
            success: function (data) {
                strPrintData = data.strPrintData_1;
                bIsInstallPrintControl = data.bIsInstallPrintControl_1;
                strPrintControlCookie = data.strPrintControlCookie_1;
            }
        });
        if (strPrintData != '') {
            var test = "ChuLinPrint:" + strPrintData;
            $("#ifrm")[0].src = "ChuLinPrint:" + strPrintData;
        }
        if (bIsInstallPrintControl == 'False') {
            if (confirm("检测到打印控件未安装，您是否下载安装？")) {
                $("#downPrintControl").click();
            }
        }
        if (bIsInstallPrintControl == 'True') {
            var strPrintControlCookie = strPrintControlCookie;
            if (strPrintControlCookie != '') { //延时3秒后再次检测打印控件是否安装
                setTimeout("checkPrintControlInstall()", 8000);
                function checkPrintControlInstall() {
                    $.ajax({
                        url: "/SRM/CartonNoManage/IsCheckInstall?checkInstall=" + strPrintControlCookie,
                        dataType: "json",
                        async: false,
                        success: function (strResult) {
                            if (strResult.indexOf("PrintControlInstall") == -1) {
                                if (confirm("检测到打印控件未安装，您是否下载安装？")) {
                                    $("#downPrintControl").click();
                                }
                            }
                        }
                    });
                }
            }
        }

        $("#btn_search").click();
    }

</script>
<div class="topPanel" style="height:100px">
    <div class="toolbar">
        <div class="btn-group">
            <a id="NF-CreateCartonNo" authorize="yes" style="margin-left:3px;" class="btn btn-primary" onclick="btnCreate()"><i class="fa fa-pencil-square-o"></i>新增栈板</a>
            <a id="NF-updateCartonNo" authorize="yes" style="margin-left:3px;" class="btn btn-warning" onclick="btn_update()"><i class="fa fa-pencil-square-o"></i>修改栈板</a>
            <a id="NF-deleteCartonNo" authorize="yes" style="margin-left:3px;" class="btn btn-danger" onclick="btn_delete()"><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 class="btn btn-primary" style="margin-left:3px;" onclick="$.reload()"><span class="glyphicon glyphicon-refresh"></span></a>*@
        </div>
        <div class="btn-group" style="display:block;padding-left:2px;">
            <a id="NF-ASNCreate" authorize="yes" style="margin-left:3px;" class="btn btn-primary" onclick="btnASNCreate()"><i class="fa fa-pencil-square-o"></i>送货单新增栈板</a>
            <a class="btn btn-primary" style="margin-left:3px;" id="downPrintControl" href="~/PrintActivex.exe">点击下载打印组件</a>
        </div>
        <script>$('.toolbar').authorizeButton()</script>
    </div>
    <div class="search">
        <table>
            <tr>
                <td>
                    <label>箱号:</label>
                </td>
                <td>
                    <div class="input-group">
                        <input id="txt_CartonNo" type="text" class="form-control" placeholder="箱号" style="width: 120px;">
                    </div>
                </td>
                <td>
                    <label>&nbsp;&nbsp;&nbsp;维护时间（从）:</label>
                </td>
                <td>
                    <div class="input-group">
                        <input type="text" name="txt_BeginDate" id="txt_BeginDate" class="form-control" style="width: 100px;" maxlength="10" onclick="WdatePicker({ dateFmt: 'yyyy-MM-dd' })" placeholder="维护时间（从）" />
                    </div>
                </td>
                <td>
                    <label>&nbsp;&nbsp;&nbsp;维护时间（到）:</label>
                </td>
                <td>
                    <div class="input-group">
                        <input type="text" name="txt_EndDate" id="txt_EndDate" class="form-control" style="width: 100px;" maxlength="10" onclick="WdatePicker({ dateFmt: 'yyyy-MM-dd', minDate: txt_BeginDate.value })" placeholder="维护时间（到）" />

                    </div>
                </td>

            </tr>
            <tr>
                <td>
                    <label>供应商编码:</label>
                </td>
                <td>
                    <div class="input-group">
                        <input id="txt_VenCode" type="text" class="form-control" placeholder="供应商编码" style="width: 120px;">
                    </div>
                </td>
                <td>
                    <label>&nbsp;&nbsp;&nbsp;供应商名称:</label>
                </td>
                <td>
                    <div class="input-group">
                        <input id="txt_VenName" type="text" class="form-control" placeholder="供应商名称" style="width: 100px;">

                    </div>
                </td>
                <td>&nbsp;&nbsp;&nbsp;</td>
                <td>
                    <span class="input-group-btn">
                        <button id="btn_search" type="button" class="btn  btn-primary"><i class="fa fa-search"></i></button>
                        <button id="btn btn-info" type="button" style="margin-left:3px;" class="btn  btn-primary" onclick="$.reload()"><i class=" glyphicon glyphicon-refresh"></i></button>
                    </span>
                </td>
                <td style="padding-left: 10px;"></td>
            </tr>
        </table>
    </div>
</div>
<div class="gridPanel">
    <table id="gridList"></table>
    <div id="gridPager"></div>
</div>