| | |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label" style="padding: 8px 15px 8px 15px">物料号:</label> |
| | | <div class="layui-input-inline"> |
| | | <input name="matnr" class="layui-input" placeholder="输入商品编号"/> |
| | | <input name="matnr" class="layui-input" placeholder="输入物料号"/> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label" style="padding: 8px 15px 8px 15px">物料号:</label> |
| | | <label class="layui-form-label" style="padding: 8px 15px 8px 15px">物料名称:</label> |
| | | <div class="layui-input-inline"> |
| | | <input name="maktx" class="layui-input" placeholder="输入商品名称"/> |
| | | <input name="maktx" class="layui-input" placeholder="输入物料名称"/> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline"> |
| | |
| | | <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> |
| | | </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> |
| | | </div> |
| | | </fieldset> |
| | | |
| | |
| | | <!-- 模板3 --> |
| | | <script type="text/template" id="templatePreview3" class="template-qrcode"> |
| | | {{#each data}} |
| | | <table class="contain" width="400px" style="overflow: hidden;font-size: xx-small;table-layout: fixed;"> |
| | | <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> |
| | |
| | | text-overflow:ellipsis; |
| | | -webkit-line-clamp: 3; |
| | | -webkit-box-orient: vertical; |
| | | word-break: break-all; |
| | | ">{{this.specs}}</td> |
| | | </tr> |
| | | </table> |
| | | {{/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: 50px; 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> |