| <!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"> | 
|     <style> | 
|         .contain td { | 
|             border: 1px solid #000; | 
|             /*font-family: 黑体;*/ | 
|             /*font-weight: bold;*/ | 
|             /*color: #000000;*/ | 
|         } | 
|     </style> | 
| </head> | 
| <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/picking/picking.js" charset="utf-8"></script> | 
| <body> | 
|   | 
| <div class="layui-fluid"> | 
|     <div class="layui-card"> | 
|         <div class="layui-card-body"> | 
|             <div class="layui-form toolbar" id="search-box"> | 
|                 <div class="layui-form-item"> | 
|                     <div class="layui-inline"> | 
|                         <label class="layui-form-label">拣货单号:</label> | 
|                         <div class="layui-input-inline"> | 
|                             <input class="layui-input" type="text" name="doc_num" placeholder="拣货单号" autocomplete="off"> | 
|                         </div> | 
|                     </div> | 
|                     <div class="layui-inline">  | 
|                         <button class="layui-btn icon-btn" lay-filter="search" lay-submit> | 
|                             <i class="layui-icon"></i>搜索 | 
|                         </button> | 
|                         <button class="layui-btn icon-btn" lay-filter="reset" lay-submit> | 
|                             <i class="layui-icon"></i>重置 | 
|                         </button> | 
|                     </div> | 
|                 </div> | 
|             </div> | 
|             <table class="layui-hide" id="saasLog" lay-filter="saasLog"></table> | 
|         </div> | 
|     </div> | 
| </div> | 
|   | 
|   | 
| </body> | 
| <!-- 表格操作列 --> | 
| <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="operate"> | 
|     {{# 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 == 0 || d.settle == 1) && (d.docType == 21 || d.docType == 11 || d.docType == 12)) { }} | 
|     {{# } }} | 
|     {{# if (d.settle == 2) { }} | 
|     <a class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs btn-complete" lay-event="complete">完结</a> | 
|     {{# } }} | 
|     <a class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs btn-complete" lay-event="btnPrint2">打印</a> | 
|  <!--   <a class="layui-btn layui-btn-primary layui-btn-xs btn-edit" lay-event="btnPrint"><img src="../../static/image/nav/fn_3.png" alt="二维码"></a> | 
| --> | 
| </script> | 
|   | 
| <script type="text/html" id="orderNoTpl"> | 
|     {{d.docNum}} | 
| <!--    {{# if(d.settle > 1 && d.settle !== 3){ }}--> | 
|   | 
| <!--    {{# } }}--> | 
|     <i class="layui-icon layui-icon-about wrk-trace" lay-tips="查看二维码" lay-direction="2" lay-offset="-10px,0px" lay-event="wrkTrace"></i> | 
| </script> | 
| <!-- 打印操作弹窗 --> | 
| <div id="printDataDiv" style="display: none;padding: 20px"> | 
|     <div class="layui-form" style="text-align: center"> | 
|         <hr> | 
|         <!--单选框--> | 
|         <div class="layui-form-item" style="display: inline-block; margin-bottom: 10px"> | 
|             <input type="radio" name="selectTemplate" value="3" title="模板三" lay-filter="selectTemplateRadio" checked=""> | 
|         </div> | 
|         <fieldset class="layui-elem-field site-demo-button" style="margin-top: 30px;text-align: left;"> | 
|             <legend>打印预览</legend> | 
|             <div id="template-container" style="margin: 20px;text-align: center"> | 
|                 <!-- 预览图 3 --> | 
|                 <div id="template-preview-3" class="template-preview" style="display: inline-block"> | 
|                     <table class="contain" width="280" style="overflow: hidden;font-size: xx-small;table-layout: fixed;"> | 
|                     </table> | 
|                 </div> | 
|             </div> | 
|         </fieldset> | 
|     </div> | 
| </div> | 
| <div id="box" style="display: block"></div> | 
|   | 
| <script type="text/template" id="docTypeTpl"> | 
|     <option value="">选择类型</option> | 
|     {{#each records}} | 
|     <option value="{{docId}}">{{docName}}</option> | 
|     {{/each}} | 
| </script> | 
| <!-- 初始化打印模板的条形码 --> | 
| <script type="text/javascript"> | 
|     $('.template-qrcode').attr("src", baseUrl+"/ManPakOut/code/auth?type=2¶m=123"); | 
| </script> | 
| <!-- 模板引擎 --> | 
| <!-- 模板3 --> | 
| <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> | 
|         <img class="template-code template-qrcode" src="{{this.barcodeUrl}}" height="80%"> | 
| <!--        <img class="template-code template-qrcode" src="{{res.data}}" height="80%">--> | 
|         </tbody> | 
|     </table> | 
|     {{/each}} | 
| </script> | 
|   | 
| <div id="qrcode" style="display: none;padding: 20px"> | 
|     {{#each result}} | 
|     <table class="contain" width="280" style="overflow: hidden;font-size: xx-small;table-layout: fixed;"> | 
|         <thead></thead> | 
|         <tbody> | 
|         <img class="template-code template-qrcode" src="{{this.barcodeUrl}}" height="80%"> | 
|         <!--        <img class="template-code template-qrcode" src="{{res.data}}" height="80%">--> | 
|         </tbody> | 
|     </table> | 
|     {{/each}} | 
| </div> | 
|   | 
|   | 
| <!-- 模板引擎 --> | 
| <!-- 模板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> | 
|     {{#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.locNo}} | 
|             </td> | 
|         </tr> | 
|     </table> | 
|     {{/each}} | 
| </script> | 
|   | 
|   | 
| </html> |