增加定时任务前端（部分）

2021-06-24 13:17:34 +08:00
parent 103aaf4911
commit 2cbbf25060
4 changed files with 366 additions and 59 deletions
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>任务新增</title>
+    {% include 'admin/common/header.html' %}</head>
+<body>
+<form class="layui-form" action="">
+    <div class="mainBox">
+        <div class="main-container">
+            <div class="main-container">
+                <div class="layui-form-item">
+                    <label class="layui-form-label">名称</label>
+                    <div class="layui-input-block">
+                        <input type="text" name="roleName" lay-verify="title" autocomplete="off" placeholder="请输入标题"
+                               class="layui-input">
+                    </div>
+                </div>
+                <div class="layui-form-item">
+                    <label class="layui-form-label">标识</label>
+                    <div class="layui-input-block">
+                        <input type="text" name="roleCode" lay-verify="title" autocomplete="off" placeholder="请输入标题"
+                               class="layui-input">
+                    </div>
+                </div>
+                <div class="layui-form-item">
+                    <label class="layui-form-label">状态</label>
+                    <div class="layui-input-block">
+                        <input type="radio" name="enable" value="0" title="开启">
+                        <input type="radio" name="enable" value="1" title="关闭" checked>
+                    </div>
+                </div>
+                <div class="layui-form-item">
+                    <label class="layui-form-label">排序</label>
+                    <div class="layui-input-block">
+                        <input type="text" name="sort" lay-verify="title" autocomplete="off" placeholder="请输入标题"
+                               class="layui-input">
+                    </div>
+                </div>
+                <div class="layui-form-item layui-form-text">
+                    <label class="layui-form-label">描述</label>
+                    <div class="layui-input-block">
+                        <textarea placeholder="请输入描述" name="details" class="layui-textarea"></textarea>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="bottom">
+        <div class="button-container">
+            <button type="submit" class="pear-btn pear-btn-primary pear-btn-sm" lay-submit="" lay-filter="role-save">
+                <i class="layui-icon layui-icon-ok"></i>
+                提交
+            </button>
+            <button type="reset" class="pear-btn pear-btn-sm">
+                <i class="layui-icon layui-icon-refresh"></i>
+                重置
+            </button>
+        </div>
+    </div>
+</form>
+{% include 'admin/common/footer.html' %}
+<script>
+  layui.use(['form', 'jquery'], function () {
+    let form = layui.form
+    let $ = layui.jquery
+
+    form.on('submit(role-save)', function (data) {
+      $.ajax({
+        url: '/admin/role/save',
+        data: JSON.stringify(data.field),
+        dataType: 'json',
+        contentType: 'application/json',
+        type: 'post',
+        success: function (result) {
+          if (result.success) {
+            layer.msg(result.msg, { icon: 1, time: 1000 }, function () {
+              parent.layer.close(parent.layer.getFrameIndex(window.name))//关闭当前页
+              parent.layui.table.reload('role-table')
+            })
+          } else {
+            layer.msg(result.msg, { icon: 2, time: 1000 })
+          }
+        }
+      })
+      return false
+    })
+  })
+</script>
+</body>
+</html>
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>任务管理</title>
+    {% include 'admin/common/header.html' %}</head>
+<body class="pear-container">
+
+<div class="layui-card">
+    <div class="layui-card-body">
+        <table id="role-table" lay-filter="role-table"></table>
+    </div>
+</div>
+</body>
+
+<script type="text/html" id="role-toolbar">
+    {% if authorize("admin:task:add") %}
+        <button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add">
+            <i class="layui-icon layui-icon-add-1"></i>
+            新增
+        </button>
+    {% endif %}
+</script>
+
+<script type="text/html" id="role-bar">
+    {% if authorize("admin:task:edit") %}
+        <button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="edit"><i
+                class="layui-icon layui-icon-edit"></i>
+        </button>
+    {% endif %}
+    {% if authorize("admin:task:remove") %}
+        <button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove"><i
+                class="layui-icon layui-icon-delete"></i>
+        </button>
+    {% endif %}
+</script>
+
+<script type="text/html" id="task-status">
+    <input type="checkbox" name="enable" value="{{ "{{d.id}}" }}" lay-skin="switch" lay-text="正在运行|已经暂停"
+           lay-filter="role-enable" {{ "{{# if(d.next_run_time != null){ }} checked {{# } }}" }}>
+</script>
+
+<script type="text/html" id="task-createTime">
+    {{ '  {{layui.util.toDateString(d.start_date,  "yyyy-MM-dd HH:mm:ss")}' |safe }}}
+</script>
+{% include 'admin/common/footer.html' %}
+<script>
+  layui.use(['table', 'form', 'jquery', 'popup', 'common'], function () {
+    let table = layui.table
+    let form = layui.form
+    let $ = layui.jquery
+    let popup = layui.popup
+
+    let MODULE_PATH = '/admin/task/'
+
+    let cols = [
+      [
+        {% if authorize("admin:role:remove") %}
+          { type: 'checkbox' },
+        {% endif %}
+        { title: 'ID', field: 'id', align: 'center', width: 100 },
+        { title: '函数', field: 'func', align: 'center' },
+        { title: '名称', field: 'name', align: 'center' },
+        { title: '开始时间', field: 'start_date', align: 'center',templet: '#task-createTime'},
+        { title: '是否运行', field: 'next_run_time', align: 'center', templet: '#task-status' },
+        { title: '类型', field: 'trigger', align: 'center' },
+        { title: '操作', toolbar: '#role-bar', align: 'center', width: 195 }
+      ]
+    ]
+
+    table.render({
+      elem: '#role-table',
+      url: MODULE_PATH + 'data',
+      page: true,
+      cols: cols,
+      skin: 'line',
+      toolbar: '#role-toolbar',
+      defaultToolbar: [{
+        layEvent: 'refresh',
+        icon: 'layui-icon-refresh',
+      }, 'filter', 'print', 'exports']
+    })
+
+    table.on('tool(role-table)', function (obj) {
+      if (obj.event === 'remove') {
+        window.remove(obj)
+      } else if (obj.event === 'edit') {
+        window.edit(obj)
+      }
+    })
+
+    table.on('toolbar(role-table)', function (obj) {
+      if (obj.event === 'add') {
+        window.add()
+      } else if (obj.event === 'refresh') {
+        window.refresh()
+      } else if (obj.event === 'batchRemove') {
+        window.batchRemove(obj)
+      }
+    })
+
+    form.on('submit(role-query)', function (data) {
+      table.reload('role-table', { where: data.field })
+      return false
+    })
+
+    form.on('switch(role-enable)', function (obj) {
+      let operate
+      if (obj.elem.checked) {
+        operate = 'enable'
+      } else {
+        operate = 'disable'
+      }
+      let loading = layer.load()
+      $.ajax({
+        url: '/admin/task/' + operate,
+        data: JSON.stringify({ id: this.value }),
+        dataType: 'json',
+        contentType: 'application/json',
+        type: 'put',
+        success: function (result) {
+          layer.close(loading)
+          if (result.success) {
+            layer.msg(result.msg, { icon: 1, time: 1000 })
+          } else {
+            layer.msg(result.msg, { icon: 2, time: 1000 })
+          }
+        }
+      })
+    })
+
+    window.add = function () {
+      layer.open({
+        type: 2,
+        title: '新增',
+        shade: 0.1,
+        area: ['500px', '500px'],
+        content: MODULE_PATH + 'add'
+      })
+    }
+
+
+
+    window.edit = function (obj) {
+      layer.open({
+        type: 2,
+        title: '修改',
+        shade: 0.1,
+        area: ['500px', '500px'],
+        content: MODULE_PATH + 'edit/' + obj.data['id']
+      })
+    }
+
+    window.remove = function (obj) {
+      layer.confirm('确定要移除该任务', { icon: 3, title: '提示' }, function (index) {
+        layer.close(index)
+        let loading = layer.load()
+        $.ajax({
+          url: MODULE_PATH + 'remove/' + obj.data['id'],
+          dataType: 'json',
+          type: 'delete',
+          success: function (result) {
+            layer.close(loading)
+            if (result.success) {
+              layer.msg(result.msg, { icon: 1, time: 1000 }, function () {
+                obj.del()
+              })
+            } else {
+              layer.msg(result.msg, { icon: 2, time: 1000 })
+            }
+          }
+        })
+      })
+    }
+
+    window.refresh = function () {
+      table.reload('role-table')
+    }
+  })
+</script>
+</html>
@@ -1,8 +1,10 @@
-from flask import Blueprint, request, jsonify
-from applications.common.tasks.tasks import task4
-from applications.extensions.init_apscheduler import scheduler
+from flask import Blueprint, request, render_template
 from flask_apscheduler.utils import job_to_dict

+from applications.common.tasks.tasks import task2, task3, task4
+from applications.common.utils.http import table_api, fail_api, success_api
+from applications.extensions.init_apscheduler import scheduler
+
 admin_task = Blueprint('adminTask', __name__, url_prefix='/admin/task')


@@ -14,41 +16,66 @@ admin_task = Blueprint('adminTask', __name__, url_prefix='/admin/task')
 # 删除任务
 # scheduler.remove_job('first')

-@admin_task.route('/pause', methods=['GET'])
-def pause_job():  # 暂停
-    job_id = request.args.get('id')
-    scheduler.pause_job(str(job_id))
-    return "pause success!"
+
+@admin_task.route('/add_job', methods=['GET'])
+def add_task():
+    tasks = {
+        "task2": task2,
+        "task3":task3,
+        "task4":task4
+    }
+    scheduler.add_job(func=tasks.get(), id='4', args=(1, 1), trigger='interval', seconds=3,
+                      replace_existing=True)
+    return '6'


-@admin_task.route('/resume', methods=['GET'])
-def resume_job():  # 恢复
-    job_id = request.args.get('id')
-    scheduler.resume_job(str(job_id))
-    return "Success!"
+@admin_task.get('/')
+def main():
+    return render_template('admin/task/main.html')


-@admin_task.route('/get_jobs', methods=['GET'])
+@admin_task.route('/data', methods=['GET'])
 def get_task():  # 获取
    jobs = scheduler.get_jobs()
    jobs_list = []
    for job in jobs:
        jobs_list.append(job_to_dict(job))
-    return jsonify(jobs_list)
+    return table_api(data=jobs_list)


-@admin_task.route('/remove_job', methods=['GET'])
-def remove_job():  # 移除
-    job_id = request.args.get('id')
-    scheduler.remove_job(str(job_id))
-    return 'remove success'
+# 增加
+@admin_task.get('/add')
+def add():
+    return render_template('admin/task/add.html')
+
+
+# 恢复
+@admin_task.put('/enable')
+def enable():
+    id = request.json.get('id')
+    # print(id)
+    if id:
+        scheduler.resume_job(str(id))
+        return success_api(msg="启动成功")
+    return fail_api(msg="数据错误")
+
+
+# 暂停
+@admin_task.put('/disable')
+def dis_enable():
+    _id = request.json.get('id')
+    if _id:
+        scheduler.pause_job(str(_id))
+        return success_api(msg="暂停成功")
+    return fail_api(msg="数据错误")
+
+
+@admin_task.delete('/remove/<int:_id>')
+def remove_job(_id):  # 移除
+    scheduler.remove_job(str(_id))
+    return success_api(msg="删除成功")


-@admin_task.route('/add_job', methods=['GET'])
-def add_task():
-    scheduler.add_job(func=task4, id='4', args=(1, 1), trigger='interval', seconds=3,
-                      replace_existing=True)
-    return '6'

    #     scheduler.add_job(func=task1, id='2', args=(1, 1), trigger='cron', day_of_week='0-6', hour=18, minute=24,
    #                       second=10, replace_existing=True)