From 43777da99b84f825241f4c803bb44cd6920249ee Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期三, 03 三月 2021 10:58:22 +0800
Subject: [PATCH] #
---
src/main/webapp/views/pda/stockOut.html | 185 +++++++++++++--------------------------------
1 files changed, 55 insertions(+), 130 deletions(-)
diff --git a/src/main/webapp/views/pda/stockOut.html b/src/main/webapp/views/pda/stockOut.html
index 5c72caf..e5ed0be 100644
--- a/src/main/webapp/views/pda/stockOut.html
+++ b/src/main/webapp/views/pda/stockOut.html
@@ -18,6 +18,23 @@
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;
+ }
</style>
</head>
<body>
@@ -25,68 +42,66 @@
<header>
<div class="layui-input-inline">
<label class="layui-form-label" style="width: 84px">鍗曟嵁缂栧彿</label>
- <input class="layui-input" type="text" id="docNum" onkeyup="findCode(this)" oninput="if(value.length>8)value=value.slice(0,8)" placeholder="鎵爜 / 杈撳叆" autocomplete="off">
+ <input class="layui-input" type="text" id="docNum" onkeyup="findNum(this)" oninput="if(value.length>8)value=value.slice(0,8)" placeholder="鎵爜 / 杈撳叆" 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" 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>
+
+<hr style="padding: 0 10px; margin: 5px 0">
<!-- 涓讳綋 -->
<main>
- <table class="layui-table" id="dataByLoc" lay-filter="dataByLoc"></table>
+ <div class="pakout-item">
+ <div class="item-header">
+ <span>1銆�</span>
+ 鍏閽诲熬铻轰笣4.8* 80
+ </div>
+ <div class="item-content">
+ <span>10绠�</span>
+ <span>璐т綅锛欰01-1</span>
+ </div>
+ </div>
</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>
+ <button id="confirm" type="button" class="layui-btn layui-btn-normal" onclick="pakoutConfirm()" style="margin-left: 20px">鎷ｈ揣纭</button>
<span id="tips"></span>
</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
},
method: 'POST',
success: function (res) {
if (res.code === 200) {
if (res.data != null) {
- locDetlData = res.data;
- tableIns.reload({data: locDetlData});
+ pakoutData = res.data;
+ console.log(pakoutData);
}
- $('#pakOut').focus();
+ $('#confirm').focus();
} else if (res.code === 403) {
top.location.href = baseUrl + "/pda";
} else {
@@ -97,88 +112,17 @@
})
}
- // 琛ㄦ牸
- 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 pakOut() {
+ // 鎷ｈ揣纭
+ function pakoutConfirm() {
var tableData = layui.table.checkStatus('tableIdx').data;
if (tableData.length === 0) {
tips("璇烽�夋嫨鐗╂枡", true);
@@ -212,26 +156,7 @@
})
}
- // 淇敼琛ㄦ牸鏁版嵁
- 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() {
@@ -257,11 +182,11 @@
e = window.event;
var key = e.charCode || e.keyCode;
if (key === 115) {
- $("#pakOut").focus();
- pakOut();
+ $("#confirm").focus();
+ pakoutConfirm();
} else if (key === 113) {
- $("#locNo").val("");
- $("#locNo").focus();
+ $("#docNum").val("");
+ $("#docNum").focus();
}
}
</script>
--
Gitblit v1.9.1