|
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
63
64
65
66
67
68
69
70
|
<table id="bootstrap-table1" data-mobile-responsive="true" class="table table-bordered table-hover"></table>
</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')}]];
|
|
71
|
var containerHeaderStatus = [[${@dict.getType('shipmentContainerHeaderStatus')}]];
|
|
72
|
var inventoryStatus = [[${@dict.getType('inventorySts')}]];
|
|
73
74
75
76
77
78
79
|
var prefix = ctx + "shipment/shippingCombination";
var list_select=function(code) {
$("#bootstrap-table1").bootstrapTable('removeAll');
$("#bootstrap-table").bootstrapTable('removeAll');
$.ajax({
|
|
80
|
url: prefix + "/listShipmentDetail?code="+code,
|
|
81
82
|
type: 'get',
success: function (value) {
|
|
83
84
85
86
|
let qty_shipment=0;
let qtyCompleted_shipment=0;
for (let i=0;i<value.data.length;i++){
if(value.data[i].shipQty>value.data[i].requestQty){
|
|
87
|
$("#bootstrap-table").bootstrapTable('insertRow',{index:0,row:{id:value.data[i].id,
|
|
88
89
|
shipmentId:value.data[i].shipmentId,
shipmentCode:value.data[i].shipmentCode,
|
|
90
91
|
materialCode:value.data[i].materialCode,
materialName:value.data[i].materialName,
|
|
92
93
94
95
96
|
materialSpec:value.data[i].materialSpec,
shipQty:value.data[i].shipQty,
requestQty:value.data[i].requestQty,
inventorySts:value.data[i].inventorySts,
materialUnit:value.data[i].materialUnit}});
|
|
97
|
}
|
|
98
99
|
qty_shipment = qty_shipment + value.data[i].shipQty;
qtyCompleted_shipment = qtyCompleted_shipment + value.data[i].requestQty;
|
|
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
|
}
$("#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'.当前页、所有数据、选中数据
|
|
120
|
modalName: "出库组盘头",
|
|
121
122
123
|
// sidePagination: "server",
pagination: true, // 是否显示分页(*)
pageNumber: 1, // 初始化加载第一页,默认第一页
|
|
124
125
126
127
128
129
130
131
132
133
134
135
136
137
|
pageSize: 50, // 每页的记录行数(*)
pageList: [10, 25, 50,100],
onClickRow:function(row,ele,field){
let code=$("#code").val();
$("#detailId").val(row.id);
$("#receiveNum").val(row.shipQty-row.requestQty);
$.ajax({
url:prefix+'/getInventory',
type:'post',
data:{
code:code,
id:row.id
},
success:res=>{
|
|
138
139
140
141
142
143
|
if(res.code===200){
$("#bootstrap-table1").bootstrapTable('load',res.data)
}
else{
$.modal.alertError(res.msg)
}
|
|
144
|
}
|
|
145
146
147
|
})
},
columns: [
|
|
148
149
150
151
152
153
|
{
field : 'id',
title : '明细id'
},
{
field : 'materialCode',
|
|
154
|
title : '物料编码'
|
|
155
156
157
158
159
160
|
},
{
field:"materialName",
title:"物料名称"
},
{
|
|
161
|
field:'materialSpec',
|
|
162
163
164
|
title:"物料规格"
},
{
|
|
165
|
field : 'shipQty',
|
|
166
167
168
|
title : '单据数量'
},
{
|
|
169
|
field : 'requestQty',
|
|
170
171
172
|
title : '已出数量'
},
{
|
|
173
|
field : 'inventorySts',
|
|
174
175
176
177
178
179
|
title : '库存状态',
formatter: function(value, row, index) {
return $.table.selectDictLabel(inventoryStatus, value);
},
},
{
|
|
180
|
field : 'materialUnit',
|
|
181
182
183
184
185
186
187
188
|
title : '单位'
},
]
});
$("#bootstrap-table1").bootstrapTable({
clickToSelect: true,
showColumns:true, //列选择
|
|
189
|
modalName: "库存",
|
|
190
191
192
193
194
195
196
197
198
|
iconSize: "outline",
toolbar: "#toolbar",
contentType: "application/x-www-form-urlencoded",
pagination: true, // 是否显示分页(*)
pageNumber: 1, // 初始化加载第一页,默认第一页
pageSize: 10, // 每页的记录行数(*)
pageList: [10, 25, 50],
columns: [
{
|
|
199
200
201
202
203
204
205
206
|
title: '操作',
align: 'center',
events:'operateEvents',
formatter: function(value, row, index) {
let actions = [];
actions.push('<a id="cancel" class="btn btn-success btn-xs" style="background-color: #ac2925" href="#" onclick="Combination(\'' + row.id + '\')"><i class="fa fa-edit"></i>组盘</a> ');
return actions.join('');
}
|
|
207
208
|
},
{
|
|
209
210
|
field : 'id',
title : 'id'
|
|
211
212
|
},
{
|
|
213
214
|
field : 'companyCode',
title : '货主'
|
|
215
216
217
218
219
220
|
},
{
field : 'locationCode',
title : '库位编号'
},
{
|
|
221
222
|
field : 'containerCode',
title : '容器编号'
|
|
223
224
225
|
},
{
field : 'qty',
|
|
226
|
title : '数量'
|
|
227
228
|
},
{
|
|
229
|
field : 'materialCode',
|
|
230
|
title : '物料编码'
|
|
231
232
|
},
{
|
|
233
234
|
field : 'materialName',
title : '物料名称'
|
|
235
236
|
},
{
|
|
237
238
|
field : 'materialSpec',
title : '物料规格'
|
|
239
240
|
},
{
|
|
241
242
243
|
field : 'supplierCode',
title : '供应商编码',
visible:false
|
|
244
245
|
},
{
|
|
246
247
|
field : 'inventorySts',
title : '库存状态' ,
|
|
248
249
|
align: 'center',
formatter: function(value, row, index) {
|
|
250
|
return $.table.selectDictLabel(inventoryStatus, value);
|
|
251
|
}
|
|
252
|
},
|
|
253
254
255
|
]
});
|
|
256
257
258
259
260
261
262
263
|
function Combination(id) {
let num=$("#receiveNum").val();
let shipmentDetailId=$("#detailId").val();
$.ajax({
url:ctx + "shipment/shippingCombination/Addcombination",
type:'post',
data:{
shipmentDetailId:shipmentDetailId,
|
|
264
|
inventoryDetailId:id,
|
|
265
266
267
268
269
270
271
272
273
274
275
276
|
shipQty:num,
},
success:function (response) {
if(response.code===200){
$.modal.msgSuccess('成功');
$("#list-btn").click();
}
else {
$.modal.msg(response.msg)
}
}
})
|
|
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
|
}
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)
}
function initPage() {
|
|
301
302
|
let auto = localStorage.getItem("auto");
let shipmentCode = localStorage.getItem("shipmentCode");
|
|
303
304
|
$("#code").val(shipmentCode);
if (auto == "true") {
|
|
305
306
307
308
|
let url = prefix + "/autoCombination";
let type = "post";
let dataType = "json";
let data = {"shipmentCode" : shipmentCode};
|
|
309
310
311
312
313
314
315
316
317
318
319
320
321
|
submit(url,type,dataType, data);
}
else{
$("#list-btn").click();
}
localStorage.removeItem("shipmentCode");
localStorage.removeItem("auto");
}
$(function() {
$("#list-btn").click(function () {
list_select($("#code").val());
|
|
322
|
});
|
|
323
324
325
326
327
328
329
|
initPage();
});
</script>
</body>
</html>
|