| <!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/cool.css" media="all"> | 
|     <link rel="stylesheet" href="../../static/css/common.css" media="all"> | 
| </head> | 
| <body> | 
|   | 
| <!-- 搜索栏 --> | 
| <div id="search-box" class="layui-form layui-card-header"> | 
|     <div class="layui-inline"> | 
|         <div class="layui-input-inline"> | 
|             <input class="layui-input" type="text" name="number" placeholder="销售单号" autocomplete="off"> | 
|         </div> | 
|     </div> | 
|     <div class="layui-inline"> | 
|         <div class="layui-input-inline"> | 
|             <input class="layui-input" type="text" name="user_code" placeholder="商品编号" autocomplete="off"> | 
|         </div> | 
|     </div> | 
|     <div class="layui-inline"> | 
|         <div class="layui-input-inline"> | 
|             <select name="status"> | 
|                 <option value="" style="display: none">选择状态</option> | 
|                 <option value="1">待处理</option> | 
|                 <option value="2">未拣货</option> | 
|                 <option value="3">取消</option> | 
|                 <option value="3">已完成</option> | 
|             </select> | 
|         </div> | 
|     </div> | 
|     <!-- 待添加 --> | 
|     <div id="data-search-btn" class="layui-btn-container layui-form-item"> | 
|         <button id="search" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="search">搜索</button> | 
|         <button id="reset" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="reset">重置</button> | 
|     </div> | 
| </div> | 
|   | 
| <!-- 表格 --> | 
| <div class="layui-form"> | 
|     <table class="layui-hide" id="custOrder" lay-filter="custOrder"></table> | 
| </div> | 
| <script type="text/html" id="toolbar"> | 
|     <div class="layui-btn-container"> | 
|         <button class="layui-btn" onclick="right()" style="background-color: #2F4056">自定义销售单</button> | 
| <!--        <button class="layui-btn layui-btn-sm" id="btn-add" lay-event="addData">新增</button>--> | 
|         <button class="layui-btn layui-btn-sm" id="btn-delete" lay-event="deleteData">删除</button> | 
|         <button class="layui-btn layui-btn-primary layui-btn-sm" id="btn-export" lay-event="exportData">导出</button> | 
|     </div> | 
| </script> | 
|   | 
| <script type="text/html" id="operate"> | 
|     {{#if (d.status == 1){ }} | 
|         <a class="layui-btn layui-btn-sm layui-btn-danger" lay-event="stockOut" style="font-size: 16px">拣货</a> | 
|     {{# } }} | 
|     {{#if (d.status == 2){ }} | 
|         <a class="layui-btn layui-btn-sm layui-btn-normal" lay-event="print" style="font-size: 16px">打印</a> | 
|     {{# } }} | 
| </script> | 
|   | 
| <script type="text/html" id="statusTpl"> | 
|     <span name="status" | 
|           {{# if( d.status === 1){ }} | 
|           class="layui-badge layui-badge-blue" | 
|           {{# } else if(d.status === 2){ }} | 
|           class="layui-badge layui-badge-red" | 
|           {{# } else if(d.status === 3){ }} | 
|           class="layui-badge layui-badge-gray" | 
|           {{# } else if(d.status === 4){ }} | 
|           class="layui-badge layui-badge-green" | 
|           {{# } }} | 
|     >{{d.status$}}</span> | 
| </script> | 
|   | 
| <script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script> | 
| <script type="text/javascript" src="../../static/js/jquery/jQuery.print.js"></script> | 
| <script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.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/custOrder/custOrder.js" charset="utf-8"></script> | 
|   | 
| <iframe id="detail-iframe" scrolling="auto" style="display:none;"></iframe> | 
| <div id="pakoutPrintBox" style="display: none"></div> | 
|   | 
| </body> | 
|   | 
| <script type="text/template" id="pakoutPrintTpl"> | 
|     <!-- 头 --> | 
|     <div id="print-header" style="margin: 20px 0"> | 
|         <div style="text-align: center"> | 
|             <div style="text-align: center;margin-bottom: 10px"> | 
|                 <span style="font-family: 宋体"> 拣货单 </span> | 
|             </div> | 
|   | 
|             <img class="template-code template-qrcode" src="{{data.barcodeUrl}}" style="width: 80%"> | 
|             <p style="letter-spacing: 2px;margin-top: 5px">{{data.docNum}}</p> | 
|         </div> | 
|         <div style="font-size: xx-small; text-align: left; margin-top: 10px"> | 
|             <span style="font-family: 宋体">客户:{{data.custName}}</span> | 
|         </div> | 
|         <div style="margin-top: 10px"> | 
|             <div style="float: left;width: 50%; text-align: left"> | 
|                 <span style="font-size: xx-small;font-family: 宋体">拣货数量:{{data.total}}</span> | 
|             </div> | 
|             <div style="float: left; width: 50%; text-align: right"> | 
|                 <span style="font-size: xx-small;font-family: 宋体">拣货人:{{data.workerName}}</span> | 
|             </div> | 
|             <div style="clear:both;"></div> | 
|         </div> | 
|     </div> | 
|   | 
|     <!-- 主体 --> | 
|     <div style="margin-top: 10px"> | 
|         {{#each data.list}} | 
|         <div class="pakout-item" style="padding: 10px 5px 10px 5px;border-top: 1px solid #525252"> | 
|             <div class="item-header" style="margin-top: 10px;font-family: 宋体; font-size: x-small"> | 
|                 {{maktx}} | 
|             </div> | 
|             <div class="item-content" style="margin: 10px 0 "> | 
|                 <div style="float: left;font-family: 宋体; font-size: xx-small">{{anfme}}{{unit}}</div> | 
|                 <div style="float: right;font-family: 宋体; font-size: xx-small">货位:{{locNo}}</div> | 
|                 <div style="clear: both;"></div> | 
|             </div> | 
|         </div> | 
|         {{/each}} | 
|     </div> | 
| </script> | 
|   | 
| </html> |