|  |  | 
 |  |  |  | 
 |  |  |  | 
 |  |  |         .contain { | 
 |  |  |             border: 1px solid #000; | 
 |  |  |             /*border: 1px solid #000;*/ | 
 |  |  |             /*width: 100%;*/ | 
 |  |  |         } | 
 |  |  |         .contain td { | 
 |  |  |             border: 1px solid #000; | 
 |  |  |             /*line-height: 46px;*/ | 
 |  |  |             text-align: center; | 
 |  |  |             /*text-align: center;*/ | 
 |  |  |         } | 
 |  |  |         /*.qrcode {*/ | 
 |  |  |         /*    margin: 3px;*/ | 
 |  |  | 
 |  |  | <!--                    </table>--> | 
 |  |  |                     <table class="contain" height="217" width="317" style="overflow: hidden;font-size: xx-small"> | 
 |  |  |                         <tr> | 
 |  |  |                             <td colspan="1" align="right" scope="col">条码</td> | 
 |  |  |                             <td class="barcode" colspan="3" align="left" scope="col"> | 
 |  |  |                             <td colspan="1" align="center" scope="col">条码</td> | 
 |  |  |                             <td class="barcode" colspan="3" align="center" scope="col"> | 
 |  |  |                                 <img class="template-qrcode" src="" width="80%"> | 
 |  |  |                                 <div style="letter-spacing: 2px;margin-top: 3px">xxxxxx</div> | 
 |  |  |                                 <div style="letter-spacing: 2px;margin-top: 3px; text-align: center"> | 
 |  |  |                                     <span>xxxxxx</span> | 
 |  |  |                                 </div> | 
 |  |  |                             </td> | 
 |  |  |                         </tr> | 
 |  |  |                         <tr> | 
 |  |  |                             <td align="right" width="25%">物料编码</td> | 
 |  |  |                             <td align="right" width="25%">xxxxxx-xx/xx</td> | 
 |  |  |                             <td align="right" width="25%">物料名称</td> | 
 |  |  |                             <td align="right" width="25%">xxxxxxx</td> | 
 |  |  |                             <td align="center" width="25%">物料编码</td> | 
 |  |  |                             <td align="center" width="25%">xxxxxx-xx/xx</td> | 
 |  |  |                             <td align="center" width="25%">物料名称</td> | 
 |  |  |                             <td align="center" width="25%">xxxxxxx</td> | 
 |  |  |                         </tr> | 
 |  |  |                         <tr> | 
 |  |  |                             <td align="right" width="25%">物料单位</td> | 
 |  |  |                             <td align="right" width="25%">xxxxxxxx</td> | 
 |  |  |                             <td align="right" width="25%">物料规格</td> | 
 |  |  |                             <td align="right" width="25%">xxxxxxx</td> | 
 |  |  |                             <td align="center" width="25%">物料单位</td> | 
 |  |  |                             <td align="center" width="25%">xxxxxxxx</td> | 
 |  |  |                             <td align="center" width="25%">物料规格</td> | 
 |  |  |                             <td align="center" width="25%">xxxxxxx</td> | 
 |  |  |                         </tr> | 
 |  |  |                     </table> | 
 |  |  |                 </div> | 
 |  |  | 
 |  |  |                 <div id="template-preview-2" 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="right" scope="col">条码</td> | 
 |  |  |                             <td class="barcode" colspan="3" align="left" scope="col"> | 
 |  |  |                             <td align="center" scope="col" width="20%" colspan="1">物料编码</td> | 
 |  |  |                             <td align="center" scope="col" width="80%" colspan="5">xxxxxx-xx/xx</td> | 
 |  |  |                         </tr> | 
 |  |  |                         <tr> | 
 |  |  |                             <td align="center" colspan="1">物料名称</td> | 
 |  |  |                             <td align="center" colspan="5">xxxxxxx</td> | 
 |  |  |                         </tr> | 
 |  |  |                         <tr> | 
 |  |  |                             <td align="center" colspan="1">物料单位</td> | 
 |  |  |                             <td align="center" colspan="5">xxxxxxxx</td> | 
 |  |  |                         </tr> | 
 |  |  |                         <tr> | 
 |  |  |                             <td align="center" colspan="1">物料规格</td> | 
 |  |  |                             <td align="center" colspan="5">xxxxxxx</td> | 
 |  |  |                         </tr> | 
 |  |  |                         <tr> | 
 |  |  |                             <td align="center" colspan="6" style="border: none"> | 
 |  |  |                                 <img class="template-qrcode" src="" width="80%"> | 
 |  |  |                                 <div style="letter-spacing: 2px;margin-top: 3px">xxxxxx</div> | 
 |  |  |                                 <div style="letter-spacing: 2px;margin-top: 3px; text-align: center"> | 
 |  |  |                                     <span>xxxxxx</span> | 
 |  |  |                                 </div> | 
 |  |  |                             </td> | 
 |  |  |                         </tr> | 
 |  |  |                         <tr> | 
 |  |  |                             <td align="right" width="25%">物料编码</td> | 
 |  |  |                             <td align="right" width="25%">xxxxxx-xx/xx</td> | 
 |  |  |                             <td align="right" width="25%">物料名称</td> | 
 |  |  |                             <td align="right" width="25%">xxxxxxx</td> | 
 |  |  |                         </tr> | 
 |  |  |                         <tr> | 
 |  |  |                             <td align="right" width="25%">物料单位</td> | 
 |  |  |                             <td align="right" width="25%">xxxxxxxx</td> | 
 |  |  |                             <td align="right" width="25%">物料规格</td> | 
 |  |  |                             <td align="right" width="25%">xxxxxxx</td> | 
 |  |  |                         </tr> | 
 |  |  |                     </table> | 
 |  |  |                 </div> | 
 |  |  | 
 |  |  |     {{#each data}} | 
 |  |  |     <table class="contain" height="217" width="317" style="overflow: hidden;font-size: xx-small"> | 
 |  |  |         <tr> | 
 |  |  |             <td colspan="1" align="right" scope="col">条码</td> | 
 |  |  |             <td class="barcode" colspan="3" align="left" scope="col"> | 
 |  |  |             <td align="center" colspan="1" scope="col">条码</td> | 
 |  |  |             <td align="center" class="barcode" colspan="3" scope="col"> | 
 |  |  |                 <img class="qrcode" src="{{this.barcodeUrl}}" width="80%"> | 
 |  |  |                 <div style="letter-spacing: 2px;margin-top: 3px">{{this.barcode}}</div> | 
 |  |  |                 <div style="letter-spacing: 2px;margin-top: 3px; text-align: center"> | 
 |  |  |                     <span>{{this.barcode}}</span> | 
 |  |  |                 </div> | 
 |  |  |             </td> | 
 |  |  |         </tr> | 
 |  |  |         <tr> | 
 |  |  |             <td align="right" width="25%">物料编码</td> | 
 |  |  |             <td align="right" width="25%">{{this.matNo}}</td> | 
 |  |  |             <td align="right" width="25%">物料名称</td> | 
 |  |  |             <td align="right" width="25%">{{this.matName}}</td> | 
 |  |  |             <td align="center" width="25%">物料编码</td> | 
 |  |  |             <td align="center" width="25%">{{this.matNo}}</td> | 
 |  |  |             <td align="center" width="25%">物料名称</td> | 
 |  |  |             <td align="center" width="25%">{{this.matName}}</td> | 
 |  |  |         </tr> | 
 |  |  |         <tr> | 
 |  |  |             <td align="right" width="25%">物料单位</td> | 
 |  |  |             <td align="right" width="25%">{{this.str1}}</td> | 
 |  |  |             <td align="right" width="25%">物料规格</td> | 
 |  |  |             <td align="right" width="25%">{{this.str2}}</td> | 
 |  |  |             <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}} | 
 |  |  | </script> | 
 |  |  | <!-- 模板2 --> | 
 |  |  | <script type="text/template" id="templatePreview2"> | 
 |  |  |     {{#each data}} | 
 |  |  |     <table class="contain" height="217" width="317" style="overflow: hidden;font-size: xx-small"> | 
 |  |  |         <tr> | 
 |  |  |             <td align="center" scope="col" width="20%" colspan="1">物料编码</td> | 
 |  |  |             <td align="center" scope="col" width="80%" colspan="5">{{this.matNo}}</td> | 
 |  |  |         </tr> | 
 |  |  |         <tr> | 
 |  |  |             <td align="center" colspan="1">物料名称</td> | 
 |  |  |             <td align="center" colspan="5">{{this.matName}}</td> | 
 |  |  |         </tr> | 
 |  |  |         <tr> | 
 |  |  |             <td align="center" colspan="1">物料单位</td> | 
 |  |  |             <td align="center" colspan="5">{{this.str1}}</td> | 
 |  |  |         </tr> | 
 |  |  |         <tr> | 
 |  |  |             <td align="center" colspan="1">物料规格</td> | 
 |  |  |             <td align="center" colspan="5">{{this.str2}}</td> | 
 |  |  |         </tr> | 
 |  |  |         <tr> | 
 |  |  |             <td align="center" colspan="6" style="border: none"> | 
 |  |  |                 <img class="template-qrcode" src="{{this.barcodeUrl}}" width="80%"> | 
 |  |  |                 <div style="letter-spacing: 2px;margin-top: 3px; text-align: center"> | 
 |  |  |                     <span>{{this.matNo}}</span> | 
 |  |  |                 </div> | 
 |  |  |             </td> | 
 |  |  |         </tr> | 
 |  |  |     </table> | 
 |  |  |     {{/each}} | 
 |  |  | </script> | 
 |  |  | <!-- 模板3 --> | 
 |  |  | <script type="text/template" id="templatePreview3"> |