<!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="wrk_no" placeholder="任务号" autocomplete="off">--> 
 | 
<!--        </div>--> 
 | 
<!--    </div>--> 
 | 
    <div class="layui-inline"> 
 | 
        <div class="layui-input-inline"> 
 | 
            <input class="layui-input" type="text" name="doc_num" placeholder="单据编号" autocomplete="off"> 
 | 
        </div> 
 | 
    </div> 
 | 
    <div class="layui-inline"> 
 | 
        <div class="layui-input-inline cool-auto-complete"> 
 | 
            <input id="wrkSts" class="layui-input" name="wrk_sts" type="text" placeholder="请输入" autocomplete="off" style="display: none"> 
 | 
            <input id="wrkSts$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="工作状态" onfocus=this.blur()> 
 | 
            <div class="cool-auto-complete-window"> 
 | 
                <input class="cool-auto-complete-window-input" data-key="wrkStsQueryBywrkSts" onkeyup="autoLoad(this.getAttribute('data-key'))"> 
 | 
                <select class="cool-auto-complete-window-select" data-key="wrkStsQueryBywrkStsSelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple"> 
 | 
                </select> 
 | 
            </div> 
 | 
        </div> 
 | 
    </div> 
 | 
    <div class="layui-inline"> 
 | 
        <div class="layui-input-inline"> 
 | 
            <input class="layui-input" type="text" name="matnr" placeholder="商品编码" autocomplete="off"> 
 | 
        </div> 
 | 
    </div> 
 | 
    <div class="layui-inline"> 
 | 
        <div class="layui-input-inline"> 
 | 
            <input class="layui-input" type="text" name="maktx" placeholder="商品名称" autocomplete="off"> 
 | 
        </div> 
 | 
    </div> 
 | 
    <div class="layui-inline"> 
 | 
        <div class="layui-input-inline"> 
 | 
            <input class="layui-input" type="text" name="loc_no" placeholder="出库货位" autocomplete="off"> 
 | 
        </div> 
 | 
    </div> 
 | 
    <div class="layui-inline"> 
 | 
        <div class="layui-input-inline"> 
 | 
            <input class="layui-input" type="text" name="zpallet" placeholder="托盘号" autocomplete="off"> 
 | 
        </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 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="pakout" lay-filter="pakout"></table> 
 | 
</div> 
 | 
<script type="text/html" id="toolbar"> 
 | 
    <div class="layui-btn-container"> 
 | 
        <button class="layui-btn " id="btn-add" lay-event="batchPrint" style="margin-left: 10px">打印拣货单</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.wrkSts == 1||d.wrkSts == 2){ }} 
 | 
        <a class="layui-btn layui-btn-danger layui-btn-xs btn-complete" lay-event="complete">完成</a> 
 | 
        <a class="layui-btn layui-btn-primary layui-btn-xs btn-cancel" lay-event="cancel">取消</a> 
 | 
    {{# } }} 
 | 
    <a class="layui-btn layui-btn-xs" lay-event="detail">详情</a> 
 | 
</script> 
 | 
<script type="text/html" id="wrkStsTpl"> 
 | 
    <span name="wrkSts" 
 | 
          {{# if( d.wrkSts === 1){ }} 
 | 
          class="layui-badge layui-badge-blue" 
 | 
          {{# } else if(d.wrkSts === 2){ }} 
 | 
          class="layui-badge layui-badge-red" 
 | 
          {{# } else if(d.wrkSts === 3){ }} 
 | 
          class="layui-badge layui-badge-green" 
 | 
          {{# } }} 
 | 
    >{{d.wrkSts$}}</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/pakout/pakout.js" charset="utf-8"></script> 
 | 
  
 | 
<iframe id="detail-iframe" scrolling="auto" style="display:none;"></iframe> 
 | 
  
 | 
</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> 
 |