mirror of
https://github.com/xinliangnote/go-gin-api.git
synced 2024-04-21 12:31:46 +00:00
326 lines
14 KiB
HTML
326 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
|
|
<link href="/assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="/assets/bootstrap/css/materialdesignicons.min.css" rel="stylesheet">
|
|
<link href="/assets/bootstrap/js/jquery-confirm/jquery-confirm.min.css" rel="stylesheet">
|
|
<link href="/assets/bootstrap/css/style.min.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container-fluid p-t-15">
|
|
<div class="row">
|
|
|
|
<div class="col-lg-12">
|
|
<div class="card">
|
|
<div class="card-toolbar d-flex flex-column flex-md-row">
|
|
<div class="toolbar-btn-action">
|
|
<a class="btn btn-primary m-r-5" href="/cron/add"><i class="mdi mdi-plus"></i> 新增</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card-body">
|
|
<div class="table-responsive">
|
|
<table class="table table-bordered">
|
|
<thead>
|
|
<tr>
|
|
<th>编号</th>
|
|
<th>任务名称</th>
|
|
<th>cron 表达式</th>
|
|
<th>执行方式</th>
|
|
<th>超时限制(秒)</th>
|
|
<th>重试次数</th>
|
|
<th>重试间隔(秒)</th>
|
|
<th>通知方式</th>
|
|
<th>创建人</th>
|
|
<th>创建日期</th>
|
|
<th style="text-align: center; ">可用状态</th>
|
|
<th style="text-align: center; ">操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="tbody">
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<ul class="pagination">
|
|
<ul class="pagination" id="paginationDiv">
|
|
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="/assets/bootstrap/js/jquery.min.js"></script>
|
|
<script type="text/javascript" src="/assets/bootstrap/js/popper.min.js"></script>
|
|
<script type="text/javascript" src="/assets/bootstrap/js/bootstrap.min.js"></script>
|
|
<script type="text/javascript" src="/assets/bootstrap/js/jquery-confirm/jquery-confirm.min.js"></script>
|
|
<script type="text/javascript" src="/assets/bootstrap/js/httpclient/httpclient.js"></script>
|
|
<script type="text/javascript" src="/assets/bootstrap/js/jquery.pagination.js"></script>
|
|
<script type="text/javascript">
|
|
$(document).ready(function () {
|
|
|
|
// 加载列表页数据
|
|
getPageListData();
|
|
|
|
// 提示工具
|
|
$('[data-toggle="popover"]').popover();
|
|
|
|
//$('[data-toggle="tooltip"]').tooltip();
|
|
|
|
function getPageListData(page = 0, page_size = 0) {
|
|
|
|
if (parseInt(page) < 1) {
|
|
page = 1;
|
|
}
|
|
|
|
if (parseInt(page_size) < 1) {
|
|
page_size = 10;
|
|
}
|
|
|
|
AjaxFormNoAsync(
|
|
"GET",
|
|
"/api/cron",
|
|
{page: page, page_size: page_size},
|
|
function () {
|
|
},
|
|
function (data) {
|
|
if (data.list.length > 0) {
|
|
var totalNum = data.pagination.total; //总条数
|
|
var pageNum = Math.ceil(totalNum / data.pagination.per_page_count); //分页的总页数
|
|
|
|
$("#paginationDiv").pagination({
|
|
current: data.pagination.current_page,
|
|
pageCount: pageNum,
|
|
coping: true,
|
|
homePage: '首页',
|
|
endPage: '末页',
|
|
mode: 'fixed',
|
|
prevContent: '上一页',
|
|
nextContent: '下一页',
|
|
activeCls: 'pageActive',
|
|
prevCls: 'pagePrev',
|
|
nextCls: 'pageNext',
|
|
callback: function (api) {
|
|
$(".tbody").html("");
|
|
getPageListData(api.getCurrent());
|
|
}
|
|
});
|
|
|
|
$.each(data.list, function (index, value) {
|
|
var showUsedBadge = "";
|
|
var showProtocolBadge = "";
|
|
var optionUsedName = "";
|
|
var notifyBadge = "";
|
|
|
|
if (value.is_used === 1) {
|
|
optionUsedName = '禁用';
|
|
showUsedBadge = '<span class="badge badge-success">启用</span>';
|
|
}
|
|
|
|
if (value.is_used === -1) {
|
|
optionUsedName = '启用';
|
|
showUsedBadge = '<span class="badge badge-danger">禁用</span>';
|
|
}
|
|
|
|
if (value.protocol === 1) {
|
|
showProtocolBadge = '<span class="badge btn-brown">SHELL</span>';
|
|
}
|
|
|
|
if (value.protocol === 2) {
|
|
showProtocolBadge = '<span class="badge btn-warning">HTTP</span> ';
|
|
showProtocolBadge += '<span class="badge btn-secondary">' + value.http_method_text + '</span>';
|
|
}
|
|
|
|
notifyBadge = '<span class="badge btn-cyan">' + value.notify_status_text + '</span>';
|
|
|
|
const tr = '<tr>\n' +
|
|
'<td>' + value.id + '</td>\n' +
|
|
'<td>' + value.name + '</td>\n' +
|
|
'<td>' + value.spec + ' <a tabindex="' + value.id + '" role="button" class="badge btn-secondary" data-toggle="popover" data-trigger="focus" title="' + value.spec + '" data-content="' + value.command + '">命令</a></td>\n' +
|
|
'<td>' + showProtocolBadge + '</td>\n' +
|
|
'<td>' + value.timeout + '</td>\n' +
|
|
'<td>' + value.retry_times + '</td>\n' +
|
|
'<td>' + value.retry_interval + '</td>\n' +
|
|
'<td>' + notifyBadge + '</td>\n' +
|
|
'<td>' + value.created_user + '</td>\n' +
|
|
'<td>' + value.created_at + '</td>\n' +
|
|
'<td style="text-align: center; ">' + showUsedBadge + '</td>\n' +
|
|
'<td style="text-align: center; ">\n' +
|
|
'<div class="btn-group">\n' +
|
|
' <a class="btn btn-xs btn-default btn-option" href="#!" title=""\n' +
|
|
' data-id="' + value.hashid + '"' +
|
|
' data-is-used="' + value.is_used + '"' +
|
|
' data-toggle="tooltip" data-original-title="' + optionUsedName + '">' + optionUsedName + '</a>\n' +
|
|
' <a class="btn btn-xs btn-default btn-edit" href="#!" title=""\n' +
|
|
' data-id="' + value.hashid + '"' +
|
|
' data-toggle="tooltip" data-original-title="编辑">编辑</a>\n' +
|
|
' <a class="btn btn-xs btn-default btn-log" href="#!" title=""\n' +
|
|
' data-id="' + value.hashid + '"' +
|
|
' data-toggle="tooltip" data-original-title="日志">日志</a>\n' +
|
|
' <a class="btn btn-xs btn-default btn-exec" href="#!" title=""\n' +
|
|
' data-id="' + value.hashid + '"' +
|
|
' data-toggle="tooltip" data-original-title="手动执行">手动执行</a>\n' +
|
|
'</div>\n' +
|
|
'</td>\n' +
|
|
'</tr>';
|
|
|
|
$(".tbody").append(tr);
|
|
})
|
|
} else {
|
|
// 数据为空
|
|
const tr = '<tr><td colspan="12" style="text-align: center">暂无数据</td></tr>';
|
|
$(".tbody").append(tr);
|
|
}
|
|
},
|
|
function (response) {
|
|
AjaxError(response);
|
|
}
|
|
);
|
|
}
|
|
|
|
// 启用/禁用
|
|
$(document).on('click', '.btn-option', function () {
|
|
const id = $(this).attr('data-id');
|
|
const isUsed = $(this).attr('data-is-used');
|
|
|
|
var tipMessage = "";
|
|
var wantUsed = 0;
|
|
if (isUsed === "1") { // 1=当前为启用状态，需要改成禁用
|
|
tipMessage = "禁用";
|
|
wantUsed = -1;
|
|
}
|
|
if (isUsed === "-1") { // -1=当前为禁用状态，需要改成启用
|
|
tipMessage = "启用";
|
|
wantUsed = 1;
|
|
}
|
|
|
|
const patchData = {
|
|
id: id,
|
|
used: wantUsed,
|
|
};
|
|
|
|
$.confirm({
|
|
title: '谨慎操作',
|
|
content: '确认要 <strong style="color: red">' + tipMessage + '</strong> 吗？',
|
|
icon: 'mdi mdi-alert',
|
|
animation: 'scale',
|
|
closeAnimation: 'zoom',
|
|
buttons: {
|
|
okay: {
|
|
text: '确认',
|
|
keys: ['enter'],
|
|
btnClass: 'btn-orange',
|
|
action: function () {
|
|
AjaxForm(
|
|
"PATCH",
|
|
"/api/cron/used",
|
|
patchData,
|
|
function () {
|
|
},
|
|
function (data) {
|
|
$.alert({
|
|
title: '操作成功',
|
|
icon: 'mdi mdi-check-decagram',
|
|
type: 'green',
|
|
content: '编号：' + data.id + ' 已' + tipMessage + '。',
|
|
buttons: {
|
|
okay: {
|
|
text: '关闭',
|
|
action: function () {
|
|
location.reload();
|
|
}
|
|
}
|
|
}
|
|
});
|
|
},
|
|
function (response) {
|
|
AjaxError(response);
|
|
}
|
|
);
|
|
}
|
|
},
|
|
cancel: {
|
|
text: '取消',
|
|
keys: ['ctrl', 'shift'],
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
// 编辑
|
|
$(document).on('click', '.btn-edit', function () {
|
|
location.href = "/cron/edit/" + $(this).attr('data-id');
|
|
});
|
|
|
|
// 日志
|
|
$(document).on('click', '.btn-log', function () {
|
|
$.alert({
|
|
title: '温馨提示',
|
|
icon: 'mdi mdi-alert',
|
|
type: 'orange',
|
|
content: '功能开发中...',
|
|
});
|
|
})
|
|
|
|
// 手动执行
|
|
$(document).on('click', '.btn-exec', function () {
|
|
const id = $(this).attr('data-id');
|
|
$.confirm({
|
|
title: '谨慎操作',
|
|
content: '确认要 <strong style="color: red">手动执行</strong> 吗？',
|
|
icon: 'mdi mdi-alert',
|
|
animation: 'scale',
|
|
closeAnimation: 'zoom',
|
|
buttons: {
|
|
okay: {
|
|
text: '确认',
|
|
keys: ['enter'],
|
|
btnClass: 'btn-orange',
|
|
action: function () {
|
|
AjaxForm(
|
|
"PATCH",
|
|
"/api/cron/exec/" + id,
|
|
{},
|
|
function () {
|
|
},
|
|
function (data) {
|
|
$.alert({
|
|
title: '操作成功',
|
|
icon: 'mdi mdi-check-decagram',
|
|
type: 'green',
|
|
content: '编号：' + data.id + ' 任务已开始运行。',
|
|
buttons: {
|
|
okay: {
|
|
text: '关闭',
|
|
action: function () {
|
|
location.reload();
|
|
}
|
|
}
|
|
}
|
|
});
|
|
},
|
|
function (response) {
|
|
AjaxError(response);
|
|
}
|
|
);
|
|
}
|
|
},
|
|
cancel: {
|
|
text: '取消',
|
|
keys: ['ctrl', 'shift'],
|
|
}
|
|
}
|
|
});
|
|
})
|
|
})
|
|
</script>
|
|
</body>
|
|
</html>
|