combination.html 11.5 KB
<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="white-bg">
<div class="container-div">
<!--<div class="wrapper wrapper-content animated fadeInRight ibox-content">-->
    <div class="row">
        <div class="col-sm-12 select-info">
            <!--<form id="combination-form" th:object="${shipmentDetail}">-->
                <div class="select-list">
                    <ul th:object="${shipmentDetail}">
                        <li><input type="hidden" id="shipmentDetailId" th:value="*{id}"></li>
                        <li>出库单号:<input type="text" readonly="readonly" th:value="*{shipmentCode}"></li>
                        <li>物料编码:<input type="text" readonly="readonly" th:value="*{materialCode}"></li>
                        <li>物料名称:<input type="text" readonly="readonly" th:value="*{materialName}"></li>
                        <li>剩余配盘数:<input type="text" readonly="readonly" th:value="*{qty-qtyCompleted}" id="qtyRemain"></li>
                        <li>
                            组盘类型:
                            <select name="" id="type">
                                <option value="300">整盘出库</option>
                                <option value="400" selected="selected">分拣出库</option>
                            </select>
                        </li>
                        <li>配盘数:<input type="number" id="combinationQty" style="background-color: #a6d3ff"></li>
                        <li>
                            <a class="btn btn-success btn-sm" onclick="combination()"><i class="fa fa-edit"></i>&nbsp;组盘</a>
                        </li>
                    </ul>
                </div>
            <!--</form>-->
        </div>
        <div class="col-sm-12 select-info">
            <form id="inventory-form" th:object="${shipmentDetail}">
                <div class="select-list">
                    <ul>
                        <li>
                            库位编码:<input type="text" name="locationCode"/>
                        </li>
                        <li>
                            货主编码:<input type="text" id="companyCode" name="companyCode" th:value="*{companyCode}"  readonly="readonly"/>
                        </li>
                        <li>
                            物料类型:
                            <select id="type" name="type" th:with="type=${@dict.getType('materialType')}">
                                <option value="">所有</option>
                                <option th:each="e : ${type}" th:text="${e['dictLabel']}" th:value="${e['dictValue']}"></option>
                            </select>
                        </li>
                        <li>
                            物料编码:<input type="text" id="materialCode" name="materialCode" th:value="*{materialCode}" readonly="readonly"/>
                        </li>
                        <li class="time">
                            <label>创建时间: </label>
                            <input type="text" class="time-input" id="startTime" placeholder="开始时间" name="params[createdBegin]"/>
                            <span>-</span>
                            <input type="text" class="time-input" id="endTime" placeholder="结束时间" name="params[createdEnd]"/>
                        </li>
                        <li>
                            <a id="search" class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
                            <!--<a class="btn btn-success btn-rounded btn-sm" onclick="$.table.exportExcel()" shiro:hasPermission="general:inventory:export"><i class="fa fa-download"></i>&nbsp;导出</a>-->
                        </li>
                    </ul>
                </div>
            </form>
        </div>
        <div class="col-sm-12 select-info">
            <table id="bootstrap-table" data-mobile-responsive="true" class="table table-bordered table-hover"></table>
        </div>
    </div>

<!--</div>-->
</div>
<div th:include="include::footer"></div>

<script th:inline="javascript">
    var addFlag = [[${@permission.hasPermi('shipment:shippingCombination:add')}]];
    var prefix = ctx + "shipment/shippingCombination";
    var inventoryStatus=[[${@dict.getType('inventoryStatus')}]];
    $(function() {
        var options = {
            url: prefix + "/getInventory",
            queryParams: queryParams,
            modalName: "库存",
            search: false,
            columns: [
                {
                    radio: true
                },
                {
                    title: '操作',
                    align: 'center',
                    formatter: function(value, row, index) {
                        var actions = [];
                        actions.push('<a class="btn btn-success btn-xs ' + addFlag + '" href="#" onclick="combination2(\'' + row.id + '\')"><i class="fa fa-edit"></i>组盘</a> ');
                        return actions.join('');
                    }
                },
                {
                    field : 'id',
                    title : 'id号'
                },
                {
                    field : 'locationId',
                    title : '库位id' ,
                    visible:false
                },
                {
                    field : 'locationCode',
                    title : '库位编号'
                },
                {
                    field : 'sourceCode',
                    title : '上游系统单号',
                    visible:false
                },
                {
                    field : 'sourceLine',
                    title : '上游系统行号',
                    visible:false
                },
                {
                    field : 'companyId',
                    title : '货主id',
                    visible:false
                },
                {
                    field : 'companyCode',
                    title : '货主编码'
                },
                {
                    field : 'materialId',
                    title : '物料Id' ,
                    visible:false
                },
                {
                    field : 'materialCode',
                    title : '物料编码'
                },
                {
                    field : 'materialName',
                    title : '物料名称'
                },
                {
                    field : 'receiptId',
                    title : '入库单id' ,
                    visible:false
                },
                {
                    field : 'status',
                    title : '库存状态' ,
                    align: 'center',
                    formatter: function(value, row, index) {
                        return $.table.selectDictLabel(inventoryStatus, value);
                    }
                },
                {
                    field : 'qty',
                    title : '数量'
                },
                {
                    field : 'taskQty',
                    title : '执行预定数量'
                },
                {
                    field : 'receiptCode',
                    title : '入库单编码'
                },
                {
                    field : 'receiptDetailId',
                    title : '入库单明细id'
                },
                {
                    field : 'batch',
                    title : '批次'
                },
                {
                    field : 'lot',
                    title : '批号'
                },
                {
                    field : 'project',
                    title : '项目号'
                },
                {
                    field : 'manufactureDate',
                    title : '生产日期' ,
                    visible:false
                },
                {
                    field : 'expirationDate',
                    title : '失效日期' ,
                    visible:false
                },
                {
                    field : 'costPrice',
                    title : '成本' ,
                    visible:false
                },
                {
                    field : 'listPrice',
                    title : '标价' ,
                    visible:false
                },
                {
                    field : 'netPrice',
                    title : '净价' ,
                    visible:false
                },
                {
                    field : 'created',
                    title : '入库时间'
                },
                {
                    field : 'createdBy',
                    title : '创建用户' ,
                    visible:false
                },
                {
                    field : 'lastUpdated',
                    title : '最后修改时间'
                },
                {
                    field : 'lastUpdatedBy',
                    title : '更新用户'
                },
                {
                    field : 'userDef1',
                    title : '自定义字段1' ,
                    visible:false
                },
                {
                    field : 'userDef2',
                    title : '自定义字段2' ,
                    visible:false
                },
                {
                    field : 'userDef3',
                    title : '自定义字段3' ,
                    visible:false
                }
            ]
        };
        $.table.init(options);
    });

    function queryParams(params) {
        return {
            companyCode: $("#companyCode").val(),
            materialCode: $("#materialCode").val(),
        };
    }

    function combination() {
        var data=$("#bootstrap-table").bootstrapTable('getSelections');
        if (data.length != 1) {
            $.modal.alertWarning("请选择一条记录");
            return;
        }
       combination2(data[0].id);
    }

    function combination2(id) {
        var qty =$("#combinationQty").val();
        if(!isFloat(qty)||qty == ""){
            $.modal.alertError("配盘数输入错误");
            return
        }
        $.ajax({
            cache : true,
            type : "post",
            url : prefix + "/Addcombination",
            dataType: "json",
            // contentType:"application/json;charset=utf-8",
            data:{
                shipmentDetailId:$("#shipmentDetailId").val(),
                inventoryId:id,
                qty:qty,
                taskType:$("#type").val(),
                auto:false,
                type:$("#type").val()=="400"?0:1
            },
            async : false,
            error : function(request) {
                $.modal.alertError("请求失败!");
            },
            success : function(data) {
                if(data.code=="200"){
                    $.modal.alertSuccess("成功");
                    var qtyRemain =    $("#qtyRemain").val();
                    $("#qtyRemain").val(qtyRemain-qty);
                    $("#search").click();
                    //组盘后刷新下父页面的表格
                    parent.$("#list-btn",window.parent.document).click();
                }else{
                    $.modal.alertError(data.msg)
                }
            }
        })
    }

    function isFloat( str ) {
        for(i=0;i<str.length;i++)  {
            if ((str.charAt(i)<"0" || str.charAt(i)>"9") && str.charAt(i) != '.'){
                return false;
            }
        }
        return true;
    }
</script>

</body>
</html>