pfz_smile
/
depositroy
2
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity
Browse Source

为批量处理添加数量判断

lwx_dev
erdanergou 3 years ago
parent
4992c479bc
commit
2df00c5e70
1 changed files with 142 additions and 109 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 251
      src/main/resources/templates/pages/application/application_multi.html

251
src/main/resources/templates/pages/application/application_multi.html
View File

@ -17,6 +17,7 @@
margin-top: -10px; margin-top: -10px;
margin-left: -15px; margin-left: -15px;
} }
/* .laytable-cell-1-0-7 { /* .laytable-cell-1-0-7 {
overflow: visible !important; overflow: visible !important;
} }
@ -24,35 +25,38 @@
*/ */
</style> </style>
<div class="layuimini-container"> <div class="layuimini-container">
<div class="layuimini-main"> <div class="layuimini-main">
<script id="toolbarDemo" type="text/html"> <script id="toolbarDemo" type="text/html">
<div class="layui-btn-container"> <div class="layui-btn-container">
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="delete">删除</button> <button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="delete">删除</button>
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="applicationIn">入库</button> <button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="applicationIn">入库
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="applicationOut">出库申请</button> </button>
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="applicationOut">出库申请
</button>
</div> </div>
</script> </script>
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table> <table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
<script id="currentTableBar" type="text/html"> <script id="currentTableBar" type="text/html">
<a class="layui-btn layui-btn-normal layui-btn-xs data-count-subclass" lay-event="applicationIn">入库</a> <a class="layui-btn layui-btn-normal layui-btn-xs data-count-subclass" lay-event="applicationIn">入库</a>
<a class="layui-btn layui-btn-xs data-count-edit" lay-event="applicationOut" >出库申请</a> <a class="layui-btn layui-btn-xs data-count-edit" lay-event="applicationOut">出库申请</a>
</script> </script>
<!-- 用于计量单位的展示--> <!-- 用于计量单位的展示-->
<script id="changeUnit" type="text/html"> <script id="changeUnit" type="text/html">
<button class="layui-btn layui-btn-primary layui-btn-xs" lay-event="changeUnit" click_num="0" id="btn_unit_{{d.iid}}" value="-1">{{d.showUnit}}</button> <button class="layui-btn layui-btn-primary layui-btn-xs" lay-event="changeUnit" click_num="0"
id="btn_unit_{{d.iid}}" value="-1">{{d.showUnit}}
</button>
</script> </script>
<script id="selectLocation" type="text/html"> <script id="selectLocation" type="text/html">
<button class="layui-btn layui-btn-primary layui-btn-xs" click_num="0" lay-event="selectLocation" id="btn_placeCode_{{d.iid}}" value="{{d.placeCode}}">{{d.placeCode}}</button> <button class="layui-btn layui-btn-primary layui-btn-xs" click_num="0" lay-event="selectLocation"
id="btn_placeCode_{{d.iid}}" value="{{d.placeCode}}">{{d.placeCode}}
</button>
</script> </script>
</div> </div>
</div> </div>
@ -82,10 +86,10 @@
}, },
response: { response: {
statusName: 'status' //规定数据状态的字段名称，默认：code statusName: 'status' //规定数据状态的字段名称，默认：code
,statusCode: 200 //规定成功的状态码，默认：0 , statusCode: 200 //规定成功的状态码，默认：0
,msgName: 'message' //规定状态信息的字段名称，默认：msg , msgName: 'message' //规定状态信息的字段名称，默认：msg
,countName: 'count' //规定数据总数的字段名称，默认：count , countName: 'count' //规定数据总数的字段名称，默认：count
,dataName: 'data' //规定数据列表的字段名称，默认：data , dataName: 'data' //规定数据列表的字段名称，默认：data
}, },
height: 'full-255',//固定高度-即固定表头固定第一行首行 height: 'full-255',//固定高度-即固定表头固定第一行首行
toolbar: '#toolbarDemo', toolbar: '#toolbarDemo',
@ -94,16 +98,16 @@
{type: "checkbox", width: 50}, {type: "checkbox", width: 50},
{field: 'mname', width: 150, title: '物料名称'}, {field: 'mname', width: 150, title: '物料名称'},
{field: 'version', width: 150, title: '规格型号'}, {field: 'version', width: 150, title: '规格型号'},
{field: 'code',width: 200,title: '存货编码',sort: true}, {field: 'code', width: 200, title: '存货编码', sort: true},
{title: '所处位置', width: 200, templet: '#selectLocation', align: "center"}, {title: '所处位置', width: 200, templet: '#selectLocation', align: "center"},
{field: 'depositoryName', width: 150, title: '仓库名称'}, {field: 'depositoryName', width: 150, title: '仓库名称'},
{title: '计量单位', width: 200, templet: '#changeUnit', align: "center"}, {title: '计量单位', width: 200, templet: '#changeUnit', align: "center"},
{field: 'quantity', width: 150, title: '数量',edit:'quantity'}, {field: 'quantity', width: 150, title: '数量', edit: 'quantity'},
{field: 'applyRemark', width: 150, title: '备注说明',edit:'applyRemark'}, {field: 'applyRemark', width: 150, title: '备注说明', edit: 'applyRemark'},
{title: '操作', minWidth: 250, toolbar: '#currentTableBar', align: "center"} {title: '操作', minWidth: 250, toolbar: '#currentTableBar', align: "center"}
] ]
], ],
limits: [10, 15, 20, 25, 50,100], limits: [10, 15, 20, 25, 50, 100],
limit: 10, limit: 10,
page: true, page: true,
skin: 'line', skin: 'line',
@ -118,8 +122,21 @@
// console.log(obj) // console.log(obj)
}); });
table.on('edit(currentTableFilter)', function(obj){ //注：edit是固定事件名，test是table原始容器的属性 lay-filter="对应的值" table.on('edit(currentTableFilter)', function (obj) { //注：edit是固定事件名，test是table原始容器的属性 lay-filter="对应的值"
// console.log(obj.data); //所在行的所有相关数据 // console.log(obj.data); //所在行的所有相关数据
let data = obj.data;
let quantity = data.quantity;
let mcode = data.code;
let unit = data.unit;
let depositoryId = data.depositoryId;
let req = {};
req.mcode = mcode;
req.quantity = quantity;
req.unit = unit;
req.placeId = -1;
req.depositoryId = depositoryId;
MaterialQuantityIsTrue(req,obj);
}); });
/** /**
@ -147,11 +164,11 @@
req.units[i] = data[i].unit; req.units[i] = data[i].unit;
} }
if(obj.event==='delete'){ if (obj.event === 'delete') {
if(req.mids.length > 0) { if (req.mids.length > 0) {
layer.confirm('真的删除么', {icon: 2, title: '提示'}, function (index) { layer.confirm('真的删除么', {icon: 2, title: '提示'}, function (index) {
for (i = 0, len = data.length; i < len; i++) { for (i = 0, len = data.length; i < len; i++) {
req.placeCodes[i] = data[i].placeCodes.toString().replace(","," ") req.placeCodes[i] = data[i].placeCodes.toString().replace(",", " ")
} }
$.ajax({ $.ajax({
url: "/depositoryRecord/deleteApplicationToRedis", url: "/depositoryRecord/deleteApplicationToRedis",
@ -178,18 +195,16 @@
}) })
}) })
} } else {
else{
layer.msg("未选中记录，请确认！"); layer.msg("未选中记录，请确认！");
return false; return false;
} }
} } else if (obj.event === 'applicationIn') {
else if(obj.event === 'applicationIn'){
req.type = 'in'; req.type = 'in';
$.ajax({ $.ajax({
url:"/depositoryRecord/createMultiApplications", url: "/depositoryRecord/createMultiApplications",
type:"post", type: "post",
data:JSON.stringify(req), data: JSON.stringify(req),
dataType: "json", dataType: "json",
contentType: "application/json;charset=utf-8", contentType: "application/json;charset=utf-8",
success: function (d) { success: function (d) {
@ -202,38 +217,37 @@
icon: 6,//成功的表情 icon: 6,//成功的表情
time: 1000 time: 1000
}, //1秒关闭（如果不配置，默认是3秒） }, //1秒关闭（如果不配置，默认是3秒）
function(){ function () {
//do something //do something
window.location="/application_multi" window.location = "/application_multi"
}); });
} }
} }
}); });
return false; return false;
} } else if (obj.event === 'applicationOut') {
else if(obj.event === 'applicationOut'){
req.type = 'out'; req.type = 'out';
$.ajax({ $.ajax({
url:"/depositoryRecord/createMultiApplications", url: "/depositoryRecord/createMultiApplications",
type:"post", type: "post",
data:JSON.stringify(req), data: JSON.stringify(req),
dataType: "json", dataType: "json",
contentType: "application/json;charset=utf-8", contentType: "application/json;charset=utf-8",
success: function (d) { success: function (d) {
layer.close(this.layerIndex); layer.close(this.layerIndex);
if (d.status >= 300) { if (d.status >= 300) {
layer.msg(d.statusInfo.detail,{ layer.msg(d.statusInfo.detail, {
icon:0, icon: 0,
time:1000 time: 1000
},function () { }, function () {
obj.update({quantity:1}) obj.update({quantity: 1})
});//失败的表情 });//失败的表情
return; return;
}else if(d.status === 1234){ } else if (d.status === 1234) {
layer.msg(d.data,{ layer.msg(d.data, {
icon:0, icon: 0,
time:1000 time: 1000
},function () { }, function () {
table.reload('currentTableId', { table.reload('currentTableId', {
url: '/depositoryRecord/applicant_multi_create', url: '/depositoryRecord/applicant_multi_create',
page: { page: {
@ -242,13 +256,12 @@
}); });
}); });
return return
} } else {
else {
layer.msg("申请成功！", { layer.msg("申请成功！", {
icon: 6,//成功的表情 icon: 6,//成功的表情
time: 1000 time: 1000
}, //1秒关闭（如果不配置，默认是3秒） }, //1秒关闭（如果不配置，默认是3秒）
function() { function () {
//do something //do something
table.reload('currentTableId', { table.reload('currentTableId', {
url: '/depositoryRecord/applicant_multi_create', url: '/depositoryRecord/applicant_multi_create',
@ -269,60 +282,59 @@
let data = obj.data; let data = obj.data;
if (obj.event === 'applicationIn') { if (obj.event === 'applicationIn') {
// 入库申请 // 入库申请
var req = data; var req = data;
req.type = "in"; req.type = "in";
$.ajax({ $.ajax({
url:"/depositoryRecord/createMultiApplication", url: "/depositoryRecord/createMultiApplication",
type:"post", type: "post",
data:JSON.stringify(req), data: JSON.stringify(req),
dataType: "json", dataType: "json",
contentType: "application/json;charset=utf-8", contentType: "application/json;charset=utf-8",
success: function (d) { success: function (d) {
layer.close(this.layerIndex); layer.close(this.layerIndex);
if (d.status >= 300) { if (d.status >= 300) {
layer.msg(d.statusInfo.message);//失败的表情 layer.msg(d.statusInfo.message);//失败的表情
return; return;
} else { } else {
layer.msg("申请成功！", { layer.msg("申请成功！", {
icon: 6,//成功的表情 icon: 6,//成功的表情
time: 1000 time: 1000
}, //1秒关闭（如果不配置，默认是3秒） }, //1秒关闭（如果不配置，默认是3秒）
function(){ function () {
//do something //do something
window.location="/application_multi" window.location = "/application_multi"
}); });
} }
} }
}); });
return false; return false;
} } else if (obj.event === 'applicationOut') {
else if(obj.event === 'applicationOut'){
// 出库申请 // 出库申请
var req = data; var req = data;
req.type = "out"; req.type = "out";
$.ajax({ $.ajax({
url:"/depositoryRecord/createMultiApplication", url: "/depositoryRecord/createMultiApplication",
type:"post", type: "post",
data:JSON.stringify(req), data: JSON.stringify(req),
dataType: "json", dataType: "json",
contentType: "application/json;charset=utf-8", contentType: "application/json;charset=utf-8",
success: function (d) { success: function (d) {
layer.close(this.layerIndex); layer.close(this.layerIndex);
if (d.status >= 300) { if (d.status >= 300) {
layer.msg(d.statusInfo.detail,{ layer.msg(d.statusInfo.detail, {
icon:0, icon: 0,
time:1000 time: 1000
},function () { }, function () {
obj.update({quantity:1}); obj.update({quantity: 1});
});//失败的表情 });//失败的表情
} else { } else {
layer.msg("申请成功！", { layer.msg("申请成功！", {
icon: 6,//成功的表情 icon: 6,//成功的表情
time: 1000 time: 1000
}, //1秒关闭（如果不配置，默认是3秒） }, //1秒关闭（如果不配置，默认是3秒）
function(){ function () {
//do something //do something
window.location="/application_multi" window.location = "/application_multi"
}); });
} }
} }
@ -330,53 +342,74 @@
return false; return false;
} } else if (obj.event === 'changeUnit') {
else if (obj.event === 'changeUnit') {
let splitInfoList = data.splitInfoList; let splitInfoList = data.splitInfoList;
let btn = $("#btn_unit_"+data.iid); let btn = $("#btn_unit_" + data.iid);
let clickNum = Number(btn.attr("click_num")); let clickNum = Number(btn.attr("click_num"));
if(splitInfoList.length > 0){ if (splitInfoList.length > 0) {
if(clickNum < splitInfoList.length){ if (clickNum < splitInfoList.length) {
let newUnit = splitInfoList[clickNum].newUnit; let newUnit = splitInfoList[clickNum].newUnit;
btn.text(newUnit); btn.text(newUnit);
clickNum += 1; clickNum += 1;
btn.attr("click_num",clickNum); btn.attr("click_num", clickNum);
obj.update({unit:newUnit}) obj.update({unit: newUnit})
}else{ } else {
btn.text(data.showUnit); btn.text(data.showUnit);
obj.update({unit:"-1"}); obj.update({unit: "-1"});
btn.attr("click_num",0); btn.attr("click_num", 0);
} }
} }
} } else if (obj.event === 'selectLocation') {
else if(obj.event === 'selectLocation'){ let btn = $("#btn_placeCode_" + data.iid);
let btn = $("#btn_placeCode_"+data.iid);
let placeCodes = data.placeCodes; let placeCodes = data.placeCodes;
let clickNum = Number(btn.attr("click_num")); let clickNum = Number(btn.attr("click_num"));
if(clickNum === 0){ if (clickNum === 0) {
clickNum += 1; clickNum += 1;
} }
if(placeCodes.length > 1){ if (placeCodes.length > 1) {
if(clickNum < placeCodes.length){ if (clickNum < placeCodes.length) {
let placeCode = placeCodes[clickNum]; let placeCode = placeCodes[clickNum];
clickNum += 1; clickNum += 1;
btn.attr("click_num",clickNum); btn.attr("click_num", clickNum);
btn.text(placeCode); btn.text(placeCode);
obj.update({placeCode:placeCode}) obj.update({placeCode: placeCode})
}else{ } else {
btn.text(placeCodes[0]); btn.text(placeCodes[0]);
obj.update({placeCode:placeCodes[0]}); obj.update({placeCode: placeCodes[0]});
btn.attr("click_num",0); btn.attr("click_num", 0);
} }
} }
} }
}); });
$('body').on('click', '[data-refresh]', function () { // 用于判断当前数量是否合法
location.reload(); MaterialQuantityIsTrue = function (req, obj) {
}) let loading2 = layer.open({type: 3, shade: [0.25, '#000'], icon: 2, speed: 0});
$.ajax({
url: "/material/MaterialQuantityIsTrue",
type: "post",
data: JSON.stringify(req),
dataType: 'json',
contentType: "application/json;charset=utf-8",
success: function (res) {
var flag = res.data;
if (!flag) { // 如果当前数目不合适
layer.msg("当前单个仓库中物料数量不足", {icon: 0, time: 500}, function () {
layer.close(loading2);
obj.update({quantity: 1})
},
);
} else {
layer.close(loading2)
}
}
});
};
}); });
</script> </script>

Write Preview
Loading…
Cancel
Save