| New file |
| | |
|---|
| | | <!DOCTYPE html> |
|---|
| | | <html lang="en"> |
|---|
| | | <head> |
|---|
| | | <meta charset="UTF-8"> |
|---|
| | | <meta name="viewport" content="width=device-width, target-densitydpi=high-dpi, initial-scale=1.0, user-scalable=no"/> |
|---|
| | | <title>组托</title> |
|---|
| | | <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all"> |
|---|
| | | <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/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/handlebars/handlebars-v4.5.3.js"></script> |
|---|
| | | <style> |
|---|
| | | * { |
|---|
| | | font-family: microsoft yahei,serif; |
|---|
| | | margin: 0; |
|---|
| | | padding: 0; |
|---|
| | | box-sizing: border-box; |
|---|
| | | -webkit-box-sizing: border-box; |
|---|
| | | -moz-box-sizing: border-box; |
|---|
| | | font-size: 11px; |
|---|
| | | } |
|---|
| | | html { |
|---|
| | | height: 100%; |
|---|
| | | background-color: #f1f1f1; |
|---|
| | | padding: 5px; |
|---|
| | | } |
|---|
| | | body { |
|---|
| | | height: 100%; |
|---|
| | | background-color: #fff; |
|---|
| | | border-radius: 5px; |
|---|
| | | box-shadow: 0 0 3px rgba(0,0,0,.3); |
|---|
| | | padding: 5px; |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 头部 */ |
|---|
| | | header { |
|---|
| | | padding: 5px 0; |
|---|
| | | } |
|---|
| | | .layui-form-label { |
|---|
| | | width: initial; |
|---|
| | | padding: 6px 10px; |
|---|
| | | } |
|---|
| | | #code { |
|---|
| | | width: 70%; |
|---|
| | | height: 30px; |
|---|
| | | } |
|---|
| | | header button { |
|---|
| | | height: 20px; |
|---|
| | | width: 70px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 主体 */ |
|---|
| | | .layui-table, .layui-table-view { |
|---|
| | | margin: 0; |
|---|
| | | } |
|---|
| | | .layui-table-view .layui-table td, .layui-table-view .layui-table th { |
|---|
| | | padding: 0; |
|---|
| | | } |
|---|
| | | .layui-table-cell { |
|---|
| | | padding: 0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 尾部 */ |
|---|
| | | footer { |
|---|
| | | position: absolute; |
|---|
| | | bottom: 5px; |
|---|
| | | text-align: center; |
|---|
| | | } |
|---|
| | | .layui-btn-container .layui-btn { |
|---|
| | | margin-left: 10px; |
|---|
| | | margin-bottom: 2px; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | </head> |
|---|
| | | <body> |
|---|
| | | <!-- 头部 --> |
|---|
| | | <header> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <label class="layui-form-label">条码</label> |
|---|
| | | <input class="layui-input" type="text" id="code" placeholder="请扫码或输入" autocomplete="off"> |
|---|
| | | </div> |
|---|
| | | <div style="margin: 5px 5px"> |
|---|
| | | <button type="button" class="layui-btn layui-btn-normal layui-btn-xs"><i class="layui-icon">+</i>提取</button> |
|---|
| | | </div> |
|---|
| | | </header> |
|---|
| | | |
|---|
| | | <!-- 主体 --> |
|---|
| | | <main> |
|---|
| | | <table class="layui-table" id="chooseData" lay-filter="chooseData"></table> |
|---|
| | | </main> |
|---|
| | | <!-- 尾部 --> |
|---|
| | | <footer> |
|---|
| | | <div class="layui-btn-container"> |
|---|
| | | <button type="button" class="layui-btn layui-btn-xs">重置</button> |
|---|
| | | <button type="button" class="layui-btn layui-btn-normal layui-btn-xs">组托</button> |
|---|
| | | </div> |
|---|
| | | </footer> |
|---|
| | | </body> |
|---|
| | | <script> |
|---|
| | | layui.use(['table','laydate', 'form'], function() { |
|---|
| | | var table = layui.table; |
|---|
| | | var $ = layui.jquery; |
|---|
| | | var layer = layui.layer; |
|---|
| | | var layDate = layui.laydate; |
|---|
| | | var form = layui.form; |
|---|
| | | |
|---|
| | | tableIns = table.render({ |
|---|
| | | elem: '#chooseData', |
|---|
| | | data: [], |
|---|
| | | even: true, |
|---|
| | | limit: 500, |
|---|
| | | cellMinWidth: 50, |
|---|
| | | cols: [[ |
|---|
| | | {fixed: 'left', field: 'count', title: '数量', align: 'center', edit:'text', style:'color: blue;font-weight: bold', width:50}, |
|---|
| | | {field: 'matNo', align: 'center', title: '物料编码'}, |
|---|
| | | {field: 'matName', align: 'center', title: '物料名称'} |
|---|
| | | ]], |
|---|
| | | done: function (res, curr, count) { |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | |
|---|
| | | }); |
|---|
| | | </script> |
|---|
| | | </html> |
|---|
