Blame view

src/main/resources/templates/shipment/shippingCombination/shippingCombination.html 11.3 KB
tangying authored
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>&nbsp;搜索</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">
pengcheng authored
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>
tangying authored
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')}]];
pengcheng authored
71
    var containerHeaderStatus = [[${@dict.getType('shipmentContainerHeaderStatus')}]];
pengcheng authored
72
    var inventoryStatus = [[${@dict.getType('inventorySts')}]];
tangying authored
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({
pengcheng authored
80
            url: prefix + "/listShipmentDetail?code="+code,
tangying authored
81
82
            type: 'get',
            success: function (value) {
pengcheng authored
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){
tangying authored
87
                        $("#bootstrap-table").bootstrapTable('insertRow',{index:0,row:{id:value.data[i].id,
pengcheng authored
88
89
                                shipmentId:value.data[i].shipmentId,
                                shipmentCode:value.data[i].shipmentCode,
tangying authored
90
91
                                materialCode:value.data[i].materialCode,
                                materialName:value.data[i].materialName,
pengcheng authored
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}});
tangying authored
97
                    }
pengcheng authored
98
99
                     qty_shipment = qty_shipment + value.data[i].shipQty;
                     qtyCompleted_shipment = qtyCompleted_shipment + value.data[i].requestQty;
tangying authored
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'.当前页、所有数据、选中数据
pengcheng authored
120
        modalName: "出库组盘头",
tangying authored
121
122
123
        // sidePagination: "server",
        pagination: true,   // 是否显示分页(*)
        pageNumber: 1,                                      // 初始化加载第一页,默认第一页
pengcheng authored
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)
                    }
tangying authored
144
                }
pengcheng authored
145
146
147
            })
        },
        columns: [
tangying authored
148
149
150
151
152
153
            {
                field : 'id',
                title : '明细id'
            },
            {
                field : 'materialCode',
154
                title : '物料编码'
tangying authored
155
156
157
158
159
160
            },
            {
                field:"materialName",
                title:"物料名称"
            },
            {
pengcheng authored
161
                field:'materialSpec',
tangying authored
162
163
164
                title:"物料规格"
            },
            {
pengcheng authored
165
                field : 'shipQty',
tangying authored
166
167
168
                title : '单据数量'
            },
            {
pengcheng authored
169
                field : 'requestQty',
tangying authored
170
171
172
                title : '已出数量'
            },
            {
pengcheng authored
173
                field : 'inventorySts',
tangying authored
174
175
176
177
178
179
                title : '库存状态',
                formatter: function(value, row, index) {
                    return $.table.selectDictLabel(inventoryStatus, value);
                },
            },
            {
pengcheng authored
180
                field : 'materialUnit',
tangying authored
181
182
183
184
185
186
187
188
                title : '单位'
            },
            ]
    });

    $("#bootstrap-table1").bootstrapTable({
        clickToSelect: true,
        showColumns:true, //列选择
pengcheng authored
189
        modalName: "库存",
tangying authored
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: [
            {
pengcheng authored
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('');
                }
tangying authored
207
208
            },
            {
pengcheng authored
209
210
                field : 'id',
                title : 'id'
tangying authored
211
212
            },
            {
pengcheng authored
213
214
                field : 'companyCode',
                title : '货主'
tangying authored
215
216
217
218
219
220
            },
            {
                field : 'locationCode',
                title : '库位编号'
            },
            {
pengcheng authored
221
222
                field : 'containerCode',
                title : '容器编号'
tangying authored
223
224
225
            },
            {
                field : 'qty',
pengcheng authored
226
                title : '数量'
tangying authored
227
228
            },
            {
pengcheng authored
229
                field : 'materialCode',
230
                title : '物料编码'
tangying authored
231
232
            },
            {
pengcheng authored
233
234
                field : 'materialName',
                title : '物料名称'
tangying authored
235
236
            },
            {
pengcheng authored
237
238
                field : 'materialSpec',
                title : '物料规格'
tangying authored
239
240
            },
            {
pengcheng authored
241
242
243
                field : 'supplierCode',
                title : '供应商编码',
                visible:false
tangying authored
244
245
            },
            {
pengcheng authored
246
247
                field : 'inventorySts',
                title : '库存状态' ,
tangying authored
248
249
                align: 'center',
                formatter: function(value, row, index) {
pengcheng authored
250
                    return $.table.selectDictLabel(inventoryStatus, value);
tangying authored
251
                }
pengcheng authored
252
            },
tangying authored
253
254
255
        ]
    });
pengcheng authored
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,
pengcheng authored
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)
                }
            }
        })
tangying authored
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() {
pengcheng authored
301
302
        let auto = localStorage.getItem("auto");
        let shipmentCode = localStorage.getItem("shipmentCode");
tangying authored
303
304
        $("#code").val(shipmentCode);
        if (auto == "true")   {
pengcheng authored
305
306
307
308
            let  url = prefix + "/autoCombination";
            let  type = "post";
            let  dataType = "json";
            let  data = {"shipmentCode" : shipmentCode};
tangying authored
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());
pengcheng authored
322
        });
tangying authored
323
324
325
326
327
328
329

        initPage();
    });

</script>
</body>
</html>