Browse Source

为扫码查看库存页面添加直接出库申请

lwx_dev
erdanergou 2 years ago
parent
commit
b03e9738e1
  1. 191
      target/classes/templates/pages/showInventory/showInventoryForMaterial.html

191
target/classes/templates/pages/showInventory/showInventoryForMaterial.html

@ -107,7 +107,21 @@
</form>
<ul class="flow-default" id="LAY_InventoryShow"></ul>
<div class="layui-form-item " id="chooseBusinessType" style="display: none">
<div class="layui-input-block">
<button class="layui-btn layui-btn-customize" type="button"
onclick="applicationIn()">入库申请
</button>
<button class="layui-btn layui-btn-customize" type="button"
onclick="applicationOut()">出库申请
</button>
<button class="layui-btn layui-btn-customize" type="button" th:style="'display:'+${display}"
onclick="applicationImmediateOut()">直接出库申请
</button>
</div>
</div>
</div>
</div>
@ -126,16 +140,15 @@
}
layui.use(['form', 'step', 'flow', 'inputTag'], function () {
layui.use(['form', 'step', 'flow', 'miniTab'], function () {
var $ = layui.$,
inputTag = layui.inputTag,
dropdown = layui.dropdown, //下拉菜单
miniTab = layui.miniTab, //下拉菜单
flow = layui.flow;
let id = $("#id").val();
let takingPre = 0;
let size = 8;
let chooseIdList = [];
$(function () {
let loading2 = layer.open({type: 3, shade: [0.25, '#000'], icon: 2, speed: 0});
$.ajax({
@ -156,6 +169,7 @@
parent.layer.close(index);
})
} else {
updateFlowShowForMaterial();
$("#mname").val(material.mname);
$("#mcode").val(material.code);
$("#version").val(material.version);
@ -165,43 +179,154 @@
}
}
});
$.ajax({
url: "/material/getTemporaryValue",
type: "post",
dataType: 'json',
data: JSON.stringify({"type": "Out","simple":"true"}),
contentType: "application/json;charset=utf-8",
success: function (res) {
chooseIdList = res.data;
}
});
layer.close(loading2);
});
updateFlowShowForMaterial = function() {
flow.load({
elem: '#LAY_InventoryShow' //流加载容器
, done: function (page, next) { //执行下一页的回调
let result;
let lis = [];
$.get('/material/findMaterialByConditionForStockTaking?page=' + page + '&size=' + size + '&mid=' + id, function (res) {
result = res.data;
if (result === null || result === undefined) {
result = [];
}
lis.push("<div class='clearfix'>");
for (let i = 0; i < result.length; i++) {
let resultElement = result[i];
let splitInventory = resultElement.splitInventory;
let keys = Object.keys(splitInventory);
let InventoryItem = "";
for (let j = 0; j < keys.length; j++) {
let key = keys[j];
let item = '<p>' + "计量单位:" + key + ";对应库存:" + splitInventory[key] + '</p>';
InventoryItem += item;
}
lis.push('<li style="width:100%;margin-top: 10px;float:left;border: 1px solid #9999996e;">' +
'<div class="layui-card my-shadow my-card flow1"><div class="layui-card-header">' +
'<input id=' + resultElement.iid + ' type="checkbox" style="position: absolute;right: 1%;height: 100%;width: 20px" onchange="chooseBusiness(this)" lay-skin="tag">' +
'<h2>' + "所处位置:" + resultElement.dname + "-" + resultElement.kingdeecode + '</h2></div>');
lis.push('<div class="layui-col-md4 my-info" style="margin-left: 15px; color: #999;font-size: 15px;">'
+ InventoryItem
+ '</div></div></li>');
}
lis.push('</div>');
takingPre += result.length;
//执行下一页渲染,第二参数为:满足“加载更多”的条件,即后面仍有分页
//pages为Ajax返回的总页数,只有当前页小于总页数的情况下,才会继续出现加载更多
next(lis.join(''), takingPre < res.count);
checkedInputCheck();
});
}
});
};
flow.load({
elem: '#LAY_InventoryShow' //流加载容器
, done: function (page, next) { //执行下一页的回调
let result;
let lis = [];
$.get('/material/findMaterialByConditionForStockTaking?page=' + page + '&size=' + size + '&mid=' + id, function (res) {
result = res.data;
lis.push("<div class='clearfix'>");
for (let i = 0; i < result.length; i++) {
let splitInventory = result[i].splitInventory;
let keys = Object.keys(splitInventory);
let InventoryItem = "";
for (let j = 0; j < keys.length; j++) {
let key = keys[j];
let item = '<p>' + "计量单位:" + key + ";对应库存:" + splitInventory[key] + '</p>';
InventoryItem += item;
chooseBusiness = function (obj) {
// 获取当前点击结果
let checked = $(obj).prop("checked");
// 获取要处理的id
let id = $(obj).attr("id");
if (checked) {
// 保存出入库id到redis中
$.ajax({
url: "/material/temporaryValue",
type: "post",
dataType: 'json',
data: JSON.stringify({"id": id, "type": "Out"}),
contentType: "application/json;charset=utf-8",
});
$.ajax({
url: "/material/temporaryValue",
type: "post",
dataType: 'json',
data: JSON.stringify({"id": id, "type": "In"}),
contentType: "application/json;charset=utf-8",
});
$("#chooseBusinessType").show();
} else {
// 删除保存redis中的出入库id
$.ajax({
url: "/material/delTemporaryValue",
type: 'post',
data: JSON.stringify({"id": id, "type": "Out"}),
dataType: 'json',
contentType: "application/json;charset=utf-8",
success: function (res) {
let data = res.data;
if (data === 0) {
$("#chooseBusinessType").hide();
}
lis.push('<li style="width:100%;margin-top: 10px;float:left;border: 1px solid #9999996e;"><div class="layui-card my-shadow my-card flow1"><div class="layui-card-header"><h2>' + "所处位置:" + result[i].dname+"-"+result[i].kingdeecode + '</h2></div>');
lis.push('<div class="layui-col-md4 my-info" style="margin-left: 15px; color: #999;font-size: 15px;">'
+ InventoryItem
+ '</div></div></li>');
}
lis.push('</div>');
takingPre += result.length;
//执行下一页渲染,第二参数为:满足“加载更多”的条件,即后面仍有分页
//pages为Ajax返回的总页数,只有当前页小于总页数的情况下,才会继续出现加载更多
next(lis.join(''), takingPre < res.count);
});
$.ajax({
url: "/material/delTemporaryValue",
type: 'post',
data: JSON.stringify({"id": id, "type": "In"}),
dataType: 'json',
contentType: "application/json;charset=utf-8"
})
}
});
$('body').on('click', '[data-refresh]', function () {
location.reload();
})
return false;
};
/**
* 用于跳转导入库页面
*/
applicationIn = function(){
miniTab.openNewTabByIframeNew({
href: "/application_In_temporaryValue",
title: "入库申请"
});
};
/**
* 用于跳转到出库页面
*/
applicationOut = function () {
miniTab.openNewTabByIframeNew({
href: "/application_Out_temporaryValue",
title: "出库申请"
});
};
/**
* 用于跳转到直接出库页面
*/
applicationImmediateOut = function () {
miniTab.openNewTabByIframeNew({
href: "/application_Immediate_Out_temporaryValue",
title: "出库申请"
});
};
/**
* 用于选择选择框
*/
checkedInputCheck = function () {
if(chooseIdList.length > 0){
for (const checkedId of chooseIdList) {
$("#"+checkedId).attr("checked","checked");
}
$("#chooseBusinessType").show();
}
}
})
</script>

Loading…
Cancel
Save