From c63a3e95de481b30c6b954d2a9fa6159fda40bdd Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@63.com>
Date: 星期五, 24 九月 2021 13:24:02 +0800
Subject: [PATCH] 1

---
 src/main/webapp/views/pda/locNormalIn.html |  281 ++++++++++++++++++++++++++++++++++++++++++++++++++-----
 1 files changed, 252 insertions(+), 29 deletions(-)

diff --git a/src/main/webapp/views/pda/locNormalIn.html b/src/main/webapp/views/pda/locNormalIn.html
index 4b50791..8b1d8c1 100644
--- a/src/main/webapp/views/pda/locNormalIn.html
+++ b/src/main/webapp/views/pda/locNormalIn.html
@@ -13,7 +13,65 @@
     <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;
+        }
+
+        .form-box span {
+            font-size: 16px;
+            display: inline-block;
+            text-align: right;
+        }
+
+        .form-box input {
+            width: 165px;
+            padding-left: 5px;
+            height: 30px;
+            border: 1px solid #777777;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+        }
     </style>
 </head>
 <body>
@@ -62,6 +120,60 @@
         <span id="tips"></span>
     </div>
 </footer>
+
+<!-- 淇敼鏁伴噺寮圭獥 -->
+<div id="modify" style="display: none; text-align: center;padding-top: 10px">
+    <div class="form-box">
+        <div class="form-item">
+            <table style="display: none">
+                <tr>
+                    <td>
+                        <span style="width: 35px; margin-right: 5px">鐗╂枡</span>
+                    </td>
+                    <td style="text-align: left">
+                        <input id="matNo" type="text" disabled="disabled">
+                    </td>
+                </tr>
+            </table>
+        </div>
+        <div class="form-item">
+            <table style="display: inline">
+                <tr>
+                    <td style="vertical-align: top">
+                        <span style="width: 35px; margin-right: 5px">鍚嶇О</span>
+                    </td>
+                    <td style="text-align: left">
+                    <textarea rows="2" style="resize: none; width: 165px" id="matName" type="text" disabled="disabled"
+                              readonly="readonly"></textarea>
+                    </td>
+                </tr>
+            </table>
+        </div>
+        <div class="form-item">
+            <table style="display: inline">
+                <tr>
+                    <td>
+                        <span style="width: 35px; margin-right: 5px">鍗曞彿</span>
+                    </td>
+                    <td style="text-align: left">
+                        <input id="mnemonic" type="text" disabled="disabled">
+                    </td>
+                </tr>
+            </table>
+        </div>
+    </div>
+    <div class="form-item" style="margin-top: 5px">
+        <span style="vertical-align: middle">鏁伴噺</span>
+        <div class="number-tool" style="vertical-align: middle">
+            <button onclick="reduce()">-</button>
+            <input id="count" type="number">
+            <button onclick="add()">+</button>
+        </div>
+    </div>
+    <button id="remove" onclick="remove()">绉婚櫎</button>
+    <button id="confirm" onclick="confirm()">淇濆瓨</button>
+</div>
+
 </body>
 <script>
     var tableIns;
@@ -80,13 +192,36 @@
             limit: 500,
             cellMinWidth: 50,
             cols: [[
-                {field: 'matNo', align: 'center', title: '鐗╂枡缂栫爜'},
-                {field: 'mnemonic', align: 'center', title: '鐢熶骇鍗曞彿'},
-                { field: 'count', align: 'center', title: '鏁伴噺', style: 'color: blue', width: 50},
-                {field: 'matName', align: 'center', title: '鐗╂枡鍚嶇О'},
-
+                {field: 'matNo', align: 'center', title: '鐗╂枡缂栫爜', event: 'modify'},
+                {field: 'mnemonic', align: 'center', title: '鐢熶骇鍗曞彿', event: 'modify'},
+                {field: 'count', align: 'center', title: '鏁伴噺', style: 'color: blue', width: 50, event: 'modify'},
+                {field: 'matName', align: 'center', title: '鐗╂枡鍚嶇О', event: 'modify'},
             ]],
             done: function (res, curr, count) {
+            }
+        });
+
+        // 鐩戝惉琛屽伐鍏蜂簨浠�
+        table.on('tool(chooseData)', function (obj) {
+            var data = obj.data;
+            switch (obj.event) {
+                case 'modify':
+                    countLayer = layer.open({
+                        type: 1,
+                        offset: '20px',
+                        title: '淇敼鏁伴噺',
+                        shadeClose: true,
+                        area: ['80%', '300px'],
+                        content: $("#modify"),
+                        success: function (layero, index) {
+                            $('#matNo').val(data.matNo);
+                            $('#matName').val(data.matName);
+                            $('#count').val(data.count);
+                            $('#mnemonic').val(data.mnemonic);
+                            maxCount = data.count;
+                        }
+                    });
+                    break;
             }
         });
 
@@ -107,13 +242,80 @@
                     $('#uuid').append(html);
                     layui.form.render('select');
                 } else if (res.code === 403) {
-                    top.location.href = baseUrl + "/";
+                    top.location.href = baseUrl + "/pda";
                 } else {
                     layer.msg(res.msg)
                 }
             }
         });
     });
+
+    /*************************************  鏁伴噺  ****************************************/
+    var countDom = $('#count');
+    var minCount = 1;
+    var maxCount = 1;
+    function add() {
+        if (countDom.val() >= maxCount) {
+            return;
+        }
+        countDom.val(Number(countDom.val()) + 1);
+    }
+
+    function reduce() {
+        if (countDom.val() <= minCount) {
+            return;
+        }
+        countDom.val(countDom.val() - 1);
+    }
+
+    // 淇敼鏁伴噺
+    function confirm() {
+        var matNo = $('#matNo').val();
+        var count = $('#count').val();
+        if (count > maxCount) {
+            alert("鏁伴噺涓嶈兘瓒呰繃" + maxCount);
+            return;
+        }
+        if (count < minCount) {
+            alert("鏁伴噺涓嶈兘浣庝簬" + minCount);
+            return;
+        }
+        var mnemonic = $("#mnemonic").val() === '' ? null : $("#mnemonic").val();
+        for (var j = 0; j < matData.length; j++) {
+            if (mnemonic) {
+                if (matNo === matData[j].matNo && mnemonic === matData[j].mnemonic) {
+                    matData[j].count = Number(count);
+                }
+            } else {
+                if (matNo === matData[j].matNo) {
+                    matData[j].count = Number(count);
+                }
+            }
+        }
+        tableIns.reload({data: matData});
+        layer.close(countLayer);
+        tips("淇敼鎴愬姛");
+    }
+
+    function remove() {
+        var matnr = $('#matNo').val();
+        var index = $('#index').val();
+        var mnemonic = $("#mnemonic").val() === '' ? null : $("#mnemonic").val();
+        for (var j = 0; j < matData.length; j++) {
+            if (mnemonic) {
+                if (matnr === matData[j].matNo && mnemonic === matData[j].mnemonic) {
+                    matData.splice(j, 1);
+                }
+            } else {
+                if (matnr === matData[j].matNo) {
+                    matData.splice(j, 1);
+                }
+            }
+        }
+        tableIns.reload({data: matData});
+        layer.close(countLayer);
+        tips("绉婚櫎鎴愬姛");
+    }
 
     window.onload = function () {
         document.getElementById("uuid").focus();
@@ -190,26 +392,50 @@
         });
 
         // 璇锋眰淇濆瓨鎺ュ彛
-        $.ajax({
-            url: baseUrl + "/locNormal/pda/in",
-            headers: {'token': localStorage.getItem('token')},
-            data: JSON.stringify({
-                normalList: data,
-            }),
-            contentType: 'application/json;charset=UTF-8',
-            method: 'POST',
-            async: false,
-            success: function (res) {
-                if (res.code === 200) {
-                    reset(true);
-                    tips("缁勬墭鎴愬姛")
-                } else if (res.code === 403) {
-                    top.location.href = baseUrl + "/pda";
-                } else {
-                    tips(res.msg, true)
-                }
-            },
-        });
+        var areaType = getQueryVariable('areaType');
+        if (areaType == 1) {
+            $.ajax({
+                url: baseUrl + "/locNormal/in/source",
+                headers: {'token': localStorage.getItem('token')},
+                data: JSON.stringify({
+                    normalList: data,
+                }),
+                contentType: 'application/json;charset=UTF-8',
+                method: 'POST',
+                async: false,
+                success: function (res) {
+                    if (res.code === 200) {
+                        reset(true);
+                        tips("缁勬墭鎴愬姛")
+                    } else if (res.code === 403) {
+                        top.location.href = baseUrl + "/pda";
+                    } else {
+                        tips(res.msg, true)
+                    }
+                },
+            });
+        } else {
+            $.ajax({
+                url: baseUrl + "/locNormal/pda/in",
+                headers: {'token': localStorage.getItem('token')},
+                data: JSON.stringify({
+                    normalList: data,
+                }),
+                contentType: 'application/json;charset=UTF-8',
+                method: 'POST',
+                async: false,
+                success: function (res) {
+                    if (res.code === 200) {
+                        reset(true);
+                        tips("缁勬墭鎴愬姛")
+                    } else if (res.code === 403) {
+                        top.location.href = baseUrl + "/pda";
+                    } else {
+                        tips(res.msg, true)
+                    }
+                },
+            });
+        }
     }
 
     /**
@@ -260,9 +486,6 @@
      * @param warn true锛氱孩鑹插瓧浣�
      */
     function tips(msg, warn) {
-        // var tips = $('#tips');
-        // tips.html(msg);
-        // tips.css("color", warn?"red":'#666');
         layer.msg(msg, {icon: warn ? 2 : 1})
     }
 

--
Gitblit v1.9.1