From 6d0e06d489607307b5ea7c2ad587a77ff68ff3e9 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期二, 30 六月 2020 09:06:36 +0800
Subject: [PATCH] #
---
src/main/webapp/views/pda/stockOut.html | 145 +++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 137 insertions(+), 8 deletions(-)
diff --git a/src/main/webapp/views/pda/stockOut.html b/src/main/webapp/views/pda/stockOut.html
index 14937cf..4f4228d 100644
--- a/src/main/webapp/views/pda/stockOut.html
+++ b/src/main/webapp/views/pda/stockOut.html
@@ -88,6 +88,60 @@
bottom: 5px;
width: 100%;
}
+
+ .site-list {
+ padding: 2px 0;
+ height: 22px;
+ margin-bottom: 5px;
+ }
+ .site-list label {
+ padding-right: 15px;
+ }
+ .site-list label span {
+ vertical-align: middle;
+ font-size: 13px;
+ }
+
+ .cool-checkbox:checked {
+ background:#1673ff
+ }
+ .cool-checkbox {
+ width:15px;
+ height:15px;
+ background-color:#ffffff;
+ border:solid 1px #dddddd;
+ -webkit-border-radius:50%;
+ border-radius:50%;
+ font-size:15px;
+ margin:0 5px 0 0;
+ padding:0;
+ position:relative;
+ display:inline-block;
+ vertical-align:middle;
+ cursor:default;
+ -webkit-appearance:none;
+ -webkit-user-select:none;
+ user-select:none;
+ -webkit-transition:background-color ease 0.1s;
+ transition:background-color ease 0.1s;
+ }
+ .cool-checkbox:checked::after {
+ content:'';
+ top:3px;
+ left:3px;
+ position:absolute;
+ background:transparent;
+ border:#fff solid 2px;
+ border-top:none;
+ border-right:none;
+ height:3px;
+ width:6px;
+ -moz-transform:rotate(-45deg);
+ -ms-transform:rotate(-45deg);
+ -webkit-transform:rotate(-45deg);
+ transform:rotate(-45deg);
+ }
+
.layui-btn-container .layui-btn {
margin-left: 10px;
margin-bottom: 2px;
@@ -98,6 +152,9 @@
margin-left: 5px;
margin-bottom: 5px;
vertical-align: middle;
+ overflow:hidden;
+ white-space:nowrap;
+ text-overflow:ellipsis;
}
.layui-btn-primary:hover {
@@ -110,11 +167,11 @@
<header>
<div class="layui-input-inline">
<label class="layui-form-label">搴撲綅</label>
- <input class="layui-input" type="text" id="locNo" onkeyup="findLocDetl(this)" autocomplete="off">
+ <input class="layui-input" type="text" id="locNo" onkeyup="findByLocNo(this)" autocomplete="off">
</div>
<div class="layui-input-inline">
<label class="layui-form-label">鐗╂枡</label>
- <input class="layui-input" type="text" id="matNo" autocomplete="off">
+ <input class="layui-input" type="text" id="matNo" onkeyup="findByMatNo(this)" autocomplete="off">
</div>
</header>
<!-- 涓讳綋 -->
@@ -125,7 +182,7 @@
<footer>
<!-- 鍑哄簱鍙� -->
<div class="site-list">
- <span style="display: inline-block; margin:0 0 0 10px; font-size: 12px">鍑哄簱鍙ｏ細</span>
+ <span style="display: inline-block; padding:0 0 0 10px; font-size: 12px;">鍑哄簱鍙ｏ細</span>
</div>
<div class="layui-btn-container">
<button type="button" class="layui-btn layui-btn-xs layui-btn-primary" onclick="reset()">閲嶇疆</button>
@@ -144,15 +201,31 @@
/**
* 鏍规嵁搴撲綅鍙锋煡鎵惧簱瀛樻槑缁�
*/
- function findLocDetl(el){
+ function findByLocNo(el){
if (isEmpty(el.value)) {
return;
}
+ $("#matNo").val("");
+ find(el.value, null);
+ }
+
+ /**
+ * 鏍规嵁鐗╂枡鍙锋煡鎵惧簱瀛樻槑缁�
+ */
+ function findByMatNo(el){
+ if (isEmpty(el.value)) {
+ return;
+ }
+ $("#locNo").val("");
+ find(null, el.value);
+ }
+ function find(locNo, matNo) {
$.ajax({
url: baseUrl + "/mobile/locDetl",
headers: {'token': localStorage.getItem('token')},
data: {
- locNo: el.value
+ locNo: locNo,
+ matNo: matNo
},
method: 'POST',
success: function (res) {
@@ -208,15 +281,71 @@
var tpl = $("#outSitesTemplate").html();
var template = Handlebars.compile(tpl);
var html = template(res);
- $('#site-list').append(html);
+ $('.site-list').append(html);
} else if (res.code === 403){
- top.location.href = baseUrl+"/";
+ top.location.href = baseUrl+"/pda";
}else {
- layer.msg(res.msg)
+ tips("鑾峰彇鍑哄簱鍙ｅけ璐�", true)
}
}
})
}
+
+ // 鍑哄簱
+ function pakOut() {
+ if (locDetlData.length === 0) {
+ tips("鐗╂枡鏁版嵁涓虹┖", true);
+ document.getElementById("locNo").focus();
+ return;
+ }
+ let site = $('input:radio[name="site"]:checked').next("span").html();
+ if (null === site || undefined === site) {
+ tips("璇烽�夋嫨鍑哄簱鍙�", true);
+ return;
+ }
+ $.ajax({
+ url: baseUrl+"/plate/out/start",
+ headers: {'token': localStorage.getItem('token')},
+ data: JSON.stringify({
+ outSite: site,
+ locDetls: locDetlData
+ }),
+ 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)
+ }
+ }
+ })
+ }
+
+ // 閲嶇疆
+ function reset() {
+ $("#matNo").val("");
+ $("#locNo").val("");
+ locDetlData = [];
+ tableIns.reload({data: locDetlData});
+ $('input:radio[name="site"]').prop('checked',false);
+ tips("");
+ }
+
+ /**
+ * 鎻愮ず淇℃伅
+ * @param msg 鎻愮ず鍐呭
+ * @param warn true锛氱孩鑹插瓧浣�
+ */
+ function tips(msg, warn) {
+ let tips = $('#tips');
+ tips.html(msg);
+ tips.css("color", warn?"red":'#666');
+ }
</script>
<script type="text/template" id="outSitesTemplate">
{{#each data}}
--
Gitblit v1.9.1