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