| <!DOCTYPE html> | 
| <html lang="en"> | 
| <head> | 
|     <meta charset="utf-8"> | 
|     <title></title> | 
|     <meta name="renderer" content="webkit"> | 
|     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | 
|     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> | 
|     <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all"> | 
|     <link rel="stylesheet" href="../../static/css/admin.css?v=318" media="all"> | 
|         <link rel="stylesheet" href="../../static/css/cool.css" media="all"> | 
|     <!--    <link rel="stylesheet" href="../../static/css/common.css" media="all">--> | 
|     <!--[if lt IE 9]> | 
|     <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> | 
|     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> | 
|     <![endif]--> | 
|     <style> | 
|         .btn-add { | 
|             display: none; | 
|         } | 
|         .btn-edit { | 
|             display: none; | 
|         } | 
|         .btn-complete { | 
|             display: none; | 
|         } | 
|         .btn-delete { | 
|             display: none; | 
|         } | 
|     </style> | 
| </head> | 
| <body> | 
|   | 
| <!-- 正文开始 --> | 
| <div class="layui-fluid"> | 
|     <div class="layui-card"> | 
|         <div class="layui-card-body"> | 
|             <!-- 表格顶部工具栏 --> | 
|             <div class="layui-form toolbar"> | 
|                 <div class="layui-form-item"> | 
|                     <div class="layui-inline"> | 
|                         <div class="layui-input-inline mr0"> | 
|                             <input name="order_no" class="layui-input" type="text" placeholder="输入单据编号"/> | 
|                         </div> | 
|                     </div> | 
|                     <div class="layui-inline" style="width: 300px"> | 
|                         <div class="layui-input-inline"> | 
|                             <input class="layui-input layui-laydate-range" name="create_time" type="text" placeholder="起始时间 - 终止时间" autocomplete="off" style="width: 300px"> | 
|                         </div> | 
|                     </div> | 
|                     <div class="layui-inline"> | 
|                         <div class="layui-input-inline"> | 
|                             <select name="doc_type" id="docType-query"> | 
|                             </select> | 
|                         </div> | 
|                     </div> | 
|                     <div class="layui-inline"> | 
|                         <div class="layui-input-inline"> | 
|                             <select name="settle"> | 
|                                 <option value="">选择状态</option> | 
|                                 <option value="1">待处理</option> | 
|                                 <option value="2">作业中</option> | 
|                                 <option value="4">已完成</option> | 
|                                 <option value="6">上报完成</option> | 
|                             </select> | 
|                         </div> | 
|                     </div> | 
|                     <div class="layui-inline"> | 
|                         <button class="layui-btn icon-btn" lay-filter="tbSearch" lay-submit> | 
|                             <i class="layui-icon"></i>搜索 | 
|                         </button> | 
|                         <button id="orderAddBtn" class="layui-btn icon-btn btn-add"><i class="layui-icon"></i>添加 | 
|                         </button> | 
|                     </div> | 
|                 </div> | 
|             </div> | 
|             <table id="order" lay-filter="order"></table> | 
|         </div> | 
|     </div> | 
|     <div class="layui-card"> | 
|         <div class="layui-card-body"> | 
|             入库通知单:由ERP提供单据编号、类型、单据时间及物料明细,生成入库作业单,为维护系统高可用,用户可自行添加入库通知单数据,完成独立的入库作业。 | 
|             <span class="text-danger">手动添加时,请检查单据编号是否在ERP系统中已存在,避免发生数据错误问题。</span> | 
|         </div> | 
|     </div> | 
| </div> | 
| <div id="box" style="display: block"></div> | 
| <!-- 表格操作列 --> | 
| <script type="text/html" id="operate"> | 
|     <a class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs btn-complete" lay-event="printExcel">导出Excel</a> | 
|     {{# if (d.settle == 0 || d.settle == 1) { }} | 
|         <a class="layui-btn layui-btn-primary layui-btn-xs btn-edit" lay-event="edit">修改</a> | 
|         <a class="layui-btn layui-btn-danger layui-btn-xs btn-delete" lay-event="del">删除</a> | 
|     {{# } }} | 
|     {{# if (d.settle == 2) { }} | 
|     <a class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs btn-complete" lay-event="complete">完结</a> | 
|     {{# } }} | 
|   | 
| <!--    {{# if ((d.settle == 0 || d.settle == 1) && (d.docType == 1 || d.docType == 11 || d.docType == 14 || d.docType == 17 || d.docType == 18)) { }}--> | 
| <!--    <a class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs btn-complete" lay-event="manPrint">生成拣货单</a>--> | 
| <!--    {{# } }}--> | 
|     <a class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs btn-complete" lay-event="btnPrint">打印</a> | 
| </script> | 
| <!-- 表格操作列 --> | 
| <script type="text/html" id="tbLook"> | 
|     <span class="layui-text"> | 
|         <a href="javascript:;" lay-event="look"> | 
|             <i class="layui-icon" style="font-size: 12px;"></i> 查看单据明细 | 
|         </a> | 
|     </span> | 
| </script> | 
| <!--<script type="text/html" id="settleTpl">--> | 
| <!--    <span name="settle" class="layui-badge layui-badge-gray">{{d.settle$}}</span>--> | 
| <!--</script>--> | 
| <script type="text/html" id="settleTpl"> | 
|     <span name="settle" | 
|           {{# if( d.settle === 1){ }} | 
|           class="layui-badge layui-badge-red" | 
|           {{# }else if(d.settle === 2){ }} | 
|           class="layui-badge layui-badge-green" | 
|           {{# }else if(d.settle === 3){ }} | 
|           class="layui-badge layui-badge-gray" | 
|           {{# }else if(d.settle === 4){ }} | 
|           class="layui-badge layui-badge-blue" | 
|           {{# }else if(d.settle === 5){ }} | 
|           class="layui-badge layui-badge-gray" | 
|           {{# }else if(d.settle === 6){ }} | 
|           class="layui-badge layui-badge-gray" | 
|           {{# } }} | 
|     >{{d.settle$}}</span> | 
| </script> | 
| <!-- 表单弹窗 --> | 
| <script type="text/html" id="editDialog"> | 
|     <form id="editForm" lay-filter="editForm" class="layui-form model-form"> | 
|         <input name="id" type="hidden"/> | 
|         <div class="layui-form-item"> | 
|             <label class="layui-form-label">单据类型:</label> | 
|             <div class="layui-input-block cool-auto-complete"> | 
|                 <input class="layui-input" name="docType" placeholder="请输入单据类型" style="display: none"> | 
|                 <input id="docType$" name="docType$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="请输入单据类型" onfocus=this.blur() lay-verType="tips" lay-verify="required"> | 
|                 <div class="cool-auto-complete-window"> | 
|                     <input class="cool-auto-complete-window-input" data-key="docTypeQueryBydocType" onkeyup="autoLoad(this.getAttribute('data-key'))"> | 
|                     <select class="cool-auto-complete-window-select" data-key="docTypeQueryBydocTypeSelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple"> | 
|                     </select> | 
|                 </div> | 
|             </div> | 
|         </div> | 
|         <div class="layui-form-item"> | 
|             <label class="layui-form-label">单据编号:</label> | 
|             <div class="layui-input-block"> | 
|                 <input id="orderNo" name="orderNo" placeholder="输入单据编号" type="text" class="layui-input" maxlength="20" lay-verType="tips" /> | 
| <!--                lay-verify="required"--> | 
|             </div> | 
|         </div> | 
|         <div class="layui-form-item" style="position: relative;"> | 
|             <label class="layui-form-label">单据明细:</label> | 
|             <div class="layui-input-block"> | 
|                 <table id="formSSXMTable" lay-filter="formSSXMTable"></table> | 
|             </div> | 
|             <button class="layui-btn layui-btn-sm icon-btn" id="matAddBtnComment" | 
|                     style="position: absolute; left: 20px;top: 60px;padding: 0 5px;" type="button"> | 
|                 <i class="layui-icon"></i>添加明细 | 
|             </button> | 
|         </div> | 
|         <div class="layui-form-item text-right"> | 
|             <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button> | 
|             <button class="layui-btn" lay-filter="orderEditSubmit" lay-submit>保存</button> | 
|         </div> | 
|     </form> | 
| </script> | 
| <!-- 表格操作列 --> | 
| <script type="text/html" id="formSSXMTableBar"> | 
|     <!--    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">修改</a>--> | 
|     <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a> | 
| </script> | 
| <!-- 表单弹窗 --> | 
| <script type="text/html" id="matEditDialog"> | 
|     <form id="matEditForm" lay-filter="matEditForm" class="layui-form model-form"> | 
|         <input name="experimentId" type="hidden"/> | 
|         <div class="layui-form-item" style="float: left"> | 
|             <label class="layui-form-label">物料 - 多选</label> | 
|             <div class="layui-input-block"> | 
|                 <div id="mat" name="mat"> | 
|                 </div> | 
|             </div> | 
|         </div> | 
|         <div class="layui-form-item text-right" style="display: inline-block; margin-left: 35px"> | 
|             <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button> | 
|             <button class="layui-btn" lay-filter="matEditSubmit" lay-submit>保存</button> | 
|         </div> | 
|     </form> | 
| </script> | 
|   | 
| <script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script> | 
| <script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script> | 
| <script type="text/javascript" src="../../static/js/jquery/jQuery.print.js"></script> | 
| <script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script> | 
| <script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script> | 
| <script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script> | 
| <script type="text/javascript" src="../../static/js/order/order.js" charset="utf-8"></script> | 
| <script type="text/javascript" src="../../static/js/order/decimal.js" charset="utf-8"></script> | 
|   | 
| <script type="text/template" id="docTypeTpl"> | 
|     <option value="">选择类型</option> | 
|     {{#each records}} | 
|     <option value="{{docId}}">{{docName}}</option> | 
|     {{/each}} | 
| </script> | 
|   | 
| <script type="text/template" id="templatePreview3" class="template-qrcode"> | 
|     {{#each data}} | 
|     <table class="contain" width="280" style="overflow: hidden;font-size: xx-small;table-layout: fixed;"> | 
|         <thead></thead> | 
|         <tbody style="font-weight: bold"> | 
|         <tr style="height: 30px;"> | 
|             <td align="center" scope="col" colspan="1">商品</td> | 
|             <td align="lift" colspan="4" style="padding-left: 8px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">{{this.maktx}}</td> | 
|             <td align="center" scope="col" colspan="3" rowspan="3"> | 
|                 <img class="template-code template-qrcode" src="{{this.barcodeUrl}}" width="80%"> | 
|             </td> | 
|         </tr> | 
|         <tr style="height: 30px"> | 
|             <td align="center" scope="col" colspan="1">料号</td> | 
|             <!--            overflow:hidden; 溢出隐藏 white-space:nowrap; text-overflow:ellipsis;--> | 
|             <!--             word-break : break-all;  超出自动换行--> | 
|             <td align="lift" colspan="4" style="padding-left: 8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">{{this.matnr}}</td> | 
|         </tr> | 
|         <tr style="height: 30px"> | 
|             <td align="center" scope="col" colspan="1">日期</td> | 
|             <td align="lift" colspan="4" style="padding-left: 8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">{{this.createTime$}}</td> | 
|         </tr> | 
|         <tr style="height: 30px"> | 
|             <td align="center" scope="col" colspan="1">牌号</td> | 
|             <td align="lift" colspan="3" style="padding-left: 8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">{{this.brand}}</td> | 
|             <td align="center" scope="col" colspan="1">批号</td> | 
|             <td align="lift" colspan="3" style="padding-left: 8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">{{this.batch}}</td> | 
|         </tr> | 
|         <tr style="height: 30px"> | 
|             <td align="center" scope="col" colspan="1">数量</td> | 
|             <td align="lift" colspan="3" style="padding-left: 8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">{{this.anfme}}</td> | 
|             <td align="center" scope="col" colspan="1">状态</td> | 
|             <td align="lift" colspan="3" style="padding-left: 8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">{{this.status$}}</td> | 
|         </tr> | 
|   | 
|   | 
|         </tbody> | 
|     </table> | 
|     <div style="height: 20px"> | 
|   | 
|     </div> | 
|     {{/each}} | 
| </script> | 
|   | 
|   | 
| <!-- 模板引擎 --> | 
| <!-- 模板4 --> | 
| <script type="text/template" id="templatePreview4" class="template-qrcode"> | 
|   | 
|     <div style="width: 100%;border-bottom: #0C0C0C solid 2px;margin-bottom: 20px;"> | 
|         <div style="height: 60px;text-align: center;line-height: 60px;font-size: 30px;">单据</div> | 
| <!--        <div style="height: 90px;text-align: center;line-height: 90px;">--> | 
| <!--            <img class="template-code template-qrcode" src="{{barcodeUrl}}" width="300">--> | 
| <!--        </div>--> | 
| <!--        <div style="height: 50px;text-align: center;font-size: 25px;">{{docNum}}</div>--> | 
|         <div style="height: 40px;text-align: left;line-height: 40px;font-size: 20px;">单据号码:{{docNum}}</div> | 
|         <div style="height: 40px;text-align: left;line-height: 40px;font-size: 20px;">总数量:{{anfmeSum}}</div> | 
|     </div> | 
|     <table width="100%" style="border:0;border-bottom:#0C0C0C solid 2px; margin-bottom:20px;padding:0;overflow: hidden;font-size: xx-small;table-layout: fixed;"> | 
|              <tr style="height: 25px;font-size: 15px;"> | 
|                  <td align="left" scope="col" colspan="1" style="width: 150px;"> | 
|                      料号 | 
|                  </td> | 
|                  <td align="left" scope="col" colspan="1" style="width: 80px;"> | 
|                      商品名 | 
|                  </td> | 
|                  <td align="left" scope="col" colspan="1" style="width: 80px;"> | 
|                      数量 | 
|                  </td> | 
|                  <td align="left" scope="col" colspan="1" style="width: 80px;"> | 
|                     完成数量 | 
|                  </td> | 
|                  <td align="center" scope="col" colspan="1"> | 
|                     二维码 | 
|                  </td> | 
|              </tr> | 
|         {{#each data}} | 
|         <tr style="height: 85px;font-size: 15px;"> | 
|             <td align="left" scope="col" colspan="1" style="width: 100px;"> | 
|                 {{this.matnr}} | 
|             </td> | 
|             <td align="left" scope="col" colspan="1" style="width: 80px;"> | 
|                 {{this.maktx}} | 
|             </td> | 
|             <td align="left" scope="col" colspan="1" style="width: 80px;"> | 
|                 {{this.anfme}} | 
|             </td> | 
|             <td align="left" scope="col" colspan="1" style="width: 80px;"> | 
|                 {{this.qty}} | 
|             </td> | 
|             <td align="center" scope="col" colspan="1" rowspan="1"> | 
|                 <img class="template-code template-qrcode" src="{{this.barcodeUrl}}" width="80px"> | 
|             </td> | 
|         </tr> | 
|         {{/each}} | 
|     </table> | 
|                 <!--    {{#each data}}--> | 
| <!--    <table width="100%" style="border:0;border-bottom:#0C0C0C solid 2px; margin-bottom:20px;padding:0;overflow: hidden;font-size: xx-small;table-layout: fixed;">--> | 
| <!--        <tr style="height: 25px;font-size: 15px;">--> | 
| <!--            <td align="left" scope="col" colspan="1" style="width: 100px;">--> | 
| <!--                料号:--> | 
| <!--            </td>--> | 
| <!--            <td>--> | 
| <!--                {{this.matnr}}--> | 
| <!--            </td>--> | 
| <!--            <td align="left" scope="col" colspan="1" rowspan="4">--> | 
| <!--                <img class="template-code template-qrcode" src="{{this.barcodeUrl}}" width="100px">--> | 
| <!--            </td>--> | 
| <!--        </tr>--> | 
| <!--        <tr style="height: 25px;font-size: 15px;">--> | 
| <!--            <td align="left" scope="col" colspan="1" style="width: 100px;">--> | 
| <!--                商品名:--> | 
| <!--            </td>--> | 
| <!--            <td>--> | 
| <!--                {{this.maktx}}--> | 
| <!--            </td>--> | 
| <!--        </tr>--> | 
| <!--        <tr style="height: 25px; font-size: 15px;">--> | 
| <!--            <td align="left" scope="col" colspan="1" style="width: 100px;">--> | 
| <!--                拣货数量:--> | 
| <!--            </td>--> | 
| <!--            <td>--> | 
| <!--                {{this.anfme}}--> | 
| <!--            </td>--> | 
| <!--        </tr>--> | 
| <!--        <tr style="height: 30px; font-size: 15px;">--> | 
| <!--            <td align="left" scope="col" colspan="1" style="width: 100px;">--> | 
| <!--                完成数量:--> | 
| <!--            </td>--> | 
| <!--            <td align="left" scope="col" colspan="1">--> | 
| <!--                {{this.qty}}--> | 
| <!--            </td>--> | 
| <!--        </tr>--> | 
| <!--    </table>--> | 
| <!--    {{/each}}--> | 
| </script> | 
|   | 
|   | 
| <script type="text/html" id="payment"> | 
|     <select id="select-primary" style="width: 100%" class="layui-border select-primary" lay-ignore > | 
|         <option value="1" | 
|                 {{# if( d.payment === 1){ }} | 
|                 selected = "selected" | 
|                 {{# } }} | 
|         >仓储</option> | 
|         <option value="0" | 
|                 {{# if( d.payment === 0){ }} | 
|                 selected = "selected" | 
|                 {{# } }} | 
|         >代采</option> | 
|   | 
|     </select> | 
| </script> | 
|   | 
|   | 
| <!--<script type="text/html" id="payment">--> | 
| <!--    {{#  var cityList = d.cityList || ["北京","上海","广州","城市-1"]; }}--> | 
| <!--    <select name="payment" class="layui-border select-demo-primary" lay-ignore>--> | 
| <!--        <option value="">原生 select 框</option>--> | 
| <!--        {{#  layui.each(cityList, function(i, v){ }}--> | 
| <!--        <option value="{{= v }}" {{= v === d.city ? 'selected' : '' }}>{{= v }}</option>--> | 
| <!--        {{#  }); }}--> | 
| <!--    </select>--> | 
| <!--</script>--> | 
| </body> | 
|   | 
| </html> |