cycleCountDetail.html 21.7 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>
<body class="white-bg">
<div class="row">
    <div class="col-sm-12">
        <div class="col-sm-12 select-info">
            <form id="cycleDetail-form" autocomplete="off">
                <div class="select-list">
                    <ul>
                        <!--<li>
                            <label>仓库：</label>
                            <input id="warehouseCode" type="hidden" name="warehouseCode" th:value="${warehouseCode}"
                                   readonly="readonly"/>
                            <input id="warehouseName" type="text" name="warehouseName" th:value="${warehouseName}"
                                   readonly="readonly"/>
                        </li>-->
                        <li>
                            <label>盘点单编码：</label>
                            <input type="text" id="cycleCountHeadCode" name="cycleCountHeadCode"
                                   placeholder="请输入盘点单编码" readonly="readonly"
                                   th:value="${cycleCountHeadCode}"/>
                        </li>
                        <li>
                            <label>库位编码：</label>
                            <input id="locationCode" name="locationCode" placeholder="请输入库位编码" type="text"/>
                        </li>
                        <li>
                            <label>载具编码：</label>
                            <input id="containerCode" name="containerCode" placeholder="请输入载具编码" type="text"/>
                        </li>
                        <li>
                            <label>盛具编码：</label>
                            <input id="vehicleCode" name="vehicleCode" placeholder="请输入盛具编码" type="text"/>
                        </li>
                        <li>
                            <label>任务id：</label>
                            <input id="taskHeaderId" name="taskHeaderId" placeholder="请输入任务id" type="text"/>
                        </li>
                        <li>
                            <label>盘点明细状态：</label>
                            <select name="enableStatus"
                                    th:with="lastStatus=${@dict.getType('cyclecountStatus')}">
                                <option value="">所有</option>
                                <option th:each="e : ${lastStatus}" th:text="${e['dictLabel']}"
                                        th:value="${e['dictValue']}"></option>
                            </select>
                        </li>
                        <!--<li>
                            <label>创建人：</label>
                            <input id="createdBy" type="text" name="createdBy"/>
                        </li>-->
                        <li style="float: right; margin-right: 45px">
                            <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()">
                                <i class="fa fa-search"></i>&nbsp;搜索
                            </a>
                            <a class="btn btn-warning btn-rounded btn-sm"
                               onclick="$.form.reset('cycleDetail-form')">
                                <i class="fa fa-refresh"></i>&nbsp;重置
                            </a>
                        </li>
                    </ul>
                </div>
            </form>
        </div>
        <div class="btn-group hidden-xs" id="toolbar" role="group">
            <a class="btn btn-outline btn-success btn-rounded" onclick="add()"
               shiro:hasPermission="inventory:cyclecountDetail:add">
                <i class="fa fa-plus"></i> 新增
            </a>
            <!--<a class="btn btn-outline btn-warning btn-rounded" onclick="createCyclecountWithGapQty()"
               shiro:hasPermission="inventory:cyclecountDetail:cyclecountRepeat">
                <i class="fa fa-vcard"></i> 差异复盘
            </a>-->
            <!--<a class="btn btn-outline btn-primary btn-rounded" onclick="outcheckAll()"-->
            <!--shiro:hasPermission="inventory:cyclecountDetail:createTask">-->
            <!--<i class="fa fa-vcard"></i> 生成盘点任务-->
            <!--</a>-->
            <a class="btn btn-outline btn-danger btn-rounded" onclick="batRemove()"
               shiro:hasPermission="inventory:cyclecountDetail:remove">
                <i class="fa fa-trash-o"></i> 删除
            </a>
            <!--<a class="btn btn-outline btn-success btn-rounded" onclick="$.table.refresh()">
                <i class="fa fa-refresh"></i> 刷新
            </a>-->
        </div>
        <table id="bootstrap-table" data-mobile-responsive="true" class="table table-bordered table-hover"></table>
    </div>
</div>
<div th:include="include :: footer"></div>
<script th:inline="javascript">
    var addChildFlag = [[${@permission.hasPermi('inventory:cyclecountDetail:addChildFlag')}]];
    var removeFlag = [[${@permission.hasPermi('inventory:cyclecountDetail:remove')}]];
    var confirmFlag = [[${@permission.hasPermi('inventory:cyclecountDetail:confirm')}]];
    var createTaskFlag = [[${@permission.hasPermi('inventory:cyclecountDetail:createTask')}]];
    var prefix = ctx + "inventory/cycleCountDetail";
    var prefix_head = ctx + "inventory/cycleCountHeader";
    var remove_url = prefix + "/remove";
    var cyclecountStatus = [[${@dict.getType('cyclecountStatus')}]];
    var inventoryStatus = [[${@dict.getType('inventorySts')}]];
    var warehouse = [[${@WarehouseService.getWarehouse()}]];

    $(function () {
        var options = {
            url: prefix + "/list",
            createUrl: prefix + "/add",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove",
            modalName: "盘点明细头",
            sortName: "id",
            sortOrder: "desc",
            pagination: true,  //是否分页
            search: false,
            showSearch: false,
            showRefresh: false,
            refresh: true,
            showToggle: false,
            showColumns: false,
            // detailView: true,
            queryParams: {
                cycleCountHeadCode: $('#cycleCountHeadCode').val(),
            },
            /*onExpandRow: function (index, row, $detail) {
                detailChildTable(index, row, $detail);
            },*/
            columns: [
                {
                    checkbox: true
                },
                /*{
                    field: 'id',
                    title: '明细ID',
                },
                {
                    field: 'warehouseCode',
                    title: '仓库 ',
                    visible: true,
                    formatter: function (value, row, index) {
                        let actions = [];
                        $.each(warehouse, function (index, dict) {
                            if (dict.code === value) {
                                actions.push("<span class='badge badge-info'>" + dict.name + "</span>");
                                return false;
                            }
                        });
                        return actions.join('');
                    },
                },*/
                {
                    field: 'cycleCountHeadCode',
                    title: '盘点单编码',
                },
                {
                    field: 'locationCode',
                    title: '库位编码'
                },
                {
                    field: 'containerCode',
                    title: '载具编码'
                },
                {
                    field: 'vehicleCode',
                    title: '盛具编码'
                },
                {
                    field: 'station',
                    title: '出入口'
                },
                {
                    field: 'inventoryDetailId',
                    title: '库存id',
                    visible: true
                },
                {
                    field: 'containerStatus',
                    title: ' 载具状态',
                    visible: false
                },
                {
                    field: 'taskHeaderId',
                    title: ' 任务id',
                    visible: true
                },
                {
                    field: 'enableStatus',
                    title: '盘点状态',
                    formatter: function (value, row, index) {
                        return $.table.selectDictLabel(cyclecountStatus, value);
                    },
                    visible: true
                },
                {
                    field: 'created',
                    title: ' 创建时间'
                },
                {
                    field: 'createdBy',
                    title: ' 创建用户'
                },
                {
                    field: 'lastUpdated',
                    title: ' 更新时间',
                    visible: false
                },
                {
                    field: 'lastUpdatedBy',
                    title: ' 更新用户',
                    visible: false
                },
                {
                    title: '操作',
                    align: 'center',
                    formatter: function (value, row, index) {
                        let actions = [];
                        if (row.enableStatus === 1) {
                            actions.push('<a class="btn btn-primary btn-xs ' + createTaskFlag + '" href="#" onclick="outCheck(\'' + row.id + '\')"><i class="fa fa-gbp"></i>生成盘点任务</a> ');
                        }
                        if (row.enableStatus === 5 || row.enableStatus === 10 || row.enableStatus === 15) {
                            actions.push(`<a class="btn btn-success btn-xs ${confirmFlag}" href="#"
                                onclick="confirmGapQty(${row.id}, '${row.containerCode}')">
                                <i class="fa fa-comment"></i>实盘登记</a>`);
                        }
                        if (row.enableStatus >= 15 && row.enableStatus < 100) {
                            actions.push('<a class="btn btn-warning btn-xs ' + createTaskFlag + '" href="#" onclick="completeCycleCoutTask(\'' + row.id + '\')"><i class="fa fa-gbp"></i>完成盘点任务</a> ');
                        }
                        return actions.join('');
                    }
                }
            ]
        };
        $.table.init(options);

        /*$('#warehouseName').val(warehouse.filter(function (e) {
            return e.code === $('#warehouseCode').val();
        })[0].name);*/
    });

    //子表
    detailChildTable = function (index, row, $detail) {
        let childTable = $detail.html('<table style="table table-bordered table-hover"></table>').find('table');
        $(childTable).bootstrapTable({
            url: prefix + "/cycleCountDetailChild",
            method: 'post',
            sortName: "id",
            sortOrder: "desc",
            sidePagination: "server",
            contentType: "application/x-www-form-urlencoded",
            //页面渲染
            responseHandler: responseHandler,
            queryParams: {
                cycleCountHeadCode: $('#cycleCountHeadCode').val(),
                cycleCountDetailId: row.id,
                containerCode: row.containerCode,
            },
            columns: [
                {
                    field: 'id',
                    title: '子单ID',
                },
                {
                    field: 'locationCode',
                    title: '库位编号',
                    visible: false,
                },
                {
                    field: 'containerCode',
                    title: '载具编码',
                    visible: false,
                },
                {
                    field: 'inventoryDetaiId',
                    title: '库存明细ID',
                    visible: false,
                },
                {
                    field: 'materialCode',
                    title: '物料编码',
                },
                {
                    field: 'materialName',
                    title: '物料名称',
                },
                {
                    field: 'materialSpec',
                    title: '物料规格',
                },
                {
                    field: 'materialUnit',
                    title: '物料单位',
                },
                {
                    field: 'weight',
                    title: '药量(克)',
                },
                {
                    field: 'locationNoX',
                    title: 'X'
                },
                {
                    field: 'locationNoY',
                    title: 'Y'
                },
                {
                    field: 'tracingNo',
                    title: '追溯码',
                },
                {
                    field: 'batch',
                    title: '批次',
                },
                {
                    field: 'systemQty',
                    title: '系统数',
                },
                {
                    title: '实盘数',
                    field: 'countedQty',
                },
                {
                    title: '差异数',
                    field: 'gapQty',
                    visible: true
                },
                {
                    field: 'countedBy',
                    title: '实盘登记人',
                    visible: true
                },
                {
                    field: 'childStatus',
                    title: '子单状态',
                    visible: true,
                    formatter: function (value, row, index) {
                        return $.table.selectDictLabel(cyclecountStatus, value);
                    },
                },
                {
                    field: 'created',
                    title: '创建时间',
                    visible: true,
                },
                {
                    field: 'createdBy',
                    title: '创建人',
                    visible: true,
                },
                {
                    title: '操作',
                    align: 'center',
                    formatter: function (value, row, index) {
                        var actions = [];
                        if (row.childStatus > 1 && row.childStatus < 100) {
                            actions.push('<a class="btn btn-success btn-xs ' + confirmFlag + '" href="#" ' +
                                'onclick="confirmGapQty(row.id)">' +
                                '<i class="fa fa-comment"></i>实盘登记</a> ')
                        }
                        return actions.join('');
                    }
                }
                /*{
                    title: '操作(是否有料)',
                    align: 'center',
                    formatter: function (value, row, index) {
                        var actions = [];
                        if (row.childStatus > 1 && row.childStatus < 100) {
                            actions.push('<input type="checkbox" name="BBB" text="选中" checked>');
                        }
                        return actions.join('');
                    }
                }*/
            ]
        });
    };

    function add() {
        var cycleCountHeadCode = $('#cycleCountHeadCode').val();
        if (cycleCountHeadCode != null && cycleCountHeadCode !== "" && cycleCountHeadCode !== undefined) {
            $.modal.openFull("添加盘点明细", prefix + "/add?cycleCountHeadCode=" + cycleCountHeadCode);
        } else {
            $.modal.alertWarning("没有获取到主盘点单编码，无法新增明细！");
        }
    }

    function remove(id) {
        $.modal.confirm("确定删除该条" + $.table._option.modalName + "信息吗？", function () {
            var url = $.common.isEmpty(id) ? remove_url : remove_url.replace("{id}", id);
            var data = {"ids": id};
            $.ajax({
                url: url,
                type: "post",
                data: data,
                success: function (result) {
                    if (result.code === web_status.SUCCESS) {
                        $.modal.msgSuccess(result.msg);
                        $.table.refresh();
                    } else {
                        $.modal.alertError(result.msg);
                    }
                    $.modal.closeLoading();
                }
            })
        });
    }

    //
    function open(title, url, width, height) {
        if (navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)) {
            width = 'auto';
            height = 'auto';
        }
        if (title == null) {
            title = false;
        }
        if (url == null) {
            url = "404.html";
        }
        if ($.common.isEmpty(width)) {
            width = 800;
            // width = ($(window).width() - 100);
        }
        if ($.common.isEmpty(height)) {
            height = ($(window).height() - 50);
        }
        layer.open({
            type: 2,
            area: [width + 'px', height + 'px'],
            fix: false,
            //不固定
            maxmin: true,
            shade: 0.3,
            title: title,
            content: url
            // shadeClose: true, //点击遮罩关闭层
        })
    }

    /* 批量删除主表 */
    function batRemove() {
        var rows = $("#bootstrap-table").bootstrapTable('getSelections');
        if (rows.length === 0) {
            $.modal.alertWarning("请至少选择一条记录");
            return;
        }
        $.modal.confirm("确认要删除选中的" + rows.length + "条数据吗?", function () {
            $.modal.loading("正在处理，请稍后...");
            var url = remove_url;
            var ids = "";
            for (var i = 0; i < rows.length; i++) {
                ids = ids + rows[i].id + ","
            }
            var data = {"ids": ids.substring(0, ids.length - 1)};
            $.ajax({
                url: url,
                type: "post",
                data: data,
                success: function (result) {
                    if (result.code === web_status.SUCCESS) {
                        $.modal.closeLoading();
                        $.modal.msgSuccess(result.msg);
                    } else {
                        $.modal.closeLoading();
                        $.modal.alertError(result.msg);
                    }
                    $.table.refresh();
                    //$.modal.closeLoading();
                }
            })
        });
    }

    function confirmGapQty(detailId, containerCode) {
        // $.modal.open("盘点登记", prefix + `/registration?cycleCountDetailId=${detailId}&cycleCountHeadCode=${$('#cycleCountHeadCode').val()}&containerCode=${containerCode}`, 1200, 400, refreshTable);
        layer.open({
            type: 2,
            area: [1200 + 'px', 400 + 'px'],
            fix: false,
            //不固定
            maxmin: true,
            shade: 0.3,
            title: "盘点登记",
            content: prefix + `/registration?cycleCountDetailId=${detailId}&cycleCountHeadCode=${$('#cycleCountHeadCode').val()}&containerCode=${containerCode}`,
            // 弹层外区域关闭
            shadeClose: true,
            yes: function (index, layero) {
                let iframeWin = layero.find('iframe')[0];
                iframeWin.contentWindow.submitHandler(index, layero);
            },
            end: function () {
                $("#bootstrap-table").bootstrapTable("refresh");
            }
        });
    }

    /*
        差异复盘
     */
    function createCyclecountWithGapQty() {
        $.modal.confirm("确认进行差异复盘么？该操作会将有差异的明细重新生成一个新的盘点单。", function () {
            var url = prefix + "/createCyclecountWithGapQty";
            var data = {"cycleCountHeadCode": $('#cycleCountHeadCode').val()};
            postInner(url, data);
        });
    }

    //生成所有盘点任务
    function outcheckAll() {
        $.modal.confirm("确认进行盘点任务生成么？注意，这将会使未生成盘点任务的明细生成盘点任务！", function () {
            var url = prefix + "/createCycleCountTaskByHeadId";
            var data = {"cycleCountHeadCode": $('#cycleCountHeadCode').val()};
            postInner(url, data);
        });
    }

    //完成盘点任务
    function completeCycleCoutTask(id) {
        var url = prefix + "/completeCycleCountTask";
        var data = {"cycleCoutdetailId": id};
        postInner(url, data);
    }

    //下发单条盘点
    function outCheck(id) {
        chooseStation(id);
    }

    // 选择出入口
    function chooseStation(id) {
        let url = prefix + "/chooseStation" + "/" + id;
        $.modal.open("选择出入口", url, 800, 300);
    }

    function postInner(url, data) {
        $.modal.loading("正在处理中，请稍后...");
        $.ajax({
            url: url,
            type: "post",
            data: data,
            success: function (result) {
                if (result.code === web_status.SUCCESS) {
                    $.modal.msgSuccess(result.msg);
                    $.modal.closeLoading()
                } else {
                    $.modal.alertError(result.msg);
                    $.modal.closeLoading()
                }
                $.table.refresh();
            }
        })
    }

    function responseHandler(res) {
        if (res.code === web_status.SUCCESS) {
            return {rows: res.data, total: res.total, code: 0};
        } else {
            $.modal.alertWarning(res.msg);
            return {rows: [], total: 0};
        }
    }
</script>
</body>
</html>