|
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
|
<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<style>
.table-striped-left{
width: 49%;
/*margin-right: 4px;*/
}
.table-striped-right{
/*right: -10px;*/
width: 50%;
float: right;
}
.info_text{
float: right;
}
.info_text li{
font-size: 16px;
}
.info_text li span{
font-size: 20px;
font-weight: bold;
color: rgb(28,132,198);
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc
}
</style>
<body class="gray-bg">
<div class="container-div">
<div class="row">
<div class="col-sm-12 select-info">
<form id="dept-form">
<div class="select-list">
<ul>
<li>
出库单号：<input type="text" id="code" name="code" th:value="${code}"/>
</li>
<li>
<a class="btn btn-primary btn-rounded btn-sm" id="list-btn"><i class="fa fa-search"></i> 搜索</a>
</li>
</ul>
<ul class="info_text">
<li>物料总数：<span id="shipment_length"></span></li>
<li>总单据数量：<span id="qty_length"></span></li>
<li>已出库数量：<span id="qtyCompleted_length"></span></li>
</ul>
</div>
</form>
</div>
<div class="col-sm-12 select-info table-striped-left" style="padding-top: 20px;">
<table id="bootstrap-table" data-mobile-responsive="true" class="table table-bordered table-hover"></table>
</div>
<div class="col-sm-12 select-info table-striped-right">
|
|
|
58
59
60
61
|
<ul class="select-list">
<li style="display: none">id：<input type="text" id="detailId" /></li>
<li>出货数量：<input type="text" id="receiveNum" /></li>
</ul>
|
|
|
62
|
<table id="bootstrap-table1" data-mobile-responsive="true" class="table table-bordered table-hover"></table>
|
|
|
63
|
<div class="btn-group hidden-xs" id="toolbar1" role="group">
|
|
|
64
|
<a id="cancelComb" class="btn btn-outline btn-danger btn-rounded" onclick="batchRemoveHead()">
|
|
|
65
66
|
<i class="fa fa-trash-o"></i> 取消配盘
</a>
|
|
|
67
|
<a id="batchCreateTask" class="btn btn-outline btn-warning btn-rounded" onclick="batchCreateTask()">
|
|
|
68
69
|
<i class="fa fa-edit"></i> 生成任务
</a>
|
|
|
70
|
<a class="menuItem btn btn-outline btn-warning btn-rounded" onclick="toTask()" >
|
|
|
71
72
73
|
<i class="fa fa-edit"></i> 跳转任务页面
</a>
|
|
|
74
75
76
|
</div>
<table id="bootstrap-table2" data-mobile-responsive="true"
class="table table-bordered table-hover text-nowrap"></table>
|
|
|
77
78
79
80
81
82
83
84
|
</div>
</div>
</div>
<div th:include="include :: footer"></div>
<script th:inline="javascript">
var addFlag = [[${@permission.hasPermi('shipment:shippingCombination:combination')}]];
var cancelFlag = [[${@permission.hasPermi('shipment:shippingCombination:remove')}]];
var taskTypeReal=[[${@dict.getType('taskType')}]];
|
|
|
85
|
var containerHeaderStatus = [[${@dict.getType('shipmentContainerHeaderStatus')}]];
|
|
|
86
|
var inventoryStatus = [[${@dict.getType('inventorySts')}]];
|
|
|
87
88
89
90
91
92
93
|
var prefix = ctx + "shipment/shippingCombination";
var list_select=function(code) {
$("#bootstrap-table1").bootstrapTable('removeAll');
$("#bootstrap-table").bootstrapTable('removeAll');
$.ajax({
|
|
|
94
|
url: prefix + "/listShipmentDetail?code="+code,
|
|
|
95
96
|
type: 'get',
success: function (value) {
|
|
|
97
98
99
|
let qty_shipment=0;
let qtyCompleted_shipment=0;
for (let i=0;i<value.data.length;i++){
|
|
|
100
|
if(value.data[i].qty>value.data[i].taskQty){
|
|
|
101
102
|
$("#bootstrap-table").bootstrapTable('insertRow',{index:0,row:{
id:value.data[i].id,
|
|
|
103
104
|
shipmentId:value.data[i].shipmentId,
shipmentCode:value.data[i].shipmentCode,
|
|
|
105
106
|
materialCode:value.data[i].materialCode,
materialName:value.data[i].materialName,
|
|
|
107
|
materialSpec:value.data[i].materialSpec,
|
|
|
108
109
|
qty:value.data[i].qty,
taskQty:value.data[i].taskQty,
|
|
|
110
111
|
inventorySts:value.data[i].inventorySts,
materialUnit:value.data[i].materialUnit}});
|
|
|
112
|
}
|
|
|
113
114
|
qty_shipment = qty_shipment + value.data[i].qty;
qtyCompleted_shipment = qtyCompleted_shipment + value.data[i].taskQty;
|
|
|
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
|
}
$("#shipment_length").text(value.data.length);
$("#qty_length").text(qty_shipment);
$("#qtyCompleted_length").text(qtyCompleted_shipment);
}
});
};
$("#bootstrap-table").bootstrapTable({
contentType: "application/x-www-form-urlencoded",
// search: true, //搜索
// showRefresh: true,//刷新
// showToggle:true, //视图切换
clickToSelect: true,
// showColumns:true, //列选择
// detailView:true,
// showExport: true, //导出
// exportDataType: "all", //导出类型basic', 'all', 'selected'.当前页、所有数据、选中数据
|
|
|
135
|
modalName: "出库组盘头",
|
|
|
136
137
138
|
// sidePagination: "server",
pagination: true, // 是否显示分页（*）
pageNumber: 1, // 初始化加载第一页，默认第一页
|
|
|
139
140
141
142
143
|
pageSize: 50, // 每页的记录行数（*）
pageList: [10, 25, 50,100],
onClickRow:function(row,ele,field){
let code=$("#code").val();
$("#detailId").val(row.id);
|
|
|
144
|
$("#receiveNum").val(row.qty-row.taskQty);
|
|
|
145
146
147
148
149
150
151
152
|
$.ajax({
url:prefix+'/getInventory',
type:'post',
data:{
code:code,
id:row.id
},
success:res=>{
|
|
|
153
154
155
156
157
158
|
if(res.code===200){
$("#bootstrap-table1").bootstrapTable('load',res.data)
}
else{
$.modal.alertError(res.msg)
}
|
|
|
159
|
}
|
|
|
160
161
162
|
})
},
columns: [
|
|
|
163
164
165
166
167
168
|
{
field : 'id',
title : '明细id'
},
{
field : 'materialCode',
|
|
|
169
|
title : '物料编码'
|
|
|
170
171
172
173
174
175
|
},
{
field:"materialName",
title:"物料名称"
},
{
|
|
|
176
|
field:'materialSpec',
|
|
|
177
178
179
180
|
title:"物料规格",
formatter: function(value, row, index) {
return $.table.tooltip(value, 10, "open");
},
|
|
|
181
182
|
},
{
|
|
|
183
|
field : 'qty',
|
|
|
184
185
186
|
title : '单据数量'
},
{
|
|
|
187
|
field : 'taskQty',
|
|
|
188
189
190
|
title : '已出数量'
},
{
|
|
|
191
|
field : 'inventorySts',
|
|
|
192
193
194
195
196
197
|
title : '库存状态',
formatter: function(value, row, index) {
return $.table.selectDictLabel(inventoryStatus, value);
},
},
{
|
|
|
198
|
field : 'materialUnit',
|
|
|
199
200
|
title : '单位'
},
|
|
|
201
202
203
204
205
206
207
|
{
field : 'moCode',
title : '工作令',
formatter: function(value, row, index) {
return $.table.tooltip(value, 8, "open");
},
},
|
|
|
208
209
210
211
212
213
|
]
});
$("#bootstrap-table1").bootstrapTable({
clickToSelect: true,
showColumns:true, //列选择
|
|
|
214
|
modalName: "库存",
|
|
|
215
216
217
218
219
220
221
222
223
|
iconSize: "outline",
toolbar: "#toolbar",
contentType: "application/x-www-form-urlencoded",
pagination: true, // 是否显示分页（*）
pageNumber: 1, // 初始化加载第一页，默认第一页
pageSize: 10, // 每页的记录行数（*）
pageList: [10, 25, 50],
columns: [
{
|
|
|
224
225
226
227
228
|
title: '操作',
align: 'center',
events:'operateEvents',
formatter: function(value, row, index) {
let actions = [];
|
|
|
229
|
actions.push('<a id="cancel" name="cancel" class="btn btn-success btn-xs" style="background-color: #ac2925" onclick="Combination(\'' + row.id + '\')"><i class="fa fa-edit"></i>配盘</a> ');
|
|
|
230
231
|
return actions.join('');
}
|
|
|
232
233
|
},
{
|
|
|
234
235
|
field : 'id',
title : 'id'
|
|
|
236
237
|
},
{
|
|
|
238
239
|
field : 'companyCode',
title : '货主'
|
|
|
240
241
242
243
244
245
|
},
{
field : 'locationCode',
title : '库位编号'
},
{
|
|
|
246
247
|
field : 'containerCode',
title : '容器编号'
|
|
|
248
249
250
|
},
{
field : 'qty',
|
|
|
251
|
title : '数量'
|
|
|
252
253
|
},
{
|
|
|
254
255
256
257
|
field : 'taskQty',
title : '任务数量'
},
{
|
|
|
258
|
field : 'materialCode',
|
|
|
259
|
title : '物料编码'
|
|
|
260
261
|
},
{
|
|
|
262
263
|
field : 'materialName',
title : '物料名称'
|
|
|
264
265
|
},
{
|
|
|
266
267
|
field : 'materialSpec',
title : '物料规格'
|
|
|
268
269
|
},
{
|
|
|
270
271
272
|
field : 'supplierCode',
title : '供应商编码',
visible:false
|
|
|
273
274
|
},
{
|
|
|
275
276
|
field : 'inventorySts',
title : '库存状态' ,
|
|
|
277
278
|
align: 'center',
formatter: function(value, row, index) {
|
|
|
279
|
return $.table.selectDictLabel(inventoryStatus, value);
|
|
|
280
|
}
|
|
|
281
|
},
|
|
|
282
283
284
|
]
});
|
|
|
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
|
$("#bootstrap-table2").bootstrapTable({
removeUrl: ctx + "shipment/shipmentContainerDetail/remove",
// search: true, //搜索
showRefresh: true, //刷新
showToggle:true, //视图切换
clickToSelect: true,
showColumns:true, //列选择
// detailView:true,
toolbar: "#toolbar1",
showExport: true, //导出
exportDataType: "all", //导出类型basic', 'all', 'selected'.当前页、所有数据、选中数据
modalName: "出库组盘",
iconSize: "outline",
toolbar: "#toolbar1",
contentType: "application/x-www-form-urlencoded",
onRefresh: function(){
|
|
|
301
|
list_shipmentInfo($("#code").val());
|
|
|
302
303
304
|
},
columns: [
{
|
|
|
305
306
307
308
309
310
311
312
313
314
315
316
317
318
|
checkbox: true,
formatter:function (value,row,index){
if(row.status < 10){
return {
checked : true,
disabled: false
}
}else{
return {
checked : false,
disabled: true
}
}
}
|
|
|
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
|
},
{
field : 'containerCode',
title : '容器编号'
},
{
field : 'locationCode',
title : '库位编号'
},
{
field : 'materialCode',
title : '物料编码'
},
{
field:"materialName",
title:"物料名称"
},
{
field:"materialSpec",
title:"物料规格"
},
{
field : 'qty',
title : '数量'
},
{
field : 'status',
title : '组盘状态',
align: 'center',
formatter: function(value, row, index) {
return $.table.selectDictLabel(containerHeaderStatus, value);
}
},
{
field : 'created',
title : '创建时间'
},
{
field : 'createdBy',
title : '创建人'
},
]
});
function list_shipmentInfo(code) {
|
|
|
364
|
|
|
|
365
366
367
368
369
370
371
372
373
374
375
376
377
|
$.ajax({
url: prefix + "/getShipmentInfoByCode",
type: 'post',
datatype: 'json',
data: {
code: code
},
error:function (response) {
console.log(response);
},
success: function (value) {
$("#bootstrap-table2").bootstrapTable('removeAll');
if(value.data){
|
|
|
378
379
|
$("#bootstrap-table2").bootstrapTable('load',value.data);
/*for (var i = 0; i < value.data.length; i++) {
|
|
|
380
381
382
383
384
385
386
387
388
389
390
391
392
|
$("#bootstrap-table2").bootstrapTable('insertRow',{index:0,row:{
containerCode: value.data[i].containerCode,
locationCode: value.data[i].locationCode,
materialCode: value.data[i].materialCode,
materialName: value.data[i].materialName,
materialSpec: value.data[i].materialSpec,
status: value.data[i].status,
shippingContainerId:value.data[i].shippingContainerId,
qty: value.data[i].qty,
created: value.data[i].created,
createdBy: value.data[i].createdBy,
}
});
|
|
|
393
|
}*/
|
|
|
394
395
396
397
398
399
400
|
}
else {
console.log("没有查找到入库容器！")
}
}
})
}
|
|
|
401
402
403
404
|
function jumpTask(){
let url = ctx + "task/taskHeader?InternalTaskType=200"
$.modal.open("出库任务", url);
}
|
|
|
405
406
407
408
409
410
411
412
413
414
|
/* 批量生成任务 */
function batchCreateTask() {
let rows=$("#bootstrap-table2").bootstrapTable('getSelections');
if (rows.length == 0) {
$.modal.alertWarning("请至少选择一条记录");
return;
}
var ids = "";
for(var i=0; i<rows.length; i++) {
|
|
|
415
|
|
|
|
416
417
418
419
420
421
|
if(ids == "") {
ids = rows[i].shippingContainerId;
} else {
ids = ids + "," + rows[i].shippingContainerId
}
}
|
|
|
422
|
// console.log(rows[0].zoneCode);
|
|
|
423
424
|
var url = prefix + "/createTask";
var data = { "ids" : ids };
|
|
|
425
426
427
428
429
430
431
432
433
434
435
436
437
438
|
$.ajax({
url: url,
type:'post',
data: data,
success:function (response) {
if(response.code===web_status.SUCCESS){
list_shipmentInfo($("#code").val());
$.modal.msgSuccess(response.msg)
} else {
$.modal.msg(response.msg)
}
}
})
/*var zoneCode=rows[0].zoneCode;
|
|
|
439
440
441
|
if(zoneCode!=''&&zoneCode=='LK'){
chooseStation(ids);
}else{
|
|
|
442
443
|
}*/
|
|
|
444
445
446
447
448
449
450
451
452
453
|
}
/* 批量取消组盘 */
function batchRemoveHead() {
var rows=$("#bootstrap-table2").bootstrapTable('getSelections');
if (rows.length == 0) {
$.modal.alertWarning("请至少选择一条记录");
return;
}
|
|
|
454
|
var url = ctx + "shipment/shipmentContainerHeader/remove";
|
|
|
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
|
var ids = "";
for(var i=0; i<rows.length; i++) {
ids = ids + rows[i].shippingContainerId + ","
}
var data = { "ids": ids.substring(0, ids.length-1) };
$.ajax({
url: url,
type:'post',
data: data,
success:function (response) {
if(response.code===200){
list_select($("#code").val());
list_shipmentInfo($("#code").val());
$.modal.msgSuccess('成功');
} else {
$.modal.msg(response.msg)
}
}
})
}
|
|
|
476
477
478
479
|
function Combination(id) {
let num=$("#receiveNum").val();
let shipmentDetailId=$("#detailId").val();
$.ajax({
|
|
|
480
|
url:ctx + "shipment/shippingCombination/addcombination",
|
|
|
481
482
483
|
type:'post',
data:{
shipmentDetailId:shipmentDetailId,
|
|
|
484
|
inventoryDetailId:id,
|
|
|
485
486
487
488
489
490
|
shipQty:num,
},
success:function (response) {
if(response.code===200){
$.modal.msgSuccess('成功');
$("#list-btn").click();
|
|
|
491
|
list_shipmentInfo($("#code").val());
|
|
|
492
493
494
495
496
497
|
}
else {
$.modal.msg(response.msg)
}
}
})
|
|
|
498
499
|
}
|
|
|
500
501
502
503
504
|
function chooseStation(id) {
let url = ctx + "shipment/shippingCombination/chooseStation" + "/" + id;
$.modal.open("选择站台", url);
}
|
|
|
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
|
function submit(url, type, dataType, data,content) {
$.modal.loading("正在处理中，请稍后...");
var config = {
url: url,
type: type,
dataType: dataType,
data: data,
contentType: content,
success: function(result) {
if (result.code == web_status.SUCCESS) {
$("#list-btn").click();
}
else {
$.modal.alertError(result.msg);
}
$.modal.closeLoading();
}
};
$.ajax(config)
}
|
|
|
526
527
528
529
530
|
function refresh() {
list_select($("#code").val());
list_shipmentInfo($("#code").val());
}
|
|
|
531
|
function initPage() {
|
|
|
532
533
|
let auto = localStorage.getItem("auto");
let shipmentCode = localStorage.getItem("shipmentCode");
|
|
|
534
|
$("#code").val(shipmentCode);
|
|
|
535
536
|
//0手动组盘，2自动组盘
|
|
|
537
538
|
if (auto == 2) {
let url = prefix + "/autoCombinationAndCreateTask";
|
|
|
539
540
541
|
let type = "post";
let dataType = "json";
let data = {"shipmentCode" : shipmentCode};
|
|
|
542
543
|
submit(url,type,dataType, data);
}
|
|
|
544
545
546
547
548
549
550
|
else if (auto == 1){
let url = prefix + "/autoCombination";
let type = "post";
let dataType = "json";
let data = {"shipmentCode" : shipmentCode};
submit(url,type,dataType, data);
}else {
|
|
|
551
552
553
554
|
$("#list-btn").click();
}
localStorage.removeItem("shipmentCode");
localStorage.removeItem("auto");
|
|
|
555
|
list_shipmentInfo($("#code").val());
|
|
|
556
557
558
559
560
561
|
}
$(function() {
$("#list-btn").click(function () {
list_select($("#code").val());
|
|
|
562
|
list_shipmentInfo($("#code").val());
|
|
|
563
|
});
|
|
|
564
565
|
initPage();
|
|
|
566
567
568
569
570
571
572
573
|
$("#cancelComb").onclick = throttles("batchRemoveHead", 100,{
leading:false,
trailing:true
});
$(".cancel").onclick = throttles("Combination", 100,{
leading:false,
trailing:true
});
|
|
|
574
575
576
577
|
$("#batchCreateTask").onclick = throttles("batchCreateTask", 1000,{
leading:false,
trailing:true
});
|
|
|
578
579
|
});
|
|
|
580
581
582
583
|
function toTask(){
var url=ctx+'task/taskHeader/taskHeaderV';
createMenuItem(url, "任务列表");
}
|
|
|
584
585
|
</script>
</body>
|
|
|
586
|
</html>
|
