From e1749547c76a5d8bae94e47d38d4d75b481610c1 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@63.com>
Date: 星期四, 09 九月 2021 10:51:15 +0800
Subject: [PATCH] #

---
 src/main/webapp/views/pda/comb.html |  224 ++++++++++++++++++++++++++++++++++++++++++++-----------
 1 files changed, 178 insertions(+), 46 deletions(-)

diff --git a/src/main/webapp/views/pda/comb.html b/src/main/webapp/views/pda/comb.html
index f83699a..95f8800 100644
--- a/src/main/webapp/views/pda/comb.html
+++ b/src/main/webapp/views/pda/comb.html
@@ -12,7 +12,44 @@
     <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;
+        }
     </style>
 </head>
 <body>
@@ -39,6 +76,25 @@
         <span id="tips"></span>
     </div>
 </footer>
+<!-- 淇敼鏁伴噺寮圭獥 -->
+<div id="modify" style="display: none; text-align: center;padding-top: 10px">
+    <div class="form-item">
+        <span>鐗╂枡</span>
+        <input id="matnr" type="text" disabled="disabled" style="width: 70%">
+    </div>
+    <div class="form-item">
+        <span>鍚嶇О</span>
+        <input id="maktx" type="text" disabled="disabled" style="width: 70%">
+    </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;
@@ -54,11 +110,34 @@
             limit: 500,
             cellMinWidth: 50,
             cols: [[
-                {fixed: 'left', align: 'center', field: 'count', title: '鏁伴噺', style:'color: blue', width:50},
-                {field: 'matNo', align: 'center', title: '鐗╂枡缂栫爜'},
-                {field: 'matName', align: 'center', title: '鐗╂枡鍚嶇О'}
+                {fixed: 'left', align: 'center', field: 'count', title: '鏁伴噺', event: 'modify', style:'color: blue', width:50},
+                {field: 'matnr', align: 'center', title: '鐗╂枡缂栫爜'},
+                {field: 'maktx', align: 'center', title: '鐗╂枡鍚嶇О'}
             ]],
             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%', '200px'],
+                        content: $("#modify"),
+                        success: function (layero, index) {
+                            $('#matnr').val(data.matnr);
+                            $('#maktx').val(data.maktx);
+                            $('#count').val(data.count);
+                            maxCount = data.count;
+                        }
+                    });
+                    break;
             }
         });
 
@@ -67,39 +146,41 @@
     window.onload = function(){document.getElementById("code").focus();}
 
     function findCode(el) {
-        if (el.value.length === 7) {
-            $('#mat-btn').focus();
-            getMat();
-        }
+        // if (el.value.length === 7) {
+        //     $('#mat-btn').focus();
+        //     getMat();
+        // }
     }
 
     var matCodeLayerIdx;
     function getMat() {
         matCodeLayerIdx = layer.open({
             type: 2,
-            title: '鎻愬彇鐗╂枡',
+            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();
             }
         });
+        // layer.full(matCodeLayerIdx)
     }
 
     // 娣诲姞琛ㄦ牸鏁版嵁
     var matData = [];
     function addTableData(data) {
-        if (isEmpty(data.matName)){
+        if (isEmpty(data.maktx)){
             tips("鎻愬彇澶辫触", true);
             return;
         }
-        let toPush = true;
+        var toPush = true;
         for (var j=0;j<matData.length;j++){
-            if (data.matNo === matData[j].matNo) {
+            if (data.matnr === matData[j].matnr) {
                 matData[j].count = Number(matData[j].count) + Number(data.count);
                 toPush  = false;
             }
@@ -120,41 +201,92 @@
 
     // 缁勬墭
     function comb() {
-        let barcode = $('#code').val();
-        if (isEmpty(barcode)) {
-            tips("鎵樼洏鏉$爜涓虹┖", true);
-            // document.getElementById("code").focus();
-            return;
-        }
-        if (barcode.length !== 7) {
-            tips("鏉$爜蹇呴』涓�7浣�", true);
-            return;
-        }
-        if (matData.length === 0) {
-            tips("璇锋彁鍙栫墿鏂�", true);
-            return;
-        }
-        $.ajax({
-            url: baseUrl+"/mobile/comb/auth",
-            headers: {'token': localStorage.getItem('token')},
-            data: JSON.stringify({
-                barcode: barcode,
-                combMats: matData
-            }),
-            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)
-                }
+        layer.confirm('缁勬墭褰撳墠鐗╂枡鏄庣粏锛�', {shadeClose: true}, function(){
+            var zpallet = $('#code').val();
+            if (isEmpty(zpallet)) {
+                tips("鎵樼洏鏉$爜涓虹┖", true);
+                // document.getElementById("code").focus();
+                return;
             }
-        })
+            // if (zpallet.length !== 7) {
+            //     tips("鏉$爜蹇呴』涓�7浣�", true);
+            //     return;
+            // }
+            if (matData.length === 0) {
+                tips("璇锋彁鍙栫墿鏂�", true);
+                return;
+            }
+            $.ajax({
+                url: baseUrl+"/mobile/comb/auth",
+                headers: {'token': localStorage.getItem('token')},
+                data: JSON.stringify({
+                    zpallet: zpallet,
+                    combMats: matData
+                }),
+                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)
+                    }
+                }
+            })
+        });
+    }
+
+    /*************************************  鏁伴噺  ****************************************/
+    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 matnr = $('#matnr').val();
+        var count = $('#count').val();
+        for (var j=0;j<matData.length;j++){
+            if (matnr === matData[j].matnr) {
+                // if (count > maxCount || count < minCount) {
+                if (count < minCount) {
+                    tips("鏁伴噺涓嶈兘瓒呰繃鑼冨洿", true);
+                    return;
+                }
+                matData[j].count = Number(count);
+            }
+        }
+        tableIns.reload({data: matData});
+        layer.close(countLayer);
+        tips("淇敼鎴愬姛");
+    }
+
+    // 绉婚櫎鐗╂枡
+    function remove() {
+        var matnr = $('#matnr').val();
+        for (var j=0;j<matData.length;j++){
+            if (matnr === matData[j].matnr) {
+                matData.splice(j, 1);
+            }
+        }
+        tableIns.reload({data: matData});
+        layer.close(countLayer);
+        tips("绉婚櫎鎴愬姛");
     }
 
     /**

--
Gitblit v1.9.1