175 lines
4.5 KiB
Plaintext
175 lines
4.5 KiB
Plaintext
|
|
let table;
|
||
|
|
var logTable;
|
||
|
|
let form;
|
||
|
|
var per;
|
||
|
|
let page = 1, limit = 10;
|
||
|
|
layui.use(['layer', 'form', 'element'], function () {
|
||
|
|
var layer = layui.layer; //弹层
|
||
|
|
var laypage = layui.laypage; //分页
|
||
|
|
table = layui.table; //表格
|
||
|
|
form = layui.form;
|
||
|
|
//注册权限
|
||
|
|
// per = getPer();
|
||
|
|
// console.log(per);
|
||
|
|
//初始化下拉选
|
||
|
|
// initTable();
|
||
|
|
pages(1,10,1);
|
||
|
|
// 查询按钮
|
||
|
|
$("#query").off().click(function () {
|
||
|
|
// 筛选校验
|
||
|
|
inputTest1('sysName', 20, '系统名称')
|
||
|
|
inputTest2('sysVersion', 20, '系统版本')
|
||
|
|
pages(1,10)
|
||
|
|
return;
|
||
|
|
})
|
||
|
|
// 重置
|
||
|
|
$("#reset").off().click(function () {
|
||
|
|
pages(1,10,1)
|
||
|
|
})
|
||
|
|
})
|
||
|
|
|
||
|
|
// 输入框校验
|
||
|
|
function inputTest1 (field, length, fieldName) {
|
||
|
|
console.log('field----'+field);
|
||
|
|
console.log('length----'+length);
|
||
|
|
console.log(typeof length);
|
||
|
|
|
||
|
|
let query = $("#"+field).val()
|
||
|
|
console.log(query);
|
||
|
|
if (query.trim() === '') return
|
||
|
|
if (query && query.length > length) {
|
||
|
|
layer.alert(`${fieldName}长度大于${length}个字符!`, {icon: 2});
|
||
|
|
}
|
||
|
|
// 禁止输入表情
|
||
|
|
const reg = /[^0-9a-zA-Z\u4E00-\u9FA5]/g
|
||
|
|
if (!reg.test(query)) {
|
||
|
|
return
|
||
|
|
} else {
|
||
|
|
layer.alert(`${fieldName}内容包含特殊字符!`, {icon: 2});
|
||
|
|
// $("#"+field).val("")
|
||
|
|
return
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function inputTest2 (field, length, fieldName) {
|
||
|
|
console.log('field----'+field);
|
||
|
|
console.log('length----'+length);
|
||
|
|
console.log(typeof length);
|
||
|
|
|
||
|
|
let query = $("#"+field).val()
|
||
|
|
console.log(query);
|
||
|
|
if (query.trim() === '') return
|
||
|
|
if (query && query.length > length) {
|
||
|
|
layer.alert(`${fieldName}长度大于${length}个字符!`, {icon: 2});
|
||
|
|
}
|
||
|
|
// 禁止输入表情
|
||
|
|
const reg = /[^0-9a-zA-Z\u4E00-\u9FA5]./g
|
||
|
|
if (!reg.test(query)) {
|
||
|
|
return
|
||
|
|
} else {
|
||
|
|
layer.alert(`${fieldName}内容包含特殊字符!`, {icon: 2});
|
||
|
|
// $("#"+field).val("")
|
||
|
|
return
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function pages(page, limit,type) {
|
||
|
|
let params = getReqParamss(page,limit,type);
|
||
|
|
$.ajax({
|
||
|
|
headers:{
|
||
|
|
"encrypt":sm3(JSON.stringify(params))
|
||
|
|
},
|
||
|
|
url: dataUrl + 'system/sys/logs/getRunningLog?token=' + token, //数据接口(此处为静态数据,仅作演示)
|
||
|
|
data: params,
|
||
|
|
//content:'applicatiopn/json',
|
||
|
|
type: 'POST',
|
||
|
|
async: false,
|
||
|
|
success: function (result) {
|
||
|
|
if(result.code === 500){
|
||
|
|
layer.alert(result.msg,{icon:2})
|
||
|
|
}
|
||
|
|
if (result.data) {
|
||
|
|
//console.log(result.data)
|
||
|
|
initTable(result.data,result.limit,result.curr)
|
||
|
|
laypages(result.count, result.curr, result.limit)
|
||
|
|
}
|
||
|
|
}, error: function () {
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
function laypages(total, page, limit) {
|
||
|
|
layui.use(['laypage'], function () {
|
||
|
|
let laypage = layui.laypage;
|
||
|
|
laypage.render({
|
||
|
|
elem: 'voi-page',
|
||
|
|
count: total,
|
||
|
|
curr: page,
|
||
|
|
limit: limit,
|
||
|
|
layout: ['prev', 'page', 'next', 'skip', 'count', 'limit'],
|
||
|
|
groups: 5,
|
||
|
|
jump: function (obj, first) {
|
||
|
|
if (!first) {
|
||
|
|
page = obj.curr, limit = obj.limit;
|
||
|
|
pages(obj.curr, obj.limit,null);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
})
|
||
|
|
}
|
||
|
|
// 获取参数
|
||
|
|
function getReqParamss(page,limit,type) {
|
||
|
|
let obj = {};
|
||
|
|
if(!type){
|
||
|
|
obj = {
|
||
|
|
page: page + "",
|
||
|
|
limit: limit + "",
|
||
|
|
sysVersion: $("#sysVersion").val(),
|
||
|
|
sysName: $("#sysName").val(),
|
||
|
|
orderType: $("#orderType").val() || 'create_time',
|
||
|
|
orderBy: $("#orderBy").val() || 'DESC',
|
||
|
|
logType: '运行日志',
|
||
|
|
};
|
||
|
|
}else{
|
||
|
|
obj = {
|
||
|
|
page: '1',
|
||
|
|
limit: '10',
|
||
|
|
sysVersion: "",
|
||
|
|
sysName: "",
|
||
|
|
orderType: "create_time",
|
||
|
|
orderBy: "DESC",
|
||
|
|
logType: '运行日志',
|
||
|
|
};
|
||
|
|
}
|
||
|
|
return obj;
|
||
|
|
}
|
||
|
|
|
||
|
|
//初始化表格
|
||
|
|
function initTable(dataList,limit,page) {
|
||
|
|
// 执行一个 table 实例
|
||
|
|
logTable = table.render({
|
||
|
|
id: 'logTable',
|
||
|
|
elem: '#log-table',
|
||
|
|
height: $(window).height() - ($(window).height() * 0.25),
|
||
|
|
title: '日志表',
|
||
|
|
data:dataList,
|
||
|
|
cols: [[ //表头
|
||
|
|
{ field: "number", type: "numbers", title: "序号", width: 100, unresize: true, align: "center", },
|
||
|
|
{ field: 'sysName', title: '系统名称', align: 'center', unresize: true, },
|
||
|
|
{ field: 'sysVersion', title: '系统版本', align: 'center', unresize: true, },
|
||
|
|
{ field: 'sysStartTime', title: '系统部署时间', align: 'center', unresize: true, },
|
||
|
|
{ field: 'sysStartTime', title: '系统启动时间', align: 'center', unresize: true, },
|
||
|
|
{ field: 'sysRunningTime', title: '系统运行时长(天)', align: 'center', unresize: true, },
|
||
|
|
{ field: 'sysLogInfo', title: '日志信息', align: 'center', unresize: true, },
|
||
|
|
{ field: 'sysStatus', title: '系统运行状态', align: 'center', unresize: true, templet: function (d) {
|
||
|
|
if(d.sysStatus == '0') {
|
||
|
|
return '运行中'
|
||
|
|
} else if(d.sysStatus == '2') {
|
||
|
|
return '停运'
|
||
|
|
} else {
|
||
|
|
return ''
|
||
|
|
}
|
||
|
|
}},
|
||
|
|
]],
|
||
|
|
limit:limit
|
||
|
|
});
|
||
|
|
}
|