From 0a936b5550c0d2b2125977fb8f956720b7ed0e4c Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期六, 27 六月 2020 16:25:12 +0800
Subject: [PATCH] #

---
 src/main/webapp/views/pda/matQuery.html |   53 ++++++++++++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 50 insertions(+), 3 deletions(-)

diff --git a/src/main/webapp/views/pda/matQuery.html b/src/main/webapp/views/pda/matQuery.html
index c12fdec..bbad7ed 100644
--- a/src/main/webapp/views/pda/matQuery.html
+++ b/src/main/webapp/views/pda/matQuery.html
@@ -33,9 +33,42 @@
             margin-left: 10px;
             padding-left: 5px;
             height: 20px;
+            border: 1px solid #777777;
+            overflow:hidden;
+            white-space:nowrap;
+            text-overflow:ellipsis;
         }
-        .form-box button {
+        #confirm {
             padding: 5px 20px;
+        }
+
+        .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: 2px;
+            font-size: 13px;
+            height: 18px;
+            float: left;
+            width: 20px;
+            border: 1px solid #777777;
+        }
+        .number-tool input {
+            text-align: center;
+            height: 20px;
+            float: left;
+            margin: 0 5px;
+            width: 30px;
+            padding: 0;
         }
     </style>
 </head>
@@ -59,14 +92,18 @@
         <input type="text" disabled="disabled">
     </div>
     <div class="form-item">
-        <span>鏁伴噺</span>
-        <input type="number" >
+        <span style="vertical-align: middle">鏁伴噺</span>
+        <div class="number-tool" style="vertical-align: middle">
+            <button onclick="add()">+</button><input id="count" type="number" value="1"><button onclick="reduce()">-</button>
+        </div>
+
     </div>
     <button id="confirm">鎻愬彇</button>
 </div>
 
 </body>
 <script>
+    var countDom = $('#count');
     var pageCurr;
     layui.use(['table','laydate', 'form'], function() {
         var table = layui.table;
@@ -87,5 +124,15 @@
         }
     });
 
+    function add() {
+        countDom.val(Number(countDom.val()) + 1);
+    }
+    function reduce() {
+        if (countDom.val() <= 0) {
+            return;
+        }
+        countDom.val(countDom.val() - 1);
+    }
+
 </script>
 </html>
\ No newline at end of file

--
Gitblit v1.9.1