From ce6b5be6c0e1544bcc66f9fce9efec3ced724d95 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期六, 11 七月 2020 15:46:29 +0800
Subject: [PATCH] #
---
src/main/webapp/views/pda/matQuery.html | 116 ++++++++++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 100 insertions(+), 16 deletions(-)
diff --git a/src/main/webapp/views/pda/matQuery.html b/src/main/webapp/views/pda/matQuery.html
index c12fdec..942ec78 100644
--- a/src/main/webapp/views/pda/matQuery.html
+++ b/src/main/webapp/views/pda/matQuery.html
@@ -33,9 +33,43 @@
margin-left: 10px;
padding-left: 5px;
height: 20px;
+ border: 1px solid #777777;
+ overflow:hidden;
+ white-space:nowrap;
+ text-overflow:ellipsis;
}
- .form-box button {
+ #confirm {
+ margin-top: 10px;
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>
@@ -44,38 +78,78 @@
<div class="form-box">
<div class="form-item">
<span>鐗╂枡缂栫爜</span>
- <input id="matNo" type="text" placeholder="鎵爜/杈撳叆">
+ <input id="matNo" type="text" placeholder="鎵爜 / 杈撳叆" onkeyup="find(this)" autocomplete="off">
</div>
<div class="form-item">
<span>鐗╂枡鍚嶇О</span>
- <input type="text" disabled="disabled">
+ <input id="matName" type="text" disabled="disabled">
</div>
<div class="form-item">
- <span>鐗╂枡鎻忚堪</span>
- <input type="text" disabled="disabled">
+ <span>鐗╂枡瑙勬牸</span>
+ <input id="str2" type="text" disabled="disabled">
</div>
<div class="form-item">
<span>鍗曚綅</span>
- <input type="text" disabled="disabled">
+ <input id="str1" 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="reduce()">-</button><input id="count" type="number"><button onclick="add()">+</button>
+ </div>
</div>
- <button id="confirm">鎻愬彇</button>
+ <button id="confirm" onclick="confirm()">鎻愬彇</button>
</div>
</body>
<script>
+ var countDom = $('#count');
+ var initMatCount = 1;
var pageCurr;
- layui.use(['table','laydate', 'form'], function() {
- var table = layui.table;
- var $ = layui.jquery;
- var layer = layui.layer;
- var layDate = layui.laydate;
- var form = layui.form;
- });
+ /**
+ * 鏍规嵁鐗╂枡缂栫爜鏌ヨ鐗╂枡璇︽儏
+ */
+ function find(el){
+ if (isEmpty(el.value)) {
+ return;
+ }
+ $.ajax({
+ url: baseUrl + "/matCode/auth",
+ headers: {'token': localStorage.getItem('token')},
+ data: {
+ id: el.value
+ },
+ method: 'POST',
+ success: function (res) {
+ if (res.code === 200) {
+ if (res.data != null) {
+ $('#matName').val(res.data.matName);
+ $('#str1').val(res.data.str1);
+ $('#str2').val(res.data.str2);
+ countDom.focus().val(initMatCount)
+ }
+ } else if (res.code === 403) {
+ top.location.href = baseUrl + "/pda";
+ } else {
+ alert(res.msg)
+ }
+ }
+ })
+ }
+
+ /**
+ * 鎻愬彇
+ */
+ function confirm(){
+ var data = {
+ matNo: $('#matNo').val(),
+ matName: $('#matName').val(),
+ count: countDom.val()
+ };
+ parent.addTableData(data);
+ parent.layer.close(parent.matCodeLayerIdx);
+ }
window.onload = function(){document.getElementById("matNo").focus();}
$(document).on('click','#confirm', function () {
@@ -87,5 +161,15 @@
}
});
+ function add() {
+ countDom.val(Number(countDom.val()) + 1);
+ }
+ function reduce() {
+ if (countDom.val() <= initMatCount) {
+ return;
+ }
+ countDom.val(countDom.val() - 1);
+ }
+
</script>
</html>
\ No newline at end of file
--
Gitblit v1.9.1