行为日志页面

develop
就眠仪式 2020-09-13 19:41:50 +08:00
parent 89bef12ab2
commit 70b345bffe
5 changed files with 951 additions and 428 deletions

211
admin/data/loginLog.json Normal file
View File

@ -0,0 +1,211 @@
{
"createTime": null,
"createBy": null,
"updateTime": null,
"updateBy": null,
"remark": null,
"code": 0,
"msg": null,
"count": 167,
"data": [{
"id": "1305106851892822016",
"title": "登录",
"description": "登录成功",
"businessType": "OTHER",
"requestMethod": "POST",
"method": "/login",
"operateUrl": "/login",
"operateAddress": "127.0.0.1",
"requestParam": null,
"requestBody": "",
"responseBody": null,
"success": true,
"loggingType": "LOGIN",
"errorMsg": null,
"systemOs": "Windows",
"createTime": "2020-09-13T11:31:36.000+0000",
"operateName": "admin",
"map": {},
"browser": "谷歌浏览器"
}, {
"id": "1305101593019940864",
"title": "登录",
"description": "登录成功",
"businessType": "OTHER",
"requestMethod": "POST",
"method": "/login",
"operateUrl": "/login",
"operateAddress": "127.0.0.1",
"requestParam": null,
"requestBody": "",
"responseBody": null,
"success": true,
"loggingType": "LOGIN",
"errorMsg": null,
"systemOs": "Windows",
"createTime": "2020-09-13T11:10:42.000+0000",
"operateName": "admin",
"map": {},
"browser": "谷歌浏览器"
}, {
"id": "1305101247900024832",
"title": "登录",
"description": "登录成功",
"businessType": "OTHER",
"requestMethod": "POST",
"method": "/login",
"operateUrl": "/login",
"operateAddress": "127.0.0.1",
"requestParam": null,
"requestBody": "",
"responseBody": null,
"success": true,
"loggingType": "LOGIN",
"errorMsg": null,
"systemOs": "Windows",
"createTime": "2020-09-13T11:09:20.000+0000",
"operateName": "admin",
"map": {},
"browser": "谷歌浏览器"
}, {
"id": "1305099674977304576",
"title": "登录",
"description": "登录成功",
"businessType": "OTHER",
"requestMethod": "POST",
"method": "/login",
"operateUrl": "/login",
"operateAddress": "127.0.0.1",
"requestParam": null,
"requestBody": "",
"responseBody": null,
"success": true,
"loggingType": "LOGIN",
"errorMsg": null,
"systemOs": "Windows",
"createTime": "2020-09-13T11:03:05.000+0000",
"operateName": "admin",
"map": {},
"browser": "谷歌浏览器"
}, {
"id": "1305095186061197312",
"title": "登录",
"description": "登录成功",
"businessType": "OTHER",
"requestMethod": "POST",
"method": "/login",
"operateUrl": "/login",
"operateAddress": "127.0.0.1",
"requestParam": null,
"requestBody": "",
"responseBody": null,
"success": true,
"loggingType": "LOGIN",
"errorMsg": null,
"systemOs": "Windows",
"createTime": "2020-09-13T10:45:15.000+0000",
"operateName": "admin",
"map": {},
"browser": "谷歌浏览器"
}, {
"id": "1305092027951611904",
"title": "登录",
"description": "登录成功",
"businessType": "OTHER",
"requestMethod": "POST",
"method": "/login",
"operateUrl": "/login",
"operateAddress": "127.0.0.1",
"requestParam": null,
"requestBody": "",
"responseBody": null,
"success": true,
"loggingType": "LOGIN",
"errorMsg": null,
"systemOs": "Windows",
"createTime": "2020-09-13T10:32:42.000+0000",
"operateName": "admin",
"map": {},
"browser": "谷歌浏览器"
}, {
"id": "1305082862634008576",
"title": "登录",
"description": "登录成功",
"businessType": "OTHER",
"requestMethod": "POST",
"method": "/login",
"operateUrl": "/login",
"operateAddress": "127.0.0.1",
"requestParam": null,
"requestBody": "",
"responseBody": null,
"success": true,
"loggingType": "LOGIN",
"errorMsg": null,
"systemOs": "Windows",
"createTime": "2020-09-13T09:56:16.000+0000",
"operateName": "admin",
"map": {},
"browser": "谷歌浏览器"
}, {
"id": "1305071134877679616",
"title": "登录",
"description": "登录成功",
"businessType": "OTHER",
"requestMethod": "POST",
"method": "/login",
"operateUrl": "/login",
"operateAddress": "127.0.0.1",
"requestParam": null,
"requestBody": "",
"responseBody": null,
"success": true,
"loggingType": "LOGIN",
"errorMsg": null,
"systemOs": "Windows",
"createTime": "2020-09-13T09:09:40.000+0000",
"operateName": "admin",
"map": {},
"browser": "谷歌浏览器"
}, {
"id": "1305070481803575296",
"title": "登录",
"description": "登录成功",
"businessType": "OTHER",
"requestMethod": "POST",
"method": "/login",
"operateUrl": "/login",
"operateAddress": "127.0.0.1",
"requestParam": null,
"requestBody": "",
"responseBody": null,
"success": true,
"loggingType": "LOGIN",
"errorMsg": null,
"systemOs": "Windows",
"createTime": "2020-09-13T09:07:05.000+0000",
"operateName": "admin",
"map": {},
"browser": "谷歌浏览器"
}, {
"id": "1305064691009060864",
"title": "登录",
"description": "登录成功",
"businessType": "OTHER",
"requestMethod": "POST",
"method": "/login",
"operateUrl": "/login",
"operateAddress": "127.0.0.1",
"requestParam": null,
"requestBody": "",
"responseBody": null,
"success": true,
"loggingType": "LOGIN",
"errorMsg": null,
"systemOs": "Windows",
"createTime": "2020-09-13T08:44:04.000+0000",
"operateName": "admin",
"map": {},
"browser": "谷歌浏览器"
}]
}

View File

@ -287,6 +287,14 @@
"type": 1,
"openType": "_iframe",
"href": "view/system/deptment.html"
},
{
"id": 605,
"title": "行为日志",
"icon": "layui-icon layui-icon-face-cry",
"type": 1,
"openType": "_iframe",
"href": "view/system/logging.html"
}
]

211
admin/data/operateLog.json Normal file
View File

@ -0,0 +1,211 @@
{
"createTime": null,
"createBy": null,
"updateTime": null,
"updateBy": null,
"remark": null,
"code": 0,
"msg": null,
"count": 178,
"data": [{
"id": "1305106857240559616",
"title": "主页",
"description": "返回 Index 主页视图",
"businessType": "ADD",
"requestMethod": "GET",
"method": "/index",
"operateUrl": "/index",
"operateAddress": "127.0.0.1",
"requestParam": null,
"requestBody": "",
"responseBody": null,
"success": true,
"loggingType": "OPERATE",
"errorMsg": null,
"systemOs": "Windows",
"createTime": "2020-09-13T11:31:37.000+0000",
"operateName": "admin",
"map": {},
"browser": "谷歌浏览器"
}, {
"id": "1305101599714050048",
"title": "主页",
"description": "返回 Index 主页视图",
"businessType": "ADD",
"requestMethod": "GET",
"method": "/index",
"operateUrl": "/index",
"operateAddress": "127.0.0.1",
"requestParam": null,
"requestBody": "",
"responseBody": null,
"success": true,
"loggingType": "OPERATE",
"errorMsg": null,
"systemOs": "Windows",
"createTime": "2020-09-13T11:10:44.000+0000",
"operateName": "admin",
"map": {},
"browser": "谷歌浏览器"
}, {
"id": "1305101253352620032",
"title": "主页",
"description": "返回 Index 主页视图",
"businessType": "ADD",
"requestMethod": "GET",
"method": "/index",
"operateUrl": "/index",
"operateAddress": "127.0.0.1",
"requestParam": null,
"requestBody": "",
"responseBody": null,
"success": true,
"loggingType": "OPERATE",
"errorMsg": null,
"systemOs": "Windows",
"createTime": "2020-09-13T11:09:21.000+0000",
"operateName": "admin",
"map": {},
"browser": "谷歌浏览器"
}, {
"id": "1305099681512030208",
"title": "主页",
"description": "返回 Index 主页视图",
"businessType": "ADD",
"requestMethod": "GET",
"method": "/index",
"operateUrl": "/index",
"operateAddress": "127.0.0.1",
"requestParam": null,
"requestBody": "",
"responseBody": null,
"success": true,
"loggingType": "OPERATE",
"errorMsg": null,
"systemOs": "Windows",
"createTime": "2020-09-13T11:03:06.000+0000",
"operateName": "admin",
"map": {},
"browser": "谷歌浏览器"
}, {
"id": "1305095191291494400",
"title": "主页",
"description": "返回 Index 主页视图",
"businessType": "ADD",
"requestMethod": "GET",
"method": "/index",
"operateUrl": "/index",
"operateAddress": "127.0.0.1",
"requestParam": null,
"requestBody": "",
"responseBody": null,
"success": true,
"loggingType": "OPERATE",
"errorMsg": null,
"systemOs": "Windows",
"createTime": "2020-09-13T10:45:16.000+0000",
"operateName": "admin",
"map": {},
"browser": "谷歌浏览器"
}, {
"id": "1305092034448588800",
"title": "主页",
"description": "返回 Index 主页视图",
"businessType": "ADD",
"requestMethod": "GET",
"method": "/index",
"operateUrl": "/index",
"operateAddress": "127.0.0.1",
"requestParam": null,
"requestBody": "",
"responseBody": null,
"success": true,
"loggingType": "OPERATE",
"errorMsg": null,
"systemOs": "Windows",
"createTime": "2020-09-13T10:32:43.000+0000",
"operateName": "admin",
"map": {},
"browser": "谷歌浏览器"
}, {
"id": "1305082868002717696",
"title": "主页",
"description": "返回 Index 主页视图",
"businessType": "ADD",
"requestMethod": "GET",
"method": "/index",
"operateUrl": "/index",
"operateAddress": "127.0.0.1",
"requestParam": null,
"requestBody": "",
"responseBody": null,
"success": true,
"loggingType": "OPERATE",
"errorMsg": null,
"systemOs": "Windows",
"createTime": "2020-09-13T09:56:18.000+0000",
"operateName": "admin",
"map": {},
"browser": "谷歌浏览器"
}, {
"id": "1305071141362073600",
"title": "主页",
"description": "返回 Index 主页视图",
"businessType": "ADD",
"requestMethod": "GET",
"method": "/index",
"operateUrl": "/index",
"operateAddress": "127.0.0.1",
"requestParam": null,
"requestBody": "",
"responseBody": null,
"success": true,
"loggingType": "OPERATE",
"errorMsg": null,
"systemOs": "Windows",
"createTime": "2020-09-13T09:09:42.000+0000",
"operateName": "admin",
"map": {},
"browser": "谷歌浏览器"
}, {
"id": "1305070488145362944",
"title": "主页",
"description": "返回 Index 主页视图",
"businessType": "ADD",
"requestMethod": "GET",
"method": "/index",
"operateUrl": "/index",
"operateAddress": "127.0.0.1",
"requestParam": null,
"requestBody": "",
"responseBody": null,
"success": true,
"loggingType": "OPERATE",
"errorMsg": null,
"systemOs": "Windows",
"createTime": "2020-09-13T09:07:06.000+0000",
"operateName": "admin",
"map": {},
"browser": "谷歌浏览器"
}, {
"id": "1305064697174687744",
"title": "主页",
"description": "返回 Index 主页视图",
"businessType": "ADD",
"requestMethod": "GET",
"method": "/index",
"operateUrl": "/index",
"operateAddress": "127.0.0.1",
"requestParam": null,
"requestBody": "",
"responseBody": null,
"success": true,
"loggingType": "OPERATE",
"errorMsg": null,
"systemOs": "Windows",
"createTime": "2020-09-13T08:44:05.000+0000",
"operateName": "admin",
"map": {},
"browser": "谷歌浏览器"
}]
}

View File

@ -1,473 +1,465 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>高级详情</title>
<link href="../../component/pear/css/pear.css" rel="stylesheet">
<style type="text/css">
.layui-row .layui-col-xs4 {
padding-bottom: 16px;
}
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>高级详情</title>
<link href="../../component/pear/css/pear.css" rel="stylesheet">
<style type="text/css">
.layui-row .layui-col-xs4 {
padding-bottom: 16px;
}
.layui-row .layui-col-xs8 {
padding-bottom: 16px;
}
.layui-row .layui-col-xs8 {
padding-bottom: 16px;
}
.lay-step {
padding-left: 10%;
}
</style>
</head>
.lay-step {
padding-left: 10%;
}
</style>
</head>
<body class="pear-container">
<div class="layui-row layui-col-space10">
<div class="layui-col-xs12">
<div class="layui-card">
<div class="layui-card-header">工单信息</div>
<div class="layui-card-body">
<div class="layui-row layui-col-space1">
<div class="layui-col-xs8" style="padding-bottom: 10px;">
<b>单号:234231029431</b>
</div>
<div class="layui-col-xs4" style="padding-bottom: 10px;">
<div class="pear-btn-group">
<button class="pear-btn pear-btn-sm"> 操作 </button>
<button class="pear-btn pear-btn-primary pear-btn-sm"> 操作 </button>
<button class="pear-btn pear-btn-success pear-btn-sm"> 操作 </button>
<button class="pear-btn pear-btn-success pear-btn-sm"
lay-dropdown="{templateMenu: '#myMenus'}">更多操作 </button>
<body class="pear-container">
<div class="layui-row layui-col-space10">
<div class="layui-col-xs12">
<div class="layui-card">
<div class="layui-card-header">工单信息</div>
<div class="layui-card-body">
<div class="layui-row layui-col-space1">
<div class="layui-col-xs8" style="padding-bottom: 10px;">
<b>单号:234231029431</b>
</div>
<div class="layui-col-xs4" style="padding-bottom: 10px;">
<div class="pear-btn-group">
<button class="pear-btn pear-btn-sm"> 操作 </button>
<button class="pear-btn pear-btn-primary pear-btn-sm"> 操作 </button>
<button class="pear-btn pear-btn-success pear-btn-sm"> 操作 </button>
<button class="pear-btn pear-btn-success pear-btn-sm" lay-dropdown="{templateMenu: '#myMenus'}">更多操作 </button>
</div>
</div>
<div class="layui-col-xs4">
创建人:曲丽丽
</div>
<div class="layui-col-xs4">
订购产品:XX 服务
</div>
<div class="layui-col-xs4">
状态:待审批
</div>
<div class="layui-col-xs4">
创建时间:2017-07-07
</div>
<div class="layui-col-xs4">
关联单据:12421
</div>
<div class="layui-col-xs4">
生效日期:2017-07-07 ~ 2017-08-08
</div>
<div class="layui-col-xs4">
备注:请于两个工作日内确认
</div>
<div class="layui-col-xs4">
订单金额:¥568.08
</div>
</div>
<div class="layui-col-xs4">
创建人:曲丽丽
</div>
<div class="layui-col-xs4">
订购产品:XX 服务
</div>
<div class="layui-col-xs4">
状态:待审批
</div>
<div class="layui-col-xs4">
创建时间:2017-07-07
</div>
<div class="layui-col-xs4">
关联单据:12421
</div>
<div class="layui-col-xs4">
生效日期:2017-07-07 ~ 2017-08-08
</div>
<div class="layui-col-xs4">
备注:请于两个工作日内确认
</div>
<div class="layui-col-xs4">
订单金额:¥568.08
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12">
<div class="layui-card">
<div class="layui-card-header">流程进度</div>
<div class="layui-card-body">
<div class="layui-carousel" id="stepForm" lay-filter="stepForm"></div>
<div class="layui-col-xs12">
<div class="layui-card">
<div class="layui-card-header">流程进度</div>
<div class="layui-card-body">
<div class="layui-carousel" id="stepForm" lay-filter="stepForm"></div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12">
<div class="layui-card">
<div class="layui-card-header">用户信息</div>
<div class="layui-card-body">
<div class="layui-row layui-col-space1 userInfo">
<div class="layui-col-xs4">
用户姓名:付小小
</div>
<div class="layui-col-xs4">
联系电话18100000000
</div>
<div class="layui-col-xs4">
常用快递:菜鸟仓储
</div>
<div class="layui-col-xs8">
取货地址浙江省杭州市西湖区万塘路18号
</div>
<div class="layui-col-xs4">
备注:无
<div class="layui-col-xs12">
<div class="layui-card">
<div class="layui-card-header">用户信息</div>
<div class="layui-card-body">
<div class="layui-row layui-col-space1 userInfo">
<div class="layui-col-xs4">
用户姓名:付小小
</div>
<div class="layui-col-xs4">
联系电话18100000000
</div>
<div class="layui-col-xs4">
常用快递:菜鸟仓储
</div>
<div class="layui-col-xs8">
取货地址浙江省杭州市西湖区万塘路18号
</div>
<div class="layui-col-xs4">
备注:无
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs6">
<div class="layui-card">
<div class="layui-card-header">工单明细</div>
<div class="layui-card-body">
<table id="orderItems"></table>
</div>
</div>
</div>
<div class="layui-col-xs6">
<div class="layui-card">
<div class="layui-card-header">占比统计</div>
<div class="layui-card-body">
<div class="layui-tab custom-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<div id="echarts-records" style="background-color:#ffffff;min-height:300px;padding: 10px"></div>
<div class="layui-col-xs6">
<div class="layui-card">
<div class="layui-card-header">工单明细</div>
<div class="layui-card-body">
<table id="orderItems"></table>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12">
<div class="layui-card">
<div class="layui-card-body">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this">操作日志</li>
<li>访问日志</li>
<li>更改日志</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<table id="operateLog"></table>
</div>
<div class="layui-tab-item">
<table id="requestLog"></table>
</div>
<div class="layui-tab-item">
<table id="editLog"></table>
<div class="layui-col-xs6">
<div class="layui-card">
<div class="layui-card-header">占比统计</div>
<div class="layui-card-body">
<div class="layui-tab custom-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<div id="echarts-records" style="background-color:#ffffff;min-height:300px;padding: 10px"></div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12">
<div class="layui-card">
<div class="layui-card-body">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this">操作日志</li>
<li>访问日志</li>
<li>更改日志</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<table id="operateLog"></table>
</div>
<div class="layui-tab-item">
<table id="requestLog"></table>
</div>
<div class="layui-tab-item">
<table id="editLog"></table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script id="myMenus" type="text/script">
[
<script id="myMenus" type="text/script">
[
[{txt: "操作一", event: "operate1"}]
[{txt: "操作二", event: "operate2"}]
[{txt: "操作三", event: "operate3"}]
]
</script>
<script src="../../component/layui/layui.js"></script>
<script src="../../component/pear/pear.js"></script>
<script>
layui.use(['jquery', 'form', 'element', 'table', 'step', 'dropdown', 'echarts', 'topBar'], function () {
var form = layui.form;
var element = layui.element;
var table = layui.table;
var step = layui.step;
var dropdown = layui.dropdown;
var echarts = layui.echarts;
<script src="../../component/layui/layui.js"></script>
<script src="../../component/pear/pear.js"></script>
<script>
layui.use(['jquery', 'form', 'element', 'table', 'step', 'dropdown', 'echarts', 'topBar'], function() {
var form = layui.form;
var element = layui.element;
var table = layui.table;
var step = layui.step;
var dropdown = layui.dropdown;
var echarts = layui.echarts;
dropdown.onFilter('test1', function (event) {
dropdown.onFilter('test1', function(event) {
})
})
step.render({
elem: '#stepForm',
filter: 'stepForm',
width: '100%',
stepWidth: '100%',
height: '150px',
stepItems: [{
title: '创建项目',
desc: "曲丽丽",
time: "2016-12-12 12:32"
}, {
title: '部门初审',
desc: "周毛毛",
time: ""
}, {
title: '财务复核',
desc: '',
time: ""
}, {
title: '完成',
desc: '',
time: ""
}]
});
step.render({
elem: '#stepForm',
filter: 'stepForm',
width: '100%',
stepWidth: '100%',
height: '150px',
stepItems: [{
title: '创建项目',
desc: "曲丽丽",
time: "2016-12-12 12:32"
}, {
title: '部门初审',
desc: "周毛毛",
time: ""
}, {
title: '财务复核',
desc: '',
time: ""
}, {
title: '完成',
desc: '',
time: ""
}]
});
table.render({
elem: '#orderItems',
skin: 'line',
height: '300',
cols: [
[{
field: "id",
title: "编号"
},
{
field: "name",
title: "名称"
},
{
field: "remark",
title: "备注"
},
{
field: "fee",
title: "维修费用"
}
]
],
data: [{
id: 1234561,
name: "冰箱",
remark: "制冷设备损坏",
fee: "100.00"
},
{
id: 1234562,
name: "空调",
remark: "外机固定架更换",
fee: "30.00"
},
{
id: 1234563,
name: "地板",
remark: "地板维修",
fee: "300.00"
}, {
id: 1234564,
name: "草坪",
remark: "需携带除草机",
fee: "2000.00"
}, {
id: 1234566,
name: "扫雪",
remark: "专业扫雪设备",
fee: "16000.00"
}
]
});
table.render({
elem: '#operateLog',
skin: 'line',
cols: [
[{
field: "operateType",
title: "操作类型"
},
{
field: "operateName",
title: "操作人"
},
{
field: "executeResult",
title: "执行结果"
},
{
field: "operateTime",
title: "操作时间"
},
{
field: "remark",
title: "备注"
}
]
],
data: [{
operateType: "订购关系生效",
operateName: "曲丽丽",
executeResult: "成功",
operateTime: "2017-10-03 19:23:12",
remark: "-"
},
{
operateType: "财务复审",
operateName: "付小小",
executeResult: "驳回",
operateTime: "2017-10-03 19:23:12",
remark: "不通过原因"
}, {
operateType: "部门初审",
operateName: "周毛毛",
executeResult: "成功",
operateTime: "2017-10-03 19:23:12",
remark: "很棒"
}, {
operateType: "提交订单",
operateName: "汗牙牙",
executeResult: "成功",
operateTime: "2017-10-03 19:23:12",
remark: "-"
}, {
operateType: "创建订单",
operateName: "曲丽丽",
executeResult: "成功",
operateTime: "2017-10-03 19:23:12",
remark: "-"
}
]
});
table.render({
elem: '#requestLog',
skin: 'line',
cols: [
[{
field: "time",
title: "时间"
},
{
field: "userName",
title: "访问人员"
}
]
],
data: [{
time: "2017-10-01 14:10",
userName: "西门吹雪"
},
{
time: "2017-10-01 14:10",
userName: "独孤求败"
}, {
time: "2017-10-01 14:10",
userName: "刺客567"
}, {
time: "2017-10-01 14:10",
userName: "张麻子"
}, {
time: "2017-10-01 14:10",
userName: "文西"
}
]
});
table.render({
elem: '#editLog',
skin: 'line',
cols: [
[{
field: "time",
title: "时间"
},
{
field: "userName",
title: "编辑人员"
},
{
field: "editContent",
title: "编辑内容"
}
]
],
data: [{
time: "2017-10-01 14:10",
userName: "刘备",
editContent: "金额"
},
{
time: "2017-10-01 14:10",
userName: "关羽",
editContent: "武力值"
}, {
time: "2017-10-01 14:10",
userName: "张飞",
editContent: "怒气值"
}, {
time: "2017-10-01 14:10",
userName: "路人甲",
editContent: "眼力值"
}, {
time: "2017-10-01 14:10",
userName: "炮灰乙",
editContent: "概率值"
},
]
});
var echartsRecords = echarts.init(document.getElementById('echarts-records'), 'walden');
var option = {
tooltip: {
trigger: 'axis'
},
xAxis: [{
type: 'category',
data: ['2019-01', '2019-02', '2019-03', '2019-04', '2019-05', '2019-06'],
axisLine: {
lineStyle: {
color: "#999"
}
}
}],
yAxis: [{
type: 'value',
splitNumber: 4,
splitLine: {
lineStyle: {
type: 'dashed',
color: '#DDD'
}
},
axisLine: {
show: false,
lineStyle: {
color: "#333"
},
},
nameTextStyle: {
color: "#999"
},
splitArea: {
show: false
}
}],
series: [{
name: '课时',
type: 'line',
data: [23, 60, 20, 36, 23, 85],
lineStyle: {
normal: {
width: 8,
color: {
type: 'linear',
colorStops: [{
offset: 0,
color: '#A9F387' // 0% 处的颜色
}, {
offset: 1,
color: '#48D8BF' // 100% 处的颜色
}],
globalCoord: false // 缺省为 false
table.render({
elem: '#orderItems',
skin: 'line',
height: '300',
cols: [
[{
field: "id",
title: "编号"
},
shadowColor: 'rgba(72,216,191, 0.3)',
shadowBlur: 10,
shadowOffsetY: 20
{
field: "name",
title: "名称"
},
{
field: "remark",
title: "备注"
},
{
field: "fee",
title: "维修费用"
}
]
],
data: [{
id: 1234561,
name: "冰箱",
remark: "制冷设备损坏",
fee: "100.00"
},
{
id: 1234562,
name: "空调",
remark: "外机固定架更换",
fee: "30.00"
},
{
id: 1234563,
name: "地板",
remark: "地板维修",
fee: "300.00"
}, {
id: 1234564,
name: "草坪",
remark: "需携带除草机",
fee: "2000.00"
}, {
id: 1234566,
name: "扫雪",
remark: "专业扫雪设备",
fee: "16000.00"
}
},
itemStyle: {
normal: {
color: '#fff',
borderWidth: 10,
/*shadowColor: 'rgba(72,216,191, 0.3)',
shadowBlur: 100,*/
borderColor: "#A9F387"
]
});
table.render({
elem: '#operateLog',
skin: 'line',
cols: [
[{
field: "operateType",
title: "操作类型"
},
{
field: "operateName",
title: "操作人"
},
{
field: "executeResult",
title: "执行结果"
},
{
field: "operateTime",
title: "操作时间"
},
{
field: "remark",
title: "备注"
}
]
],
data: [{
operateType: "订购关系生效",
operateName: "曲丽丽",
executeResult: "成功",
operateTime: "2017-10-03 19:23:12",
remark: "-"
},
{
operateType: "财务复审",
operateName: "付小小",
executeResult: "驳回",
operateTime: "2017-10-03 19:23:12",
remark: "不通过原因"
}, {
operateType: "部门初审",
operateName: "周毛毛",
executeResult: "成功",
operateTime: "2017-10-03 19:23:12",
remark: "很棒"
}, {
operateType: "提交订单",
operateName: "汗牙牙",
executeResult: "成功",
operateTime: "2017-10-03 19:23:12",
remark: "-"
}, {
operateType: "创建订单",
operateName: "曲丽丽",
executeResult: "成功",
operateTime: "2017-10-03 19:23:12",
remark: "-"
}
]
});
table.render({
elem: '#requestLog',
skin: 'line',
cols: [
[{
field: "time",
title: "时间"
},
{
field: "userName",
title: "访问人员"
}
]
],
data: [{
time: "2017-10-01 14:10",
userName: "西门吹雪"
},
{
time: "2017-10-01 14:10",
userName: "独孤求败"
}, {
time: "2017-10-01 14:10",
userName: "刺客567"
}, {
time: "2017-10-01 14:10",
userName: "张麻子"
}, {
time: "2017-10-01 14:10",
userName: "文西"
}
]
});
table.render({
elem: '#editLog',
skin: 'line',
cols: [
[{
field: "time",
title: "时间"
},
{
field: "userName",
title: "编辑人员"
},
{
field: "editContent",
title: "编辑内容"
}
]
],
data: [{
time: "2017-10-01 14:10",
userName: "刘备",
editContent: "金额"
},
{
time: "2017-10-01 14:10",
userName: "关羽",
editContent: "武力值"
}, {
time: "2017-10-01 14:10",
userName: "张飞",
editContent: "怒气值"
}, {
time: "2017-10-01 14:10",
userName: "路人甲",
editContent: "眼力值"
}, {
time: "2017-10-01 14:10",
userName: "炮灰乙",
editContent: "概率值"
},
]
});
var echartsRecords = echarts.init(document.getElementById('echarts-records'), 'walden');
var option = {
xAxis: {
type: 'category',
boundaryGap: false
},
smooth: true
}]
};
echartsRecords.setOption(option);
yAxis: {
type: 'value',
boundaryGap: [0, '30%']
},
visualMap: {
type: 'piecewise',
show: false,
dimension: 0,
seriesIndex: 0,
pieces: [{
gt: 1,
lt: 3,
color: 'rgba(0, 180, 0, 0.5)'
}, {
gt: 5,
lt: 7,
color: 'rgba(0, 180, 0, 0.5)'
}]
},
series: [{
type: 'line',
smooth: 0.6,
symbol: 'none',
lineStyle: {
color: 'green',
width: 5
},
markLine: {
symbol: ['none', 'none'],
label: {
show: false
},
data: [{
xAxis: 1
},
{
xAxis: 3
},
{
xAxis: 5
},
{
xAxis: 7
}
]
},
areaStyle: {},
data: [
['2019-10-10', 200],
['2019-10-11', 400],
['2019-10-12', 650],
['2019-10-13', 500],
['2019-10-14', 250],
['2019-10-15', 300],
['2019-10-16', 450],
['2019-10-17', 300],
['2019-10-18', 100]
]
}]
};
echartsRecords.setOption(option);
window.onresize = function () {
echartsRecords.resize();
}
});
</script>
</body>
window.onresize = function() {
echartsRecords.resize();
}
});
</script>
</body>
</html>
</html>

101
view/system/logging.html Normal file
View File

@ -0,0 +1,101 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="../../component/pear/css/pear.css" />
</head>
<body class="pear-container">
<div class="layui-card">
<div class="layui-card-body">
<div class="layui-tab layui-tab-card">
<ul class="layui-tab-title">
<li class="layui-this">登录日志</li>
<li>操作日志</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<table style="margin-top: 10px;" id="log-login-table" lay-filter="user-table"></table>
</div>
<div class="layui-tab-item">
<table style="margin-top: 10px;" id="log-operate-table" lay-filter="user-table"></table>
</div>
</div>
</div>
</div>
</div>
</body>
<script type="text/html" id="log-bar">
{{#if (d.success == true) { }}
<button class="pear-btn pear-btn-sm pear-btn-success" lay-event="edit"><i class="layui-icon layui-icon-ok"></i>
成功</button>
{{# }else if(d.success == false){ }}
<button class="pear-btn pear-btn-sm pear-btn-danger" lay-event="error"><i class="layui-icon layui-icon-help"></i>
异常</button>
{{# } }}
</script>
<script type="text/html" id="log-createTime">
{{layui.util.toDateString(d.createTime, "yyyy-MM-dd HH:mm:ss")}}
</script>
<script src="../../component/layui/layui.js"></script>
<script src="../../component/pear/pear.js"></script>
<script>
layui.use(['table','form','jquery','element'],function () {
let table = layui.table;
let form = layui.form;
let element = layui.element;
let MODULE_PATH = "/system/logging/";
let cols = [
[
{title: '模块', field: 'title', align:'center'},
{title: '请求方式', field: 'requestMethod', align:'center'},
{title: '接口', field: 'method', align:'center'},
{title: '浏览器', field: 'browser', align:'center'},
{title: '操作地址', field: 'operateAddress',align:'center'},
{title: '操作系统', field: 'systemOs', align:'center'},
{title: '访问时间', field: 'createTime',templet:'#log-createTime', align:'center'},
{title: '操作人', field: 'operateName', align:'center'},
{title: '访问状态', toolbar: '#log-bar', align:'center', width:150}
]
]
table.render({
elem: '#log-operate-table',
url: '../../admin/data/operateLog.json',
page: true ,
cols: cols ,
skin: 'line',
toolbar: false
});
table.render({
elem: '#log-login-table',
url: '../../admin/data/loginLog.json',
page: true ,
cols: cols ,
skin: 'line',
toolbar: false
});
form.on('submit(dict-type-query)', function(data){
table.reload('dict-type-table',{where:data.field})
return false;
});
window.error = function(obj){
layer.open({
type: 1,
title: '异常信息',
shade: 0,
area: ['450px', '350px'],
content: '<div class="pear-container"><div class="layui-card"><div class="layui-card-body">'+obj.data['error']+'</div></div></div>'
});
}
})
</script>
</html>