| | |
| | | </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="matnr2" 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="maktx" class="layui-input" placeholder="输入物料名称"/> |
| | |
| | | <input id="matnr" name="matnr" placeholder="请输入存货编码" class="layui-input" lay-vertype="tips" lay-verify="required" required=""> |
| | | </div> |
| | | </div> |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label layui-form-required">旧存货编码</label> |
| | | <div class="layui-input-block"> |
| | | <input id="matnr2" name="matnr2" placeholder="请输入旧存货编码" class="layui-input"> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label">规格型号</label> |
| | |
| | | <input name="supp" placeholder="请输入建档人" class="layui-input"> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label">备注</label> |
| | | <div class="layui-input-block"> |
| | | <input name="memo" placeholder="请输入备注" class="layui-input"> |
| | | </div> |
| | | </div> |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label">物料频率</label> |
| | | <div class="layui-input-block"> |
| | | <input name="beBatch" type="number" placeholder="1为高频,其他均为低频" class="layui-input"> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | <hr> |
| | | <!--单选框--> |
| | | <div class="layui-form-item" style="display: inline-block; margin-bottom: 10px"> |
| | | <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"> |
| | | <!-- <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" checked="checked"> |
| | | </div> |
| | | <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"> |
| | | <div id="template-preview-1" 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 colspan="3" align="center" scope="col">物料号</td> |
| | |
| | | </div> |
| | | |
| | | <!-- 预览图 4 --> |
| | | <div id="template-preview-4" class="template-preview" style="display: none"> |
| | | <div id="template-preview-4" 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"> |
| | | <tr style="height: 37px"> |
| | | <td align="center" scope="col" >商品</td> |
| | | <td align="center" scope="col" style="">xxxxxx-xx/xx</td> |
| | | <td align="center" scope="col" colspan="2"> |
| | | <td align="center" scope="col" colspan="2" rowspan="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: 37px"> |
| | | <td align="center" scope="col" >数量</td> |
| | | <td align="center" scope="col" style=""></td> |
| | | </tr> |
| | | <tr style="height: 74px"> |
| | | <td align="center" >规格</td> |
| | |
| | | <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" > |
| | | <tr style="height: 50px;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" > |
| | | <td align="center" scope="col" colspan="3" rowspan="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: 24px;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"></td> |
| | | </tr> |
| | | <tr style="height: 50px; font-size: 18px;font-weight: 400"> |
| | | <td width="50px" align="center" colspan="1">规格</td> |
| | |
| | | -webkit-box-orient: vertical; |
| | | word-break: break-all; |
| | | ">{{this.specs}}</td> |
| | | <td align="center" colspan="1" style=" |
| | | overflow:hidden; |
| | | text-overflow:ellipsis; |
| | | -webkit-line-clamp: 3; |
| | | -webkit-box-orient: vertical; |
| | | word-break: break-all; |
| | | font-size: 11px; |
| | | ">{{this.date}}</td> |
| | | </tr> |
| | | </table> |
| | | {{/each}} |