@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section header
    {
    <link rel="stylesheet" href="/css/treetable.css" />
    <style type="text/css">
        #DivPrintDetailData .layui-table-cell {
            height: 60px;
            line-height:60px;
        }

        #DivPrintDetailData td {
            height: 60px;
        }
    </style>
}

<div id="listForm" class="layui-tab-item layui-show">
    <div id="ImportData" style="padding: 60px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;display: none;">
        <div style="overflow:hidden">
            <a herf="javascript:;" class="layui-btn layui-btn-sm layui-btn-normal" data-type="btnTemplate"><i class="layui-icon">&#xe663;</i>生成模板</a>
            <br />
            <br />
            <input type="file" name="excelfile" id="excelfile" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet">
        </div>
    </div>
    <form class="layui-form layui-form-pane" action="" lay-filter="listForm">
        <div class="layui-form-item" id="panelSearch" hidden>
            <fieldset class="layui-elem-field">
                <legend>检索区域 - 请输入相关数据查询</legend>
                <div class="layui-field-box" id="qform">
                    <div class="layui-form-item layui-col-sm12">
                        <div class="layui-inline toolList">
                            <a herf="javascript:;" class="layui-btn layui-btn-sm layui-btn-radius" data-type="btnQuery"><i class="layui-icon">&#xe615;</i>查询</a>
                            <a herf="javascript:;" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-warm" data-type="btnReset"><i class="layui-icon">&#xe66c;</i>重置</a>
                            <a herf="javascript:;" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger" data-type="btnClose"><i class="layui-icon">&#xe6a7;</i>关闭</a>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">id</label>
                            <div class="layui-input-inline">
                                <input name="qId" v-model="Id" type="text" autocomplete="off" lay-verify="required" class="layui-input NumText">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">出库单号</label>
                            <div class="layui-input-inline">
                                <input name="qCode" v-model="Code" type="text" autocomplete="off" lay-verify="required" maxlength="50" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">上游系统单号</label>
                            <div class="layui-input-inline">
                                <input name="qSourceCode" v-model="SourceCode" type="text" autocomplete="off" lay-verify="required" maxlength="50" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">上游平台</label>
                            <div class="layui-input-inline">
                                <input name="qSourcePlatform" v-model="SourcePlatform" type="text" autocomplete="off" lay-verify="required" maxlength="50" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">出库单类型</label>
                            <div class="layui-input-inline">
                                <input name="qType" v-model="Type" type="text" autocomplete="off" lay-verify="required" maxlength="50" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">客户编码</label>
                            <div class="layui-input-inline">
                                <input name="qShipTo" v-model="ShipTo" type="text" autocomplete="off" lay-verify="required" maxlength="50" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">优先级</label>
                            <div class="layui-input-inline">
                                <input name="qPriority" v-model="Priority" type="text" autocomplete="off" lay-verify="required" class="layui-input NumText">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">发货站台</label>
                            <div class="layui-input-inline">
                                <input name="qStation" v-model="Station" type="text" autocomplete="off" lay-verify="required" maxlength="50" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">总数量</label>
                            <div class="layui-input-inline">
                                <input name="qTotalQty" v-model="TotalQty" type="text" autocomplete="off" lay-verify="required" maxlength="13" class="layui-input NumDecText">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">总行数</label>
                            <div class="layui-input-inline">
                                <input name="qTotalLines" v-model="TotalLines" type="text" autocomplete="off" lay-verify="required" class="layui-input NumText">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">备注</label>
                            <div class="layui-input-inline">
                                <input name="qRemark" v-model="Remark" type="text" autocomplete="off" lay-verify="required" maxlength="200" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">上传备注</label>
                            <div class="layui-input-inline">
                                <input name="qUploadremark" v-model="Uploadremark" type="text" autocomplete="off" lay-verify="required" maxlength="200" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">上传时间</label>
                            <div class="layui-input-inline">
                                <input name="qUploadTime" v-model="UploadTime" type="text" autocomplete="off" lay-verify="required" class="layui-input layui-date">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">发货预约时间</label>
                            <div class="layui-input-inline">
                                <input name="qAppointmentTime" v-model="AppointmentTime" type="text" autocomplete="off" lay-verify="required" class="layui-input layui-date">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">单据头状态</label>
                            <div class="layui-input-inline">
                                <input name="qFirstStatus" v-model="FirstStatus" type="text" autocomplete="off" lay-verify="required" class="layui-input NumText">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">单据尾状态</label>
                            <div class="layui-input-inline">
                                <input name="qLastStatus" v-model="LastStatus" type="text" autocomplete="off" lay-verify="required" class="layui-input NumText">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">upload状态</label>
                            <div class="layui-input-inline">
                                <input name="qUploadStatus" v-model="UploadStatus" type="text" autocomplete="off" lay-verify="required" class="layui-input NumText">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">创建时间</label>
                            <div class="layui-input-inline">
                                <input name="qCreateTime" v-model="CreateTime" type="text" autocomplete="off" lay-verify="required" class="layui-input layui-date">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">创建用户</label>
                            <div class="layui-input-inline">
                                <input name="qCreateBy" v-model="CreateBy" type="text" autocomplete="off" lay-verify="required" maxlength="50" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">更新时间</label>
                            <div class="layui-input-inline">
                                <input name="qUpdateTime" v-model="UpdateTime" type="text" autocomplete="off" lay-verify="required" class="layui-input layui-date">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">更新用户</label>
                            <div class="layui-input-inline">
                                <input name="qUpdateBy" v-model="UpdateBy" type="text" autocomplete="off" lay-verify="required" maxlength="50" class="layui-input">
                            </div>
                        </div>
                    </div>
                </div>
            </fieldset>
        </div>

        <table id="mainList" class="layui-table"
               lay-data="{height: 'full-1', cellMinWidth: 80, page:true, id:'mainList', limit: 20, limits: [20, 50, 100, 200, 500, 1000], defaultToolbar: ['filter'], toolbar: '#toolbarTable'}"
               lay-filter="mainList" lay-size="sm">
            <thead>
                <tr>
                    <th lay-data="{checkbox:true, fixed: true}"></th>
                    <th lay-data="{field:'Id', width:80, sort: true, fixed: false, hide: false}">id</th>
                    <th lay-data="{field:'Code', width:150, sort: true, fixed: false, hide: false}">出库单号</th>
                    <th lay-data="{field:'SourceCode', width:150, sort: true, fixed: false, hide: false}">上游系统单号</th>
                    <th lay-data="{field:'WarehouseType', width:150, sort: true, fixed: false, hide: false, templet: function(d){return GetLabel('WarehouseType', 'DictValue', 'DictLabel', d.WarehouseType)}}">仓库类型</th>
                    <th lay-data="{field:'Type', width:150, sort: true, fixed: false, hide: false, templet: function(d){return GetLabel('Type', 'DictValue', 'DictLabel', d.Type)}}">出库单类型</th>
                    <th lay-data="{field:'FirstStatus', width:150, sort: true, fixed: false, hide: false, templet: function(d){return GetLabel('FirstStatus', 'DictValue', 'DictLabel', d.FirstStatus)}}">单据头状态</th>
                    <th lay-data="{field:'LastStatus', width:150, sort: true, fixed: false, hide: false, templet: function(d){return GetLabel('LastStatus', 'DictValue', 'DictLabel', d.LastStatus)}}">单据尾状态</th>
                    <th lay-data="{field:'TotalQty', width:150, sort: true, fixed: false, hide: false}">总数量</th>
                    <th lay-data="{field:'TotalLines', width:150, sort: true, fixed: false, hide: false}">总行数</th>
                    <th lay-data="{field:'ShipTo', width:150, sort: true, fixed: false, hide: false}">客户编码</th>
                    <th lay-data="{field:'Priority', width:150, sort: true, fixed: false, hide: false}">优先级</th>
                    <th lay-data="{field:'Station', width:150, sort: true, fixed: false, hide: false}">发货站台</th>
                    <th lay-data="{field:'Remark', width:150, sort: true, fixed: false, hide: false}">备注</th>
                    <th lay-data="{field:'Uploadremark', width:150, sort: true, fixed: false, hide: false}">上传备注</th>
                    <th lay-data="{field:'UploadTime', width:150, sort: true, fixed: false, hide: false}">上传时间</th>
                    <th lay-data="{field:'AppointmentTime', width:150, sort: true, fixed: false, hide: false}">发货预约时间</th>
                    <th lay-data="{field:'UploadStatus', width:150, sort: true, fixed: false, hide: false, templet: function(d){return GetLabel('UploadStatus', 'DictValue', 'DictLabel', d.UploadStatus)}}">upload状态</th>
                    <th lay-data="{field:'SourcePlatform', width:150, sort: true, fixed: false, hide: false}">上游平台</th>
                    <th lay-data="{field:'CreateTime', width:150, sort: true, fixed: false, hide: false}">创建时间</th>
                    <th lay-data="{field:'CreateBy', width:150, sort: true, fixed: false, hide: false}">创建用户</th>
                    <th lay-data="{field:'UpdateTime', width:150, sort: true, fixed: false, hide: false}">更新时间</th>
                    <th lay-data="{field:'UpdateBy', width:150, sort: true, fixed: false, hide: false}">更新用户</th>
                </tr>
            </thead>
        </table>
        <script type="text/html" id="toolbarTable">
            <div class="layui-btn-container">
                <a herf="javascript:;" class="layui-btn layui-btn-sm layui-btn-normal" lay-event="btnSelect"><i class="layui-icon">&#xe628;</i>检索</a>
                <a herf="javascript:;" class="layui-btn layui-btn-sm layui-btn-normal" lay-event="btnRefresh"><i class="layui-icon">&#xe9aa;</i>刷新</a>
                {{ loadMenus("PrintingShipmentHeader", 1) }}
            </div>
        </script>
    </form>
</div>

<div id="printForm" style="display: none;width:750px;overflow-x:hidden" align="center">
    <form class="layui-form layui-form-pane" action="" lay-filter="printForm">
        <table style="text-align:center;width:730px" border="0" cellspacing="0" cellpadding="0">
            <thead>
                <tr>
                    <td colspan="6" align="center" style="background-color:white">
                        <div class="layui-col-sm12">
                            <h2>出库单</h2>
                            <img id="PCodeBar">
                        </div><br />
                        <hr style="height:2px;border:none;border-top:1px dashed #000;" />
                    </td>
                </tr>
                <tr>
                    <td style="background-color:white;width:auto;font-size:12px">
                        <span style="text-align: center">上游单号</span>
                    </td>
                    <td style="background-color:white;width:auto;font-size:12px">
                        <label id="PSourceCode" name="PSourceCode" class="layui-form-label" style="border:0px;width:auto"></label>
                    </td>
                    <td style="background-color:white;width:auto;font-size:12px">
                        <span style="text-align: center">出库单号</span>
                    </td>
                    <td style="background-color:white;width:auto;font-size:12px">
                        <label id="PCode" name="PCode" class="layui-form-label" style="border:0px;width:auto"></label>
                    </td>
                    <td style="background-color:white;width:auto;font-size:12px">
                        <span style="text-align: center">打印时间</span>
                    </td>
                    <td style="background-color:white;width:auto;font-size:12px">
                        <label id="PTime" name="PTime" class="layui-form-label" style="border:0px;width:auto"></label>
                    </td>
                </tr>
                <tr>
                    <td style="background-color:white;width:auto;font-size:12px">
                        <span style="text-align: center">客户代码</span>
                    </td>
                    <td style="background-color:white;width:auto;font-size:12px">
                        <label id="PSupplierCode" name="PSupplierCode" class="layui-form-label" style="border:0px;width:auto"></label>
                    </td>
                    <td style="background-color:white;width:auto;font-size:12px">
                        <span style="text-align: center">明细条数</span>
                    </td>
                    <td style="background-color:white;width:auto;font-size:12px">
                        <label id="PTotalLines" name="PTotalLines" class="layui-form-label" style="border:0px;width:auto"></label>
                    </td>
                    <td style="background-color:white;width:auto;font-size:12px">
                        <span style="text-align: center">明细总数</span>
                    </td>
                    <td style="background-color:white;width:auto;font-size:12px">
                        <div>
                            <label id="PTotalQty" name="PTotalQty" class="layui-form-label" style="border:0px;width:auto"></label>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td colspan="6" align="center" style="background-color:white">
                        <hr style="height:2px;border:none;border-top:1px ridge green;" />
                    </td>
                </tr>
            </thead>
        </table>
        <div style="width:750px" align="center" id="DivPrintDetailData">
            <table id="PrintDetailData"></table>
        </div>
    </form>
</div>

<div id="modifyForm" class="layui-tab-item">
    <form class="layui-form layui-form-pane" action="" lay-filter="modifyForm">
        <div class="layui-card">
            <div class="layui-row">
                <div hidden>
                    <label class="layui-form-label layui-col-sm3">id</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="Id" v-model="Id" style="background-color:#eee;" disabled="disabled" type="text" autocomplete="off" lay-verify="" class="layui-input NumText">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">出库单号</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="Code" v-model="Code" type="text" autocomplete="off" lay-verify="" maxlength="50" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">上游系统单号</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="SourceCode" v-model="SourceCode" type="text" autocomplete="off" lay-verify="" maxlength="50" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">上游平台</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="SourcePlatform" v-model="SourcePlatform" type="text" autocomplete="off" lay-verify="" maxlength="50" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">出库单类型</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="Type" v-model="Type" type="text" autocomplete="off" lay-verify="" maxlength="50" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">客户编码</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="ShipTo" v-model="ShipTo" type="text" autocomplete="off" lay-verify="" maxlength="50" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">优先级</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="Priority" v-model="Priority" type="text" autocomplete="off" lay-verify="" class="layui-input NumText">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">发货站台</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="Station" v-model="Station" type="text" autocomplete="off" lay-verify="" maxlength="50" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">总数量</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="TotalQty" v-model="TotalQty" type="text" autocomplete="off" lay-verify="" maxlength="13" class="layui-input NumDecText">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">总行数</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="TotalLines" v-model="TotalLines" type="text" autocomplete="off" lay-verify="" class="layui-input NumText">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">备注</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="Remark" v-model="Remark" type="text" autocomplete="off" lay-verify="" maxlength="200" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">上传备注</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="Uploadremark" v-model="Uploadremark" type="text" autocomplete="off" lay-verify="" maxlength="200" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">上传时间</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="UploadTime" v-model="UploadTime" type="text" autocomplete="off" lay-verify="" class="layui-input layui-date">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">发货预约时间</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="AppointmentTime" v-model="AppointmentTime" type="text" autocomplete="off" lay-verify="" class="layui-input layui-date">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">单据头状态</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="FirstStatus" v-model="FirstStatus" type="text" autocomplete="off" lay-verify="" class="layui-input NumText">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">单据尾状态</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="LastStatus" v-model="LastStatus" type="text" autocomplete="off" lay-verify="" class="layui-input NumText">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">upload状态</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="UploadStatus" v-model="UploadStatus" type="text" autocomplete="off" lay-verify="" class="layui-input NumText">
                    </div>
                </div>
                <div hidden>
                    <label class="layui-form-label layui-col-sm3">创建时间</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="CreateTime" v-model="CreateTime" style="background-color:#eee;" disabled="disabled" type="text" autocomplete="off" lay-verify="" class="layui-input layui-date">
                    </div>
                </div>
                <div hidden>
                    <label class="layui-form-label layui-col-sm3">创建用户</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="CreateBy" v-model="CreateBy" style="background-color:#eee;" disabled="disabled" type="text" autocomplete="off" lay-verify="" maxlength="50" class="layui-input">
                    </div>
                </div>
                <div hidden>
                    <label class="layui-form-label layui-col-sm3">更新时间</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="UpdateTime" v-model="UpdateTime" style="background-color:#eee;" disabled="disabled" type="text" autocomplete="off" lay-verify="" class="layui-input layui-date">
                    </div>
                </div>
                <div hidden>
                    <label class="layui-form-label layui-col-sm3">更新用户</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="UpdateBy" v-model="UpdateBy" style="background-color:#eee;" disabled="disabled" type="text" autocomplete="off" lay-verify="" maxlength="50" class="layui-input">
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
<script type="text/javascript" src="/layui/layui.js"></script>
<script type="text/javascript" src="/productjs/Printing/PrintingShipmentHeader.js?v=2019.08.28"></script>
<script type="text/javascript" src="/basejs/Common.js?v=2019.08.28"></script>