root
/
ok-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

up: css

master
zhizou 2019-08-27 15:10:13 +08:00
parent 2f318df92c
commit 217d977a9a
26 changed files with 307 additions and 771 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
css/common.css
View File

@ -206,35 +206,23 @@
.per-bg-a { .per-bg-a {
background: #00c292 !important; background: #00c292 !important;
} }
.per-bg-b { .per-bg-b {
background: #ab8ce4 !important; background: #9a66e4 !important;
} }
.per-bg-c { .per-bg-c {
background: #03a9f3 !important; background: #03a9f3 !important;
} }
.per-bg-d { .per-bg-d {
background: #fb9678 !important; background: #fb9678 !important;
} }
.per-bg-e {
background: #ed4014 !important;
/*减去220是左侧的菜单宽度为220*/
@media screen and (max-width: 750px) {
/*当屏幕宽度小于970-220时执行*/
.ok-in-hide-md {
display: none !important;
} }
.per-bg-f {
background: #ab8ce4 !important;
} }
.per-bg-g {
@media screen and (max-width: 548px) { background: #e46cbb !important;
/*当屏幕宽度小于768-220时执行*/
[ok-pc-in-show],
.ok-in-hide-xs {
display: none !important;
}
} }
@ -253,4 +241,3 @@

17
css/sub.css → css/oksub.css
View File

@ -1,3 +1,4 @@
@import "../css/common.css"; /**页面的公共样式**/
@import "../lib/layui/css/layui.css"; @import "../lib/layui/css/layui.css";
/********************************************* /*********************************************
* (*^__^*) 子页面公共样式 (*^__^*) * * (*^__^*) 子页面公共样式 (*^__^*) *
@ -30,3 +31,19 @@
::-webkit-scrollbar-thumb:vertical:hover{background-color: rgba(0,0,0,.35);} ::-webkit-scrollbar-thumb:vertical:hover{background-color: rgba(0,0,0,.35);}
::-webkit-scrollbar-thumb:vertical:active{background-color: rgba(0,0,0,.38);} ::-webkit-scrollbar-thumb:vertical:active{background-color: rgba(0,0,0,.38);}
/*响应样式*/
@media screen and (max-width: 750px) {
/*控制台*/
.ok-in-hide-md {
display: none !important;
}
}
@media screen and (max-width: 548px) {
/**显隐样式**/
[ok-pc-in-show],
.ok-in-hide-xs {
display: none !important;
}
}

2
data/navs.json
View File

@ -4,7 +4,6 @@
"href": "pages/console.html", "href": "pages/console.html",
"fontFamily": "ok-icon", "fontFamily": "ok-icon",
"icon": "", "icon": "",
"isClose": false,
"spread": true, "spread": true,
"isCheck": true "isCheck": true
}, },
@ -13,7 +12,6 @@
"href": "", "href": "",
"fontFamily": "ok-icon", "fontFamily": "ok-icon",
"icon": "", "icon": "",
"spread": false,
"children": [ "children": [
{ {
"title": "控制台一", "title": "控制台一",

2
js/console.js
View File

@ -41,7 +41,7 @@ layui.use(["okUtils", "table", "countUp", "okMock"], function () {
* 用户访问 * 用户访问
*/ */
function userSource() { function userSource() {
var userSourceMap = echarts.init($("#userSourceMap")[0], "mytheme"); var userSourceMap = echarts.init($("#userSourceMap")[0], "themez");
userSourceMap.setOption(userSourceOption); userSourceMap.setOption(userSourceOption);
okUtils.echartsResize([userSourceMap]); okUtils.echartsResize([userSourceMap]);
} }

2
js/console1.js
View File

@ -94,7 +94,7 @@ layui.use(["okUtils", "countUp"], function () {
} }
var userSourceWeekChartOption = { var userSourceWeekChartOption = {
title: {show: true, text: '本周用户访问来源'}, title: {show: true, text: ''},
tooltip: {trigger: 'axis', axisPointer: {type: 'cross', label: {backgroundColor: '#6a7985'}}}, tooltip: {trigger: 'axis', axisPointer: {type: 'cross', label: {backgroundColor: '#6a7985'}}},
legend: {data: ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎']}, legend: {data: ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎']},
toolbox: {show: false, feature: {saveAsImage: {}}}, toolbox: {show: false, feature: {saveAsImage: {}}},

531
lib/echarts/echarts.theme.js
View File

@ -1,531 +0,0 @@
/***
* echarts主题颜色
**/
!function (root, factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module.
define(['exports', 'echarts'], factory);
} else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') {
// CommonJS
factory(exports, require('echarts'));
} else {
// Browser globals
factory({}, root.echarts);
}
}(this, function (exports, echarts) {
var log = function (msg) {
if (typeof console !== 'undefined') {
console && console.error && console.error(msg);
}
};
if (!echarts) {
log('ECharts is not Loaded');
return;
}
echarts.registerTheme('mytheme', {
// "color":[
// "#2D8CF0",
// "#19BE6B",
// "#FF9900",
// "#E46CBB",
// "#9A66E4",
// "#ED3F14",
// ],
"color": [
"#3fb1e3",
"#6be6c1",
"#626c91",
"#a0a7e6",
"#c4ebad",
"#96dee8"
],
"backgroundColor": "rgba(252,252,252,0)",
"textStyle": {},
"title": {
"textStyle": {
"color": "#666666"
},
"subtextStyle": {
"color": "#999999"
}
},
"line": {
"itemStyle": {
"normal": {
"borderWidth": "2"
}
},
"lineStyle": {
"normal": {
"width": "3"
}
},
"symbolSize": "8",
"symbol": "emptyCircle",
"smooth": false
},
"radar": {
"itemStyle": {
"normal": {
"borderWidth": "2"
}
},
"lineStyle": {
"normal": {
"width": "3"
}
},
"symbolSize": "8",
"symbol": "emptyCircle",
"smooth": false
},
"bar": {
"itemStyle": {
"normal": {
"barBorderWidth": 0,
"barBorderColor": "#ccc"
},
"emphasis": {
"barBorderWidth": 0,
"barBorderColor": "#ccc"
}
}
},
"pie": {
"itemStyle": {
"normal": {
"borderWidth": 0,
"borderColor": "#ccc"
},
"emphasis": {
"borderWidth": 0,
"borderColor": "#ccc"
}
}
},
"scatter": {
"itemStyle": {
"normal": {
"borderWidth": 0,
"borderColor": "#ccc"
},
"emphasis": {
"borderWidth": 0,
"borderColor": "#ccc"
}
}
},
"boxplot": {
"itemStyle": {
"normal": {
"borderWidth": 0,
"borderColor": "#ccc"
},
"emphasis": {
"borderWidth": 0,
"borderColor": "#ccc"
}
}
},
"parallel": {
"itemStyle": {
"normal": {
"borderWidth": 0,
"borderColor": "#ccc"
},
"emphasis": {
"borderWidth": 0,
"borderColor": "#ccc"
}
}
},
"sankey": {
"itemStyle": {
"normal": {
"borderWidth": 0,
"borderColor": "#ccc"
},
"emphasis": {
"borderWidth": 0,
"borderColor": "#ccc"
}
}
},
"funnel": {
"itemStyle": {
"normal": {
"borderWidth": 0,
"borderColor": "#ccc"
},
"emphasis": {
"borderWidth": 0,
"borderColor": "#ccc"
}
}
},
"gauge": {
"itemStyle": {
"normal": {
"borderWidth": 0,
"borderColor": "#ccc"
},
"emphasis": {
"borderWidth": 0,
"borderColor": "#ccc"
}
}
},
"candlestick": {
"itemStyle": {
"normal": {
"color": "#e6a0d2",
"color0": "transparent",
"borderColor": "#e6a0d2",
"borderColor0": "#3fb1e3",
"borderWidth": "2"
}
}
},
"graph": {
"itemStyle": {
"normal": {
"borderWidth": 0,
"borderColor": "#ccc"
}
},
"lineStyle": {
"normal": {
"width": "1",
"color": "#cccccc"
}
},
"symbolSize": "8",
"symbol": "emptyCircle",
"smooth": false,
// "color":[
// "#2D8CF0",
// "#19BE6B",
// "#FF9900",
// "#E46CBB",
// "#9A66E4",
// "#ED3F14",
// ],
"color": [
"#3fb1e3",
"#6be6c1",
"#626c91",
"#a0a7e6",
"#c4ebad",
"#96dee8"
],
"label": {
"normal": {
"textStyle": {
"color": "#ffffff"
}
}
}
},
"map": {
"itemStyle": {
"normal": {
"areaColor": "#eeeeee",
"borderColor": "#aaaaaa",
"borderWidth": 0.5
},
"emphasis": {
"areaColor": "rgba(63,177,227,0.25)",
"borderColor": "#3fb1e3",
"borderWidth": 1
}
},
"label": {
"normal": {
"textStyle": {
"color": "#ffffff"
}
},
"emphasis": {
"textStyle": {
"color": "rgb(63,177,227)"
}
}
}
},
"geo": {
"itemStyle": {
"normal": {
"areaColor": "#eeeeee",
"borderColor": "#aaaaaa",
"borderWidth": 0.5
},
"emphasis": {
"areaColor": "rgba(63,177,227,0.25)",
"borderColor": "#3fb1e3",
"borderWidth": 1
}
},
"label": {
"normal": {
"textStyle": {
"color": "#ffffff"
}
},
"emphasis": {
"textStyle": {
"color": "rgb(63,177,227)"
}
}
}
},
"categoryAxis": {
"axisLine": {
"show": true,
"lineStyle": {
"color": "#cccccc"
}
},
"axisTick": {
"show": false,
"lineStyle": {
"color": "#333"
}
},
"axisLabel": {
"show": true,
"textStyle": {
"color": "#999999"
}
},
"splitLine": {
"show": true,
"lineStyle": {
"color": [
"#eeeeee"
]
}
},
"splitArea": {
"show": false,
"areaStyle": {
"color": [
"rgba(250,250,250,0.05)",
"rgba(200,200,200,0.02)"
]
}
}
},
"valueAxis": {
"axisLine": {
"show": true,
"lineStyle": {
"color": "#cccccc"
}
},
"axisTick": {
"show": false,
"lineStyle": {
"color": "#333"
}
},
"axisLabel": {
"show": true,
"textStyle": {
"color": "#999999"
}
},
"splitLine": {
"show": true,
"lineStyle": {
"color": [
"#eeeeee"
]
}
},
"splitArea": {
"show": false,
"areaStyle": {
"color": [
"rgba(250,250,250,0.05)",
"rgba(200,200,200,0.02)"
]
}
}
},
"logAxis": {
"axisLine": {
"show": true,
"lineStyle": {
"color": "#cccccc"
}
},
"axisTick": {
"show": false,
"lineStyle": {
"color": "#333"
}
},
"axisLabel": {
"show": true,
"textStyle": {
"color": "#999999"
}
},
"splitLine": {
"show": true,
"lineStyle": {
"color": [
"#eeeeee"
]
}
},
"splitArea": {
"show": false,
"areaStyle": {
"color": [
"rgba(250,250,250,0.05)",
"rgba(200,200,200,0.02)"
]
}
}
},
"timeAxis": {
"axisLine": {
"show": true,
"lineStyle": {
"color": "#cccccc"
}
},
"axisTick": {
"show": false,
"lineStyle": {
"color": "#333"
}
},
"axisLabel": {
"show": true,
"textStyle": {
"color": "#999999"
}
},
"splitLine": {
"show": true,
"lineStyle": {
"color": [
"#eeeeee"
]
}
},
"splitArea": {
"show": false,
"areaStyle": {
"color": [
"rgba(250,250,250,0.05)",
"rgba(200,200,200,0.02)"
]
}
}
},
"toolbox": {
"iconStyle": {
"normal": {
"borderColor": "#999999"
},
"emphasis": {
"borderColor": "#666666"
}
}
},
"legend": {
"textStyle": {
"color": "#999999"
}
},
"tooltip": {
"axisPointer": {
"lineStyle": {
"color": "#cccccc",
"width": 1
},
"crossStyle": {
"color": "#cccccc",
"width": 1
}
}
},
"timeline": {
"lineStyle": {
"color": "#626c91",
"width": 1
},
"itemStyle": {
"normal": {
"color": "#626c91",
"borderWidth": 1
},
"emphasis": {
"color": "#626c91"
}
},
"controlStyle": {
"normal": {
"color": "#626c91",
"borderColor": "#626c91",
"borderWidth": 0.5
},
"emphasis": {
"color": "#626c91",
"borderColor": "#626c91",
"borderWidth": 0.5
}
},
"checkpointStyle": {
"color": "#3fb1e3",
"borderColor": "rgba(63,177,227,0.15)"
},
"label": {
"normal": {
"textStyle": {
"color": "#626c91"
}
},
"emphasis": {
"textStyle": {
"color": "#626c91"
}
}
}
},
"visualMap": {
"color": [
"#2a99c9",
"#afe8ff"
]
},
"dataZoom": {
"backgroundColor": "rgba(255,255,255,0)",
"dataBackgroundColor": "rgba(222,222,222,1)",
"fillerColor": "rgba(114,230,212,0.25)",
"handleColor": "#cccccc",
"handleSize": "100%",
"textStyle": {
"color": "#999999"
}
},
"markPoint": {
"label": {
"normal": {
"textStyle": {
"color": "#ffffff"
}
},
"emphasis": {
"textStyle": {
"color": "#ffffff"
}
}
}
}
});
});

2
pages/article/article-add.html
View File

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>添加文章</title> <title>添加文章</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../css/sub.css"> <link rel="stylesheet" href="../../css/oksub.css">
</head> </head>
<body> <body>
<div class="ok-body"> <div class="ok-body">

2
pages/article/article-edit.html
View File

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>编辑文章</title> <title>编辑文章</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../css/sub.css"> <link rel="stylesheet" href="../../css/oksub.css">
</head> </head>
<body> <body>
<div class="ok-body"> <div class="ok-body">

14
pages/article/article.html
View File

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>文章列表</title> <title>文章列表</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../css/sub.css"> <link rel="stylesheet" href="../../css/oksub.css">
</head> </head>
<body> <body>
<div class="ok-body"> <div class="ok-body">
@ -117,7 +117,7 @@
var idsStr = okUtils.table.batchCheck(table); var idsStr = okUtils.table.batchCheck(table);
if (idsStr) { if (idsStr) {
okUtils.ajax("/article/batchNormal", "post", {idsStr: idsStr}).done(function (response) { okUtils.ajax("/article/batchNormal", "post", {idsStr: idsStr}).done(function (response) {
console.log(response) console.log(response);
okUtils.table.successMsg("批量上架成功"); okUtils.table.successMsg("批量上架成功");
}).fail(function (error) { }).fail(function (error) {
console.log(error) console.log(error)
@ -132,7 +132,7 @@
var idsStr = okUtils.table.batchCheck(table); var idsStr = okUtils.table.batchCheck(table);
if (idsStr) { if (idsStr) {
okUtils.ajax("/article/batchStop", "post", {idsStr: idsStr}).done(function (response) { okUtils.ajax("/article/batchStop", "post", {idsStr: idsStr}).done(function (response) {
console.log(response) console.log(response);
okUtils.table.successMsg("批量下架成功"); okUtils.table.successMsg("批量下架成功");
}).fail(function (error) { }).fail(function (error) {
console.log(error) console.log(error)
@ -147,7 +147,7 @@
var idsStr = okUtils.table.batchCheck(table); var idsStr = okUtils.table.batchCheck(table);
if (idsStr) { if (idsStr) {
okUtils.ajax("/article/batchDel", "post", {idsStr: idsStr}).done(function (response) { okUtils.ajax("/article/batchDel", "post", {idsStr: idsStr}).done(function (response) {
console.log(response) console.log(response);
okUtils.table.successMsg("批量删除成功"); okUtils.table.successMsg("批量删除成功");
}).fail(function (error) { }).fail(function (error) {
console.log(error) console.log(error)
@ -171,7 +171,7 @@
function del (id) { function del (id) {
okLayer.confirm("确定要删除吗？", function () { okLayer.confirm("确定要删除吗？", function () {
okUtils.ajax("/article/batchDel", "post", {idsStr: id}).done(function (response) { okUtils.ajax("/article/batchDel", "post", {idsStr: id}).done(function (response) {
console.log(response) console.log(response);
okUtils.table.successMsg("删除成功"); okUtils.table.successMsg("删除成功");
}).fail(function (error) { }).fail(function (error) {
console.log(error) console.log(error)
@ -215,8 +215,8 @@
</script> </script>
<!-- 行工具栏模板 --> <!-- 行工具栏模板 -->
<script type="text/html" id="operationTpl"> <script type="text/html" id="operationTpl">
<a href="javascript:;" title="编辑" lay-event="edit"><i class="layui-icon">&#xe642;</i></a> <a href="javascript:" title="编辑" lay-event="edit"><i class="layui-icon">&#xe642;</i></a>
<a href="javascript:;" title="删除" lay-event="del"><i class="layui-icon">&#xe640;</i></a> <a href="javascript:" title="删除" lay-event="del"><i class="layui-icon">&#xe640;</i></a>
</script> </script>
</body> </body>
</html> </html>

132
pages/console.html
View File

@ -12,45 +12,107 @@
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no"> <meta name="format-detection" content="telephone=no">
<script type="text/javascript" src="../lib/echarts/echarts.min.js"></script> <script type="text/javascript" src="../lib/echarts/echarts.min.js"></script>
<script type="text/javascript" src="../lib/echarts/echarts.theme.js"></script> <script type="text/javascript" src="../lib/echarts/echarts.themez.js"></script>
<script type="text/javascript" src="../lib/echarts/world/js/china.js"></script> <script type="text/javascript" src="../lib/echarts/world/js/china.js"></script>
<!--<link rel="stylesheet" href="../css/console.css" media="all"/>--> <!--<link rel="stylesheet" href="../css/console.css" media="all"/>-->
<link rel="stylesheet" href="../css/sub.css" media="all"/> <link rel="stylesheet" href="../css/oksub.css" media="all"/>
<style> <style>
.yskj-card-body{padding:20px;position:relative;width:100%;box-sizing:border-box} .home .layui-card {
.yskj-card-body-tb{padding:20px 0;position:relative;width:100%;box-sizing:border-box} -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .08);
.home .layui-card{-webkit-box-shadow:0 0 20px rgba(0,0,0,.08);box-shadow:0 0 20px rgba(0,0,0,.08);border-radius:5px} box-shadow: 0 0 20px rgba(0, 0, 0, .08);
.cart-data .stat-text{color:#455a64;font-size:24px;padding-bottom:5px} border-radius: 5px;
.cart-data .stat-heading{color:#99abb4} }
.cart-data .img-box{display:inline-block;vertical-align:middle;padding-right:20px} .cart-data .stat-text {
.cart-data .img-box img{width:60px} color: #455a64;
.cart-data .cart-r{display:inline-block;vertical-align:middle} font-size: 24px;
.my-card-title{color:#212529;font-size:16px;padding-bottom:20px;font-weight:bolder} padding-bottom: 5px
.map-body{height:360px} }
.map-china{height:360px} .cart-data .stat-heading {
.progress-box{margin-bottom:20px;display:flex} color: #99abb4
.progress-box .por-title{font-weight:600;color:#868e96;padding-bottom:5px} }
.progress-box .por-txt{font-size:13px;padding-bottom:5px} .cart-data .img-box {
.progress-box .pro-head{width:50px;height:50px;line-height:50px;display:inline-block;vertical-align:middle;float:left;overflow:hidden;padding-right:20px} display: inline-block;
.progress-box .pro-head img{background:#bea8ab;width:100%;height:100%;border-radius:100%} vertical-align: middle;
.progress-box .pro-data{display:inline-block;vertical-align:middle;flex:1} padding-right: 20px
#calendar .layui-laydate{border-radius:5px;border:0;-webkit-box-shadow:0 0 20px rgba(0,0,0,.08);box-shadow:0 0 20px rgba(0,0,0,.08)} }
.data-body{display:flex;padding:20px;padding-bottom:0;color:#333} .cart-data .img-box img {
.data-body .media-cont{-ms-flex-align:center!important;align-items:center!important;-ms-flex:1 1 auto;flex:1 1 auto} width: 60px
.data-body .media-cont .tit{font-size:16px;padding-bottom:5px} }
.data-body .media-cont .num{font-size:24px;line-height:22px} .cart-data .cart-r {
.data-body .w-img{width:60px;height:60px} display: inline-block;
.data-body .w-img img{width:100%;height:100%} vertical-align: middle
.line-home-a{height:60px} }
.cart-data .stat-text{color:#455a64;font-size:24px;padding-bottom:5px} .map-body {
.extra-small-font{font-size:12px} height: 360px
.cart-data .stat-heading{color:#99abb4} }
.cart-data .img-box{display:inline-block;vertical-align:middle} .map-china {
.cart-data .img-box img{width:60px} height: 360px
.cart-data .cart-r{display:inline-block;vertical-align:middle;padding-left:20px} }
.my-card-title{color:#212529;font-size:16px;padding-bottom:20px;font-weight:bolder} .progress-box {
margin-bottom: 20px;
display: flex
}
.progress-box .por-title {
font-weight: 600;
color: #868e96;
padding-bottom: 5px
}
.progress-box .por-txt {
font-size: 13px;
padding-bottom: 5px
}
.progress-box .pro-head {
width: 50px;
height: 50px;
line-height: 50px;
display: inline-block;
vertical-align: middle;
float: left;
overflow: hidden;
padding-right: 20px
}
.progress-box .pro-head img {
background: #bea8ab;
width: 100%;
height: 100%;
border-radius: 100%
}
.progress-box .pro-data {
display: inline-block;
vertical-align: middle;
flex: 1
}
.data-body .w-img img {
width: 100%;
height: 100%
}
.cart-data .stat-text {
color: #455a64;
font-size: 24px;
padding-bottom: 5px
}
.cart-data .stat-heading {
color: #99abb4
}
.cart-data .img-box {
display: inline-block;
vertical-align: middle
}
.cart-data .img-box img {
width: 60px
}
.cart-data .cart-r {
display: inline-block;
vertical-align: middle;
padding-left: 20px
}
.ok-card-body{padding:20px;position:relative;width:100%;box-sizing:border-box} .ok-card-body {
padding: 20px;
position: relative;
width: 100%;
box-sizing: border-box
}
</style> </style>
</head> </head>
<body class="ok-body home ok-body-scroll"> <body class="ok-body home ok-body-scroll">

5
pages/console1.html
View File

@ -14,7 +14,7 @@
<script type="text/javascript" src="../lib/echarts/echarts.min.js"></script> <script type="text/javascript" src="../lib/echarts/echarts.min.js"></script>
<script type="text/javascript" src="../lib/echarts/echarts.themez.js"></script> <script type="text/javascript" src="../lib/echarts/echarts.themez.js"></script>
<!--<link rel="stylesheet" href="../css/console1.css" media="all"/>--> <!--<link rel="stylesheet" href="../css/console1.css" media="all"/>-->
<link rel="stylesheet" href="../css/sub.css" media="all"/> <link rel="stylesheet" href="../css/oksub.css" media="all"/>
<style> <style>
.home .layui-card{-webkit-box-shadow:0 0 20px rgba(0,0,0,.08);box-shadow:0 0 20px rgba(0,0,0,.08);border-radius:5px} .home .layui-card{-webkit-box-shadow:0 0 20px rgba(0,0,0,.08);box-shadow:0 0 20px rgba(0,0,0,.08);border-radius:5px}
.cart-data .stat-text{color:#455a64;font-size:24px;padding-bottom:5px} .cart-data .stat-text{color:#455a64;font-size:24px;padding-bottom:5px}
@ -145,6 +145,9 @@
<div class="layui-row layui-col-space15"> <div class="layui-row layui-col-space15">
<div class="layui-col-md12"> <div class="layui-col-md12">
<div class="layui-card"> <div class="layui-card">
<div class="layui-card-header">
<div class="ok-card-title">本周用户访问来源</div>
</div>
<div class="ok-card-body clearfix"> <div class="ok-card-body clearfix">
<div class="map-china" id="userSourceWeekChart"></div> <div class="map-china" id="userSourceWeekChart"></div>
</div> </div>

2
pages/member/permission.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>权限列表</title> <title>权限列表</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../css/sub.css"> <link rel="stylesheet" href="../../css/oksub.css">
</head> </head>
<body class="ok-body-scroll"> <body class="ok-body-scroll">
<div class="ok-body"> <div class="ok-body">

4
pages/member/role-add.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>添加角色</title> <title>添加角色</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../css/sub.css"> <link rel="stylesheet" href="../../css/oksub.css">
</head> </head>
<body> <body>
<div class="ok-body"> <div class="ok-body">
@ -71,7 +71,7 @@
// 请求后台 // 请求后台
okUtils.ajax("/role/add", "post", data.field).done(function (response) { okUtils.ajax("/role/add", "post", data.field).done(function (response) {
console.log(response) console.log(response);
okLayer.msg.greenTick("添加成功", function () { okLayer.msg.greenTick("添加成功", function () {
parent.layer.close(parent.layer.getFrameIndex(window.name)); parent.layer.close(parent.layer.getFrameIndex(window.name));
}); });

2
pages/member/role-edit.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>编辑角色</title> <title>编辑角色</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../css/sub.css"> <link rel="stylesheet" href="../../css/oksub.css">
</head> </head>
<body> <body>
<div class="ok-body"> <div class="ok-body">

10
pages/member/role.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>角色列表</title> <title>角色列表</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../css/sub.css"> <link rel="stylesheet" href="../../css/oksub.css">
</head> </head>
<body> <body>
<div class="ok-body"> <div class="ok-body">
@ -112,7 +112,7 @@
var idsStr = okUtils.table.batchCheck(table); var idsStr = okUtils.table.batchCheck(table);
if (idsStr) { if (idsStr) {
okUtils.ajax("/role/batchDel", "post", {idsStr: idsStr}).done(function (response) { okUtils.ajax("/role/batchDel", "post", {idsStr: idsStr}).done(function (response) {
console.log(response) console.log(response);
okUtils.table.successMsg("批量删除成功"); okUtils.table.successMsg("批量删除成功");
}).fail(function (error) { }).fail(function (error) {
console.log(error) console.log(error)
@ -130,7 +130,7 @@
function del (id) { function del (id) {
okLayer.confirm("确定要删除吗？", function () { okLayer.confirm("确定要删除吗？", function () {
okUtils.ajax("/user/batchDel", "post", {idsStr: id}).done(function (response) { okUtils.ajax("/user/batchDel", "post", {idsStr: id}).done(function (response) {
console.log(response) console.log(response);
okUtils.table.successMsg("删除成功"); okUtils.table.successMsg("删除成功");
}).fail(function (error) { }).fail(function (error) {
console.log(error) console.log(error)
@ -156,8 +156,8 @@
</script> </script>
<script type="text/html" id="operationTpl"> <script type="text/html" id="operationTpl">
<a href="javascript:;" title="编辑" lay-event="edit"><i class="layui-icon">&#xe642;</i></a> <a href="javascript:" title="编辑" lay-event="edit"><i class="layui-icon">&#xe642;</i></a>
<a href="javascript:;" title="删除" lay-event="del"><i class="layui-icon">&#xe640;</i></a> <a href="javascript:" title="删除" lay-event="del"><i class="layui-icon">&#xe640;</i></a>
</script> </script>
</body> </body>
</html> </html>

4
pages/member/user-add.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>添加用户</title> <title>添加用户</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../css/sub.css"> <link rel="stylesheet" href="../../css/oksub.css">
</head> </head>
<body> <body>
<div class="ok-body"> <div class="ok-body">
@ -119,7 +119,7 @@
form.on("submit(add)", function (data) { form.on("submit(add)", function (data) {
okUtils.ajax(okUtils.mockApi.user.add, "post", data.field).done(function (response) { okUtils.ajax(okUtils.mockApi.user.add, "post", data.field).done(function (response) {
console.log(response) console.log(response);
okLayer.msg.greenTick("添加成功", function () { okLayer.msg.greenTick("添加成功", function () {
parent.layer.close(parent.layer.getFrameIndex(window.name)); parent.layer.close(parent.layer.getFrameIndex(window.name));
}); });

6
pages/member/user-edit.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>编辑用户</title> <title>编辑用户</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../css/sub.css"> <link rel="stylesheet" href="../../css/oksub.css">
</head> </head>
<body> <body>
<div class="ok-body"> <div class="ok-body">
@ -108,7 +108,7 @@
var initData; var initData;
function initForm(data) { function initForm(data) {
var jsonString = JSON.stringify(data) var jsonString = JSON.stringify(data);
initData = JSON.parse(jsonString); initData = JSON.parse(jsonString);
} }
@ -128,7 +128,7 @@
form.on("submit(edit)", function (data) { form.on("submit(edit)", function (data) {
okUtils.ajax(okUtils.mockApi.user.edit, "put", data.field).done(function (response) { okUtils.ajax(okUtils.mockApi.user.edit, "put", data.field).done(function (response) {
console.log(response) console.log(response);
okLayer.msg.greenTick("编辑成功", function () { okLayer.msg.greenTick("编辑成功", function () {
parent.layer.close(parent.layer.getFrameIndex(window.name)); parent.layer.close(parent.layer.getFrameIndex(window.name));
}); });

2
pages/member/user-info.html
View File

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>基本资料</title> <title>基本资料</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../css/sub.css"> <link rel="stylesheet" href="../../css/oksub.css">
<style> <style>
form input.layui-input[disabled]{background:#f2f2f2;color:#595963!important} form input.layui-input[disabled]{background:#f2f2f2;color:#595963!important}
.user_left{float:left;margin:20px 0 0 5%} .user_left{float:left;margin:20px 0 0 5%}

2
pages/member/user-pwd.html
View File

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>修改密码</title> <title>修改密码</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../css/sub.css"> <link rel="stylesheet" href="../../css/oksub.css">
<style> <style>
form input.layui-input[disabled]{background:#f2f2f2;color:#595963!important} form input.layui-input[disabled]{background:#f2f2f2;color:#595963!important}
.user_left{float:left;margin:20px 0 0 5%} .user_left{float:left;margin:20px 0 0 5%}

10
pages/member/user.html
View File

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>用户列表</title> <title>用户列表</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../css/sub.css"> <link rel="stylesheet" href="../../css/oksub.css">
</head> </head>
<body> <body>
<div class="ok-body"> <div class="ok-body">
@ -119,7 +119,7 @@
var idsStr = okUtils.table.batchCheck(table); var idsStr = okUtils.table.batchCheck(table);
if (idsStr) { if (idsStr) {
okUtils.ajax(okUtils.mockApi.user.batchNormal, "put", {idsStr: idsStr}).done(function (response) { okUtils.ajax(okUtils.mockApi.user.batchNormal, "put", {idsStr: idsStr}).done(function (response) {
console.log(response) console.log(response);
okUtils.table.successMsg("批量启用成功"); okUtils.table.successMsg("批量启用成功");
}).fail(function (error) { }).fail(function (error) {
console.log(error) console.log(error)
@ -134,7 +134,7 @@
var idsStr = okUtils.table.batchCheck(table); var idsStr = okUtils.table.batchCheck(table);
if (idsStr) { if (idsStr) {
okUtils.ajax(okUtils.mockApi.user.batchStop, "put", {idsStr: idsStr}).done(function (response) { okUtils.ajax(okUtils.mockApi.user.batchStop, "put", {idsStr: idsStr}).done(function (response) {
console.log(response) console.log(response);
okUtils.table.successMsg("批量停用成功"); okUtils.table.successMsg("批量停用成功");
}).fail(function (error) { }).fail(function (error) {
console.log(error) console.log(error)
@ -149,7 +149,7 @@
var idsStr = okUtils.table.batchCheck(table); var idsStr = okUtils.table.batchCheck(table);
if (idsStr) { if (idsStr) {
okUtils.ajax(okUtils.mockApi.user.batchDel, "delete", {idsStr: idsStr}).done(function (response) { okUtils.ajax(okUtils.mockApi.user.batchDel, "delete", {idsStr: idsStr}).done(function (response) {
console.log(response) console.log(response);
okUtils.table.successMsg("批量删除成功"); okUtils.table.successMsg("批量删除成功");
}).fail(function (error) { }).fail(function (error) {
console.log(error) console.log(error)
@ -176,7 +176,7 @@
function del(id) { function del(id) {
okLayer.confirm("确定要删除吗？", function () { okLayer.confirm("确定要删除吗？", function () {
okUtils.ajax(okUtils.mockApi.user.batchDel, "delete", {idsStr: id}).done(function (response) { okUtils.ajax(okUtils.mockApi.user.batchDel, "delete", {idsStr: id}).done(function (response) {
console.log(response) console.log(response);
okUtils.table.successMsg("删除成功"); okUtils.table.successMsg("删除成功");
}).fail(function (error) { }).fail(function (error) {
console.log(error) console.log(error)

2
pages/txtedit/CKEditor.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>用户列表</title> <title>用户列表</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../css/sub.css"> <link rel="stylesheet" href="../../css/oksub.css">
</head> </head>
<body> <body>
<div class="ok-body"> <div class="ok-body">

2
pages/txtedit/Neditor.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>用户列表</title> <title>用户列表</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../css/sub.css"> <link rel="stylesheet" href="../../css/oksub.css">
</head> </head>
<body> <body>
<div class="ok-body"> <div class="ok-body">

2
pages/txtedit/TinyMCE.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>用户列表</title> <title>用户列表</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../css/sub.css"> <link rel="stylesheet" href="../../css/oksub.css">
</head> </head>
<body> <body>
<div class="ok-body"> <div class="ok-body">

2
pages/txtedit/UEditor.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>用户列表</title> <title>用户列表</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../css/sub.css"> <link rel="stylesheet" href="../../css/oksub.css">
</head> </head>
<body> <body>
<div class="ok-body"> <div class="ok-body">

2
pages/txtedit/layedit.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>用户列表</title> <title>用户列表</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../css/sub.css"> <link rel="stylesheet" href="../../css/oksub.css">
</head> </head>
<body> <body>
<div class="ok-body"> <div class="ok-body">

2
pages/txtedit/wangEditor.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>用户列表</title> <title>用户列表</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../css/sub.css"> <link rel="stylesheet" href="../../css/oksub.css">
</head> </head>
<body> <body>
<div class="ok-body"> <div class="ok-body">