inventoryHeader.html 18.5 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>
    #toolbar1 {
        display: inline-block;
        /*position: absolute;
        margin: 10px auto;*/
        line-height: 34px;
    }
</style>
<body class="gray-bg">
<div class="container-div">
    <div class="row">
        <div class="col-sm-12 select-info">
            <ul id="myTab" class="nav nav-tabs">
                <li class="active"><a href="#tabHeader" data-toggle="tab">主表</a></li>
                <li><a href="#tabDetail" data-toggle="tab">明细</a></li>
            </ul>
            <div id="myTabContent" class="tab-content">
                <div class="tab-pane fade in active" id="tabHeader">
                    <div class="col-sm-12 select-info">
                        <form id="inventoryHeader-form">
                            <div class="select-list">
                                <ul>
                                    <li>
                                        仓库：
                                        <select id="warehouseCode" name="warehouseCode">
                                            <option value="">所有</option>
                                            <option value="CS0001">长沙仓库</option>
                                            <option value="KS0001">昆山仓库</option>
                                            <option value="XZ0001">徐州仓库</option>
                                        </select>
                                    </li>
                                    <li>
                                        库区：
                                        <select id="zoneCode" name="zoneCode" th:with="list=${@zone.getCode()}">
                                            <option value="">所有</option>
                                            <option th:each="item : ${list}" th:text="${item['name']}"
                                                    th:value="${item['code']}"
                                                    th:attr=" code = ${item['code']}"></option>
                                        </select>
                                    </li>
                                    <li>
                                        库位编号：<input type="text" name="locationCode"/>
                                    </li>
                                    <li>
                                        容器编号：<input type="text" name="containerCode"/>
                                    </li>

                                    <li>
                                        创建用户：<input type="text" name="createdBy"/>
                                    </li>
                                    <li>
                                        更新用户：<input type="text" name="lastUpdatedBy"/>
                                    </li>
                                    <li class="time2">
                                        <label>创建时间： </label>
                                        <input type="text" class="time-input" id="startTime" placeholder="开始时间"
                                               name="createdBegin"/>
                                        <span>-</span>
                                        <input type="text" class="time-input" id="endTime" placeholder="结束时间"
                                               name="createdEnd"/>
                                    </li>
                                    <li>
                                        物料编码：<input type="text" name="materialCode"/>
                                    </li>
                                    <li>
                                        物料名称：<input type="text" name="materialName"/>
                                    </li>
                                    <li>
                                        <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('inventoryHeader-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-danger btn-rounded" onclick="transfer()"
                           shiro:hasPermission="inventory:inventoryHeader:transfer">
                            <i class="fa fa-exchange"></i> 立库移库
                        </a>
                        <a class="btn btn-outline btn-primary btn-rounded" onclick="checkOut()"
                           shiro:hasPermission="inventory:inventoryHeader:seeOut">
                            <i class="fa fa-eye"></i> 出库查看
                        </a>
                        <a class="btn btn-outline btn-info btn-rounded" onclick="emptyIn()"
                           shiro:hasPermission="inventory:inventoryHeader:emptyIn">
                            <i class="fa fa-level-down"></i> 空托入库
                        </a>
                        <a class="btn btn-outline btn-info btn-rounded" onclick="batchEmptyIn()"
                           shiro:hasPermission="inventory:inventoryHeader:emptyIn">
                            <i class="fa fa-level-down"></i> 批量空托入库
                        </a>
                        <a class="btn btn-outline btn-info btn-rounded" onclick="emptyOut()"
                           shiro:hasPermission="inventory:inventoryHeader:emptyOut">
                            <i class="fa fa-level-up"></i> 空托出库
                        </a>
                        <a class="btn btn-outline btn-info btn-rounded" onclick="emptyCheckOut()"
                           shiro:hasPermission="inventory:inventoryHeader:seeOut">
                            <i class="fa fa-eye"></i> 空托出库查看
                        </a>
                        <a class="btn btn-outline btn-primary btn-rounded" onclick="shipmentHeader()"
                           shiro:hasPermission="inventory:inventory:shipment">
                            <i class="fa fa-eye"></i> 生成出库单
                        </a>

                        <!--<div class="zkc pull-left" style="margin-left: 430px;margin-top: 15px">
                            <label >总库存：</label>
                            <div class="pull-right">
                                <input id="remainder" name="remainder" class="form-control" type="text" readonly  style="width: 50%">
                            </div>
                        </div>-->
                    </div>

                    <div class="col-sm-12 select-info">
                        <table id="bootstrap-table" data-mobile-responsive="true"
                               class="table table-bordered table-hover text-nowrap"></table>
                    </div>
                </div>
                <div class="tab-pane fade in active" id="tabDetail"></div>
            </div>
        </div>
    </div>
</div>
<div th:include="include :: footer"></div>
<script th:inline="javascript">
    var prefix = ctx + "inventory/inventoryHeader";
    var detailPrefix = ctx + "inventory/inventoryDetail";
    var report = [[${@permission.hasPermi('inventoryHeader:adjustHeader:report')}]];
    var datas = [[${@dict.getType('sys_normal_disable')}]];
    var containerStatus = [[${@dict.getType('containerStatus')}]];
    var zone = [[${@zone.getCode()}]];

    $(function () {

        var options = {
            url: prefix + "/inventoryLook",
            createUrl: prefix + "/add",
            updateUrl: prefix + "/edit/{id}",
            modalName: "库存头",
            sortName: "id",
            sortOrder: "desc",
            search: false,
            queryParams: function (params) {
                return {
                    // 传递参数查询参数
                    pageSize: params.limit,
                    pageNum: params.offset / params.limit + 1,
                    searchValue: params.search,
                    sort: params.sort,
                    order: params.order
                };
            },
            responseHandler: function (res) {
                if (res.code == 200) {
                    return {rows: res.data, total: res.total};
                } else {
                    $.modal.alertWarning(res.msg);
                    return {rows: [], total: 0};
                }
            },
            onLoadSuccess: function (res) {
                /*let count = 0;
                if (res.rows.length > 0) {
                    res.rows.map(item => {
                        console.log(count,item.totalQty)
                        count +=item.totalQty
                    });
                }
                $("#remainder").val(count)*/
            },
            columns: [
                {
                    checkbox: true
                },
                {
                    field: 'id',
                    title: '头ID',
                    sortable: true
                },
                {
                    field: 'warehouseCode',
                    title: '仓库 ',
                    visible: false
                },
                {
                    field: 'warehouseCode',
                    title: '仓库',
                    sortable: true,
                    formatter: function (value, row, index) {
                        var name = '昆山仓库';
                        if (value == 'CS0001') {
                            name = '长沙仓库';
                        } else if (value == 'XZ0001') {
                            name = '徐州仓库';
                        } else if (value == 'KS0001') {
                            name = '昆山仓库';
                        }
                        return "<span class='badge badge-info'>" + name + "</span>";
                    }
                },
                {
                    field: 'zoneCode',
                    title: '库区',
                    align: 'center',
                    formatter: function (value, row, index) {
                        var actions = [];
                        $.each(zone, function (index, dict) {
                            if (dict.code == value) {
                                actions.push("<span class='badge badge-info'>" + dict.name + "</span>");
                                return false;
                            }
                        });
                        return actions.join('');
                    }
                },
                {
                    field: 'companyCode',
                    title: '货主',
                    visible: false
                },
                {
                    field: 'locationCode',
                    title: '库位 ',
                    align: 'center',
                },
                {
                    field: 'containerCode',
                    title: ' 容器',
                    align: 'center',
                },
                {
                    field: 'containerStatus',
                    title: ' 容器状态',
                    formatter: function (value, row, index) {
                        return $.table.selectDictLabel(containerStatus, value);
                    },
                    align: 'center',
                },
                {
                    field: 'totalWeight',
                    title: ' 总重量',
                    visible: true
                },
                {
                    field: 'materialSkuQty',
                    title: ' 商品种类的数量',
                    visible: false
                },
                {
                    field: 'totalQty',
                    title: '总数量',
                    align: 'center',
                },
                {
                    field: 'totalLines',
                    title: '总行量 ',
                    align: 'center',
                },
                {
                    field: 'projectNos',
                    title: ' 项目号列表',
                    visible: false
                },
                {
                    field: 'batchs',
                    title: ' 批次列表',
                    visible: false
                },
                {
                    field: 'lots',
                    title: ' 批号列表',
                    visible: false
                },
                {
                    field: 'locking',
                    title: ' 锁定',
                    visible: false
                },
                {
                    field: 'lockRemark',
                    title: ' 锁定备注',
                    visible: false
                },
                {
                    field: 'created',
                    title: ' 创建时间',
                    align: 'center',
                },
                {
                    field: 'createdBy',
                    title: ' 创建用户',
                    align: 'center',
                },
                {
                    field: 'lastUpdated',
                    title: ' 更新时间',
                    align: 'center',
                },
                {
                    field: 'lastUpdatedBy',
                    title: ' 更新用户',
                    align: 'center',
                },
                {
                    field: 'version',
                    title: ' 数据版本',
                    visible: false
                },
                {
                    field: 'userDef1',
                    title: ' 自定义字段1',
                    visible: false
                },
                {
                    field: 'userDef2',
                    title: ' 自定义字段2',
                    visible: false
                },

                {
                    field: 'enable',
                    title: '状态',
                    align: 'center',
                    formatter: function (value, row, index) {
                        return $.table.selectDictLabel(datas, value);
                    }
                },
            ]
        };
        $.table.init(options);

    });

    function shipmentHeader() {
        var rows = $("#bootstrap-table").bootstrapTable('getSelections');
        if (rows.length == 0) {
            $.modal.alertWarning("请至少选择一条记录");
            return;
        }
        var url = prefix + "/shipmentrelax";
        var data = {
            "ids": rows.map(function (v) {
                return v.id;
            }).join(',')
        };
        localSubmit(url, "post", "json", data);
    }


    $('#bootstrap-table').on('dbl-click-row.bs.table', function (row, value) {
        let url = `${ctx}inventory/inventoryDetail?${value.id}&${value.locationCode}&${value.containerCode}`;
        $("#tabDetail").children().remove();
        $("#myTab li").removeClass("active");
        var height = $(document).height() - 100 + 'px';
        var str = '<iframe class="huaheng_iframe" name="iframe" width="100%" height="' + height + '" src="' + url + '" frameborder="0" data-id="' + url + '" seamless></iframe>';
        $("#tabDetail").empty();
        $("#tabDetail").append(str);
        $(".tab-pane").removeClass("in active");
        $("#myTab li:eq(1)").addClass("active");
        $("#tabDetail").addClass("in active");
    });

    function cyclecountPrint(id) {
        var url = prefix + "/report/" + id;
        $.modal.open("打印", url);
    }

    $("#myTab li:eq(1)").click(function () {
        let url = ctx + "inventory/inventoryDetail";  //明细网页地址
        $("#tabDetail").children().remove();
        $("#myTab li").removeClass("active");
        var height = $(document).height() - 100 + 'px';
        var str = '<iframe class="huaheng_iframe" name="iframe" width="100%" height="' + height + '" src="' + url + '" frameborder="0" data-id="' + url + '" seamless></iframe>';
        $("#tabDetail").empty();
        $("#tabDetail").append(str);
        $(".tab-pane").removeClass("in active");
        $("#myTab li:eq(1)").addClass("active");
        $("#tabDetail").addClass("in active");
    });


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

    function transfer() {
        var url = prefix + "/transfer";
        $.modal.open("立库移库", url);
    }

    function emptyIn() {
        $.modal.open("空托盘入库", prefix + "/emptyIn")
    }

    function batchEmptyIn() {
        $.modal.open("批量空托盘入库", prefix + "/batchEmptyIn")
    }

    function emptyOut() {
        $.modal.open("空托盘出库", prefix + "/emptyOut")
    }

    function checkOut() {
        let rows = $("#bootstrap-table").bootstrapTable('getSelections')
        if (rows.length < 1) {
            $.modal.alertWarning("请至少选择一条记录");
            return;
        }
        var ids = "";
        for (var i = 0; i < rows.length; i++) {
            ids = ids + rows[i].id + ","
        }
        $.ajax({
            url: prefix + "/checkOut",
            type: "post",
            data: {
                "ids": ids,
            },
            success: function (result) {
                if (result.code == web_status.SUCCESS) {
                    $.modal.alertSuccess(result.msg);
                } else {
                    $.modal.enable();
                    $.modal.alertError(result.msg);
                }
            }
        })
        //$.modal.open("出库查看", prefix+"/checkOut/"+rows[0].id)
    }

    function emptyCheckOut() {
        $.modal.open("空托盘出库查看", prefix + "/emptyCheckOut")
    }

    $(document).ready(function () {
        if (localStorage.getItem("locationCode")) {
            var params = {query: {locationCode: localStorage.getItem("locationCode")}}
            $("#bootstrap-table").bootstrapTable("refresh", params)
            localStorage.removeItem("locationCode")
        }
    })


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