|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .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"> | 
|---|