From 850b193934332d12ae1894741c70e7e9f8192b0c Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期五, 23 四月 2021 14:58:14 +0800
Subject: [PATCH] #

---
 src/main/webapp/views/pda/selectMat.html |   86 ++++++++++++++++++++++++++++++++++++++----
 1 files changed, 77 insertions(+), 9 deletions(-)

diff --git a/src/main/webapp/views/pda/selectMat.html b/src/main/webapp/views/pda/selectMat.html
index 2f85405..c8c73cb 100644
--- a/src/main/webapp/views/pda/selectMat.html
+++ b/src/main/webapp/views/pda/selectMat.html
@@ -19,6 +19,14 @@
             height: 100%;
             background-color: #f1f1f1;
             padding: 5px;
+            position: relative;
+        }
+
+        /*header {*/
+        /*    position: absolute;*/
+        /*}*/
+        main {
+            padding-bottom: 5px;
         }
 
         /* 澶撮儴鎼滅储鏍� */
@@ -31,7 +39,7 @@
             border-radius: 20px;
             height: 30px;
             box-shadow: 0 0 3px rgba(0,0,0,.3);
-            width: 75%;
+            width: 73%;
             padding-left: 15px;
             vertical-align: middle;
         }
@@ -64,9 +72,13 @@
             background-color: #eaeaea;
         }
         .box-tag-item-label {
+            padding: 5px 10px;
+            border-bottom: 1px solid #f6f6f6;
+        }
+        .box-tag-item-content {
             font-size: x-large;
             font-weight: bold;
-            padding: 10px 0 0 20px;
+            padding: 15px 0 0 20px;
         }
 
         /* 鍟嗗搧鏍囩 */
@@ -81,10 +93,17 @@
         .box-mat-item:hover {
             background-color: #eaeaea;
         }
-        .box-mat-item-label {
-            font-size: x-large;
+        .box-mat-item-content {
+            padding: 15px 0 0 20px;
+        }
+        .box-mat-item-content-matnr {
+            font-size: small;
             font-weight: bold;
-            padding: 10px 0 0 20px;
+            margin-bottom: 5px;
+        }
+        .box-mat-item-content-maktx {
+            font-size: large;
+
         }
 </style>
 </head>
@@ -92,8 +111,8 @@
 
 <header>
     <div class="search-box">
-        <input type="text" placeholder="璇疯緭鍏ュ晢鍝佺紪鐮�/鍚嶇О">
-        <button>
+        <input id="search-msg" type="text" placeholder="璇疯緭鍏ュ晢鍝佺紪鐮�/鍚嶇О">
+        <button onclick="search()">
             <i class="layui-icon">&#xe615;</i>
         </button>
     </div>
@@ -107,6 +126,36 @@
     $(function () {
         showTag();
     })
+
+    // 鎼滅储
+    function search(){
+        var condition = $('#search-msg').val();
+        $.ajax({
+            url: baseUrl + "/mat/search/pda/auth",
+            headers: {'token': localStorage.getItem('token')},
+            data: {
+                condition: condition
+            },
+            method: 'POST',
+            success: function (res) {
+                if (res.code === 200) {
+                    if (res.data != null && res.data.length > 0) {
+                        var tplDom = $("#matTpl");
+                        var tpl = tplDom.html();
+                        var template = Handlebars.compile(tpl);
+                        var html = template(res);
+                        $('#main-contain').html(html);
+                    } else {
+                        $('#main-contain').html('<div style="text-align: center; margin-top: 15px"><span style="font-size: large">鏆傛棤鍟嗗搧</span></div>');
+                    }
+                } else if (res.code === 403) {
+                    top.location.href = baseUrl + "/pda";
+                } else {
+                    parent.layer.msg(res.msg, {icon: 2});
+                }
+            }
+        })
+    }
 
     // 褰掔被鐐瑰嚮
     $(document).on('click','.box-tag-item', function () {
@@ -136,6 +185,7 @@
                         var template = Handlebars.compile(tpl);
                         var html = template(res);
                         $('#main-contain').html(html);
+                        toTop();
                     } else {
                         var tagId = parentId;
                         showMat(tagId);
@@ -169,6 +219,7 @@
                         var template = Handlebars.compile(tpl);
                         var html = template(res);
                         $('#main-contain').html(html);
+                        toTop();
                     } else {
                         $('#main-contain').html('<div style="text-align: center; margin-top: 15px"><span style="font-size: large">鏆傛棤鍟嗗搧</span></div>');
                     }
@@ -181,13 +232,24 @@
         })
     }
 
+    function toTop() {
+        window.scrollTo({
+            left: 0,
+            top: 0,
+            behavior: 'smooth'
+        })
+    }
+
 
 </script>
 <script type="text/template" id="tagTpl">
     {{#each data}}
     <div class="box-tag-item">
         <input name="tagId" type="hidden" value="{{this.id}}">
-        <div class="box-tag-item-label">{{this.name}}</div>
+        <div class="box-tag-item-label">
+            <span class="layui-badge layui-badge-green pull-right">褰掔被</span>
+        </div>
+        <div class="box-tag-item-content">{{this.name}}</div>
     </div>
     {{/each}}
 </script>
@@ -195,7 +257,13 @@
     {{#each data}}
     <div class="box-mat-item">
         <input name="matnr" type="hidden" value="{{this.matnr}}">
-        <div class="box-mat-item-label">{{this.maktx}}</div>
+        <div class="box-tag-item-label">
+            <span class="layui-badge layui-badge-blue pull-right">鍟嗗搧</span>
+        </div>
+        <div class="box-mat-item-content">
+            <div class="box-mat-item-content-matnr">{{this.matnr}}</div>
+            <div class="box-mat-item-content-maktx">{{this.maktx}}</div>
+        </div>
     </div>
     {{/each}}
 </script>

--
Gitblit v1.9.1