receiving.html 22.4 KB

Edit Raw Blame History

<!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: 41%;
        /*margin-right: 4px;*/
    }

    .table-striped-right {
        /*right: -10px;*/
        width: 58%;
        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);
    }
</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="deptName"/>
                        </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="material_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 text-nowrap"></table>
        </div>
        <div class="col-sm-12 select-info table-striped-right">
            <ul class="select-list">
                <li style="display: none">id：<input type="text" id="detailId"/></li>
                <li>入库数量：<input type="text" id="receiveNum"/></li>
                <li>容器编号：<input type="text" id="containerCode"/></li>
                <li>
                    <button class="btn btn-sm btn-success" onclick="receipt()">组盘</button>
                </li>
            </ul>
            <div class="btn-group hidden-xs" id="toolbar1" role="group">
                <!--<a class="btn btn-outline btn-success btn-rounded" onclick="positioning()"
                   shiro:hasPermission="receipt:receiptDetail:add">
                    <i class="fa fa-map-pin"></i> 定位
                </a>
                <a class="btn btn-outline btn-info btn-rounded" onclick="cancelPositioning()"
                   shiro:hasPermission="receipt:receiptDetail:remove">
                    <i class="fa fa-times"></i> 取消定位
                </a>-->
                <a class="btn btn-outline btn-danger btn-rounded" onclick="batRemove()"
                   shiro:hasPermission="receipt:receiptDetail:remove">
                    <i class="fa fa-trash-o"></i> 取消收货
                </a>
                <a class="btn btn-outline btn-success btn-rounded" onclick="appointLocation()"
                   shiro:hasPermission="receipt:receiptContainer:appointLocation">
                    <i class="fa fa-hand-pointer-o"></i> 指定库位并生成任务
                </a>
                <a class="btn btn-outline btn-primary btn-rounded" onclick="createTask()"
                   shiro:hasPermission="receipt:receiptContainer:add">
                    <i class="fa fa-tasks"></i> 生成任务
                </a>
                <a class="menuItem btn btn-outline btn-warning btn-rounded" onclick="jumpReceiptTask()">
                    <i class="fa fa-arrow-circle-up"></i> 跳转任务页面
                </a>
            </div>
            <table id="bootstrap-table1" data-mobile-responsive="true"
                   class="table table-bordered table-hover text-nowrap"></table>
            <ul class="select-list top_text">
                <li><span class="table-title">本物料库存</span></li>
            </ul>
            <table id="bootstrap-table2" data-mobile-responsive="true"
                   class="table table-bordered table-hover text-nowrap"></table>
            <ul class="select-list top_text">
                <li>空容器类型：<select name="type" id="containerType" th:with="typeList=${@containerType.getCode()}">
                    <option value="">所有</option>
                    <option th:each="c:${typeList}" th:text="${c['name']}" th:value="${c['code']}"></option>
                </select></li>
                <li>
                    <button class="btn btn-sm btn-success" onclick="containerTypeSearch()">搜索</button>
                </li>
            </ul>
            <table id="bootstrap-table3" data-mobile-responsive="true"
                   class="table table-bordered table-hover text-nowrap"></table>
        </div>
    </div>
</div>
<div th:include="include :: footer"></div>
<script th:inline="javascript">
    let addFlag = [[${@permission.hasPermi('receipt:receiving:add')}]];
    let removeFlag = [[${@permission.hasPermi('receipt:receiving:remove')}]];
    let prefix = ctx + "receipt/receiving";
    let inventoryStatus = [[${@dict.getType('inventorySts')}]];
    let containerHeaderStatus = [[${@dict.getType('receiptContainerHeaderStatus')}]];

    $(function () {
        $("#bootstrap-table3").bootstrapTable({
            url: ctx + 'config/container/emptyContainer',
            iconSize: "outline",
            modalName: "空盒",
            pagination: true,   // 是否显示分页（*）
            pageNumber: 1,// 初始化加载第一页，默认第一页
            method: 'post',
            pageSize: 5, // 每页的记录行数（*）
            showRefresh: true,
            pageList: [10, 25, 50],
            contentType: "application/x-www-form-urlencoded",
            columns: [{
                field: 'code',
                title: '容器编号'
            }, {
                field: 'locationCode',
                title: '库位编号'
            }]
        });
    });

    function list_select(code) {
        if ($.common.isEmpty(code)) {
            return
        }
        $.ajax({
            url: prefix + "/scanBill",
            type: 'post',
            datatype: 'json',
            data: {
                code: code
            },
            error: function (response) {
            },
            success: function (value) {
                let qty_show = 0;
                let qtyCompleted_show = 0;
                $("#bootstrap-table").bootstrapTable('removeAll');
                if (value.data) {
                    $("#bootstrap-table").bootstrapTable('load', value.data);
                    for (let i = 0; i < value.data.length; i++) {
                        qty_show = value.data[i].qty + qty_show;
                        qtyCompleted_show = value.data[i].taskQty + qtyCompleted_show;
                    }
                    $("#material_length").text(value.data.length);
                    $("#qty_length").text(qty_show);
                    $("#qtyCompleted_length").text(qtyCompleted_show);
                } else {
                    console.log("入库单不存在！")
                }
            }
        })
    }

    function list_receiptInfo(code) {
        if ($.common.isEmpty(code)) {
            return
        }
        $.ajax({
            url: prefix + "/getReceiptInfoByBill",
            type: 'post',
            datatype: 'json',
            data: {
                code: code
            },
            error: function (response) {
            },
            success: function (value) {
                $("#bootstrap-table1").bootstrapTable('removeAll');
                if (value.data) {
                    $("#bootstrap-table1").bootstrapTable('load', value.data);
                } else {
                }
            }
        })
    }

    $("#list-btn").click(initTable);

    $("body").bind("keypress", function (e) {
        // 兼容FF和IE和Opera
        let theEvent = e || window.event;
        let code = theEvent.keyCode || theEvent.which || theEvent.charCode;
        if (code == 13) {
            e.preventDefault();
            //回车执行查询
            initTable();
        }
    });

    function initTable() {
        let receiptCode = $("#code").val();
        list_select(receiptCode);
        list_receiptInfo(receiptCode);
        $("#bootstrap-table1").bootstrapTable('removeAll');
        $("#bootstrap-table2").bootstrapTable('removeAll');
    }

    $("#bootstrap-table").bootstrapTable({
        // url: prefix + "/list",
        createUrl: prefix + "/add",
        updateUrl: prefix + "/edit/{id}",
        removeUrl: prefix + "/remove",
        contentType: "application/x-www-form-urlencoded",
        clickToSelect: true,
        modalName: "入库组盘头",
        pageNumber: 1,// 初始化加载第一页，默认第一页
        method: 'post',
        pageSize: 10, // 每页的记录行数（*）
        pagination: true,
        pageList: [10, 25, 50],
        onRefresh: function () {

        },
        onClickRow: function (row, ele, field) {
            let code = $("#code").val();
            $("#detailId").val(row.id);
            $("#receiveNum").val(row.qty - row.taskQty);
            $.ajax({
                url: prefix + '/getInventoryInfo',
                type: 'post',
                data: {
                    code: code,
                    id: row.id
                },
                success: res => {
                    $("#bootstrap-table2").bootstrapTable('load', res.data.inventoryList);
                }
            })
        },
        columns: [
            {
                field: 'materialCode',
                title: '物料编码'
            },
            {
                field: "materialName",
                title: "物料名称"
            },
            {
                field: 'materialSpec',
                title: '物料规格'
            },
            {
                field: 'materialUnit',
                title: '物料单位'
            },
            {
                field: 'inventorySts',
                title: '库存状态',
                formatter: function (value, row, index) {
                    return $.table.selectDictLabel(inventoryStatus, value);
                },
            },
            {
                field: 'qty',
                title: '单据数量'
            },
            {
                field: 'taskQty',
                title: '已入数量'
            },
        ]
    });

    $("#bootstrap-table1").bootstrapTable({
        removeUrl: ctx + "receipt/receiptContainerDetail/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",
        contentType: "application/x-www-form-urlencoded",
        onRefresh: function () {
            list_receiptInfo($("#code").val());
        },
        columns: [
            {
                checkbox: true,
                formatter: function (value, row, index) {
                    if (row.status < 10) {
                        return {
                            checked: true,
                            disabled: false
                        }
                    } else {
                        return {
                            checked: false,
                            disabled: true
                        }
                    }
                }
            },
            {
                field: 'containerCode',
                title: '容器编号'
            },
            {
                field: 'locationCode',
                title: '库位编号'
            },
            {
                field: 'materialCode',
                title: '物料编码'
            },
            {
                field: "materialName",
                title: "物料名称"
            },
            {
                field: "materialSpec",
                title: "物料规格"
            },
            {
                field: "materialUnit",
                title: "物料单位"
            },
            {
                field: 'qty',
                title: '数量'
            },
            {
                field: 'status',
                title: '组盘状态',
                align: 'center',
                formatter: function (value, row, index) {
                    return $.table.selectDictLabel(containerHeaderStatus, value);
                }
            },
            {
                title: '操作',
                align: 'center',
                events: 'operateEvents',
                formatter: function (value, row, index) {
                    let actions = [];
                    if (row.status === 0) {
                        actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="#" onclick="remove(\'' + row.id + '\')"><i class="fa fa-remove"></i>取消</a>');
                    }
                    return actions.join('');
                }
            }]
    });

    $("#bootstrap-table2").bootstrapTable({
        removeUrl: ctx + "receipt/receiptContainerDetail/remove",
        clickToSelect: true,
        showColumns: true, //列选择
        showExport: true, //导出
        iconSize: "outline",
        toolbar: "#toolbar",
        exportDataType: "all",  //导出类型basic', 'all', 'selected'.当前页、所有数据、选中数据
        modalName: "入库组盘",
        pagination: true,   // 是否显示分页（*）
        pageNumber: 1,                                      // 初始化加载第一页，默认第一页
        pageSize: 5,                                       // 每页的记录行数（*）
        pageList: [10, 25, 50],
        contentType: "application/x-www-form-urlencoded",
        columns: [
            {
                field: 'containerCode',
                title: '容器编号'
            },
            {
                field: 'materialCode',
                title: '物料编码'
            },
            {
                field: 'materialName',
                title: '物料名称'
            },
            {
                field: 'materialSpec',
                title: '物料规格'
            },
            {
                field: 'materialUnit',
                title: '物料单位'
            },
            {
                field: 'qty',
                title: '数量'
            },
            {
                field: 'locationCode',
                title: '库位编号'
            },
            {
                field: 'inventorySts',
                title: '库存状态',
                align: 'center',
                formatter: function (value, row, index) {
                    return $.table.selectDictLabel(inventoryStatus, value);
                }
            },
        ]
    });
    window.operateEvents = {
        'click #qty': function (e, value, row, index) {
            let url = prefix + '/add?';
            jQuery.each(row, function (key, val) {
                url = url + key + "=" + encodeURI(val) + "&";
            });
            let modalName = "入库组盘";
            $.modal.open("添加" + modalName, url);
        }
    };

    function receiving_refresh() {
        let receiving_code = localStorage.getItem("receiving_code");
        $("#code").val(receiving_code);
        if (receiving_code) {
            initTable();
        }
        localStorage.removeItem("receiving_code");
    }

    receiving_refresh();

    function remove(id) {
        $.modal.confirm("确定删除该组盘？", function () {
            let url = ctx + "receipt/receiptContainerDetail/remove";
            let data = {"ids": id};
            $.operate.submitAndCallback(url, "post", "json", data, initTable);
        });
    }

    function positioning() {
        let rows = $("#bootstrap-table1").bootstrapTable('getSelections');
        if (rows.length === 0) {
            $.modal.msgWarning("请至少选择一条记录");
            return;
        }
        let url = ctx + "receipt/receiptContainerHeader/position";
        let ids = "";
        for (let i = 0; i < rows.length; i++) {
            ids += rows[i].receiptContainerId;
            ids += ",";
        }
        let data = {"ids": ids};
        $.modal.loading("正在处理中，请稍后...");
        let config = {
            url: url,
            type: "post",
            dataType: "json",
            data: data,
            success: function (result) {
                $.operate.ajaxSuccess(result);
                list_receiptInfo($("#code").val());
            }
        };
        $.ajax(config)
        $.table.refresh("bootstrap-table1");
    }

    function refresh() {
        let receiptCode = $("#code").val();
        list_select(receiptCode);
        list_receiptInfo(receiptCode);
        $("#bootstrap-table1").bootstrapTable('removeAll');
        $("#bootstrap-table2").bootstrapTable('removeAll');
    }

    function cancelPositioning() {
        let rows = $("#bootstrap-table1").bootstrapTable('getSelections');
        if (rows.length === 0) {
            $.modal.msgWarning("请至少选择一条记录");
            return;
        }
        let url = ctx + "receipt/receiptContainerHeader/cancelPosition";
        let ids = "";
        for (let i = 0; i < rows.length; i++) {
            ids += rows[i].receiptContainerId;
            ids += ",";
        }
        let data = {"ids": ids};

        $.modal.loading("正在处理中，请稍后...");
        let config = {
            url: url,
            type: "post",
            dataType: "json",
            data: data,
            success: function (result) {
                $.operate.ajaxSuccess(result);
                list_receiptInfo($("#code").val());
            }
        };
        $.ajax(config)
        $.table.refresh("bootstrap-table1");
    }

    function batRemove() {
        let rows = $("#bootstrap-table1").bootstrapTable('getSelections');
        if (rows.length === 0) {
            $.modal.msgWarning("请至少选择一条记录");
            return;
        }
        let url = ctx + "receipt/receiptContainerDetail/remove";
        let ids = "";
        for (let i = 0; i < rows.length; i++) {
            ids += rows[i].id;
            ids += ",";
        }
        let data = {"ids": ids};
        let config = {
            url: url,
            type: "post",
            dataType: "json",
            data: data,
            success: function (result) {
                $.operate.ajaxSuccess(result);
                list_receiptInfo($("#code").val());
                list_select($("#code").val());
            }
        };
        $.ajax(config);
        $.table.refresh("bootstrap-table1");
    }

    function receipt() {
        let containerCode = $("#containerCode").val();
        let locationCode = '';
        Receiving(locationCode, containerCode);
    }

    /**
     * 组盘
     * @param locationCode
     * @param containerCode
     */
    function Receiving(locationCode, containerCode) {
        let receiptCode = $("#code").val();
        let num = $("#receiveNum").val();
        let receiptDetailId = $("#detailId").val();
        $.ajax({
            url: ctx + "receipt/receiving/save",
            type: 'post',
            data: {
                receiptCode: receiptCode,
                qty: num,
                receiptDetailId: receiptDetailId,
                locationCode: locationCode,
                containerCode: containerCode
            },
            success: function (data) {
                if (data.code === 200) {
                    $.modal.msgSuccess('成功');
                    initTable();
                } else {
                    $.modal.msg(data.msg);
                }
            }
        })
    }

    function chooseStation(id) {
        let url = ctx + "receipt/receiptContainerHeader/chooseStation" + "/" + id;
        $.modal.open("选择站台", url);
    }

    function appointLocation() {
        let rows = $("#bootstrap-table1").bootstrapTable('getSelections');
        if (rows.length === 0) {
            $.modal.msgWarning("请选择一条记录");
            return;
        }
        if (rows.length > 1) {
            $.modal.msgWarning("只能选择一条记录");
            return;
        }
        let url = ctx + "receipt/receiptContainerHeader/appointLocation/" + rows[0].containerCode;
        $.modal.open("指定库位并生成任务", url, null, 230);
    }

    function createTask() {
        let rows = $("#bootstrap-table1").bootstrapTable('getSelections');
        if (rows.length === 0) {
            $.modal.msgWarning("请至少选择一条记录");
            return;
        }
        if (rows[0].taskType === 200) {
            let ids = "";
            for (let i = 0; i < rows.length; i++) {
                if (ids === "") {
                    ids = rows[i].receiptContainerId;
                } else {
                    ids = ids + "," + rows[i].receiptContainerId
                }
            }
            chooseStation(ids);
        } else {
            let url = ctx + "receipt/receiptContainerHeader/createTask";
            let ids = "";
            for (let i = 0; i < rows.length; i++) {
                ids = ids + rows[i].receiptContainerId + ","
            }
            let data = {"ids": ids.substring(0, ids.length - 1)};
            $.modal.loading("正在处理中，请稍后...");
            let config = {
                url: url,
                type: "post",
                dataType: "json",
                data: data,
                success: function (result) {
                    if (result.code === web_status.SUCCESS) {
                        $.modal.msgSuccess(result.msg);
                        $.table.refresh("bootstrap-table1");
                    } else {
                        $.modal.msgError(result.msg);
                    }
                    $.modal.closeLoading();
                }
            };
            $.ajax(config)
        }
    }

    function containerTypeSearch() {
        let params = {
            query: {containerType: $("#containerType").val()}
        }
        $("#bootstrap-table3").bootstrapTable('refresh', params);
    }

    function jumpReceiptTask() {
        let url = ctx + "task/taskHeader?InternalTaskType=100";
        createMenuItem(url, "入库任务");
    }
</script>
</body>
</html>