damageV.html 5.55 KB
<!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="gray-bg">
<div class="container-div">
    <div class="row">
        <form id="damageV-form">
            <div class="select-list">
                <ul>
                    <li>
                        <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
                    </li>
                </ul>
            </div>
        </form>
        <div class="col-sm-12 select-info">
            <table id="bootstrap-table" data-mobile-responsive="true" class="table table-bordered table-hover"></table>
        </div>
        <form class="form-horizontal m" id="form-damageV">
            <input type="hidden" id="id" name="id" th:value="*{shipmentId}"/>
            <div class="form-control-static col-sm-offset-9">
                <button type="submit" class="btn btn-primary">提交</button>
                <button onclick="$.modal.close()" class="btn btn-danger" type="button">关闭</button>
            </div>
        </form>
    </div>
</div>
<div th:include="include :: footer"></div>
<script th:inline="javascript">
    var prefix = ctx + "shipment/shipmentDetail";
    var prefix_header = ctx + "shipment/shipmentHeader";
    var shipmentHeaderId =[[${shipmentId}]];

    $("#form-damageV").validate({
        rules:{
            id:{
            },
        },
        submitHandler: function(form) {
            $.operate.save(prefix_header+"/damageHandle", $('#form-damageV').serialize());
        }
    });

    $(function() {
        var options = {
            url: prefix + "/list",
            createUrl: prefix + "/add",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove",
            responseHandler: responseHandler,
            queryParams:{
                shipmentId: shipmentHeaderId
            },
            modalName: "破损处理",
            search: false,
            sortName: "id",
            sortOrder: "desc",
            columns: [
                {
                    checkbox: true
                },
                {
                    title: '操作',
                    align: 'left',
                    formatter: function (value, row, index) {
                        var actions = [];
                        if(row.damageQty==0 || row.damageQty==null){
                            actions.push('<a class="btn btn-success btn-xs" href="#" onclick="damageSubmits(\'' + row.id + '\')"><i class="fa fa-edit"></i>报损</a> ');
                        }
                        if(row.damageQty>0){
                            actions.push('<a class="btn btn-danger btn-xs" href="#" onclick="damageSubmits(\'' + row.id + '\')"><i class="fa fa-edit"></i>报损</a> ');
                        }
                        return actions.join('');
                    }
                },
                {
                    field : 'id',
                    title : '出库明细id号'
                },
                {
                    field : 'shipmentId',
                    title : '出库单id'
                },
                {
                    field : 'shipmentCode',
                    title : '出库单编码'
                },
                {
                    field : 'materialCode',
                    title : '物料编码'
                },
                {
                    field : 'materialName',
                    title : '物料名称'
                },
                {
                    field : 'batch',
                    title : '批次'
                },
                {
                    field : 'project',
                    title : '项目号'
                },
                {
                    field : 'inventorySts',
                    title : '库存状态'
                },
                {
                    field : 'qty',
                    title : '发货数量'
                },
                {
                    field : 'taskQty',
                    title : '已出数量'
                },
                {
                    field : 'damageQty',
                    title : '报损数量'
                },
                {
                    field : 'created',
                    title : '创建时间'
                },
                {
                    field : 'createdBy',
                    title : '创建用户'
                },
                {
                    field : 'lastUpdated',
                    title : '最后修改时间'
                },
                {
                    field : 'lastUpdatedBy',
                    title : '更新用户'
                }
            ]
        };
        $.table.init(options);
    });

    function damageSubmits(id) {
        let editDamage = prefix + "/editDamage"+"?id="+id;
        $.modal.openFull("报损",editDamage);
    }

    function responseHandler(res) {
        if (res.code == 200) {
            return { rows: res.data, total: res.total, code: 0};
        } else {
            $.modal.alertWarning(res.msg);
            return { rows: [], total: 0 };
        }
    }

    function reload(id) {
        $("#")
        $.ajax({
            url: ctx + 'shipment/shipmentDetail/list',
            type: 'post',
            data: {
                shipmentId: id
            },
            success: function (value) {
                $("#bootstrap-table").bootstrapTable('load', value.data);
            }
        })
    }
</script>
</body>
</html>