|  |  |  | 
|---|
|  |  |  | <link rel="stylesheet" href="../../static/css/cool.css" media="all"> | 
|---|
|  |  |  | <link rel="stylesheet" href="../../static/css/common.css" media="all"> | 
|---|
|  |  |  | <style> | 
|---|
|  |  |  | #search-box { | 
|---|
|  |  |  | padding: 30px 30px 10px 30px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | #search-box .layui-inline { | 
|---|
|  |  |  | margin-right: 5px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | #data-search-btn { | 
|---|
|  |  |  | margin-top: 10px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | #data-search-btn.layui-btn-container .layui-btn { | 
|---|
|  |  |  | margin-right: 20px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .btn-print { | 
|---|
|  |  |  | display: none; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | <!-- 搜索栏 --> | 
|---|
|  |  |  | <div id="search-box" class="layui-form layui-card-header"> | 
|---|
|  |  |  | <div class="layui-inline"> | 
|---|
|  |  |  | <label class="layui-form-label">物料编码:</label> | 
|---|
|  |  |  | <div class="layui-input-inline"> | 
|---|
|  |  |  | <input class="layui-input" type="text" name="mat_no" placeholder="请输入" autocomplete="off"> | 
|---|
|  |  |  | <input class="layui-input" type="text" name="mat_no" 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="modi_time" type="text" placeholder="起始时间 - 终止时间" autocomplete="off" style="width: 300px"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="layui-inline"> | 
|---|
|  |  |  | <div class="layui-input-inline"> | 
|---|
|  |  |  | <input class="layui-input" type="text" name="condition" placeholder="请输入" autocomplete="off"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <!-- 待添加 --> | 
|---|
|  |  |  | <div id="data-search-btn" class="layui-btn-container layui-form-item" style="display: inline-block"> | 
|---|
|  |  |  | <button id="search" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="search">搜索</button> | 
|---|
|  |  |  | 
|---|
|  |  |  | <div id="template-container" style="margin: 20px;text-align: center"> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 预览图 1 --> | 
|---|
|  |  |  | <div id="template-preview-1" class="template-preview" style="display: none"> | 
|---|
|  |  |  | <div id="template-preview-1" class="template-preview" style="display: inline-block"> | 
|---|
|  |  |  | <table class="contain" height="217" width="317" style="overflow: hidden;font-size: xx-small"> | 
|---|
|  |  |  | <tr> | 
|---|
|  |  |  | <td colspan="1" align="center" scope="col">条码</td> | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 预览图 3 --> | 
|---|
|  |  |  | <div id="template-preview-3" class="template-preview" style="display: inline-block"> | 
|---|
|  |  |  | <div id="template-preview-3" class="template-preview" style="display: none"> | 
|---|
|  |  |  | <table class="contain" height="217" width="317" style="overflow: hidden;font-size: xx-small"> | 
|---|
|  |  |  | <tr> | 
|---|
|  |  |  | <td align="center" scope="col" width="50%" colspan="3">物料编码</td> | 
|---|
|  |  |  | 
|---|
|  |  |  | <tr> | 
|---|
|  |  |  | <td align="center" width="50%" rowspan="1" colspan="3">物料规格</td> | 
|---|
|  |  |  | <td align="center" width="50%" colspan="3" rowspan="4"> | 
|---|
|  |  |  | <img class="template-code template-qrcode" src="" width="80%"> | 
|---|
|  |  |  | <div style="letter-spacing: 2px;margin-top: 3px; text-align: center"> | 
|---|
|  |  |  | <span>xxxxxx</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <img class="template-code template-qrcode" src=""> | 
|---|
|  |  |  | </td> | 
|---|
|  |  |  | </tr> | 
|---|
|  |  |  | <tr> | 
|---|
|  |  |  | 
|---|
|  |  |  | <tr> | 
|---|
|  |  |  | <td align="center" width="50%" rowspan="1" colspan="3">物料单位</td> | 
|---|
|  |  |  | <td align="center" width="50%" colspan="3" rowspan="4"> | 
|---|
|  |  |  | <img class="template-code template-qrcode" src="{{this.barcodeUrl}}" width="80%"> | 
|---|
|  |  |  | <div style="letter-spacing: 2px;margin-top: 3px; text-align: center"> | 
|---|
|  |  |  | <span>{{this.matNo}}</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <img class="template-code template-qrcode" src="{{this.barcodeUrl}}"> | 
|---|
|  |  |  | </td> | 
|---|
|  |  |  | </tr> | 
|---|
|  |  |  | <tr> | 
|---|