Compare commits
24 Commits
| Author | SHA1 | Date |
|---|---|---|
 p3u6pkysq
|
4a48ba202b | 2 months ago |
|
p3u6pkysq
|
367728e31e | 2 months ago |
|
p3u6pkysq
|
b7652e98a8 | 2 months ago |
|
p3u6pkysq
|
b12fb2f5aa | 2 months ago |
|
p3u6pkysq
|
5fcd2d4102 | 2 months ago |
|
p3u6pkysq
|
a7ec47861e | 2 months ago |
|
p3u6pkysq
|
90c6aca468 | 2 months ago |
|
p3u6pkysq
|
f567f450bf | 2 months ago |
|
p3u6pkysq
|
c08cf3423b | 2 months ago |
|
p3u6pkysq
|
692436de50 | 2 months ago |
|
p3u6pkysq
|
64e5dfb88b | 2 months ago |
|
p3u6pkysq
|
c8e0261072 | 2 months ago |
|
p3u6pkysq
|
76a18c787f | 2 months ago |
|
p3u6pkysq
|
ac52cb6904 | 2 months ago |
|
p3u6pkysq
|
d58bc920ea | 2 months ago |
|
p3u6pkysq
|
6f92f17bc0 | 2 months ago |
|
p3u6pkysq
|
003d3698f1 | 2 months ago |
|
p3u6pkysq
|
70496dce46 | 2 months ago |
|
p3u6pkysq
|
cca838b199 | 2 months ago |
|
p3u6pkysq
|
4f3a824ec9 | 2 months ago |
|
p3u6pkysq
|
994ab6026c | 2 months ago |
|
p3u6pkysq
|
542076510e | 2 months ago |
|
p3u6pkysq
|
353563b732 | 2 months ago |
|
p3u6pkysq
|
60b96f7e49 | 2 months ago |
@ -0,0 +1,4 @@
|
||||
{
|
||||
"code": 1,
|
||||
"msg": "服务端清理缓存成功"
|
||||
}
|
||||
@ -0,0 +1,73 @@
|
||||
{
|
||||
"homeInfo": {
|
||||
"title": "首页",
|
||||
"href": "welcome"
|
||||
},
|
||||
"logoInfo": {
|
||||
"title": "图书管理",
|
||||
"image": "images/favicon.ico",
|
||||
"href": ""
|
||||
},
|
||||
"menuInfo": [
|
||||
{
|
||||
"title": "功能管理",
|
||||
"icon": "fa fa-bars",
|
||||
"href": "",
|
||||
"target": "_self",
|
||||
"child": [
|
||||
{
|
||||
"title": "借阅管理",
|
||||
"href": "lendListIndex",
|
||||
"icon": "fa fa-window-maximize",
|
||||
"target": "_self"
|
||||
},
|
||||
{
|
||||
"title": "图书管理",
|
||||
"href": "bookIndex",
|
||||
"icon": "fa fa-book",
|
||||
"target": "_self"
|
||||
},
|
||||
{
|
||||
"title": "读者管理",
|
||||
"href": "readerIndex",
|
||||
"icon": "fa fa-credit-card",
|
||||
"target": "_self"
|
||||
},
|
||||
{
|
||||
"title": "类型管理",
|
||||
"href": "typeIndex",
|
||||
"icon": "fa fa-file-text",
|
||||
"target": "_self"
|
||||
},
|
||||
{
|
||||
"title": "公告管理",
|
||||
"href": "noticeIndexOfBack",
|
||||
"icon": "fa fa-bell",
|
||||
"target": "_self"
|
||||
},
|
||||
{
|
||||
"title": "管理员管理",
|
||||
"href": "adminIndex",
|
||||
"icon": "fa fa-user-circle-o",
|
||||
"target": "_self"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
"title": "统计分析",
|
||||
"icon": "fa fa-bar-chart",
|
||||
"href": "",
|
||||
"target": "_self",
|
||||
"child": [
|
||||
|
||||
{
|
||||
"title": "统计分析",
|
||||
"href": "statisticIndex",
|
||||
"icon": "fa fa-superpowers",
|
||||
"target": "_self"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -0,0 +1,34 @@
|
||||
{
|
||||
"homeInfo": {
|
||||
"title": "首页",
|
||||
"href": "welcome"
|
||||
},
|
||||
"logoInfo": {
|
||||
"title": "图书馆管理",
|
||||
"image": "images/favicon.ico",
|
||||
"href": ""
|
||||
},
|
||||
"menuInfo": [
|
||||
{
|
||||
"title": "功能管理",
|
||||
"icon": "fa fa-address-book",
|
||||
"href": "",
|
||||
"target": "_self",
|
||||
"child": [
|
||||
{
|
||||
"title": "公告管理",
|
||||
"href": "noticeIndexOfReader",
|
||||
"icon": "fa fa-window-maximize",
|
||||
"target": "_self"
|
||||
},
|
||||
{
|
||||
"title": "借阅管理",
|
||||
"href": "queryLookBookList2",
|
||||
"icon": "fa fa-gears",
|
||||
"target": "_self"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
]
|
||||
}
|
||||
@ -0,0 +1,254 @@
|
||||
{
|
||||
"code": 0,
|
||||
"msg": "",
|
||||
"count": 19,
|
||||
"data": [
|
||||
{
|
||||
"authorityId": 1,
|
||||
"authorityName": "系统管理",
|
||||
"orderNumber": 1,
|
||||
"menuUrl": null,
|
||||
"menuIcon": "layui-icon-set",
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": null,
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/13 09:13:42",
|
||||
"isMenu": 0,
|
||||
"parentId": -1
|
||||
},
|
||||
{
|
||||
"authorityId": 2,
|
||||
"authorityName": "用户管理",
|
||||
"orderNumber": 2,
|
||||
"menuUrl": "system/user",
|
||||
"menuIcon": null,
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": null,
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/13 09:13:42",
|
||||
"isMenu": 0,
|
||||
"parentId": 1
|
||||
},
|
||||
{
|
||||
"authorityId": 3,
|
||||
"authorityName": "查询用户",
|
||||
"orderNumber": 3,
|
||||
"menuUrl": "",
|
||||
"menuIcon": "",
|
||||
"createTime": "2018/07/21 13:54:16",
|
||||
"authority": "user:view",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/21 13:54:16",
|
||||
"isMenu": 1,
|
||||
"parentId": 2
|
||||
},
|
||||
{
|
||||
"authorityId": 4,
|
||||
"authorityName": "添加用户",
|
||||
"orderNumber": 4,
|
||||
"menuUrl": null,
|
||||
"menuIcon": null,
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": "user:add",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/13 09:13:42",
|
||||
"isMenu": 1,
|
||||
"parentId": 2
|
||||
},
|
||||
{
|
||||
"authorityId": 5,
|
||||
"authorityName": "修改用户",
|
||||
"orderNumber": 5,
|
||||
"menuUrl": null,
|
||||
"menuIcon": null,
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": "user:edit",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/13 09:13:42",
|
||||
"isMenu": 1,
|
||||
"parentId": 2
|
||||
},
|
||||
{
|
||||
"authorityId": 6,
|
||||
"authorityName": "删除用户",
|
||||
"orderNumber": 6,
|
||||
"menuUrl": null,
|
||||
"menuIcon": null,
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": "user:delete",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/13 09:13:42",
|
||||
"isMenu": 1,
|
||||
"parentId": 2
|
||||
},
|
||||
{
|
||||
"authorityId": 7,
|
||||
"authorityName": "角色管理",
|
||||
"orderNumber": 7,
|
||||
"menuUrl": "system/role",
|
||||
"menuIcon": null,
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": null,
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/13 09:13:42",
|
||||
"isMenu": 0,
|
||||
"parentId": 1
|
||||
},
|
||||
{
|
||||
"authorityId": 8,
|
||||
"authorityName": "查询角色",
|
||||
"orderNumber": 8,
|
||||
"menuUrl": "",
|
||||
"menuIcon": "",
|
||||
"createTime": "2018/07/21 13:54:59",
|
||||
"authority": "role:view",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/21 13:54:58",
|
||||
"isMenu": 1,
|
||||
"parentId": 7
|
||||
},
|
||||
{
|
||||
"authorityId": 9,
|
||||
"authorityName": "添加角色",
|
||||
"orderNumber": 9,
|
||||
"menuUrl": "",
|
||||
"menuIcon": "",
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": "role:add",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/13 09:13:42",
|
||||
"isMenu": 1,
|
||||
"parentId": 7
|
||||
},
|
||||
{
|
||||
"authorityId": 10,
|
||||
"authorityName": "修改角色",
|
||||
"orderNumber": 10,
|
||||
"menuUrl": "",
|
||||
"menuIcon": "",
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": "role:edit",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/13 09:13:42",
|
||||
"isMenu": 1,
|
||||
"parentId": 7
|
||||
},
|
||||
{
|
||||
"authorityId": 11,
|
||||
"authorityName": "删除角色",
|
||||
"orderNumber": 11,
|
||||
"menuUrl": "",
|
||||
"menuIcon": "",
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": "role:delete",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/13 09:13:42",
|
||||
"isMenu": 1,
|
||||
"parentId": 7
|
||||
},
|
||||
{
|
||||
"authorityId": 12,
|
||||
"authorityName": "角色权限管理",
|
||||
"orderNumber": 12,
|
||||
"menuUrl": "",
|
||||
"menuIcon": "",
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": "role:auth",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/13 15:27:18",
|
||||
"isMenu": 1,
|
||||
"parentId": 7
|
||||
},
|
||||
{
|
||||
"authorityId": 13,
|
||||
"authorityName": "权限管理",
|
||||
"orderNumber": 13,
|
||||
"menuUrl": "system/authorities",
|
||||
"menuIcon": null,
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": null,
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/13 15:45:13",
|
||||
"isMenu": 0,
|
||||
"parentId": 1
|
||||
},
|
||||
{
|
||||
"authorityId": 14,
|
||||
"authorityName": "查询权限",
|
||||
"orderNumber": 14,
|
||||
"menuUrl": "",
|
||||
"menuIcon": "",
|
||||
"createTime": "2018/07/21 13:55:57",
|
||||
"authority": "authorities:view",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/21 13:55:56",
|
||||
"isMenu": 1,
|
||||
"parentId": 13
|
||||
},
|
||||
{
|
||||
"authorityId": 15,
|
||||
"authorityName": "添加权限",
|
||||
"orderNumber": 15,
|
||||
"menuUrl": "",
|
||||
"menuIcon": "",
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": "authorities:add",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/06/29 11:05:41",
|
||||
"isMenu": 1,
|
||||
"parentId": 13
|
||||
},
|
||||
{
|
||||
"authorityId": 16,
|
||||
"authorityName": "修改权限",
|
||||
"orderNumber": 16,
|
||||
"menuUrl": "",
|
||||
"menuIcon": "",
|
||||
"createTime": "2018/07/13 09:13:42",
|
||||
"authority": "authorities:edit",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/13 09:13:42",
|
||||
"isMenu": 1,
|
||||
"parentId": 13
|
||||
},
|
||||
{
|
||||
"authorityId": 17,
|
||||
"authorityName": "删除权限",
|
||||
"orderNumber": 17,
|
||||
"menuUrl": "",
|
||||
"menuIcon": "",
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": "authorities:delete",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/06/29 11:05:41",
|
||||
"isMenu": 1,
|
||||
"parentId": 13
|
||||
},
|
||||
{
|
||||
"authorityId": 18,
|
||||
"authorityName": "登录日志",
|
||||
"orderNumber": 18,
|
||||
"menuUrl": "system/loginRecord",
|
||||
"menuIcon": null,
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": null,
|
||||
"checked": 0,
|
||||
"updateTime": "2018/06/29 11:05:41",
|
||||
"isMenu": 0,
|
||||
"parentId": 1
|
||||
},
|
||||
{
|
||||
"authorityId": 19,
|
||||
"authorityName": "查询登录日志",
|
||||
"orderNumber": 19,
|
||||
"menuUrl": "",
|
||||
"menuIcon": "",
|
||||
"createTime": "2018/07/21 13:56:43",
|
||||
"authority": "loginRecord:view",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/21 13:56:43",
|
||||
"isMenu": 1,
|
||||
"parentId": 18
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -0,0 +1,127 @@
|
||||
{
|
||||
"code": 0,
|
||||
"msg": "",
|
||||
"count": 1000,
|
||||
"data": [
|
||||
{
|
||||
"id": 10000,
|
||||
"username": "user-0",
|
||||
"sex": "女",
|
||||
"city": "城市-0",
|
||||
"sign": "签名-0",
|
||||
"experience": 255,
|
||||
"logins": 24,
|
||||
"wealth": 82830700,
|
||||
"classify": "作家",
|
||||
"score": 57
|
||||
},
|
||||
{
|
||||
"id": 10001,
|
||||
"username": "user-1",
|
||||
"sex": "男",
|
||||
"city": "城市-1",
|
||||
"sign": "签名-1",
|
||||
"experience": 884,
|
||||
"logins": 58,
|
||||
"wealth": 64928690,
|
||||
"classify": "词人",
|
||||
"score": 27
|
||||
},
|
||||
{
|
||||
"id": 10002,
|
||||
"username": "user-2",
|
||||
"sex": "女",
|
||||
"city": "城市-2",
|
||||
"sign": "签名-2",
|
||||
"experience": 650,
|
||||
"logins": 77,
|
||||
"wealth": 6298078,
|
||||
"classify": "酱油",
|
||||
"score": 31
|
||||
},
|
||||
{
|
||||
"id": 10003,
|
||||
"username": "user-3",
|
||||
"sex": "女",
|
||||
"city": "城市-3",
|
||||
"sign": "签名-3",
|
||||
"experience": 362,
|
||||
"logins": 157,
|
||||
"wealth": 37117017,
|
||||
"classify": "诗人",
|
||||
"score": 68
|
||||
},
|
||||
{
|
||||
"id": 10004,
|
||||
"username": "user-4",
|
||||
"sex": "男",
|
||||
"city": "城市-4",
|
||||
"sign": "签名-4",
|
||||
"experience": 807,
|
||||
"logins": 51,
|
||||
"wealth": 76263262,
|
||||
"classify": "作家",
|
||||
"score": 6
|
||||
},
|
||||
{
|
||||
"id": 10005,
|
||||
"username": "user-5",
|
||||
"sex": "女",
|
||||
"city": "城市-5",
|
||||
"sign": "签名-5",
|
||||
"experience": 173,
|
||||
"logins": 68,
|
||||
"wealth": 60344147,
|
||||
"classify": "作家",
|
||||
"score": 87
|
||||
},
|
||||
{
|
||||
"id": 10006,
|
||||
"username": "user-6",
|
||||
"sex": "女",
|
||||
"city": "城市-6",
|
||||
"sign": "签名-6",
|
||||
"experience": 982,
|
||||
"logins": 37,
|
||||
"wealth": 57768166,
|
||||
"classify": "作家",
|
||||
"score": 34
|
||||
},
|
||||
{
|
||||
"id": 10007,
|
||||
"username": "user-7",
|
||||
"sex": "男",
|
||||
"city": "城市-7",
|
||||
"sign": "签名-7",
|
||||
"experience": 727,
|
||||
"logins": 150,
|
||||
"wealth": 82030578,
|
||||
"classify": "作家",
|
||||
"score": 28
|
||||
},
|
||||
{
|
||||
"id": 10008,
|
||||
"username": "user-8",
|
||||
"sex": "男",
|
||||
"city": "城市-8",
|
||||
"sign": "签名-8",
|
||||
"experience": 951,
|
||||
"logins": 133,
|
||||
"wealth": 16503371,
|
||||
"classify": "词人",
|
||||
"score": 14
|
||||
},
|
||||
{
|
||||
"id": 10009,
|
||||
"username": "user-9",
|
||||
"sex": "女",
|
||||
"city": "城市-9",
|
||||
"sign": "签名-9",
|
||||
"experience": 484,
|
||||
"logins": 25,
|
||||
"wealth": 86801934,
|
||||
"classify": "词人",
|
||||
"score": 75
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -0,0 +1,23 @@
|
||||
{
|
||||
"code": 0,
|
||||
"msg": "",
|
||||
"count": 16,
|
||||
"data": [
|
||||
{ "id":"001", "username":"张玉林", "sex":"女" },
|
||||
{ "id":"002", "username":"刘晓军", "sex":"男" },
|
||||
{ "id":"003", "username":"张恒", "sex":"男" },
|
||||
{ "id":"004", "username":"朱一", "sex":"男" },
|
||||
{ "id":"005", "username":"刘佳能", "sex":"女" },
|
||||
{ "id":"006", "username":"晓梅", "sex":"女" },
|
||||
{ "id":"007", "username":"马冬梅", "sex":"女" },
|
||||
{ "id":"008", "username":"刘晓庆", "sex":"女" },
|
||||
{ "id":"009", "username":"刘晓庆", "sex":"女" },
|
||||
{ "id":"010", "username":"刘晓庆", "sex":"女" },
|
||||
{ "id":"011", "username":"刘晓庆", "sex":"女" },
|
||||
{ "id":"012", "username":"刘晓庆", "sex":"女" },
|
||||
{ "id":"013", "username":"刘晓庆", "sex":"女" },
|
||||
{ "id":"014", "username":"刘晓庆", "sex":"女" },
|
||||
{ "id":"015", "username":"刘晓庆", "sex":"女" },
|
||||
{ "id":"016", "username":"刘晓庆", "sex":"女" }
|
||||
]
|
||||
}
|
||||
@ -0,0 +1,10 @@
|
||||
{
|
||||
"code": 1,
|
||||
"msg": "上传成功",
|
||||
"data": {
|
||||
"url": [
|
||||
"../images/logo.png",
|
||||
"../images/captcha.jpg"
|
||||
]
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,95 @@
|
||||
/*头部右侧背景色 headerRightBg */
|
||||
.layui-layout-admin .layui-header {
|
||||
/*background-color: #ffffff !important;*/
|
||||
}
|
||||
|
||||
/*头部右侧选中背景色 headerRightBgThis */
|
||||
.layui-layout-admin .layui-header .layuimini-header-content > ul > .layui-nav-item.layui-this, .layuimini-tool i:hover {
|
||||
background-color: #e4e4e4 !important;
|
||||
}
|
||||
|
||||
/*头部右侧字体颜色 headerRightColor */
|
||||
.layui-layout-admin .layui-header .layui-nav .layui-nav-item a {
|
||||
color: rgba(107, 107, 107, 0.7);
|
||||
}
|
||||
|
||||
/**头部右侧下拉字体颜色 headerRightChildColor */
|
||||
.layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child a {
|
||||
color: rgba(107, 107, 107, 0.7) !important;
|
||||
}
|
||||
|
||||
/*头部右侧鼠标选中 headerRightColorThis */
|
||||
.layui-header .layuimini-menu-header-pc.layui-nav .layui-nav-item a:hover, .layui-header .layuimini-header-menu.layuimini-pc-show.layui-nav .layui-this a {
|
||||
color: #565656 !important;
|
||||
}
|
||||
|
||||
/*头部右侧更多下拉颜色 headerRightNavMore */
|
||||
.layui-header .layui-nav .layui-nav-more {
|
||||
border-top-color: rgba(160, 160, 160, 0.7) !important;
|
||||
}
|
||||
|
||||
/*头部右侧更多下拉颜色 headerRightNavMore */
|
||||
.layui-header .layui-nav .layui-nav-mored, .layui-header .layui-nav-itemed > a .layui-nav-more {
|
||||
border-color: transparent transparent rgba(160, 160, 160, 0.7) !important;
|
||||
}
|
||||
|
||||
/**头部右侧更多下拉配置色 headerRightNavMoreBg headerRightNavMoreColor */
|
||||
.layui-header .layui-nav .layui-nav-child dd.layui-this a, .layui-header .layui-nav-child dd.layui-this, .layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child .layui-this a {
|
||||
background-color: #1E9FFF !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
/*头部缩放按钮样式 headerRightToolColor */
|
||||
.layui-layout-admin .layui-header .layuimini-tool i {
|
||||
color: #565656;
|
||||
}
|
||||
|
||||
/*logo背景颜色 headerLogoBg */
|
||||
.layui-layout-admin .layuimini-logo {
|
||||
background-color: #192027 !important;
|
||||
}
|
||||
|
||||
/*logo字体颜色 headerLogoColor */
|
||||
.layui-layout-admin .layuimini-logo h1 {
|
||||
color: rgb(191, 187, 187);
|
||||
}
|
||||
|
||||
/*左侧菜单更多下拉样式 leftMenuNavMore */
|
||||
.layuimini-menu-left .layui-nav .layui-nav-more, .layuimini-menu-left-zoom.layui-nav .layui-nav-more {
|
||||
border-top-color: rgb(191, 187, 187);
|
||||
}
|
||||
|
||||
/*左侧菜单更多下拉样式 leftMenuNavMore */
|
||||
.layuimini-menu-left .layui-nav .layui-nav-mored, .layuimini-menu-left .layui-nav-itemed > a .layui-nav-more, .layuimini-menu-left-zoom.layui-nav .layui-nav-mored, .layuimini-menu-left-zoom.layui-nav-itemed > a .layui-nav-more {
|
||||
border-color: transparent transparent rgb(191, 187, 187) !important;
|
||||
}
|
||||
|
||||
/*左侧菜单背景 leftMenuBg */
|
||||
.layui-side.layui-bg-black, .layui-side.layui-bg-black > .layuimini-menu-left > ul, .layuimini-menu-left-zoom > ul {
|
||||
background-color: #28333E !important;
|
||||
}
|
||||
|
||||
/*左侧菜单选中背景 leftMenuBgThis */
|
||||
.layuimini-menu-left .layui-nav-tree .layui-this, .layuimini-menu-left .layui-nav-tree .layui-this > a, .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this, .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this a, .layuimini-menu-left-zoom.layui-nav-tree .layui-this, .layuimini-menu-left-zoom.layui-nav-tree .layui-this > a, .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this, .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this a {
|
||||
background-color: #1E9FFF !important
|
||||
}
|
||||
|
||||
/*左侧菜单子菜单背景 leftMenuChildBg */
|
||||
.layuimini-menu-left .layui-nav-itemed > .layui-nav-child {
|
||||
background-color: #0c0f13 !important;
|
||||
}
|
||||
|
||||
/*左侧菜单字体颜色 leftMenuColor */
|
||||
.layuimini-menu-left .layui-nav .layui-nav-item a, .layuimini-menu-left-zoom.layui-nav .layui-nav-item a {
|
||||
color: rgb(191, 187, 187) !important;
|
||||
}
|
||||
|
||||
/*左侧菜单选中字体颜色 leftMenuColorThis */
|
||||
.layuimini-menu-left .layui-nav .layui-nav-item a:hover, .layuimini-menu-left .layui-nav .layui-this a, .layuimini-menu-left-zoom.layui-nav .layui-nav-item a:hover, .layuimini-menu-left-zoom.layui-nav .layui-this a {
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
/**tab选项卡选中颜色 tabActiveColor */
|
||||
.layuimini-tab .layui-tab-title .layui-this .layuimini-tab-active {
|
||||
background-color: #1e9fff;
|
||||
}
|
||||
@ -0,0 +1,70 @@
|
||||
body {
|
||||
margin: 15px 15px 15px 15px;
|
||||
background: #f2f2f2;
|
||||
}
|
||||
|
||||
.layuimini-container {
|
||||
border: 1px solid #f2f2f2;
|
||||
border-radius: 5px;
|
||||
background-color: #ffffff
|
||||
}
|
||||
|
||||
.layuimini-main {
|
||||
margin: 10px 10px 10px 10px;
|
||||
}
|
||||
|
||||
/**必填红点 */
|
||||
.layuimini-form > .layui-form-item > .required:after {
|
||||
content: '*';
|
||||
color: red;
|
||||
position: absolute;
|
||||
margin-left: 4px;
|
||||
font-weight: bold;
|
||||
line-height: 1.8em;
|
||||
top: 6px;
|
||||
right: 5px;
|
||||
}
|
||||
|
||||
.layuimini-form > .layui-form-item > .layui-form-label {
|
||||
width: 120px !important;
|
||||
}
|
||||
|
||||
.layuimini-form > .layui-form-item > .layui-input-block {
|
||||
margin-left: 150px !important;
|
||||
}
|
||||
|
||||
.layuimini-form > .layui-form-item > .layui-input-block > tip {
|
||||
display: inline-block;
|
||||
margin-top: 10px;
|
||||
line-height: 10px;
|
||||
font-size: 10px;
|
||||
color: #a29c9c;
|
||||
}
|
||||
|
||||
/**搜索框*/
|
||||
.layuimini-container .table-search-fieldset {
|
||||
margin: 0;
|
||||
border: 1px solid #e6e6e6;
|
||||
padding: 10px 20px 5px 20px;
|
||||
color: #6b6b6b;
|
||||
}
|
||||
|
||||
/**自定义滚动条样式 */
|
||||
::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
height: 6px
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: transparent;
|
||||
-webkit-border-radius: 2em;
|
||||
-moz-border-radius: 2em;
|
||||
border-radius: 2em;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: #9c9da0;
|
||||
-webkit-border-radius: 2em;
|
||||
-moz-border-radius: 2em;
|
||||
border-radius: 2em
|
||||
}
|
||||
|
After Width: | Height: | Size: 422 KiB |
|
After Width: | Height: | Size: 507 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 146 KiB |
|
After Width: | Height: | Size: 671 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 5.4 KiB |
@ -0,0 +1,30 @@
|
||||
/**
|
||||
* date:2019/08/16
|
||||
* author:Mr.Chung
|
||||
* description:此处放layui自定义扩展
|
||||
* version:2.0.4
|
||||
*/
|
||||
|
||||
window.rootPath = (function (src) {
|
||||
src = document.scripts[document.scripts.length - 1].src;
|
||||
return src.substring(0, src.lastIndexOf("/") + 1);
|
||||
})();
|
||||
|
||||
layui.config({
|
||||
base: rootPath + "lay-module/",
|
||||
version: true
|
||||
}).extend({
|
||||
miniAdmin: "layuimini/miniAdmin", // layuimini后台扩展
|
||||
miniMenu: "layuimini/miniMenu", // layuimini菜单扩展
|
||||
miniTab: "layuimini/miniTab", // layuimini tab扩展
|
||||
miniTheme: "layuimini/miniTheme", // layuimini 主题扩展
|
||||
miniTongji: "layuimini/miniTongji", // layuimini 统计扩展
|
||||
step: 'step-lay/step', // 分步表单扩展
|
||||
treetable: 'treetable-lay/treetable', //table树形扩展
|
||||
tableSelect: 'tableSelect/tableSelect', // table选择扩展
|
||||
iconPickerFa: 'iconPicker/iconPickerFa', // fa图标选择扩展
|
||||
echarts: 'echarts/echarts', // echarts图表扩展
|
||||
echartsTheme: 'echarts/echartsTheme', // echarts图表主题扩展
|
||||
wangEditor: 'wangEditor/wangEditor', // wangEditor富文本扩展
|
||||
layarea: 'layarea/layarea', // 省市县区三级联动下拉选择器
|
||||
});
|
||||
@ -0,0 +1,110 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>404</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta http-equiv="Access-Control-Allow-Origin" content="*">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<link rel="stylesheet" href="../lib/layui-v2.5.5/css/layui.css" media="all">
|
||||
<style>
|
||||
.error .clip .shadow {height:180px;}
|
||||
.error .clip:nth-of-type(2) .shadow {width:130px;}
|
||||
.error .clip:nth-of-type(1) .shadow,.error .clip:nth-of-type(3) .shadow {width:250px;}
|
||||
.error .digit {width:150px;height:150px;line-height:150px;font-size:120px;font-weight:bold;}
|
||||
.error h2 {font-size:32px;}
|
||||
.error .msg {top:-190px;left:30%;width:80px;height:80px;line-height:80px;font-size:32px;}
|
||||
.error span.triangle {top:70%;right:0%;border-left:20px solid #535353;border-top:15px solid transparent;border-bottom:15px solid transparent;}
|
||||
.error .container-error-404 {top: 50%;margin-top: 250px;position:relative;height:250px;padding-top:40px;}
|
||||
.error .container-error-404 .clip {display:inline-block;transform:skew(-45deg);}
|
||||
.error .clip .shadow {overflow:hidden;}
|
||||
.error .clip:nth-of-type(2) .shadow {overflow:hidden;position:relative;box-shadow:inset 20px 0px 20px -15px rgba(150,150,150,0.8),20px 0px 20px -15px rgba(150,150,150,0.8);}
|
||||
.error .clip:nth-of-type(3) .shadow:after,.error .clip:nth-of-type(1) .shadow:after {content:"";position:absolute;right:-8px;bottom:0px;z-index:9999;height:100%;width:10px;background:linear-gradient(90deg,transparent,rgba(173,173,173,0.8),transparent);border-radius:50%;}
|
||||
.error .clip:nth-of-type(3) .shadow:after {left:-8px;}
|
||||
.error .digit {position:relative;top:8%;color:white;background:#1E9FFF;border-radius:50%;display:inline-block;transform:skew(45deg);}
|
||||
.error .clip:nth-of-type(2) .digit {left:-10%;}
|
||||
.error .clip:nth-of-type(1) .digit {right:-20%;}
|
||||
.error .clip:nth-of-type(3) .digit {left:-20%;}
|
||||
.error h2 {font-size:24px;color:#A2A2A2;font-weight:bold;padding-bottom:20px;}
|
||||
.error .tohome {font-size:16px;color:#07B3F9;}
|
||||
.error .msg {position:relative;z-index:9999;display:block;background:#535353;color:#A2A2A2;border-radius:50%;font-style:italic;}
|
||||
.error .triangle {position:absolute;z-index:999;transform:rotate(45deg);content:"";width:0;height:0;}
|
||||
@media(max-width:767px) {.error .clip .shadow {height:100px;}
|
||||
.error .clip:nth-of-type(2) .shadow {width:80px;}
|
||||
.error .clip:nth-of-type(1) .shadow,.error .clip:nth-of-type(3) .shadow {width:100px;}
|
||||
.error .digit {width:80px;height:80px;line-height:80px;font-size:52px;}
|
||||
.error h2 {font-size:18px;}
|
||||
.error .msg {top:-110px;left:15%;width:40px;height:40px;line-height:40px;font-size:18px;}
|
||||
.error span.triangle {top:70%;right:-3%;border-left:10px solid #535353;border-top:8px solid transparent;border-bottom:8px solid transparent;}
|
||||
.error .container-error-404 {height:150px;}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="error">
|
||||
<div class="container-floud">
|
||||
<div style="text-align: center">
|
||||
<div class="container-error-404">
|
||||
<div class="clip">
|
||||
<div class="shadow">
|
||||
<span class="digit thirdDigit"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clip">
|
||||
<div class="shadow">
|
||||
<span class="digit secondDigit"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clip">
|
||||
<div class="shadow">
|
||||
<span class="digit firstDigit"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="msg">OH!
|
||||
<span class="triangle"></span>
|
||||
</div>
|
||||
</div>
|
||||
<h2 class="h1">很抱歉，你访问的页面找不到了</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
|
||||
<script>
|
||||
function randomNum() {
|
||||
return Math.floor(Math.random() * 9) + 1;
|
||||
}
|
||||
|
||||
var loop1, loop2, loop3, time = 30, i = 0, number;
|
||||
loop3 = setInterval(function () {
|
||||
if (i > 40) {
|
||||
clearInterval(loop3);
|
||||
document.querySelector('.thirdDigit').textContent = 4;
|
||||
} else {
|
||||
document.querySelector('.thirdDigit').textContent = randomNum();
|
||||
i++;
|
||||
}
|
||||
}, time);
|
||||
loop2 = setInterval(function () {
|
||||
if (i > 80) {
|
||||
clearInterval(loop2);
|
||||
document.querySelector('.secondDigit').textContent = 0;
|
||||
} else {
|
||||
document.querySelector('.secondDigit').textContent = randomNum();
|
||||
i++;
|
||||
}
|
||||
}, time);
|
||||
loop1 = setInterval(function () {
|
||||
if (i > 100) {
|
||||
clearInterval(loop1);
|
||||
document.querySelector('.firstDigit').textContent = 4;
|
||||
} else {
|
||||
document.querySelector('.firstDigit').textContent = randomNum();
|
||||
i++;
|
||||
}
|
||||
}, time);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,182 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>首页二</title>
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="../lib/layui-v2.5.5/css/layui.css" media="all">
|
||||
<link rel="stylesheet" href="../lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
|
||||
<link rel="stylesheet" href="../css/public.css" media="all">
|
||||
<style>
|
||||
.layui-card {border:1px solid #f2f2f2;border-radius:5px;}
|
||||
.icon {margin-right:10px;color:#1aa094;}
|
||||
.icon-cray {color:#ffb800!important;}
|
||||
.icon-blue {color:#1e9fff!important;}
|
||||
.icon-tip {color:#ff5722!important;}
|
||||
.layuimini-qiuck-module {text-align:center;margin-top: 10px}
|
||||
.layuimini-qiuck-module a i {display:inline-block;width:100%;height:60px;line-height:60px;text-align:center;border-radius:2px;font-size:30px;background-color:#F8F8F8;color:#333;transition:all .3s;-webkit-transition:all .3s;}
|
||||
.layuimini-qiuck-module a cite {position:relative;top:2px;display:block;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px;}
|
||||
.welcome-module {width:100%;height:210px;}
|
||||
.panel {background-color:#fff;border:1px solid transparent;border-radius:3px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}
|
||||
.panel-body {padding:10px}
|
||||
.panel-title {margin-top:0;margin-bottom:0;font-size:12px;color:inherit}
|
||||
.label {display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;margin-top: .3em;}
|
||||
.layui-red {color:red}
|
||||
.main_btn > p {height:40px;}
|
||||
.layui-bg-number {background-color:#F8F8F8;}
|
||||
.layuimini-notice:hover {background:#f6f6f6;}
|
||||
.layuimini-notice {padding:7px 16px;clear:both;font-size:12px !important;cursor:pointer;position:relative;transition:background 0.2s ease-in-out;}
|
||||
.layuimini-notice-title,.layuimini-notice-label {
|
||||
padding-right: 70px !important;text-overflow:ellipsis!important;overflow:hidden!important;white-space:nowrap!important;}
|
||||
.layuimini-notice-title {line-height:28px;font-size:14px;}
|
||||
.layuimini-notice-extra {position:absolute;top:50%;margin-top:-8px;right:16px;display:inline-block;height:16px;color:#999;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="layuimini-container">
|
||||
<div class="layuimini-main">
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header"><i class="fa fa-warning icon"></i>数据统计</div>
|
||||
<div class="layui-card-body">
|
||||
<div class="welcome-module">
|
||||
<div class="layui-row layui-col-space10">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header"><i class="fa fa-line-chart icon"></i>报表统计</div>
|
||||
<div class="layui-card-body">
|
||||
<div id="echarts-records" style="width: 100%;min-height:500px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script src="../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
|
||||
<script src="../js/lay-config.js?v=1.0.4" charset="utf-8"></script>
|
||||
<script>
|
||||
layui.use(['layer', 'miniTab','echarts'], function () {
|
||||
var $ = layui.jquery,
|
||||
layer = layui.layer,
|
||||
miniTab = layui.miniTab,
|
||||
echarts = layui.echarts;
|
||||
|
||||
miniTab.listen();
|
||||
|
||||
/**
|
||||
* 查看公告信息
|
||||
**/
|
||||
$('body').on('click', '.layuimini-notice', function () {
|
||||
var title = $(this).children('.layuimini-notice-title').text(),
|
||||
noticeTime = $(this).children('.layuimini-notice-extra').text(),
|
||||
content = $(this).children('.layuimini-notice-content').html();
|
||||
var html = '<div style="padding:15px 20px; text-align:justify; line-height: 22px;border-bottom:1px solid #e2e2e2;background-color: #2f4056;color: #ffffff">\n' +
|
||||
'<div style="text-align: center;margin-bottom: 20px;font-weight: bold;border-bottom:1px solid #718fb5;padding-bottom: 5px"><h4 class="text-danger">' + title + '</h4></div>\n' +
|
||||
'<div style="font-size: 12px">' + content + '</div>\n' +
|
||||
'</div>\n';
|
||||
parent.layer.open({
|
||||
type: 1,
|
||||
title: '系统公告'+'<span style="float: right;right: 1px;font-size: 12px;color: #b1b3b9;margin-top: 1px">'+noticeTime+'</span>',
|
||||
area: '300px;',
|
||||
shade: 0.8,
|
||||
id: 'layuimini-notice',
|
||||
btn: ['查看', '取消'],
|
||||
btnAlign: 'c',
|
||||
moveType: 1,
|
||||
content:html,
|
||||
success: function (layero) {
|
||||
var btn = layero.find('.layui-layer-btn');
|
||||
btn.find('.layui-layer-btn0').attr({
|
||||
href: 'https://gitee.com/zhongshaofa/layuimini',
|
||||
target: '_blank'
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* 报表功能
|
||||
*/
|
||||
var echartsRecords = echarts.init(document.getElementById('echarts-records'), 'walden');
|
||||
var optionRecords = {
|
||||
tooltip: {
|
||||
trigger: 'axis'
|
||||
},
|
||||
legend: {
|
||||
data:['邮件营销','联盟广告','视频广告','直接访问','搜索引擎']
|
||||
},
|
||||
grid: {
|
||||
left: '3%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
toolbox: {
|
||||
feature: {
|
||||
saveAsImage: {}
|
||||
}
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
boundaryGap: false,
|
||||
data: ['周一','周二','周三','周四','周五','周六','周日']
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value'
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name:'邮件营销',
|
||||
type:'line',
|
||||
data:[120, 132, 101, 134, 90, 230, 210]
|
||||
},
|
||||
{
|
||||
name:'联盟广告',
|
||||
type:'line',
|
||||
data:[220, 182, 191, 234, 290, 330, 310]
|
||||
},
|
||||
{
|
||||
name:'视频广告',
|
||||
type:'line',
|
||||
data:[150, 232, 201, 154, 190, 330, 410]
|
||||
},
|
||||
{
|
||||
name:'直接访问',
|
||||
type:'line',
|
||||
data:[320, 332, 301, 334, 390, 330, 320]
|
||||
},
|
||||
{
|
||||
name:'搜索引擎',
|
||||
type:'line',
|
||||
data:[820, 932, 901, 934, 1290, 1330, 1320]
|
||||
}
|
||||
]
|
||||
};
|
||||
echartsRecords.setOption(optionRecords);
|
||||
|
||||
// echarts 窗口缩放自适应
|
||||
window.onresize = function(){
|
||||
echartsRecords.resize();
|
||||
}
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,364 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>首页三</title>
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="../lib/layui-v2.5.5/css/layui.css" media="all">
|
||||
<link rel="stylesheet" href="../lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
|
||||
<link rel="stylesheet" href="../css/public.css" media="all">
|
||||
<style>
|
||||
.top-panel {
|
||||
border: 1px solid #eceff9;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
.top-panel > .layui-card-body{
|
||||
height: 60px;
|
||||
}
|
||||
.top-panel-number{
|
||||
line-height:60px;
|
||||
font-size: 30px;
|
||||
border-right:1px solid #eceff9;
|
||||
}
|
||||
.top-panel-tips{
|
||||
line-height:30px;
|
||||
font-size: 12px
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!--<div class="layuimini-container">-->
|
||||
<div class="layuimini-main">
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-xs12 layui-col-md3">
|
||||
|
||||
<div class="layui-card top-panel">
|
||||
<div class="layui-card-header">要展示的指标名称</div>
|
||||
<div class="layui-card-body">
|
||||
<div class="layui-row layui-col-space5">
|
||||
<div class="layui-col-xs9 layui-col-md9 top-panel-number">
|
||||
9,054,056
|
||||
</div>
|
||||
<div class="layui-col-xs3 layui-col-md3 top-panel-tips">
|
||||
比昨天 <a style="color: #1aa094">▲0.12</a><br>
|
||||
比七日 <a style="color: #bd3004">▼0.06</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="layui-col-xs12 layui-col-md3">
|
||||
|
||||
<div class="layui-card top-panel">
|
||||
<div class="layui-card-header">要展示的指标名称</div>
|
||||
<div class="layui-card-body">
|
||||
<div class="layui-row layui-col-space5">
|
||||
<div class="layui-col-xs9 layui-col-md9 top-panel-number">
|
||||
9,054,056
|
||||
</div>
|
||||
<div class="layui-col-xs3 layui-col-md3 top-panel-tips">
|
||||
比昨天 <a style="color: #1aa094">▲0.12</a><br>
|
||||
比七日 <a style="color: #bd3004">▼0.06</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="layui-col-xs12 layui-col-md3">
|
||||
|
||||
<div class="layui-card top-panel">
|
||||
<div class="layui-card-header">要展示的指标名称</div>
|
||||
<div class="layui-card-body">
|
||||
<div class="layui-row layui-col-space5">
|
||||
<div class="layui-col-xs9 layui-col-md9 top-panel-number">
|
||||
9,054,056
|
||||
</div>
|
||||
<div class="layui-col-xs3 layui-col-md3 top-panel-tips">
|
||||
比昨天 <a style="color: #1aa094">▲0.12</a><br>
|
||||
比七日 <a style="color: #bd3004">▼0.06</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="layui-col-xs12 layui-col-md3">
|
||||
|
||||
<div class="layui-card top-panel">
|
||||
<div class="layui-card-header">要展示的指标名称</div>
|
||||
<div class="layui-card-body">
|
||||
<div class="layui-row layui-col-space5">
|
||||
<div class="layui-col-xs9 layui-col-md9 top-panel-number">
|
||||
9,054,056
|
||||
</div>
|
||||
<div class="layui-col-xs3 layui-col-md3 top-panel-tips">
|
||||
比昨天 <a style="color: #1aa094">▲0.12</a><br>
|
||||
比七日 <a style="color: #bd3004">▼0.06</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-xs12 layui-col-md9">
|
||||
<div id="echarts-records" style="background-color:#ffffff;min-height:400px;padding: 10px"></div>
|
||||
</div>
|
||||
<div class="layui-col-xs12 layui-col-md3">
|
||||
<div id="echarts-pies" style="background-color:#ffffff;min-height:400px;padding: 10px"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-xs12 layui-col-md6">
|
||||
<div id="echarts-dataset" style="background-color:#ffffff;min-height:300px;padding: 10px"></div>
|
||||
</div>
|
||||
<div class="layui-col-xs12 layui-col-md6">
|
||||
<div id="echarts-map" style="background-color:#ffffff;min-height:300px;padding: 10px"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<!--</div>-->
|
||||
<script src="../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
|
||||
<script src="../js/lay-config.js?v=1.0.4" charset="utf-8"></script>
|
||||
<script>
|
||||
layui.use(['layer', 'echarts'], function () {
|
||||
var $ = layui.jquery,
|
||||
layer = layui.layer,
|
||||
echarts = layui.echarts;
|
||||
|
||||
/**
|
||||
* 报表功能
|
||||
*/
|
||||
var echartsRecords = echarts.init(document.getElementById('echarts-records'), 'walden');
|
||||
|
||||
var optionRecords = {
|
||||
title: {
|
||||
text: '指标名称-报表图'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'cross',
|
||||
label: {
|
||||
backgroundColor: '#6a7985'
|
||||
}
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
data: ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎']
|
||||
},
|
||||
toolbox: {
|
||||
feature: {
|
||||
saveAsImage: {}
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
left: '3%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
xAxis: [
|
||||
{
|
||||
type: 'category',
|
||||
boundaryGap: false,
|
||||
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
|
||||
}
|
||||
],
|
||||
yAxis: [
|
||||
{
|
||||
type: 'value'
|
||||
}
|
||||
],
|
||||
series: [
|
||||
{
|
||||
name: '邮件营销',
|
||||
type: 'line',
|
||||
stack: '总量',
|
||||
areaStyle: {},
|
||||
data: [120, 132, 101, 134, 90, 230, 210]
|
||||
},
|
||||
{
|
||||
name: '联盟广告',
|
||||
type: 'line',
|
||||
areaStyle: {},
|
||||
data: [220, 182, 191, 234, 290, 330, 310]
|
||||
},
|
||||
{
|
||||
name: '视频广告',
|
||||
type: 'line',
|
||||
stack: '总量',
|
||||
areaStyle: {},
|
||||
data: [150, 232, 201, 154, 190, 330, 410]
|
||||
},
|
||||
{
|
||||
name: '直接访问',
|
||||
type: 'line',
|
||||
stack: '总量',
|
||||
areaStyle: {},
|
||||
data: [320, 332, 301, 334, 390, 330, 320]
|
||||
},
|
||||
{
|
||||
name: '搜索引擎',
|
||||
type: 'line',
|
||||
stack: '总量',
|
||||
label: {
|
||||
normal: {
|
||||
show: true,
|
||||
position: 'top'
|
||||
}
|
||||
},
|
||||
areaStyle: {},
|
||||
data: [820, 932, 901, 934, 1290, 1330, 1320]
|
||||
}
|
||||
]
|
||||
};
|
||||
echartsRecords.setOption(optionRecords);
|
||||
|
||||
|
||||
/**
|
||||
* 玫瑰图表
|
||||
*/
|
||||
var echartsPies = echarts.init(document.getElementById('echarts-pies'), 'walden');
|
||||
var optionPies = {
|
||||
title: {
|
||||
text: '指标名称-玫瑰图',
|
||||
left: 'center'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'item',
|
||||
formatter: '{a} <br/>{b} : {c} ({d}%)'
|
||||
},
|
||||
legend: {
|
||||
orient: 'vertical',
|
||||
left: 'left',
|
||||
data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '访问来源',
|
||||
type: 'pie',
|
||||
radius: '55%',
|
||||
center: ['50%', '60%'],
|
||||
roseType: 'radius',
|
||||
data: [
|
||||
{value: 335, name: '直接访问'},
|
||||
{value: 310, name: '邮件营销'},
|
||||
{value: 234, name: '联盟广告'},
|
||||
{value: 135, name: '视频广告'},
|
||||
{value: 368, name: '搜索引擎'}
|
||||
],
|
||||
emphasis: {
|
||||
itemStyle: {
|
||||
shadowBlur: 10,
|
||||
shadowOffsetX: 0,
|
||||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
};
|
||||
echartsPies.setOption(optionPies);
|
||||
|
||||
|
||||
/**
|
||||
* 柱状图
|
||||
*/
|
||||
var echartsDataset = echarts.init(document.getElementById('echarts-dataset'), 'walden');
|
||||
|
||||
var optionDataset = {
|
||||
legend: {},
|
||||
tooltip: {},
|
||||
dataset: {
|
||||
dimensions: ['product', '2015', '2016', '2017'],
|
||||
source: [
|
||||
{product: 'Matcha Latte', '2015': 43.3, '2016': 85.8, '2017': 93.7},
|
||||
{product: 'Milk Tea', '2015': 83.1, '2016': 73.4, '2017': 55.1},
|
||||
{product: 'Cheese Cocoa', '2015': 86.4, '2016': 65.2, '2017': 82.5},
|
||||
{product: 'Walnut Brownie', '2015': 72.4, '2016': 53.9, '2017': 39.1}
|
||||
]
|
||||
},
|
||||
xAxis: {type: 'category'},
|
||||
yAxis: {},
|
||||
// Declare several bar series, each will be mapped
|
||||
// to a column of dataset.source by default.
|
||||
series: [
|
||||
{type: 'bar'},
|
||||
{type: 'bar'},
|
||||
{type: 'bar'}
|
||||
]
|
||||
};
|
||||
|
||||
echartsDataset.setOption(optionDataset);
|
||||
|
||||
|
||||
/**
|
||||
* 中国地图
|
||||
*/
|
||||
var echartsMap = echarts.init(document.getElementById('echarts-map'), 'walden');
|
||||
|
||||
|
||||
var optionMap = {
|
||||
legend: {},
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
showContent: false
|
||||
},
|
||||
dataset: {
|
||||
source: [
|
||||
['product', '2012', '2013', '2014', '2015', '2016', '2017'],
|
||||
['Matcha Latte', 41.1, 30.4, 65.1, 53.3, 83.8, 98.7],
|
||||
['Milk Tea', 86.5, 92.1, 85.7, 83.1, 73.4, 55.1],
|
||||
['Cheese Cocoa', 24.1, 67.2, 79.5, 86.4, 65.2, 82.5],
|
||||
['Walnut Brownie', 55.2, 67.1, 69.2, 72.4, 53.9, 39.1]
|
||||
]
|
||||
},
|
||||
xAxis: {type: 'category'},
|
||||
yAxis: {gridIndex: 0},
|
||||
grid: {top: '55%'},
|
||||
series: [
|
||||
{type: 'line', smooth: true, seriesLayoutBy: 'row'},
|
||||
{type: 'line', smooth: true, seriesLayoutBy: 'row'},
|
||||
{type: 'line', smooth: true, seriesLayoutBy: 'row'},
|
||||
{type: 'line', smooth: true, seriesLayoutBy: 'row'},
|
||||
{
|
||||
type: 'pie',
|
||||
id: 'pie',
|
||||
radius: '30%',
|
||||
center: ['50%', '25%'],
|
||||
label: {
|
||||
formatter: '{b}: {@2012} ({d}%)'
|
||||
},
|
||||
encode: {
|
||||
itemName: 'product',
|
||||
value: '2012',
|
||||
tooltip: '2012'
|
||||
}
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
echartsMap.setOption(optionMap);
|
||||
|
||||
|
||||
// echarts 窗口缩放自适应
|
||||
window.onresize = function () {
|
||||
echartsRecords.resize();
|
||||
}
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in new issue