ZhiYeJianKang/职业健康平台后端/target/dzzyb/webpage/modules/quartz/list.jsp

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

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="${ctxStatic}/layui-v2.5.4/layui/css/layui.css" media="all">
    <script src="${ctxStatic}/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
    <style type="text/css">
        .layui-btn-primary {
            border: 1px solid #C9C9C9;
            background-color: #01b9dd !important;
            color: white !important;
        }

        .gray-bg {
            background-color: #f3f3f4 !important;
        }
    </style>
</head>
<body class="gray-bg" id="zyb-quartz-list">
<div style="display: none;" id="userToolBar">
    <button type="button" class="layui-btn layui-btn-sm" lay-event="add">增加</button>
</div>
<div id="userBar" style="display: none;">
    {{# if(d.quartzStatus === 'PAUSE') {}}
        <a class="layui-btn layui-btn-xs" lay-event="resume">启动</a>
    {{# } else {}}
        <a class="layui-btn layui-btn-xs" lay-event="pause">暂停</a>
    {{# }}}
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>

</div>
<div class="demoTable">
    <form class="layui-form quartz-select" action="">
        <div class="layui-inline">
            类名
            <div class="layui-input-inline">
                <input name="quartzJobName" autocomplete="off" class="layui-input">
            </div>
        </div>
        <button type="button" class="layui-btn" data-type="reload">搜索</button>
    </form>
</div>

<table id="quartz" class="layui-hide" lay-filter="userTable"></table>

<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
</script>
<script src="${ctxStatic}/layui-v2.5.4/layui/layui.all.js"></script>
<script src="${ctxStatic}/common/yuan.js"></script>
<script>
    layui.use(['table', 'layer', 'form'], function () {
        var table = layui.table;
        var form = layui.form;
        table.render({
            elem: '#quartz',
            id: 'testReload',
            url: '${ctx}/sys/quartz/list', //数据接口
            method: 'POST',
            toolbar: "#userToolBar",
            defaultToolbar: ['filter'],
            cellMinWidth: 80, //全局定义常规单元格的最小宽度
            page: true, //开启分页
            cols: [
                [ //表头
                    {field: 'quartzJobName', title: '任务类名', align: 'center'},
                    {field: 'quartzCron', title: '配置', align: 'center', width: 110},
                    {field: 'quartzName', title: '任务名', align: 'center'},
                    {field: 'quartzGroupName', title: '任务组名', align: 'center'},
                    {field: 'quartzStartTime', title: '开始时间', align: 'center', width: 200,
                        templet: function (d) {
                            if (isNull(d.quartzStartTime)) {
                                return '-';
                            }
                            return layui.util.toDateString(d.quartzStartTime, "yyyy-MM-dd HH:mm:ss");
                        }},
                    {field: 'quartzEndTime', title: '结束时间', align: 'center', width: 200,
                        templet: function (d) {
                            if (isNull(d.quartzEndTime)) {
                                return '-';
                            }
                            return layui.util.toDateString(d.quartzEndTime, "yyyy-MM-dd HH:mm:ss");
                        }},
                    {field: 'quartzStatus', title: '任务状态', align: 'center', width: 110, templet: function (d) {
                            if (d.quartzStatus === 'PAUSE') {
                                return '已暂停';
                            } else {
                                return '已启动';
                            }
                        }},
                    {fixed: 'right', title: '操作', width: 220, align: 'center', toolbar: '#userBar'}

                ]
            ]
        });

        //监听头部工具栏事件
        table.on("toolbar(userTable)", function (obj) {
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            switch (layEvent) {
                case 'add':
                    layer.open({
                        type: 2,
                        title: '添加定时任务',
                        content: '${ctx}/sys/quartz/add',
                        maxmin: true, //开启最大化最小化按钮
                        area: ['90%', '90%']
                    });
                    break;
            }
        });

        table.on("tool(userTable)", function (obj) {
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            switch (layEvent) {
                case 'resume':
                    layer.load(2);
                    $.get('${ctx}/sys/quartz/resume?quartzId=' + data.quartzId, function (res) {
                        layer.alert(res.msg);
                        layer.closeAll('loading');
                        table.reload('testReload');
                    });
                    break;
                case 'pause':
                    layer.load(2);
                    $.get('${ctx}/sys/quartz/pause?quartzId=' + data.quartzId, function (res) {
                        layer.alert(res.msg);
                        layer.closeAll('loading');
                        table.reload('testReload');
                    });
                    break;
                case 'edit':
                    layer.open({
                        type: 2,
                        title: '编辑定时任务',
                        content: '${ctx}/sys/quartz/edit?quartzId=' + data.quartzId,
                        maxmin: true, //开启最大化最小化按钮
                        area: ['90%', '90%']
                    });
                    break;
                case 'del':
                    $.get('${ctx}/sys/quartz/del?quartzId=' + data.quartzId, function (res) {
                        layer.alert(res.msg);
                        layer.closeAll('loading');
                        table.reload('testReload');
                    });
                    break;
            }
        });

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

    });

</script>
</body>

</html>