| | |
|---|
| | | <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all"> |
|---|
| | | <link rel="stylesheet" href="../../static/css/cool.css" media="all"> |
|---|
| | | <link rel="stylesheet" href="../../static/css/common.css" media="all"> |
|---|
| | | <link rel="stylesheet" href="../../static/css/print.css" media="all"> |
|---|
| | | <link rel="stylesheet" href="../../static/css/optimize.css" media="all"> |
|---|
| | | <style> |
|---|
| | | .btn-tray { |
|---|
| | | display: none; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #print-windows .layui-form { |
|---|
| | | padding: 25px 30px 0 0; |
|---|
| | | } |
|---|
| | | #print-windows .layui-form-label { |
|---|
| | | padding: 8px 15px; |
|---|
| | | box-sizing: content-box; |
|---|
| | | -webkit-box-sizing: content-box; |
|---|
| | | } |
|---|
| | | #print-windows .layui-form-required:before { |
|---|
| | | content: "*"; |
|---|
| | | display: inline-block; |
|---|
| | | font-family: SimSun,serif; |
|---|
| | | margin-right: 4px; |
|---|
| | | font-size: 14px; |
|---|
| | | line-height: 1; |
|---|
| | | color: #ed4014; |
|---|
| | | } |
|---|
| | | #print-windows .layui-input { |
|---|
| | | height: 36px; |
|---|
| | | border-radius: 4px; |
|---|
| | | } |
|---|
| | | #print-windows .cool-button-contain { |
|---|
| | | text-align: right; |
|---|
| | | margin: 20px 0; |
|---|
| | | } |
|---|
| | | #print-windows .layui-form-radio>i:hover, .layui-form-radioed>i { |
|---|
| | | color: #007bff; |
|---|
| | | } |
|---|
| | | #print-windows .layui-btn { |
|---|
| | | height: 36px; |
|---|
| | | line-height: 36px; |
|---|
| | | border-radius: 4px; |
|---|
| | | box-shadow: 0 1px 0 rgba(0,0,0,.03); |
|---|
| | | } |
|---|
| | | #print-windows .layui-btn-primary:hover { |
|---|
| | | border-color: #777777; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | </head> |
|---|
| | | <body> |
|---|
| | | |
|---|
| | |
|---|
| | | <div class="layui-form"> |
|---|
| | | <table class="layui-hide" id="trayCode" lay-filter="trayCode"></table> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div id="printBox" style="display: block; height: 150px; width: 300px;padding-left: 0px"></div> |
|---|
| | | |
|---|
| | | <script type="text/html" id="toolbar"> |
|---|
| | | <div class="layui-btn-container"> |
|---|
| | | <button class="layui-btn layui-btn-normal" id="btn-tray" lay-event="btnTray"><i class="layui-icon layui-icon-print" style="font-size: 15px"></i>生成托盘码</button> |
|---|
| | |
|---|
| | | |
|---|
| | | <script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script> |
|---|
| | | <script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script> |
|---|
| | | <script type="text/javascript" src="../../static/js/jquery/jQuery.print.js"></script> |
|---|
| | | <script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script> |
|---|
| | | <script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script> |
|---|
| | | <script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script> |
|---|
| | | <script type="text/javascript" src="../../static/js/trayCode/trayCode.js" charset="utf-8"></script> |
|---|
| | | |
|---|
| | | <iframe id="detail-iframe" scrolling="auto" style="display:none;"></iframe> |
|---|
| | | |
|---|
| | | <div id="print-windows" style="display: none"> |
|---|
| | | <div class="layui-form"> |
|---|
| | | <div class="layui-form-item"> |
|---|
| | | <label class="layui-form-label layui-form-required">起始序列:</label> |
|---|
| | | <div class="layui-input-block"> |
|---|
| | | <input id="startNo" 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 id="count" name="count" type="number" 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="type" value="1" title="条形码" checked=""> |
|---|
| | | <input type="radio" name="type" value="2" title="二维码"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="layui-form-item cool-button-contain"> |
|---|
| | | <button class="layui-btn layui-btn-normal" id="print" lay-filter="print" lay-submit="">打印</button> |
|---|
| | | <button class="layui-btn layui-btn-primary" id="cancel">取消</button> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </body> |
|---|
| | | <script type="text/template" id="trayCodeTemplate"> |
|---|
| | | {{#each data}} |
|---|
| | | <img class="template-code" src="{{this.barcodeUrl}}" width="100%"> |
|---|
| | | <div style="letter-spacing: 2px;margin-top: 1px; text-align: center"> |
|---|
| | | <span>{{this.item}}</span> |
|---|
| | | </div> |
|---|
| | | {{/each}} |
|---|
| | | </script> |
|---|
| | | </html> |
|---|
| | | |
|---|
