From d215be45e0b8fa3690b20bced5e4d181b0f17aa2 Mon Sep 17 00:00:00 2001 From: 王佳豪 <g675230687@126.com> Date: 星期一, 31 五月 2021 11:18:12 +0800 Subject: [PATCH] pda库存库存查询 --- src/main/webapp/views/pda/index.html | 5 src/main/webapp/views/pda/stockSearch.html | 329 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 332 insertions(+), 2 deletions(-) diff --git a/src/main/webapp/views/pda/index.html b/src/main/webapp/views/pda/index.html index 85e86cd..198a660 100644 --- a/src/main/webapp/views/pda/index.html +++ b/src/main/webapp/views/pda/index.html @@ -38,7 +38,7 @@ border-right: 1px solid #f1f1f1; } .nav li a { - font-size: 20px; + font-size: 15px; letter-spacing: 1px; display: block; text-decoration: none; @@ -61,7 +61,7 @@ /* 涓讳綋 */ #content { - padding-top: 32px; + padding-top: 26px; width: 100%; height: 100%; } @@ -80,6 +80,7 @@ <li><a id="stockCheck" onclick="nav(this.id)" class="nav-unselect" href="#">鐩樼偣</a></li> <li><a id="comb" 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="stockSearch" onclick="nav(this.id)" class="nav-unselect" href="#">搴撳瓨</a></li> </ul> <!-- 涓讳綋鍐呭 --> diff --git a/src/main/webapp/views/pda/stockSearch.html b/src/main/webapp/views/pda/stockSearch.html new file mode 100644 index 0000000..12fc7fe --- /dev/null +++ b/src/main/webapp/views/pda/stockSearch.html @@ -0,0 +1,329 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <title>搴撳瓨</title> + <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all"> + <link rel="stylesheet" href="../../static/css/pda.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> + .number-tool { + margin-left: 10px; + padding: 1px 0 1px 5px; + display: inline-block; + width: 120px; + } + .number-tool:after { + clear: both; + content: ""; + display: table; + } + .number-tool button { + background-color: #fff; + margin-top: 3px; + font-size: 16px; + height: 25px; + float: left; + width: 25px; + border: 1px solid #777777; + } + .number-tool input { + text-align: center; + height: 30px; + float: left; + margin: 0 5px; + width: 50px; + padding: 0; + } + #confirm { + margin: 10px 10px; + padding: 5px 20px; + font-weight: 600; + } + #remove { + margin: 10px 10px; + padding: 5px 20px; + color: darkred; + } + + /**缁胯壊鍕�*/ + #node-ok { + float: left; + width: 15px; + height: 15px; + border-radius: 50%; + margin-top: 13px; + background-color: #2ac845; + display: none; + } + </style> +</head> +<body> +<!-- 澶撮儴 --> +<header> + <div class="layui-input-inline" style="margin-top: 0px"> + <label class="layui-form-label">璐т綅</label> + <input class="layui-input" id="locNo" onkeyup="find(this)" placeholder="鎵爜 / 杈撳叆" autocomplete="off" style="width: 65%; height: 40px; margin-right: 0;float: left"> + <span id="node-ok"></span> + </div> +</header> + +<!-- 涓讳綋 --> +<main> + <table class="layui-table" id="chooseData" lay-filter="chooseData"></table> +</main> +<!-- 灏鹃儴 --> +<footer> + <div class="layui-btn-container"> + <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="check()" style="margin-left: 20px">纭</button> + <span id="tips"></span> + </div> +</footer> + +</body> +<script> + window.onload = function(){document.getElementById("locNo").focus();} + var tableIns; + var anfmeLayer; + layui.use(['table','laydate', 'form'], function() { + var table = layui.table; + var $ = layui.jquery; + var layer = layui.layer; + var form = layui.form; + + tableIns = table.render({ + elem: '#chooseData', + data: [], + limit: 500, + cellMinWidth: 50, + cols: [[ + {align: 'center', field: 'anfme', title: '鏁伴噺', style:'color: blue;', width:80}, + // {field: 'matnr', align: 'center', title: '鍟嗗搧缂栧彿', event: 'modify'}, + {field: 'maktx', align: 'center', title: '鍟嗗搧鍚嶇О'} + ]], + done: function (res, curr, count) { + } + }); + + }); + + /** + * 鏍规嵁閫氱煡鍗曞彿鏌ヨ鐗╂枡璇︽儏 + */ + function find(el){ + if (isEmpty(el.value)) { + $('#node-ok').hide(); + return; + } + $.ajax({ + url: baseUrl + "/locDetl/queryDetl/auth", + headers: {'token': localStorage.getItem('token')}, + data: { + uuid: el.value + }, + method: 'GET', + success: function (res) { + if (res.code === 200) { + locDetlData = []; + initTableData(res.data); + if (res.data != null && res.data.length > 0) { + $('#node-ok').show(); + } else { + $('#node-ok').hide(); + } + } else if (res.code === 403) { + top.location.href = baseUrl + "/pda"; + } else { + tips(res.msg, true) + } + } + }) + } + + // 娣诲姞琛ㄦ牸鏁版嵁 + var locDetlData = []; + function initTableData(data) { + for (var i=0;i<data.length;i++) { + var toPush = true; + for (var j=0;j<locDetlData.length;j++){ + if (data[i].matnr === locDetlData[j].matnr) { + toPush = false; + } + } + if (toPush) { + locDetlData.push(data[i]); + } + } + tableIns.reload({data: locDetlData}); + } + function addTableData(data) { + if (isEmpty(data.matnr)){ + tips("鎻愬彇澶辫触", true); + return; + } + var toPush = true; + for (var j=0;j<locDetlData.length;j++){ + if (data.matnr === locDetlData[j].matnr) { + toPush = false; + } + } + if (toPush) { + locDetlData.push(data); + } + tableIns.reload({data: locDetlData}); + } + + /************************************* 鏁伴噺 ****************************************/ + var countDom = $('#count'); + var minCount = 0; + function add() { + countDom.val(Number(countDom.val()) + 1); + } + function reduce() { + if (countDom.val() <= minCount) { + return; + } + countDom.val(countDom.val() - 1); + } + + // 淇敼鏁伴噺 + function confirm(){ + var matnr = $('#matnr').val(); + var count = $('#count').val(); + for (var j=0;j<locDetlData.length;j++){ + if (matnr === locDetlData[j].matnr) { + if (count < minCount) { + tips("鏁伴噺蹇呴』澶т簬0", true); + return; + } + locDetlData[j].count = Number(count); + } + } + tableIns.reload({data: locDetlData}); + layer.close(anfmeLayer); + tips("淇敼鎴愬姛"); + } + + // 绉婚櫎鐗╂枡 + function remove() { + var matnr = $('#matnr').val(); + for (var j=0;j<locDetlData.length;j++){ + if (matnr === locDetlData[j].matnr) { + locDetlData.splice(j, 1); + } + } + tableIns.reload({data: locDetlData}); + layer.close(anfmeLayer); + tips("绉婚櫎鎴愬姛"); + } + + + + /************************************* 琛ュ厖 ****************************************/ + var matCodeLayerIdx; + function replenish() { + matCodeLayerIdx = layer.open({ + type: 2, + title: '琛ュ厖鍟嗗搧', + shade: [0.3,'#000'], + area: ['90%', '80%'], + content: 'matQuery.html', + success: function(layero, index){ + $('.layui-layer-title').css('font-size', '16px'); + $('.layui-layer.layui-layer-iframe').css('border-radius', '8px'); + }, + end: function () { + // $('#mat-btn').focus(); + } + }); + } + + + + + + + + + + + + + + + + // 閲嶇疆 + function reset() { + $('#locNo').val(""); + $('#node-ok').hide(); + locDetlData = []; + tableIns.reload({data: locDetlData}); + } + + // 纭 + function check() { + var locNo = $('#locNo').val(); + if (isEmpty(locNo)) { + tips("璐т綅涓嶈兘涓虹┖", true); + return; + } + if (locDetlData.length > 0) { + for (var i = 0; i<locDetlData.length; i++) { + if (locDetlData[i].count === null || locDetlData[i].count === 0) { + tips(locDetlData[i].matnr + "鍟嗗搧鏁伴噺閿欒", true); + return; + } + } + } + $.ajax({ + url: baseUrl+"/work/stock/check", + headers: {'token': localStorage.getItem('token')}, + data: JSON.stringify({ + locNo: locNo, + dtos: locDetlData + }), + contentType:'application/json;charset=UTF-8', + method: 'POST', + async: false, + success: function (res) { + if (res.code === 200) { + reset(); + tips("鐩樼偣鎴愬姛") + } else if (res.code === 403) { + top.location.href = baseUrl + "/pda"; + } else { + tips(res.msg, true) + } + } + }) + } + + /** + * 鎻愮ず淇℃伅 + * @param msg 鎻愮ず鍐呭 + * @param warn true锛氱孩鑹插瓧浣� + */ + function tips(msg, warn) { + layer.msg(msg, {icon: warn?2:1}) + } + + 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) { + $("#locNo").val(""); + $("#locNo").focus(); + } + } +</script> +</html> \ No newline at end of file -- Gitblit v1.9.1