|  |  | 
 |  |  |                                 <input name="maktx" class="layui-input" placeholder="输入商品名称"/> | 
 |  |  |                             </div> | 
 |  |  |                         </div> | 
 |  |  |                         <div class="layui-inline"> | 
 |  |  |                             <label class="layui-form-label" style="padding: 8px 15px 8px 15px">商品规格:</label> | 
 |  |  |                             <div class="layui-input-inline"> | 
 |  |  |                                 <input name="specs" class="layui-input" placeholder="输入商品规格"/> | 
 |  |  |                             </div> | 
 |  |  |                         </div> | 
 |  |  |                         <div class="layui-inline">  | 
 |  |  |                             <button class="layui-btn icon-btn" lay-filter="search" lay-submit> | 
 |  |  |                                 <i class="layui-icon"></i>搜索 | 
 |  |  | 
 |  |  |                 <li><a onclick="excelMouldDownload()" style="font-size: 12px"><i class="layui-icon layui-icon-template-1"></i>模板下载</a></li> | 
 |  |  |                 <li><a onclick="importExcel()" style="font-size: 12px"><i class="layui-icon layui-icon-upload"></i>导入 Excel</a></li> | 
 |  |  |                 <li style="display: none"><input id="importExcel" type="file" onchange="upload(this)" ></li> | 
 |  |  |                 <hr> | 
 |  |  |                 <li class="title">2nd menu</li> | 
 |  |  |                 <li><a onclick="exportExcel()" style="font-size: 12px"><i class="layui-icon layui-icon-export"></i>导出 Excel</a></li> | 
 |  |  | <!--                <hr>--> | 
 |  |  | <!--                <li class="title">2nd menu</li>--> | 
 |  |  | <!--                <li><a onclick="exportExcel()" style="font-size: 12px"><i class="layui-icon layui-icon-export"></i>导出 Excel</a></li>--> | 
 |  |  |             </ul> | 
 |  |  |         </div> | 
 |  |  | <!--        <button class="layui-btn layui-btn-primary layui-btn-sm" id="btn-export" lay-event="exportData" style="float: right;margin-right: -10px">导出</button>--> | 
 |  |  |         <button class="layui-btn layui-btn-primary layui-btn-sm" id="btn-export" lay-event="exportData" style="float: right;margin-right: -10px">导出</button> | 
 |  |  |     </div> | 
 |  |  | </script> | 
 |  |  |  | 
 |  |  | 
 |  |  | <script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></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/mat/mat.js" charset="utf-8"></script> | 
 |  |  | <script type="text/javascript" src="../../static/js/mat/mat.js?v=1" charset="utf-8"></script> | 
 |  |  | <script type="text/javascript" src="../../static/js/tagTree.js" charset="utf-8"></script> | 
 |  |  |  | 
 |  |  | <!-- 表单弹窗 --> | 
 |  |  | 
 |  |  |         <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"> | 
 |  |  |  | 
 |  |  |                 <!-- 预览图 1 --> | 
 |  |  |                 <div id="template-preview-1" class="template-preview" style="display: inline-block"> | 
 |  |  |                     <table class="contain" width="280" style="overflow: hidden;font-size: xx-small;table-layout: fixed;"> | 
 |  |  |                         <tr style="height: 74px"> | 
 |  |  |                             <td colspan="3" align="center" scope="col">商品编码</td> | 
 |  |  |                             <td class="barcode" colspan="9" align="center" scope="col"> | 
 |  |  |                                 <img class="template-code template-barcode" src="" width="90%;"> | 
 |  |  |                                 <div style="letter-spacing: 2px;margin-top: 1px; text-align: center;"> | 
 |  |  |                                     <span>xxxxxx</span> | 
 |  |  |                                 </div> | 
 |  |  |                             </td> | 
 |  |  |                         </tr> | 
 |  |  |                         <tr style="height: 74px"> | 
 |  |  |                             <td align="center" colspan="3">商品</td> | 
 |  |  |                             <td align="center" colspan="5">xxxxxx-xx/xx</td> | 
 |  |  |                             <td align="center" colspan="2">备注</td> | 
 |  |  |                             <td align="center" colspan="2">xx</td> | 
 |  |  |                         </tr> | 
 |  |  |                     </table> | 
 |  |  |                     <div style="width: 150px;height: 300px;"> | 
 |  |  |                         <div> | 
 |  |  |                             <img class="template-qrcode" src=""> | 
 |  |  |                             <div>xxxxx</div> | 
 |  |  |                         </div> | 
 |  |  |                         <div> | 
 |  |  |                             名称:xxxx | 
 |  |  |                         </div> | 
 |  |  |                         <div> | 
 |  |  |                             规格:xxxxx | 
 |  |  |                         </div> | 
 |  |  |                     </div> | 
 |  |  |                 </div> | 
 |  |  |  | 
 |  |  |                 <!-- 预览图 2 --> | 
 |  |  | 
 |  |  | </script> | 
 |  |  |  | 
 |  |  | <!-- 模板引擎 --> | 
 |  |  | <!-- 模板1 --> | 
 |  |  | <script type="text/template" id="templatePreview1" class="template-barcode"> | 
 |  |  | <script type="text/template" id="templatePreview1" class="template-qrcode"> | 
 |  |  |     {{#each data}} | 
 |  |  |     <table class="contain" width="280" style="overflow: hidden;font-size: small;table-layout: fixed;"> | 
 |  |  |         <tr style="height: 74px"> | 
 |  |  |             <td align="center" colspan="3" scope="col">商品编码</td> | 
 |  |  |             <td align="center" class="barcode" colspan="9" scope="col"> | 
 |  |  |                 <img class="template-code" src="{{this.barcodeUrl}}" width="90%"> | 
 |  |  |                 <div style="letter-spacing: 2px;margin-top: 1px; text-align: center"> | 
 |  |  |                     <span>{{this.matnr}}</span> | 
 |  |  |                 </div> | 
 |  |  |             </td> | 
 |  |  |         </tr> | 
 |  |  |         <tr style="height: 74px"> | 
 |  |  |             <td align="center" colspan="3">商品</td> | 
 |  |  |             <td align="center" colspan="5" style="overflow: hidden; white-space: nowrap;text-overflow: ellipsis;">{{this.maktx}}</td> | 
 |  |  |             <td align="center" colspan="2">备注</td> | 
 |  |  |             <td align="center" colspan="2">{{this.memo}}</td> | 
 |  |  |         </tr> | 
 |  |  |     </table> | 
 |  |  |     <div style="width: 150px;"> | 
 |  |  |         <div> | 
 |  |  |             <img class="template-qrcode" src="{{this.barcodeUrl}}"> | 
 |  |  |             <div style="text-align: center;">{{this.matnr}}</div> | 
 |  |  |         </div> | 
 |  |  |         <div style="font-size: 12px;"> | 
 |  |  |             名称:{{this.maktx}} | 
 |  |  |         </div> | 
 |  |  |         <div style="font-size: 12px;"> | 
 |  |  |             规格:{{this.specs}} | 
 |  |  |         </div> | 
 |  |  |     </div> | 
 |  |  |     {{/each}} | 
 |  |  | </script> | 
 |  |  | <!-- 模板2 --> |