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