|  |  | 
 |  |  |     <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> | 
 |  |  | 
 |  |  | <!-- 模板1 --> | 
 |  |  | <script type="text/template" id="templatePreview1" class="template-barcode"> | 
 |  |  |     {{#each data}} | 
 |  |  |     <table class="contain" height="217" width="317" style="overflow: hidden;font-size: xx-small"> | 
 |  |  |         <tr> | 
 |  |  |             <td align="center" colspan="1" scope="col">条码</td> | 
 |  |  |     <table class="contain" width="296" style="overflow: hidden;font-size: xx-small"> | 
 |  |  |         <tr style="height: 80px"> | 
 |  |  |             <td align="center" colspan="1" scope="col">物料编码</td> | 
 |  |  |             <td align="center" class="barcode" colspan="3" scope="col"> | 
 |  |  |                 <img class="template-code" src="{{this.barcodeUrl}}" width="80%"> | 
 |  |  |                 <div style="letter-spacing: 2px;margin-top: 3px; text-align: center"> | 
 |  |  |                     <span>{{this.barcode}}</span> | 
 |  |  |                     <span>{{this.matNo}}</span> | 
 |  |  |                 </div> | 
 |  |  |             </td> | 
 |  |  |         </tr> | 
 |  |  |         <tr> | 
 |  |  |             <td align="center" width="25%">物料编码</td> | 
 |  |  |             <td align="center" width="25%">{{this.matNo}}</td> | 
 |  |  |         <tr style="height: 80px"> | 
 |  |  |             <td align="center" width="25%">物料名称</td> | 
 |  |  |             <td align="center" width="25%">{{this.matName}}</td> | 
 |  |  |         </tr> | 
 |  |  |         <tr> | 
 |  |  |             <td align="center" width="25%">物料单位</td> | 
 |  |  |             <td align="center" width="25%">{{this.str1}}</td> | 
 |  |  |             <td align="center" width="25%">物料规格</td> | 
 |  |  |             <td align="center" width="25%">{{this.str2}}</td> | 
 |  |  |         </tr> | 
 |  |  |     </table> | 
 |  |  |     {{/each}} |