<!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; 
 | 
        } 
 | 
        .contain td { 
 | 
            border: 1px solid #000; 
 | 
            /*font-family: 黑体;*/ 
 | 
            /*font-weight: bold;*/ 
 | 
            /*color: #000000;*/ 
 | 
        } 
 | 
        .wrk-trace { 
 | 
            color: green; 
 | 
            cursor: pointer; 
 | 
            margin-left: 6px; 
 | 
            font-size: 18px; 
 | 
        } 
 | 
    </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"> 
 | 
                        <button class="layui-btn icon-btn" lay-filter="tbSearch" lay-submit> 
 | 
                            <i class="layui-icon"></i>搜索 
 | 
                        </button> 
 | 
  
 | 
                    </div> 
 | 
                </div> 
 | 
            </div> 
 | 
            <table id="order" lay-filter="order"></table> 
 | 
        </div> 
 | 
    </div> 
 | 
  
 | 
</div> 
 | 
<!-- 表格操作列 --> 
 | 
<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)) { }} 
 | 
    <a class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs btn-complete" lay-event="manPrint">生成拣货单</a> 
 | 
    {{# } }} 
 | 
    {{# 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="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="orderNoTpl"> 
 | 
    {{d.orderNo}} 
 | 
    {{# 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> 
 | 
  
 | 
<!--<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/orderLog/orderLog.js" charset="utf-8"></script> 
 | 
  
 | 
<script type="text/template" id="docTypeTpl"> 
 | 
    <option value="">选择类型</option> 
 | 
    {{#each records}} 
 | 
    <option value="{{docId}}">{{docName}}</option> 
 | 
    {{/each}} 
 | 
</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/javascript"> 
 | 
    // $('.template-barcode').attr("src", baseUrl+"/mac/code/auth?type=1¶m=123"); 
 | 
    $('.template-qrcode').attr("src", baseUrl+"/mac/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 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.matnr}}</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.maktx}}</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.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.specs}}</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.anfme}}</td> 
 | 
        </tr> 
 | 
        <tr style="height: 30px"> 
 | 
            <td align="center" scope="col" colspan="1">日期</td> 
 | 
            <td align="lift" colspan="7  " style="padding-left: 8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">{{this.createTime$}}</td> 
 | 
        </tr> 
 | 
        </tbody> 
 | 
    </table> 
 | 
    <div style="height: 20px"> 
 | 
  
 | 
    </div> 
 | 
    {{/each}} 
 | 
</script> 
 | 
</body> 
 | 
  
 | 
</html> 
 |