|  |  |  | 
|---|
|  |  |  | <input type="radio" name="selectTemplate" value="1" title="模板一"  lay-filter="selectTemplateRadio" checked=""> | 
|---|
|  |  |  | <input type="radio" name="selectTemplate" value="2" title="模板二" lay-filter="selectTemplateRadio"> | 
|---|
|  |  |  | <input type="radio" name="selectTemplate" value="3" title="模板三" lay-filter="selectTemplateRadio"> | 
|---|
|  |  |  | <input type="radio" name="selectTemplate" value="4" title="模板四" lay-filter="selectTemplateRadio"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <fieldset class="layui-elem-field site-demo-button" style="margin-top: 30px;text-align: left;"> | 
|---|
|  |  |  | <legend>打印预览</legend> | 
|---|
|  |  |  | 
|---|
|  |  |  | <tr style="height: 74px"> | 
|---|
|  |  |  | <td align="center" colspan="1">规格</td> | 
|---|
|  |  |  | <td align="center" colspan="1" style="overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">xxxxxxx</td> | 
|---|
|  |  |  | </tr> | 
|---|
|  |  |  | </table> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 预览图 4 --> | 
|---|
|  |  |  | <div id="template-preview-4" class="template-preview" style="display: none"> | 
|---|
|  |  |  | <table class="contain" width="280" style="overflow: hidden;font-size: xx-small;table-layout: fixed;"> | 
|---|
|  |  |  | <tr style="height: 74px"> | 
|---|
|  |  |  | <td align="center" scope="col" >商品</td> | 
|---|
|  |  |  | <td align="center" scope="col" style="">xxxxxx-xx/xx</td> | 
|---|
|  |  |  | <td align="center" scope="col" colspan="2"> | 
|---|
|  |  |  | <img class="template-code template-qrcode" src="" width="80%"> | 
|---|
|  |  |  | <div style="letter-spacing: 1px;margin-top: 1px; text-align: center"><span>xxxxxx</span></div> | 
|---|
|  |  |  | </td> | 
|---|
|  |  |  | </tr> | 
|---|
|  |  |  | <tr style="height: 74px"> | 
|---|
|  |  |  | <td align="center" >规格</td> | 
|---|
|  |  |  | <td align="center" colspan="3" >xxxxxxx</td> | 
|---|
|  |  |  | </tr> | 
|---|
|  |  |  | </table> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | {{/each}} | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 模板4 --> | 
|---|
|  |  |  | <script type="text/template" id="templatePreview4" class="template-qrcode"> | 
|---|
|  |  |  | {{#each data}} | 
|---|
|  |  |  | <table class="contain" width="400px" style="overflow: hidden;font-size: xx-small;table-layout: fixed; color:#000;"> | 
|---|
|  |  |  | <tr style="height: 74px;font-size: 18px; font-weight: 400" > | 
|---|
|  |  |  | <td width="50px" align="center" scope="col" colspan="1">商品</td> | 
|---|
|  |  |  | <td width="170px" align="center" scope="col" colspan="1">{{this.maktx}}</td> | 
|---|
|  |  |  | <td align="center" scope="col" colspan="2" > | 
|---|
|  |  |  | <img class="template-code template-qrcode" src="{{this.barcodeUrl}}" width="80%"> | 
|---|
|  |  |  | <div style="letter-spacing: 1px;margin-top: 1px; text-align: center; font-weight: 400"> | 
|---|
|  |  |  | <span>{{this.matnr}}</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </td> | 
|---|
|  |  |  | </tr> | 
|---|
|  |  |  | <tr style="height: 74px; font-size: 18px;font-weight: 400"> | 
|---|
|  |  |  | <td width="50px" align="center" colspan="1">规格</td> | 
|---|
|  |  |  | <td align="center" colspan="3" style=" | 
|---|
|  |  |  | overflow:hidden; | 
|---|
|  |  |  | text-overflow:ellipsis; | 
|---|
|  |  |  | -webkit-line-clamp: 3; | 
|---|
|  |  |  | -webkit-box-orient: vertical; | 
|---|
|  |  |  | word-break: break-all; | 
|---|
|  |  |  | ">{{this.specs}}</td> | 
|---|
|  |  |  | </tr> | 
|---|
|  |  |  | </table> | 
|---|
|  |  |  | {{/each}} | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </body> | 
|---|
|  |  |  | </html> | 
|---|
|  |  |  |  | 
|---|