行为日志页面
parent
89bef12ab2
commit
70b345bffe
|
|
@ -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": "谷歌浏览器"
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
|
@ -287,6 +287,14 @@
|
||||||
"type": 1,
|
"type": 1,
|
||||||
"openType": "_iframe",
|
"openType": "_iframe",
|
||||||
"href": "view/system/deptment.html"
|
"href": "view/system/deptment.html"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 605,
|
||||||
|
"title": "行为日志",
|
||||||
|
"icon": "layui-icon layui-icon-face-cry",
|
||||||
|
"type": 1,
|
||||||
|
"openType": "_iframe",
|
||||||
|
"href": "view/system/logging.html"
|
||||||
}
|
}
|
||||||
|
|
||||||
]
|
]
|
||||||
|
|
|
||||||
|
|
@ -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": "谷歌浏览器"
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
|
@ -1,473 +1,465 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport"
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<title>高级详情</title>
|
||||||
<title>高级详情</title>
|
<link href="../../component/pear/css/pear.css" rel="stylesheet">
|
||||||
<link href="../../component/pear/css/pear.css" rel="stylesheet">
|
<style type="text/css">
|
||||||
<style type="text/css">
|
.layui-row .layui-col-xs4 {
|
||||||
.layui-row .layui-col-xs4 {
|
padding-bottom: 16px;
|
||||||
padding-bottom: 16px;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.layui-row .layui-col-xs8 {
|
.layui-row .layui-col-xs8 {
|
||||||
padding-bottom: 16px;
|
padding-bottom: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.lay-step {
|
.lay-step {
|
||||||
padding-left: 10%;
|
padding-left: 10%;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="pear-container">
|
<body class="pear-container">
|
||||||
<div class="layui-row layui-col-space10">
|
<div class="layui-row layui-col-space10">
|
||||||
<div class="layui-col-xs12">
|
<div class="layui-col-xs12">
|
||||||
<div class="layui-card">
|
<div class="layui-card">
|
||||||
<div class="layui-card-header">工单信息</div>
|
<div class="layui-card-header">工单信息</div>
|
||||||
<div class="layui-card-body">
|
<div class="layui-card-body">
|
||||||
<div class="layui-row layui-col-space1">
|
<div class="layui-row layui-col-space1">
|
||||||
<div class="layui-col-xs8" style="padding-bottom: 10px;">
|
<div class="layui-col-xs8" style="padding-bottom: 10px;">
|
||||||
<b>单号:234231029431</b>
|
<b>单号:234231029431</b>
|
||||||
</div>
|
</div>
|
||||||
<div class="layui-col-xs4" style="padding-bottom: 10px;">
|
<div class="layui-col-xs4" style="padding-bottom: 10px;">
|
||||||
<div class="pear-btn-group">
|
<div class="pear-btn-group">
|
||||||
<button class="pear-btn pear-btn-sm"> 操作 </button>
|
<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-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"> 操作 </button>
|
||||||
<button class="pear-btn pear-btn-success pear-btn-sm"
|
<button class="pear-btn pear-btn-success pear-btn-sm" lay-dropdown="{templateMenu: '#myMenus'}">更多操作 </button>
|
||||||
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>
|
|
||||||
<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>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="layui-col-xs12">
|
<div class="layui-col-xs12">
|
||||||
<div class="layui-card">
|
<div class="layui-card">
|
||||||
<div class="layui-card-header">流程进度</div>
|
<div class="layui-card-header">流程进度</div>
|
||||||
<div class="layui-card-body">
|
<div class="layui-card-body">
|
||||||
<div class="layui-carousel" id="stepForm" lay-filter="stepForm"></div>
|
<div class="layui-carousel" id="stepForm" lay-filter="stepForm"></div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="layui-col-xs12">
|
<div class="layui-col-xs12">
|
||||||
<div class="layui-card">
|
<div class="layui-card">
|
||||||
<div class="layui-card-header">用户信息</div>
|
<div class="layui-card-header">用户信息</div>
|
||||||
<div class="layui-card-body">
|
<div class="layui-card-body">
|
||||||
<div class="layui-row layui-col-space1 userInfo">
|
<div class="layui-row layui-col-space1 userInfo">
|
||||||
<div class="layui-col-xs4">
|
<div class="layui-col-xs4">
|
||||||
用户姓名:付小小
|
用户姓名:付小小
|
||||||
</div>
|
</div>
|
||||||
<div class="layui-col-xs4">
|
<div class="layui-col-xs4">
|
||||||
联系电话:18100000000
|
联系电话:18100000000
|
||||||
</div>
|
</div>
|
||||||
<div class="layui-col-xs4">
|
<div class="layui-col-xs4">
|
||||||
常用快递:菜鸟仓储
|
常用快递:菜鸟仓储
|
||||||
</div>
|
</div>
|
||||||
<div class="layui-col-xs8">
|
<div class="layui-col-xs8">
|
||||||
取货地址:浙江省杭州市西湖区万塘路18号
|
取货地址:浙江省杭州市西湖区万塘路18号
|
||||||
</div>
|
</div>
|
||||||
<div class="layui-col-xs4">
|
<div class="layui-col-xs4">
|
||||||
备注:无
|
备注:无
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="layui-col-xs6">
|
<div class="layui-col-xs6">
|
||||||
<div class="layui-card">
|
<div class="layui-card">
|
||||||
<div class="layui-card-header">工单明细</div>
|
<div class="layui-card-header">工单明细</div>
|
||||||
<div class="layui-card-body">
|
<div class="layui-card-body">
|
||||||
<table id="orderItems"></table>
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="layui-col-xs12">
|
<div class="layui-col-xs6">
|
||||||
<div class="layui-card">
|
<div class="layui-card">
|
||||||
<div class="layui-card-body">
|
<div class="layui-card-header">占比统计</div>
|
||||||
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
|
<div class="layui-card-body">
|
||||||
<ul class="layui-tab-title">
|
<div class="layui-tab custom-tab layui-tab-brief" lay-filter="docDemoTabBrief">
|
||||||
<li class="layui-this">操作日志</li>
|
<div id="echarts-records" style="background-color:#ffffff;min-height:300px;padding: 10px"></div>
|
||||||
<li>访问日志</li>
|
</div>
|
||||||
<li>更改日志</li>
|
</div>
|
||||||
</ul>
|
</div>
|
||||||
<div class="layui-tab-content">
|
</div>
|
||||||
<div class="layui-tab-item layui-show">
|
|
||||||
<table id="operateLog"></table>
|
<div class="layui-col-xs12">
|
||||||
</div>
|
<div class="layui-card">
|
||||||
<div class="layui-tab-item">
|
<div class="layui-card-body">
|
||||||
<table id="requestLog"></table>
|
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
|
||||||
</div>
|
<ul class="layui-tab-title">
|
||||||
<div class="layui-tab-item">
|
<li class="layui-this">操作日志</li>
|
||||||
<table id="editLog"></table>
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<script id="myMenus" type="text/script">
|
||||||
<script id="myMenus" type="text/script">
|
[
|
||||||
[
|
|
||||||
[{txt: "操作一", event: "operate1"}]
|
[{txt: "操作一", event: "operate1"}]
|
||||||
[{txt: "操作二", event: "operate2"}]
|
[{txt: "操作二", event: "operate2"}]
|
||||||
[{txt: "操作三", event: "operate3"}]
|
[{txt: "操作三", event: "operate3"}]
|
||||||
]
|
]
|
||||||
</script>
|
</script>
|
||||||
<script src="../../component/layui/layui.js"></script>
|
<script src="../../component/layui/layui.js"></script>
|
||||||
<script src="../../component/pear/pear.js"></script>
|
<script src="../../component/pear/pear.js"></script>
|
||||||
<script>
|
<script>
|
||||||
layui.use(['jquery', 'form', 'element', 'table', 'step', 'dropdown', 'echarts', 'topBar'], function () {
|
layui.use(['jquery', 'form', 'element', 'table', 'step', 'dropdown', 'echarts', 'topBar'], function() {
|
||||||
var form = layui.form;
|
var form = layui.form;
|
||||||
var element = layui.element;
|
var element = layui.element;
|
||||||
var table = layui.table;
|
var table = layui.table;
|
||||||
var step = layui.step;
|
var step = layui.step;
|
||||||
var dropdown = layui.dropdown;
|
var dropdown = layui.dropdown;
|
||||||
var echarts = layui.echarts;
|
var echarts = layui.echarts;
|
||||||
|
|
||||||
dropdown.onFilter('test1', function (event) {
|
dropdown.onFilter('test1', function(event) {
|
||||||
|
|
||||||
})
|
})
|
||||||
|
|
||||||
step.render({
|
step.render({
|
||||||
elem: '#stepForm',
|
elem: '#stepForm',
|
||||||
filter: 'stepForm',
|
filter: 'stepForm',
|
||||||
width: '100%',
|
width: '100%',
|
||||||
stepWidth: '100%',
|
stepWidth: '100%',
|
||||||
height: '150px',
|
height: '150px',
|
||||||
stepItems: [{
|
stepItems: [{
|
||||||
title: '创建项目',
|
title: '创建项目',
|
||||||
desc: "曲丽丽",
|
desc: "曲丽丽",
|
||||||
time: "2016-12-12 12:32"
|
time: "2016-12-12 12:32"
|
||||||
}, {
|
}, {
|
||||||
title: '部门初审',
|
title: '部门初审',
|
||||||
desc: "周毛毛",
|
desc: "周毛毛",
|
||||||
time: ""
|
time: ""
|
||||||
}, {
|
}, {
|
||||||
title: '财务复核',
|
title: '财务复核',
|
||||||
desc: '',
|
desc: '',
|
||||||
time: ""
|
time: ""
|
||||||
}, {
|
}, {
|
||||||
title: '完成',
|
title: '完成',
|
||||||
desc: '',
|
desc: '',
|
||||||
time: ""
|
time: ""
|
||||||
}]
|
}]
|
||||||
});
|
});
|
||||||
|
|
||||||
table.render({
|
table.render({
|
||||||
elem: '#orderItems',
|
elem: '#orderItems',
|
||||||
skin: 'line',
|
skin: 'line',
|
||||||
height: '300',
|
height: '300',
|
||||||
cols: [
|
cols: [
|
||||||
[{
|
[{
|
||||||
field: "id",
|
field: "id",
|
||||||
title: "编号"
|
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
|
|
||||||
},
|
},
|
||||||
shadowColor: 'rgba(72,216,191, 0.3)',
|
{
|
||||||
shadowBlur: 10,
|
field: "name",
|
||||||
shadowOffsetY: 20
|
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',
|
table.render({
|
||||||
borderWidth: 10,
|
elem: '#operateLog',
|
||||||
/*shadowColor: 'rgba(72,216,191, 0.3)',
|
skin: 'line',
|
||||||
shadowBlur: 100,*/
|
cols: [
|
||||||
borderColor: "#A9F387"
|
[{
|
||||||
|
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
|
yAxis: {
|
||||||
}]
|
type: 'value',
|
||||||
};
|
boundaryGap: [0, '30%']
|
||||||
echartsRecords.setOption(option);
|
},
|
||||||
|
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 () {
|
window.onresize = function() {
|
||||||
echartsRecords.resize();
|
echartsRecords.resize();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
Loading…
Reference in New Issue