@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Index.cshtml";
}
<script src="~/Content/js/datepicker/WdatePicker.js"></script>
<script>
    debugger;


    var myDate = new Date;
    var year = myDate.getFullYear(); //获取当前年
    var mon = myDate.getMonth() + 1 < 10 ? "0" + (myDate.getMonth() + 1) : myDate.getMonth() + 1; //获取当前月
    var date = myDate.getDate() + 1 < 10 ? "0" + myDate.getDate() : myDate.getDate(); //获取当前日
    var MtimeFrom = year + "-" + mon  + "-" + date;
    var MtimeArrive = year + "-" + mon + "-" + date;

    var _Clos = new Array();
    var _Clos1 = new Array();
    var flag = '1';
    var mark = '';
    var Arguments = '';
    $(function () {

        $("#TimeFrom").val(MtimeFrom);
        $("#TimeArrive").val(MtimeArrive);

        gridList();

        gridList2(flag);

    });

    function Selchange() {
        //$("#txt_Mechanism").val("");
        //var Type = $("#selShow").val();
        //if (Type=='1') {
        //    $(".Mechanism").css('display', 'table-cell');
        //}
        //else {
        //    $(".Mechanism").css('display', 'none');
        //}
        document.getElementById("gridPanel").innerHTML = ' <span><strong>详细信息</strong></span>  <table id="gridList"></table>   ';//重置grid
        gridList();
        gridList2(flag);
    }





    function gridList() {

        var Type = $("#selShow").val();
        var $gridList = $("#gridList");
        var queryJson = {
            POCode: $("#txt_POCode").val(),
            InvCode: $("#txt_InvCode").val(),
            TimeFrom: $("#TimeFrom").val(),
            TimeArrive: $("#TimeArrive").val(),
            Status: $("#selShow").val()
        }
        $gridList.dataGrid({
            url: "/WMS/ZHYSalesDelivery/GetGridJson? " + Math.random(),
            postData: { queryJson: JSON.stringify(queryJson), Type: Type },
            height: 280,
            width: $(window).width() - 500,
            //colModel: _Clos,
            colModel: [
                { label: "主键", name: "ID", hidden: true, key: true },
                { label: '销售发货单号', name: 'SDNCode', width: 120, align: 'left' },
                { label: '行号', name: 'Sequence', width: 120, align: 'left' },
                { label: '销售订单号', name: 'SOCode', width: 120, align: 'left' },
                { label: '销售订单行号', name: 'SOSequence', width: 120, align: 'left' },
                { label: '客户编码', name: 'CusCode', width: 120, align: 'left' },
                { label: '客户名称', name: 'CusName', width: 120, align: 'left' },
                { label: '料品编码', name: 'InvCode', width: 120, align: 'left' },
                { label: '料品名称', name: 'InvName', width: 120, align: 'left' },
                { label: '规格型号', name: 'InvStd', width: 120, align: 'left' },
                { label: '数量', name: 'Quantity', width: 120, align: 'left' },
                { label: '已发数量', name: 'SDNQuantity', width: 120, align: 'left' },
                { label: '宽幅', name: 'cFree1', width: 120, align: 'left' },
                { label: '主计量单位', name: 'InvUnit', width: 120, align: 'left' },
                { label: '辅计量数量', name: 'Amount', width: 120, align: 'left' },
                { label: '制单人', name: 'CreatePerson', width: 150, align: 'left' },
                { label: '制单时间', name: 'CreateDateTime', width: 80, align: 'left' },
                { label: '审核人', name: 'MUSERName', width: 80, align: 'left' },
                { label: '审核时间', name: 'MTIME', width: 80, align: 'left' },

            ],
            shrinkToFit: false,//宽度自适应
            autowidth: true,
            pager: "#gridPager",
            gridComplete: function () {
            },
            rowNum: 10000,
            autoScroll: true,
            sortname: 'SDNCode',
            sortorder: "desc",
            viewrecords: true,
            multiselect: true,
            gridComplete: function () {
                debugger;
                var strIds = $("#gridList").jqGrid("getDataIDs");
        }



        });

    }



    function gridList2(flag) {
        debugger;
        document.getElementById("gridPanel2").innerHTML = ' <span><strong>合并信息</strong></span> <table id="gridList2"></table>';//重置grid
        //var Mechanism = $("#txt_Mechanism").val();
        var InvCode = $("#txt_InvCode").val();
        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);
            objArr += "'" + rowData.SDNCode + rowData.Sequence + "',";
        }
        $gridList.dataGrid({
            url: "/WMS/ZHYSalesDelivery/GetSalesDeliveryTemp?ID=" + objArr + "&" + Math.random(),
            height: 500,
            width: $(window).width() - 500,
            //colModel: _Clos1,
            colModel: [
                { label: "主键", name: "ID", hidden: true, key: true },
                { label: '产品条码', name: 'LotNo', width: 120, align: 'left' },
                { label: '数量', name: 'Quantity', width: 120, align: 'left' },
                { label: '主计量单位', name: 'InvUnit', width: 150, align: 'left' },
                { label: '辅计量数量', name: 'Amount', width: 150, align: 'left' },
                { label: '辅计量单位', name: 'AmountUnit', width: 100, align: 'left' },
                { label: '批次号', name: 'BatchCode', width: 100, align: 'left' },
                { label: '宽幅', name: 'cFree1', width: 150, align: 'left' },
                { label: '发货人', name: 'MUSERName', width: 100, align: 'left' },
                { label: '发货时间', name: 'MTIME', width: 100, align: 'left' },
            ],
            shrinkToFit: false,//宽度自适应
            autowidth: true,
            gridComplete: function () {
            },
            pager: "#gridPager2",
            rowNum: 10000,
            multiselect: true,
            sortorder: "desc",
            viewrecords: true,
            //multiselect: true,

        });

    }

    function btnCalLotNo() {
        debugger;
        //var objArr = '';
        //var arr = [];
        //mark = '拣料';
        //flag = '1';
        //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 (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 btnPrint() {
        debugger;
        var EATTRIBUTE1 = $("#EATTRIBUTE1").val();
        var EATTRIBUTE2 = $("#EATTRIBUTE2").val();
        var EATTRIBUTE3 = $("#EATTRIBUTE3").val();
        var EATTRIBUTE4 = $("#EATTRIBUTE4").val();
        var EATTRIBUTE5 = $("#EATTRIBUTE5").val();
        var EATTRIBUTE6 = $("#EATTRIBUTE6").val();
        var EATTRIBUTE7 = $("#EATTRIBUTE7").val();
        var EATTRIBUTE8 = $("#EATTRIBUTE8").val();
        var EATTRIBUTE9 = $("#EATTRIBUTE9").val();
        var EATTRIBUTE10 = $("#EATTRIBUTE10").val();
        var EATTRIBUTE11 = $("#EATTRIBUTE11").val();
        var EATTRIBUTE12 = $("#EATTRIBUTE12").val();
        var mold = '';

        var objArr = '';
        var arr = [];
        var objList = $("#gridList2").jqGrid('getGridParam', 'selarrrow');
        for (var i = 0; i < objList.length; i++) {
            var rowId = objList[i];
            var rowData = $("#gridList2").jqGrid('getRowData', rowId);

            objArr += "'" + rowData.LotNo + "',";

        }
        if (objArr=="") {
            $.modalAlert("请选择条码后打印!");
            return;
        }
        objArr = objArr.slice(0, objArr.length - 1);
        objArr = "" + objArr + "|" + "'" + EATTRIBUTE1 + "'|" + "'" + EATTRIBUTE2 + "'|" + "'" + EATTRIBUTE3 + "'|" + "'" + EATTRIBUTE4 + "'|" + "'" + EATTRIBUTE5 + "'|" + "'" + EATTRIBUTE6 + "'|" + "'" + EATTRIBUTE7 + "'|" + "'" + EATTRIBUTE8 + "'|" + "'" + EATTRIBUTE9 + "'|" + "'" + EATTRIBUTE10 + "'|" + "'" + EATTRIBUTE11 + "'|" + "'" + EATTRIBUTE12 + "'|";
        objArr = "'" + objArr;
        arr.push(objArr);
        Arguments = arr;
        mold = 'HYJL00001';
        sessionStorage.setItem("Arguments", Arguments); // 存储参数
        $.modalOpen({
            id: "PrintLot",
            title: "打印",
            //url: "/WMS/Print/PrintView?Arguments=" + encodeURI(encodeURI(Arguments)) + "&mold=" + mold + "&" + Math.random(),
           url: "/WMS/Print/PrintView?&mold=" + mold + "&" + Math.random(),
            width: "550px",
            height: "1000px",
            callBack: function (iframeId) {
                top.frames[iframeId].submitForm();
            }
        });

    }


    function btnEmpty() {
        $("#EATTRIBUTE1").val("");
        $("#EATTRIBUTE2").val("");
        $("#EATTRIBUTE3").val("");
        $("#EATTRIBUTE4").val("");
        $("#EATTRIBUTE5").val("");
        $("#EATTRIBUTE6").val("");
        $("#EATTRIBUTE7").val("");
        $("#EATTRIBUTE8").val("");
        $("#EATTRIBUTE9").val("");
        $("#EATTRIBUTE10").val("");
        $("#EATTRIBUTE11").val("");
        $("#EATTRIBUTE12").val("");
    }






    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:60px;">
    <div class="toolbar">
        <div class="btn-group">

            <a id="NF-btnCalLotNo" authorize="yes" style="margin-left:3px;" class="btn btn-primary" onclick="btnCalLotNo()"><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-Empty" authorize="yes" style="margin-left:3px;" class="btn btn-primary" onclick="btnEmpty()"><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 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: 100px;">
                    </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: 100px;">
                    </div>
                </td>

                <td style="text-align:right;"><label class="lglabel" for="txt_TimeFrom">&nbsp;&nbsp;&nbsp;日期(从)</label>：</td>
                <td>
                    <div class="input-group">
                        <input id="TimeFrom" name="Time" type="text" class="form-control required" style="width:80px;" maxlength="10" onclick="WdatePicker({ dateFmt: 'yyyy-MM-dd'})" placeholder="日期(从)" />
                    </div>
                </td>
                <td style="text-align:right;"><label class="lglabel" for="txt_TimeArrive">&nbsp;&nbsp;&nbsp;日期(到)</label>：</td>
                <td>
                    <div class="input-group">
                        <input id="TimeArrive" name="Time" type="text" class="form-control required" style="width:80px;" maxlength="10" onclick="WdatePicker({ dateFmt: 'yyyy-MM-dd' })" placeholder="日期(到)" />
                    </div>
                </td>
                <td>
                    <label>&nbsp;&nbsp;&nbsp;发货状态:&nbsp;&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">发货完成</option>
                            <option value="2">未发货</option>
                            <option value="3" selected="selected">正在发货</option>
                        </select>
                    </div>
                </td>
                <td>
                    <span class="input-group-btn">
                        <button id="btn_search" type="button" class="btn  btn-primary" onclick="Selchange()"><i class="fa fa-search"></i></button>
                    </span>
                </td>
            </tr>

        </table>
    </div>
</div>
<div>

<div style="display:inline-block;   float:left;width:85%" >
    <div class="gridPanel" id="gridPanel">
        <span><strong>单据信息</strong></span>
        <table id="gridList"></table>
        <div id="gridPager"></div>

    </div>
    <div class="gridPanel" id="gridPanel2">
        <span><strong>条码信息</strong></span>
        <table id="gridList2"></table>
        <div id="gridPager2"></div>
    </div>
</div >
    <div style="display:inline-block; width:12%;height:500px; margin-left:20px;margin-top:20px">
        <table class="form">
            <tr>
                <th class="formTitle">自定义项1:</th>
                <td class="formValue">
                    <input id="EATTRIBUTE1" name="EATTRIBUTE1" type="text" class="form-control " style="width:100px" />
                </td>

            </tr>
            <tr>
                <th class="formTitle">自定义项2</th>
                <td class="formValue">
                    <input id="EATTRIBUTE2" name="EATTRIBUTE2" type="text" class="form-control " style="width:100px"/>
                </td>

            </tr>
            <tr>
                <th class="formTitle">自定义项3</th>
                <td class="formValue">
                    <input id="EATTRIBUTE3" name="EATTRIBUTE3" type="text" class="form-control " style="width:100px"/>
                </td>

            </tr>
            <tr>
                <th class="formTitle">自定义项4</th>
                <td class="formValue">
                    <input id="EATTRIBUTE4" name="EATTRIBUTE4" type="text" class="form-control " style="width:100px"/>
                </td>

            </tr>
            <tr>
                <th class="formTitle">自定义项5</th>
                <td class="formValue">
                    <input id="EATTRIBUTE5" name="EATTRIBUTE5" type="text" class="form-control " style="width:100px"/>
                </td>

            </tr>
            <tr>
                <th class="formTitle">自定义项6</th>
                <td class="formValue">
                    <input id="EATTRIBUTE6" name="EATTRIBUTE6" type="text" class="form-control " style="width:100px"/>
                </td>

            </tr>
            <tr>
                <th class="formTitle">自定义项7</th>
                <td class="formValue">
                    <input id="EATTRIBUTE7" name="EATTRIBUTE7" type="text" class="form-control " style="width:100px" />
                </td>

            </tr>
            <tr>
                <th class="formTitle">自定义项8</th>
                <td class="formValue">
                    <input id="EATTRIBUTE8" name="EATTRIBUTE8" type="text" class="form-control " style="width:100px" />
                </td>

            </tr>
            <tr>
                <th class="formTitle">自定义项9</th>
                <td class="formValue">
                    <input id="EATTRIBUTE9" name="EATTRIBUTE9" type="text" class="form-control " style="width:100px" />
                </td>

            </tr>
            <tr>
                <th class="formTitle">自定义项10</th>
                <td class="formValue">
                    <input id="EATTRIBUTE10" name="EATTRIBUTE10" type="text" class="form-control " style="width:100px" />
                </td>

            </tr>
            <tr>
                <th class="formTitle">自定义项11</th>
                <td class="formValue">
                    <input id="EATTRIBUTE11" name="EATTRIBUTE11" type="text" class="form-control " style="width:100px" />
                </td>

            </tr>
            <tr>
                <th class="formTitle">自定义项12</th>
                <td class="formValue">
                    <input id="EATTRIBUTE12" name="EATTRIBUTE12" type="text" class="form-control " style="width:100px" />
                </td>

            </tr>
            
        </table>
</div>
</div>