ZhiYeJianKang/职业健康平台后端/target/classes/genarator/templates/list.jsp.vm

<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/webpage/include/taglib.jsp" %>

#set($entityPath = ${cfg.tool.toLine(${table.entityPath}, "/")})
#set($tableName = ${table.name.replaceAll("_", "-")})
<div id="${tableName}-list">
    <link rel="stylesheet" href="${ctxStatic}/layui-v2.5.4/layui/css/layui.css" media="all">
    <div id="user-bar" style="display: none;">
        <button class="layui-btn layui-btn-xs" lay-event="edit">编辑</button>

        #foreach($field in ${table.fields})
            #if(${field.keyFlag})
        <button class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</button>
            #end
        #end
    </div>
    <div style="display: none;" id="user-tool-bar">
        <button type="button" class="layui-btn layui-btn-sm" lay-event="add">增加</button>
    </div>

    <form class="layui-form ${tableName}-select" action="">
    #foreach($field in ${table.fields})
        <div class="layui-inline">
            ${field.comment}:
            <div class="layui-input-inline" style="width: 100px;">
                <input name="${field.propertyName}" class="layui-input">
            </div>
        </div>
    #end
        <button type="button" class="layui-btn query" data-type="reload">搜索</button>
    </form>
    <table id="${tableName}-table" class="layui-hide" lay-filter="userTable"></table>

    <script src="${ctxStatic}/jquery/jquery-2.1.1.min.js"></script>
    <script src="${ctxStatic}/layui-v2.5.4/layui/layui.all.js"></script>
    <script src="${ctxStatic}/common/common.js"></script>
    <script>
        let funHandler = {};
        funHandler.toolbar = {
            add: function() {
                $.ajax({
                    url: '${ctx}/${entityPath}/add',
                    success: function (html) {
                        layer.open({
                            type: 1,
                            title: '添加信息',
                            content: html,
                            maxmin: true,
                            area: ['90%', '90%']
                        });
                    }
                });
            }
        };
        funHandler.tool = {
            edit: function(data) {
                $.ajax({
                    #foreach($field in ${table.fields})
                    #if(${field.keyFlag})
                    url: '${ctx}/${entityPath}/edit?id=' + data.${field.propertyName},
                    #end
                    #end
                    success: function (html) {
                        layer.open({
                            type: 1,
                            title: '编辑信息',
                            content: html,
                            maxmin: true,
                            area: ['90%', '90%']
                        });
                    }
                });
            },
            delete: function(data) {
                $.ajax({
                    #foreach($field in ${table.fields})
                    #if(${field.keyFlag})
                    url: '${ctx}/${entityPath}/delete?${field.propertyName}=' + data.${field.propertyName},
                    #end
                    #end
                    type: 'post',
                    success: function (res) {
                        layer.alert(res.msg, function () {
                            location.reload();
                        })
                    }
                });
            }
        };

        layui.use(['table', 'layer', 'form'], function () {
            var table = layui.table;
            var form = layui.form;
            table.render({
                elem: '#${tableName}-table',
                id: '${tableName}-reload',
                url: '${ctx}/${entityPath}/list',
                where: $("#${tableName}-list .${tableName}-select").serializeJson(),
                method: 'POST',
                toolbar: "#user-tool-bar",
                defaultToolbar: ['filter'],
                //全局定义常规单元格的最小宽度
                cellMinWidth: 80,
                page: true,
                cols: [[
                    #foreach($field in ${table.fields})
                        {field: '${field.propertyName}', title: '${field.comment}', align: 'center'},
                    #end
                        {fixed: 'right', title: '操作', align: 'center', toolbar: '#user-bar'}
                    ]]
                ,parseData: function (data) {
                    return data.body;
                }
            });


            $('#${tableName}-list .${tableName}-select .quert').on('click', function () {
                //执行重载
                table.reload('${tableName}-reload', {
                    page: {
                        curr: 1 //重新从第 1 页开始
                    },
                    where: $("#${tableName}-list .${tableName}-select").serializeJson()
                }, 'data');
            });

            //监听头部工具栏事件
            table.on("toolbar(userTable)", function (obj) {
                //获得当前行数据
                var data = obj.data;
                //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
                var layEvent = obj.event;
                funHandler.toolbar[layEvent]();
            });

            /**
             * 监听表格内部东西
             */
            table.on('tool(userTable)', function (obj) {
                //获得当前行数据
                var data = obj.data;
                //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
                var layEvent = obj.event;
                funHandler.tool[layEvent](data);
            });

        });


    </script>
</div>