| | |
| | | box-sizing: border-box; |
| | | -webkit-box-sizing: border-box; |
| | | -moz-box-sizing: border-box; |
| | | font-size: 11px; |
| | | font-size: 16px; |
| | | } |
| | | html { |
| | | height: 100%; |
| | |
| | | .layui-form-label { |
| | | width: initial; |
| | | padding: 6px 10px; |
| | | line-height: 30px; |
| | | } |
| | | #code { |
| | | width: 75%; |
| | | height: 30px; |
| | | height: 40px; |
| | | margin-right: 0; |
| | | } |
| | | header button { |
| | | height: 20px; |
| | | width: 70px; |
| | | } |
| | | #mat-btn:focus { |
| | | } |
| | | |
| | | /* layer */ |
| | |
| | | |
| | | /* 主体 */ |
| | | main { |
| | | height: 170px; |
| | | height: 235px; |
| | | overflow: auto; |
| | | } |
| | | .layui-table, .layui-table-view { |
| | |
| | | padding: 0; |
| | | } |
| | | .layui-table-cell { |
| | | height: 22px; |
| | | line-height: 22px; |
| | | height: 32px; |
| | | line-height: 32px; |
| | | padding: 0; |
| | | } |
| | | .layui-table-grid-down { |
| | |
| | | } |
| | | /* 尾部 */ |
| | | footer { |
| | | position: absolute; |
| | | bottom: 5px; |
| | | margin-top: 20px; |
| | | width: 100%; |
| | | } |
| | | .layui-btn-container .layui-btn { |
| | |
| | | overflow:hidden; |
| | | white-space:nowrap; |
| | | text-overflow:ellipsis; |
| | | font-size: 12px; |
| | | } |
| | | |
| | | .layui-btn-primary:hover { |
| | |
| | | <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" onclick="getMat()"><i class="layui-icon">+</i>提取</button> |
| | | <button id="mat-btn" type="button" class="layui-btn layui-btn-normal" onclick="getMat()"><i class="layui-icon">+</i>提取</button> |
| | | </div> |
| | | </header> |
| | | |
| | |
| | | <!-- 尾部 --> |
| | | <footer> |
| | | <div class="layui-btn-container"> |
| | | <button type="button" class="layui-btn layui-btn-xs layui-btn-primary" onclick="reset()">重置</button> |
| | | <button type="button" class="layui-btn layui-btn-normal layui-btn-xs" onclick="comb()" style="margin-left: 20px">组托</button> |
| | | <button type="button" id="reset-btn" class="layui-btn layui-btn-primary" onclick="reset()">重置</button> |
| | | <button type="button" id="comb-btn" class="layui-btn layui-btn-normal " onclick="comb()" style="margin-left: 20px">组托</button> |
| | | <span id="tips"></span> |
| | | </div> |
| | | </footer> |
| | |
| | | limit: 500, |
| | | cellMinWidth: 50, |
| | | cols: [[ |
| | | {fixed: 'left', align: 'center', field: 'count', title: '量', style:'color: blue', width:20}, |
| | | {fixed: 'left', align: 'center', field: 'count', title: '数量', style:'color: blue', width:50}, |
| | | {field: 'matNo', align: 'center', title: '物料编码'}, |
| | | {field: 'matName', align: 'center', title: '物料名称'} |
| | | ]], |
| | |
| | | function getMat() { |
| | | matCodeLayerIdx = layer.open({ |
| | | type: 2, |
| | | title: '物料', |
| | | title: '提取物料', |
| | | shade: [0.3,'#000'], |
| | | area: ['90%', '90%'], |
| | | area: ['90%', '80%'], |
| | | content: 'matQuery.html', |
| | | success: function(layero, index){ |
| | | $('.layui-layer-title').css('height', '20px').css('line-height', '20px').css('font-size', '12px').css('padding-left', '10px') |
| | | $('.layui-layer-setwin').css("top", '2px').css('right', '3px') |
| | | $('.layui-layer-title').css('font-size', '16px'); |
| | | }, |
| | | end: function () { |
| | | $('#mat-btn').focus(); |
| | | } |
| | | }); |
| | | } |
| | |
| | | let barcode = $('#code').val(); |
| | | if (isEmpty(barcode)) { |
| | | tips("托盘条码为空", true); |
| | | document.getElementById("code").focus(); |
| | | // document.getElementById("code").focus(); |
| | | return; |
| | | } |
| | | if (barcode.length !== 8) { |
| | |
| | | tips.html(msg); |
| | | tips.css("color", warn?"red":'#666'); |
| | | } |
| | | |
| | | document.onkeyup = function (e) { |
| | | if (window.event)//如果window.event对象存在,就以此事件对象为准 |
| | | e = window.event; |
| | | var key = e.charCode || e.keyCode; |
| | | if (key === 115) { |
| | | $("#comb-btn").focus(); |
| | | comb(); |
| | | } else if (key === 113) { |
| | | $("#code").focus(); |
| | | } |
| | | } |
| | | </script> |
| | | </html> |
| | |
| | | } |
| | | body { |
| | | height: 100%; |
| | | /*overflow: hidden;*/ |
| | | } |
| | | |
| | | /* 导航 */ |
| | |
| | | border-right: 1px solid #f1f1f1; /*todo*/ |
| | | } |
| | | .nav li a { |
| | | font-size: 14px; |
| | | font-size: 20px; |
| | | letter-spacing: 1px; |
| | | display: block; |
| | | text-decoration: none; |
| | |
| | | |
| | | /* 主体 */ |
| | | #content { |
| | | padding-top: 25px; |
| | | padding-top: 32px; |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | |
| | | <!-- 导航栏 --> |
| | | <ul class="nav"> |
| | | <li><a id="comb" onclick="nav(this.id)" class="nav-select" href="#">组托</a></li> |
| | | <li><a id="stockIn" onclick="nav(this.id)" class="nav-unselect" href="#">入库</a></li> |
| | | <li><a id="stockOut" onclick="nav(this.id)" class="nav-unselect" href="#">出库</a></li> |
| | | <!-- <li><a id="stockIn" onclick="nav(this.id)" class="nav-unselect" href="#">入库</a></li>--> |
| | | <!-- <li><a id="stockOut" onclick="nav(this.id)" class="nav-unselect" href="#">出库</a></li>--> |
| | | </ul> |
| | | |
| | | <!-- 主体内容 --> |
| | |
| | | box-sizing:border-box; |
| | | background: #fff; |
| | | height: 100%; |
| | | padding: 60px 40px; |
| | | padding: 100px 60px; |
| | | text-align: center; |
| | | overflow: hidden; |
| | | } |
| | |
| | | position: relative; |
| | | } |
| | | .layui-form-item .layui-input { |
| | | height: 30px; |
| | | height: 40px; |
| | | padding-left: 20px; |
| | | font-size: 14px; |
| | | font-size: 16px; |
| | | border: 1px solid #767676; |
| | | color: inherit; |
| | | border-radius: 3px; |
| | |
| | | |
| | | .form-box { |
| | | padding: 15px 5px 5px 5px; |
| | | font-size: 12px; |
| | | font-size: 16px; |
| | | text-align: center; |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | .form-box span { |
| | | font-size: 12px; |
| | | font-size: 16px; |
| | | display: inline-block; |
| | | text-align: right; |
| | | width: 50px; |
| | | width: 70px; |
| | | } |
| | | .form-box input { |
| | | width: 120px; |
| | | margin-left: 10px; |
| | | padding-left: 5px; |
| | | height: 20px; |
| | | height: 30px; |
| | | border: 1px solid #777777; |
| | | overflow:hidden; |
| | | white-space:nowrap; |
| | |
| | | } |
| | | .number-tool button { |
| | | background-color: #fff; |
| | | margin-top: 2px; |
| | | font-size: 13px; |
| | | height: 18px; |
| | | margin-top: 3px; |
| | | font-size: 16px; |
| | | height: 25px; |
| | | float: left; |
| | | width: 20px; |
| | | width: 25px; |
| | | border: 1px solid #777777; |
| | | } |
| | | .number-tool input { |
| | | text-align: center; |
| | | height: 20px; |
| | | height: 30px; |
| | | float: left; |
| | | margin: 0 5px; |
| | | width: 30px; |
| | | width: 40px; |
| | | padding: 0; |
| | | } |
| | | </style> |
| | |
| | | $('#matName').val(res.data.matName); |
| | | $('#str1').val(res.data.str1); |
| | | $('#str2').val(res.data.str2); |
| | | countDom.focus().val(initMatCount) |
| | | countDom.val(initMatCount); |
| | | $('#confirm').focus(); |
| | | } |
| | | } else if (res.code === 403) { |
| | | top.location.href = baseUrl + "/pda"; |
| | |
| | | $(document).on('click','#confirm', function () { |
| | | }) |
| | | |
| | | $('body').keydown(function () { |
| | | if (event.keyCode === 13) { |
| | | $("#confirm").click(); |
| | | } |
| | | }); |
| | | // $('body').keydown(function () { |
| | | // if (event.keyCode === 13) { |
| | | // $("#confirm").click(); |
| | | // } |
| | | // }); |
| | | |
| | | function add() { |
| | | countDom.val(Number(countDom.val()) + 1); |
| | |
| | | countDom.val(countDom.val() - 1); |
| | | } |
| | | |
| | | |
| | | document.onkeyup = function (e) { |
| | | if (window.event)//如果window.event对象存在,就以此事件对象为准 |
| | | e = window.event; |
| | | var key = e.charCode || e.keyCode; |
| | | if (key === 115) { |
| | | confirm(); |
| | | } |
| | | } |
| | | |
| | | </script> |
| | | </html> |