| | |
| | | height: 36px; |
| | | border-radius: 4px; |
| | | } |
| | | .cool-button-contain { |
| | | text-align: right; |
| | | margin: 20px 0; |
| | | } |
| | | .layui-btn { |
| | | height: 36px; |
| | | line-height: 36px; |
| | | border-radius: 4px; |
| | | box-shadow: 0 1px 0 rgba(0,0,0,.03); |
| | | } |
| | | .layui-btn-primary:hover { |
| | | border-color: #777777; |
| | | } |
| | | </style> |
| | | </head> |
| | | <body> |
| | | <form class="layui-form"> |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label layui-form-required">序列号:</label> |
| | | <label class="layui-form-label layui-form-required">起始序列:</label> |
| | | <div class="layui-input-block"> |
| | | <input name="startNo" placeholder="请输入序列号" class="layui-input" lay-vertype="tips" lay-verify="required|number" required=""> |
| | | <input name="startNo" placeholder="请输入起始序列号" class="layui-input" lay-verify="required|number" autocomplete="off"> |
| | | </div> |
| | | </div> |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label layui-form-required">数量:</label> |
| | | <div class="layui-input-block"> |
| | | <input name="count" placeholder="请输入数量" class="layui-input" lay-verify="required|number" autocomplete="off"> |
| | | </div> |
| | | </div> |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label layui-form-required">码类型:</label> |
| | | <div class="layui-input-block"> |
| | | <input type="radio" name="sex" value="1" title="条形码" checked=""> |
| | | <input type="radio" name="sex" value="2" title="二维码"> |
| | | </div> |
| | | </div> |
| | | <div class="layui-form-item cool-button-contain"> |
| | | <button class="layui-btn layui-btn-normal" lay-filter="print" lay-submit="">打印</button> |
| | | <button class="layui-btn layui-btn-primary" id="cancel">取消</button> |
| | | </div> |
| | | </form> |
| | | </body> |
| | | <script> |
| | | layui.use(['form'], function() { |
| | | var $ = layui.jquery; |
| | | var form = layui.form; |
| | | |
| | | form.on('submit(print)', function (data) { |
| | | }); |
| | | |
| | | $('#cancel').click(function () { |
| | | var index = parent.layer.getFrameIndex(window.name); |
| | | parent.layer.close(index); |
| | | }) |
| | | |
| | | }); |
| | | </script> |
| | | </html> |