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/stockOut.html | 344 ++++++++++++++++++++++++---------------------------------
1 files changed, 145 insertions(+), 199 deletions(-)
diff --git a/src/main/webapp/views/pda/stockOut.html b/src/main/webapp/views/pda/stockOut.html
index 2e59ec2..488ee7a 100644
--- a/src/main/webapp/views/pda/stockOut.html
+++ b/src/main/webapp/views/pda/stockOut.html
@@ -18,243 +18,180 @@
main {
height: 200px;
}
+ /* 鐘舵�� */
+ #status {
+ padding-left: 2px;
+ line-height: 30px;
+ }
+ .status-0 {
+ color: orange;
+ }
+ .status-1 {
+ color: red;
+ }
+ .status-2 {
+ color: red;
+ }
+ .status-3 {
+ color: green;
+ }
+ /* 瀹㈡埛 */
+ #custName {
+ padding-left: 2px;
+ line-height: 30px;
+ font-size: 14px;
+ }
+ /* 涓讳綋 */
+ main {
+ border: 1px solid gainsboro;
+ text-align: center;
+ padding-bottom: 15px;
+ }
+ main hr {
+ width: 80%;
+ margin: 5px 0;
+ display: inline-block
+ }
+ .pakout-item {
+ padding: 10px;
+ }
+ .item-header {
+ text-align: left;
+ padding-left: 20px
+ }
+ .item-content {
+ padding: 15px
+ }
</style>
</head>
<body>
<!-- 澶撮儴 -->
-<header class="layui-form">
+<header>
<div class="layui-input-inline">
- <label class="layui-form-label">搴撲綅</label>
- <div class="layui-input-block">
- <input class="layui-input" type="number" id="locNo" onkeyup="findByLocNo(this)" autocomplete="off">
- </div>
-
+ <label class="layui-form-label" style="width: 84px">鍗曟嵁缂栧彿</label>
+ <input class="layui-input" type="text" id="docNum" onkeyup="findNum(this)" placeholder="鎵爜 / 杈撳叆" autocomplete="off">
</div>
- <div class="layui-input-inline">
- <label class="layui-form-label">鐗╂枡</label>
- <div class="layui-input-block">
- <input class="layui-input" type="text" id="matNo" onkeyup="findByMatNo(this)" autocomplete="off">
- </div>
+ <div class="layui-input-inline" style="width: 100%">
+ <label class="layui-form-label" style="width: 84px">鐘舵��</label>
+ <label id="status" class="layui-form-label status-0">鏈煡</label>
</div>
- <div class="layui-input-inline">
- <label class="layui-form-label">鍑哄簱鍙�</label>
- <div class="layui-input-inline" style="margin-left: 5px;width: 120px">
- <select id="staNoSelect">
- <option value="">璇烽�夋嫨</option>
- </select>
- </div>
+ <div class="layui-input-inline" style="width: 100%">
+ <label class="layui-form-label" style="width: 84px; padding-top: 0">瀹㈡埛</label>
+ <label id="custName" class="layui-form-label" style="padding-top: 0">-</label>
</div>
</header>
+
<!-- 涓讳綋 -->
-<main>
- <table class="layui-table" id="dataByLoc" lay-filter="dataByLoc"></table>
+<main id="pakout-box">
+
</main>
<!-- 灏鹃儴 -->
<footer>
<div class="layui-btn-container">
<button id="reset" type="button" class="layui-btn layui-btn-primary" onclick="reset()">閲嶇疆</button>
- <button id="pakOut" type="button" class="layui-btn layui-btn-normal" onclick="pakOut()" style="margin-left: 20px">鍑哄簱</button>
- <span id="tips"></span>
+ <button id="confirm" type="button" class="layui-btn layui-btn-normal" onclick="pakoutConfirm()" style="margin-left: 20px">鎷ｈ揣纭</button>
+ <button id="tips1" style="outline: none;color: white;border-color: white; position: absolute;right: 0;bottom: 0;"></button>
</div>
</footer>
</body>
<script>
-
+ var pakoutData = [];
window.onload = function(){
- document.getElementById("locNo").focus();
- getOutBound();
+ document.getElementById("docNum").focus();
}
- /**
- * 鏍规嵁搴撲綅鍙锋煡鎵惧簱瀛樻槑缁�
- */
- function findByLocNo(el){
+ function findNum(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",
+ url: baseUrl + "/work/pakout/get",
headers: {'token': localStorage.getItem('token')},
data: {
- locNo: locNo,
- matNo: matNo
+ docNumber: el.value
},
+ async: false,
method: 'POST',
success: function (res) {
if (res.code === 200) {
if (res.data != null) {
- locDetlData = res.data;
- tableIns.reload({data: locDetlData});
+ $('#pakout-box').html("");
+ pakoutData = [];
+ pakoutData = res.data.pakouts;
+ if (pakoutData != null) {
+ // 澶�
+ $('#status').html(res.data.wrkSts$);
+ $('#status').attr("class", "layui-form-label status-" + res.data.wrkSts);
+ $('#custName').html(res.data.custName);
+ // 涓�
+ var tpl = $("#pakoutDetlTpl").html();
+ var template = Handlebars.compile(tpl);
+ var html = template(res.data);
+ $('#pakout-box').append(html);
+ }
+ $('#tips1').focus();
}
- $('#pakOut').focus();
+ } else if (res.code === 201) {
} else if (res.code === 403) {
top.location.href = baseUrl + "/pda";
} else {
- locDetlData = [];
- tableIns.reload({data: locDetlData});
+ pakoutData = [];
+ tips(res.msg, true);
}
}
})
}
- // 琛ㄦ牸
- var locDetlData = [];
- var tableIns;
- layui.use(['table','laydate', 'form'], function() {
- var table = layui.table;
+ layui.use(['laydate', 'form'], function() {
var $ = layui.jquery;
var layer = layui.layer;
var form = layui.form;
- tableIns = table.render({
- id: 'tableIdx',
- elem: '#dataByLoc',
- data: [],
- limit: 500,
- cellMinWidth: 50,
- cols: [[
- {type: 'checkbox', fixed: 'left', width:30},
- {field: 'count', align: 'center', title: '鏁伴噺', event: 'detail', style:'color: blue', width:50},
- {field: 'matnr', align: 'center', title: '缂栫爜', event: 'detail'},
- {field: 'maktx', align: 'center', title: '鍚嶇О', event: 'detail'},
- {field: 'locNo', align: 'center', title: '搴撲綅', event: 'detail'}
- ]],
- done: function (res, curr, count) {
- }
- });
-
- // 鐩戝惉琛屽伐鍏蜂簨浠�
- table.on('tool(dataByLoc)', function(obj) {
- var data = obj.data;
- switch (obj.event) {
- // 璇︽儏
- case 'detail':
- layer.open({
- type: 2,
- title: '搴撳瓨鏄庣粏',
- shade: [0.3,'#000'],
- area: ['90%', '70%'],
- content: 'locDetlIframe.html',
- success: function(layero, index){
- // 璁剧疆寮圭獥鏍峰紡
- $('.layui-layer-title').css('font-size', '16px');
- // 娉ㄥ叆鍊�
- let el = layer.getChildFrame('.form-box', index);
- for (var val in data) {
- var find = el.find(":input[id='" + val + "']");
- find.val(data[val]);
- }
- },
- end: function () {
- $('#pakOut').focus();
- }
- });
- break;
- }
- })
});
- // 鑾峰彇鍑哄簱鍙�
- function getOutBound(){
- $.ajax({
- url: baseUrl+"/available/take/site",
- headers: {'token': localStorage.getItem('token')},
- method: 'POST',
- async: false,
- success: function (res) {
- if (res.code === 200){
- var tpl = $("#takeSiteSelectTemplate").html();
- var template = Handlebars.compile(tpl);
- var html = template(res);
- $('#staNoSelect').append(html);
- layui.form.render('select');
- } else if (res.code === 403){
- top.location.href = baseUrl+"/pda";
- }else {
- tips("鑾峰彇鍑哄簱鍙ｅけ璐�", true)
+ // 鎷ｈ揣纭
+ function pakoutConfirm() {
+ layer.confirm('纭鎷ｈ揣瀹屾垚锛�', {shadeClose: true}, function(){
+ if (pakoutData == null || pakoutData.length === 0) {
+ tips("璇风‘璁ゅ崟鎹紪鍙凤紒", true);
+ return;
+ }
+ var docNum = pakoutData[0].docNum;
+ if (isEmpty(docNum)) {
+ tips("璇风‘璁ゅ崟鎹紪鍙凤紒", true);
+ return;
+ }
+ $.ajax({
+ url: baseUrl+"/work/stock/out/confirm",
+ headers: {'token': localStorage.getItem('token')},
+ data: JSON.stringify({
+ orderNo: docNum
+ }),
+ contentType:'application/json;charset=UTF-8',
+ method: 'POST',
+ 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 pakOut() {
- var tableData = layui.table.checkStatus('tableIdx').data;
- if (tableData.length === 0) {
- tips("璇烽�夋嫨鐗╂枡", true);
- return;
- }
- var site = $('#staNoSelect').val();
- if (null === site || undefined === site || site === "") {
- tips("璇烽�夋嫨鍑哄簱鍙�", true);
- return;
- }
- $.ajax({
- url: baseUrl+"/plate/out/start",
- headers: {'token': localStorage.getItem('token')},
- data: JSON.stringify({
- outSite: site,
- locDetls: tableData
- }),
- 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 updateTableData(data) {
- for (var i=0;i<locDetlData.length;i++) {
- if (data.matnr === locDetlData[i].matnr && data.locNo === locDetlData[i].locNo) {
- locDetlData[i].count = data.count;
- break
- }
- }
- tableIns.reload({data: locDetlData});
- }
-
- // 鍒犻櫎琛ㄦ牸琛�
- function removeTableData(data) {
- for (var i = locDetlData.length - 1; i >= 0; i--) {
- if (locDetlData[i].locNo === data.locNo && locDetlData[i].matnr === data.matnr) {
- locDetlData.splice(i, 1);
- }
- }
- tableIns.reload({data: locDetlData});
+ })
+ });
}
// 閲嶇疆
function reset() {
- $("#matNo").val("");
- $("#locNo").val("");
- locDetlData = [];
- tableIns.reload({data: locDetlData});
- $('#staNoSelect').val("");
+ $("#docNum").val("");
+ $('#status').html("鏈煡");
+ $('#status').attr("class", "layui-form-label status-0");
+ $('#custName').html("-");
+ $('#pakout-box').html("");
+ pakoutData = [];
+ document.getElementById("docNum").focus();
layui.form.render('select');
}
@@ -267,22 +204,31 @@
layer.msg(msg, {icon: warn?2:1})
}
- document.onkeyup = function (e) {
- if (window.event)//濡傛灉window.event瀵硅薄瀛樺湪锛屽氨浠ユ浜嬩欢瀵硅薄涓哄噯
- e = window.event;
- var key = e.charCode || e.keyCode;
- if (key === 115) {
- $("#pakOut").focus();
- pakOut();
- } else if (key === 113) {
- $("#locNo").val("");
- $("#locNo").focus();
- }
- }
+ // document.onkeyup = function (e) {
+ // if (window.event)//濡傛灉window.event瀵硅薄瀛樺湪锛屽氨浠ユ浜嬩欢瀵硅薄涓哄噯
+ // e = window.event;
+ // var key = e.charCode || e.keyCode;
+ // if (key === 115) {
+ // $("#confirm").focus();
+ // pakoutConfirm();
+ // } else if (key === 113) {
+ // $("#docNum").val("");
+ // $("#docNum").focus();
+ // }
+ // }
</script>
-<script type="text/template" id="takeSiteSelectTemplate">
- {{#each data}}
- <option value="{{siteId}}">{{desc}}</option>
+<script type="text/template" id="pakoutDetlTpl">
+ {{#each pakouts}}
+ <hr>
+ <div class="pakout-item">
+ <div class="item-header">
+ {{maktx}}
+ </div>
+ <div class="item-content">
+ <div style="float: left">{{anfme}}{{unit}}</div>
+ <div style="float: right">璐т綅锛歿{locNo}}</div>
+ </div>
+ </div>
{{/each}}
</script>
</html>
\ No newline at end of file
--
Gitblit v1.9.1