up: css
zhizou
parent
2f318df92c
commit
217d977a9a
|
|
@ -206,35 +206,23 @@
|
|||
.per-bg-a {
|
||||
background: #00c292 !important;
|
||||
}
|
||||
|
||||
.per-bg-b {
|
||||
background: #ab8ce4 !important;
|
||||
background: #9a66e4 !important;
|
||||
}
|
||||
|
||||
.per-bg-c {
|
||||
background: #03a9f3 !important;
|
||||
}
|
||||
|
||||
.per-bg-d {
|
||||
background: #fb9678 !important;
|
||||
}
|
||||
|
||||
|
||||
/*减去220是左侧的菜单宽度为220*/
|
||||
|
||||
@media screen and (max-width: 750px) {
|
||||
/*当屏幕宽度小于970-220时执行*/
|
||||
.ok-in-hide-md {
|
||||
display: none !important;
|
||||
}
|
||||
.per-bg-e {
|
||||
background: #ed4014 !important;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 548px) {
|
||||
/*当屏幕宽度小于768-220时执行*/
|
||||
[ok-pc-in-show],
|
||||
.ok-in-hide-xs {
|
||||
display: none !important;
|
||||
}
|
||||
.per-bg-f {
|
||||
background: #ab8ce4 !important;
|
||||
}
|
||||
.per-bg-g {
|
||||
background: #e46cbb !important;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -253,4 +241,3 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
@import "../css/common.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: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;
|
||||
}
|
||||
}
|
||||
|
|
@ -4,7 +4,6 @@
|
|||
"href": "pages/console.html",
|
||||
"fontFamily": "ok-icon",
|
||||
"icon": "",
|
||||
"isClose": false,
|
||||
"spread": true,
|
||||
"isCheck": true
|
||||
},
|
||||
|
|
@ -13,7 +12,6 @@
|
|||
"href": "",
|
||||
"fontFamily": "ok-icon",
|
||||
"icon": "",
|
||||
"spread": false,
|
||||
"children": [
|
||||
{
|
||||
"title": "控制台一",
|
||||
|
|
|
|||
|
|
@ -41,7 +41,7 @@ layui.use(["okUtils", "table", "countUp", "okMock"], function () {
|
|||
* 用户访问
|
||||
*/
|
||||
function userSource() {
|
||||
var userSourceMap = echarts.init($("#userSourceMap")[0], "mytheme");
|
||||
var userSourceMap = echarts.init($("#userSourceMap")[0], "themez");
|
||||
userSourceMap.setOption(userSourceOption);
|
||||
okUtils.echartsResize([userSourceMap]);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -94,7 +94,7 @@ layui.use(["okUtils", "countUp"], function () {
|
|||
}
|
||||
|
||||
var userSourceWeekChartOption = {
|
||||
title: {show: true, text: '本周用户访问来源'},
|
||||
title: {show: true, text: ''},
|
||||
tooltip: {trigger: 'axis', axisPointer: {type: 'cross', label: {backgroundColor: '#6a7985'}}},
|
||||
legend: {data: ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎']},
|
||||
toolbox: {show: false, feature: {saveAsImage: {}}},
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="utf-8">
|
||||
<title>添加文章</title>
|
||||
<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>
|
||||
<body>
|
||||
<div class="ok-body">
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="utf-8">
|
||||
<title>编辑文章</title>
|
||||
<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>
|
||||
<body>
|
||||
<div class="ok-body">
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="utf-8">
|
||||
<title>文章列表</title>
|
||||
<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>
|
||||
<body>
|
||||
<div class="ok-body">
|
||||
|
|
@ -117,7 +117,7 @@
|
|||
var idsStr = okUtils.table.batchCheck(table);
|
||||
if (idsStr) {
|
||||
okUtils.ajax("/article/batchNormal", "post", {idsStr: idsStr}).done(function (response) {
|
||||
console.log(response)
|
||||
console.log(response);
|
||||
okUtils.table.successMsg("批量上架成功");
|
||||
}).fail(function (error) {
|
||||
console.log(error)
|
||||
|
|
@ -132,7 +132,7 @@
|
|||
var idsStr = okUtils.table.batchCheck(table);
|
||||
if (idsStr) {
|
||||
okUtils.ajax("/article/batchStop", "post", {idsStr: idsStr}).done(function (response) {
|
||||
console.log(response)
|
||||
console.log(response);
|
||||
okUtils.table.successMsg("批量下架成功");
|
||||
}).fail(function (error) {
|
||||
console.log(error)
|
||||
|
|
@ -147,7 +147,7 @@
|
|||
var idsStr = okUtils.table.batchCheck(table);
|
||||
if (idsStr) {
|
||||
okUtils.ajax("/article/batchDel", "post", {idsStr: idsStr}).done(function (response) {
|
||||
console.log(response)
|
||||
console.log(response);
|
||||
okUtils.table.successMsg("批量删除成功");
|
||||
}).fail(function (error) {
|
||||
console.log(error)
|
||||
|
|
@ -171,7 +171,7 @@
|
|||
function del (id) {
|
||||
okLayer.confirm("确定要删除吗？", function () {
|
||||
okUtils.ajax("/article/batchDel", "post", {idsStr: id}).done(function (response) {
|
||||
console.log(response)
|
||||
console.log(response);
|
||||
okUtils.table.successMsg("删除成功");
|
||||
}).fail(function (error) {
|
||||
console.log(error)
|
||||
|
|
@ -215,8 +215,8 @@
|
|||
</script>
|
||||
<!-- 行工具栏模板 -->
|
||||
<script type="text/html" id="operationTpl">
|
||||
<a href="javascript:;" title="编辑" lay-event="edit"><i class="layui-icon"></i></a>
|
||||
<a href="javascript:;" title="删除" lay-event="del"><i class="layui-icon"></i></a>
|
||||
<a href="javascript:" title="编辑" lay-event="edit"><i class="layui-icon"></i></a>
|
||||
<a href="javascript:" title="删除" lay-event="del"><i class="layui-icon"></i></a>
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,203 +1,265 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>ok-admin v2.0 | 很赞的后台模版</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta name="keywords" content="ok-admin v2.0,ok-admin网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
|
||||
<meta name="description" content="ok-admin v2.0，顾名思义，很赞的后台模版，它是一款基于Layui框架的轻量级扁平化且完全免费开源的网站后台管理系统模板，适合中小型CMS后台系统。">
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=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">
|
||||
<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/world/js/china.js"></script>
|
||||
<!--<link rel="stylesheet" href="../css/console.css" media="all"/>-->
|
||||
<link rel="stylesheet" href="../css/sub.css" media="all"/>
|
||||
<style>
|
||||
.yskj-card-body{padding:20px;position:relative;width:100%;box-sizing:border-box}
|
||||
.yskj-card-body-tb{padding:20px 0;position:relative;width:100%;box-sizing:border-box}
|
||||
.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-heading{color:#99abb4}
|
||||
.cart-data .img-box{display:inline-block;vertical-align:middle;padding-right:20px}
|
||||
.cart-data .img-box img{width:60px}
|
||||
.cart-data .cart-r{display:inline-block;vertical-align:middle}
|
||||
.my-card-title{color:#212529;font-size:16px;padding-bottom:20px;font-weight:bolder}
|
||||
.map-body{height:360px}
|
||||
.map-china{height:360px}
|
||||
.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}
|
||||
#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}
|
||||
.data-body .media-cont{-ms-flex-align:center!important;align-items:center!important;-ms-flex:1 1 auto;flex:1 1 auto}
|
||||
.data-body .media-cont .tit{font-size:16px;padding-bottom:5px}
|
||||
.data-body .media-cont .num{font-size:24px;line-height:22px}
|
||||
.data-body .w-img{width:60px;height:60px}
|
||||
.data-body .w-img img{width:100%;height:100%}
|
||||
.line-home-a{height:60px}
|
||||
.cart-data .stat-text{color:#455a64;font-size:24px;padding-bottom:5px}
|
||||
.extra-small-font{font-size:12px}
|
||||
.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}
|
||||
.my-card-title{color:#212529;font-size:16px;padding-bottom:20px;font-weight:bolder}
|
||||
<meta charset="utf-8">
|
||||
<title>ok-admin v2.0 | 很赞的后台模版</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta name="keywords" content="ok-admin v2.0,ok-admin网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
|
||||
<meta name="description" content="ok-admin v2.0，顾名思义，很赞的后台模版，它是一款基于Layui框架的轻量级扁平化且完全免费开源的网站后台管理系统模板，适合中小型CMS后台系统。">
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=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">
|
||||
<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/world/js/china.js"></script>
|
||||
<!--<link rel="stylesheet" href="../css/console.css" media="all"/>-->
|
||||
<link rel="stylesheet" href="../css/oksub.css" media="all"/>
|
||||
<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;
|
||||
}
|
||||
.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;
|
||||
padding-right: 20px
|
||||
}
|
||||
.cart-data .img-box img {
|
||||
width: 60px
|
||||
}
|
||||
.cart-data .cart-r {
|
||||
display: inline-block;
|
||||
vertical-align: middle
|
||||
}
|
||||
.map-body {
|
||||
height: 360px
|
||||
}
|
||||
.map-china {
|
||||
height: 360px
|
||||
}
|
||||
.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}
|
||||
</style>
|
||||
.ok-card-body {
|
||||
padding: 20px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
box-sizing: border-box
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="ok-body home ok-body-scroll">
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-xs6 layui-col-md3">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body clearfix cart-data">
|
||||
<div class="img-box" ok-pc-in-show>
|
||||
<img src="../images/home-01.png" alt="none"/>
|
||||
</div>
|
||||
<div class="cart-r">
|
||||
<div class="stat-text incomes-num">0</div>
|
||||
<div class="stat-heading">收入</div>
|
||||
</div>
|
||||
<div class="layui-col-xs6 layui-col-md3">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body clearfix cart-data">
|
||||
<div class="img-box" ok-pc-in-show>
|
||||
<img src="../images/home-01.png" alt="none"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cart-r">
|
||||
<div class="stat-text incomes-num">0</div>
|
||||
<div class="stat-heading">收入</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-col-xs6 layui-col-md3">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body clearfix cart-data">
|
||||
<div class="img-box" ok-pc-in-show>
|
||||
<img src="../images/home-02.png" alt="none"/>
|
||||
</div>
|
||||
<div class="cart-r">
|
||||
<div class="stat-text goods-num">0</div>
|
||||
<div class="stat-heading">商品</div>
|
||||
</div>
|
||||
<div class="layui-col-xs6 layui-col-md3">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body clearfix cart-data">
|
||||
<div class="img-box" ok-pc-in-show>
|
||||
<img src="../images/home-02.png" alt="none"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cart-r">
|
||||
<div class="stat-text goods-num">0</div>
|
||||
<div class="stat-heading">商品</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-col-xs6 layui-col-md3">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body clearfix cart-data">
|
||||
<div class="img-box" ok-pc-in-show>
|
||||
<img src="../images/home-03.png" alt="none"/>
|
||||
</div>
|
||||
<div class="cart-r">
|
||||
<div class="stat-text blogs-num">0</div>
|
||||
<div class="stat-heading">博客</div>
|
||||
</div>
|
||||
<div class="layui-col-xs6 layui-col-md3">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body clearfix cart-data">
|
||||
<div class="img-box" ok-pc-in-show>
|
||||
<img src="../images/home-03.png" alt="none"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cart-r">
|
||||
<div class="stat-text blogs-num">0</div>
|
||||
<div class="stat-heading">博客</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-col-xs6 layui-col-md3">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body clearfix cart-data">
|
||||
<div class="img-box" ok-pc-in-show>
|
||||
<img src="../images/home-04.png" alt="none"/>
|
||||
</div>
|
||||
<div class="cart-r">
|
||||
<div class="stat-text fans-num">0</div>
|
||||
<div class="stat-heading">用户</div>
|
||||
</div>
|
||||
<div class="layui-col-xs6 layui-col-md3">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body clearfix cart-data">
|
||||
<div class="img-box" ok-pc-in-show>
|
||||
<img src="../images/home-04.png" alt="none"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cart-r">
|
||||
<div class="stat-text fans-num">0</div>
|
||||
<div class="stat-heading">用户</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md8">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body map-body">
|
||||
<div style="height: 100%;" id="userSourceMap"></div>
|
||||
<div class="layui-col-md8">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body map-body">
|
||||
<div style="height: 100%;" id="userSourceMap"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-col-md4">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">
|
||||
<div class="ok-card-title">用户排行榜</div>
|
||||
</div>
|
||||
<div class="ok-card-body map-body" style="height: 320px">
|
||||
<div class="progress-box clearfix">
|
||||
<div class="pro-head">
|
||||
<img src="../images/face.jpg" alt="none"/>
|
||||
</div>
|
||||
<div class="pro-data">
|
||||
<h4 class="por-title">Visits</h4>
|
||||
<div class="por-txt pro-a">用户比例</div>
|
||||
<div class="layui-progress" lay-filter="pro-a">
|
||||
<div class="layui-progress-bar per-bg-a" lay-percent="35%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-col-md4">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">
|
||||
<div class="ok-card-title">用户排行榜</div>
|
||||
<div class="progress-box clearfix">
|
||||
<div class="pro-head">
|
||||
<img src="../images/face.jpg" alt="none"/>
|
||||
</div>
|
||||
<div class="pro-data">
|
||||
<h4 class="por-title">Visits</h4>
|
||||
<div class="por-txt pro-a">用户比例</div>
|
||||
<div class="layui-progress" lay-filter="pro-b">
|
||||
<div class="layui-progress-bar per-bg-b" lay-percent="15%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ok-card-body map-body" style="height: 320px">
|
||||
<div class="progress-box clearfix">
|
||||
<div class="pro-head">
|
||||
<img src="../images/face.jpg" alt="none"/>
|
||||
</div>
|
||||
<div class="pro-data">
|
||||
<h4 class="por-title">Visits</h4>
|
||||
<div class="por-txt pro-a">用户比例</div>
|
||||
<div class="layui-progress" lay-filter="pro-a">
|
||||
<div class="layui-progress-bar per-bg-a" lay-percent="35%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="progress-box clearfix">
|
||||
<div class="pro-head">
|
||||
<img src="../images/face.jpg" alt="none"/>
|
||||
</div>
|
||||
<div class="pro-data">
|
||||
<h4 class="por-title">Visits</h4>
|
||||
<div class="por-txt pro-a">用户比例</div>
|
||||
<div class="layui-progress" lay-filter="pro-b">
|
||||
<div class="layui-progress-bar per-bg-b" lay-percent="15%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="progress-box clearfix">
|
||||
<div class="pro-head">
|
||||
<img src="../images/face.jpg" alt="none"/>
|
||||
</div>
|
||||
<div class="pro-data">
|
||||
<h4 class="por-title">Visits</h4>
|
||||
<div class="por-txt pro-c">用户比例</div>
|
||||
<div class="layui-progress" lay-filter="pro-c">
|
||||
<div class="layui-progress-bar per-bg-c" lay-percent="20%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="progress-box clearfix">
|
||||
<div class="pro-head">
|
||||
<img src="../images/face.jpg" alt="none"/>
|
||||
</div>
|
||||
<div class="pro-data">
|
||||
<h4 class="por-title">Visits</h4>
|
||||
<div class="por-txt pro-d">用户比例</div>
|
||||
<div class="layui-progress" lay-filter="pro-d">
|
||||
<div class="layui-progress-bar per-bg-d" lay-percent="30%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="progress-box clearfix">
|
||||
<div class="pro-head">
|
||||
<img src="../images/face.jpg" alt="none"/>
|
||||
</div>
|
||||
<div class="pro-data">
|
||||
<h4 class="por-title">Visits</h4>
|
||||
<div class="por-txt pro-c">用户比例</div>
|
||||
<div class="layui-progress" lay-filter="pro-c">
|
||||
<div class="layui-progress-bar per-bg-c" lay-percent="20%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="progress-box clearfix">
|
||||
<div class="pro-head">
|
||||
<img src="../images/face.jpg" alt="none"/>
|
||||
</div>
|
||||
<div class="pro-data">
|
||||
<h4 class="por-title">Visits</h4>
|
||||
<div class="por-txt pro-d">用户比例</div>
|
||||
<div class="layui-progress" lay-filter="pro-d">
|
||||
<div class="layui-progress-bar per-bg-d" lay-percent="30%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md6">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body clearfix">
|
||||
<table id="userData" lay-filter="userdata"></table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-md6">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body clearfix">
|
||||
<div class="map-china" id="userLocationMap"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-md6">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body clearfix">
|
||||
<table id="userData" lay-filter="userdata"></table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-md6">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body clearfix">
|
||||
<div class="map-china" id="userLocationMap"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@
|
|||
<script type="text/javascript" src="../lib/echarts/echarts.min.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/sub.css" media="all"/>
|
||||
<link rel="stylesheet" href="../css/oksub.css" media="all"/>
|
||||
<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}
|
||||
.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-col-md12">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">
|
||||
<div class="ok-card-title">本周用户访问来源</div>
|
||||
</div>
|
||||
<div class="ok-card-body clearfix">
|
||||
<div class="map-china" id="userSourceWeekChart"></div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="UTF-8">
|
||||
<title>权限列表</title>
|
||||
<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>
|
||||
<body class="ok-body-scroll">
|
||||
<div class="ok-body">
|
||||
|
|
@ -65,13 +65,13 @@
|
|||
layer.msg('状态：'+ obj.state + '<br>节点数据：' + JSON.stringify(data));
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
initPermissionTable();
|
||||
}).fail(function (error) {
|
||||
console.log(error)
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
function initPermissionTable() {
|
||||
table.render({
|
||||
elem: '#permissionTable',
|
||||
|
|
@ -95,7 +95,7 @@
|
|||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
initPermissionTree();
|
||||
});
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="UTF-8">
|
||||
<title>添加角色</title>
|
||||
<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>
|
||||
<body>
|
||||
<div class="ok-body">
|
||||
|
|
@ -71,7 +71,7 @@
|
|||
|
||||
// 请求后台
|
||||
okUtils.ajax("/role/add", "post", data.field).done(function (response) {
|
||||
console.log(response)
|
||||
console.log(response);
|
||||
okLayer.msg.greenTick("添加成功", function () {
|
||||
parent.layer.close(parent.layer.getFrameIndex(window.name));
|
||||
});
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="UTF-8">
|
||||
<title>编辑角色</title>
|
||||
<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>
|
||||
<body>
|
||||
<div class="ok-body">
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="UTF-8">
|
||||
<title>角色列表</title>
|
||||
<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>
|
||||
<body>
|
||||
<div class="ok-body">
|
||||
|
|
@ -112,7 +112,7 @@
|
|||
var idsStr = okUtils.table.batchCheck(table);
|
||||
if (idsStr) {
|
||||
okUtils.ajax("/role/batchDel", "post", {idsStr: idsStr}).done(function (response) {
|
||||
console.log(response)
|
||||
console.log(response);
|
||||
okUtils.table.successMsg("批量删除成功");
|
||||
}).fail(function (error) {
|
||||
console.log(error)
|
||||
|
|
@ -130,7 +130,7 @@
|
|||
function del (id) {
|
||||
okLayer.confirm("确定要删除吗？", function () {
|
||||
okUtils.ajax("/user/batchDel", "post", {idsStr: id}).done(function (response) {
|
||||
console.log(response)
|
||||
console.log(response);
|
||||
okUtils.table.successMsg("删除成功");
|
||||
}).fail(function (error) {
|
||||
console.log(error)
|
||||
|
|
@ -156,8 +156,8 @@
|
|||
</script>
|
||||
|
||||
<script type="text/html" id="operationTpl">
|
||||
<a href="javascript:;" title="编辑" lay-event="edit"><i class="layui-icon"></i></a>
|
||||
<a href="javascript:;" title="删除" lay-event="del"><i class="layui-icon"></i></a>
|
||||
<a href="javascript:" title="编辑" lay-event="edit"><i class="layui-icon"></i></a>
|
||||
<a href="javascript:" title="删除" lay-event="del"><i class="layui-icon"></i></a>
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="UTF-8">
|
||||
<title>添加用户</title>
|
||||
<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>
|
||||
<body>
|
||||
<div class="ok-body">
|
||||
|
|
@ -119,7 +119,7 @@
|
|||
|
||||
form.on("submit(add)", function (data) {
|
||||
okUtils.ajax(okUtils.mockApi.user.add, "post", data.field).done(function (response) {
|
||||
console.log(response)
|
||||
console.log(response);
|
||||
okLayer.msg.greenTick("添加成功", function () {
|
||||
parent.layer.close(parent.layer.getFrameIndex(window.name));
|
||||
});
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="UTF-8">
|
||||
<title>编辑用户</title>
|
||||
<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>
|
||||
<body>
|
||||
<div class="ok-body">
|
||||
|
|
@ -108,7 +108,7 @@
|
|||
var initData;
|
||||
|
||||
function initForm(data) {
|
||||
var jsonString = JSON.stringify(data)
|
||||
var jsonString = JSON.stringify(data);
|
||||
initData = JSON.parse(jsonString);
|
||||
}
|
||||
|
||||
|
|
@ -128,7 +128,7 @@
|
|||
|
||||
form.on("submit(edit)", function (data) {
|
||||
okUtils.ajax(okUtils.mockApi.user.edit, "put", data.field).done(function (response) {
|
||||
console.log(response)
|
||||
console.log(response);
|
||||
okLayer.msg.greenTick("编辑成功", function () {
|
||||
parent.layer.close(parent.layer.getFrameIndex(window.name));
|
||||
});
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="utf-8">
|
||||
<title>基本资料</title>
|
||||
<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>
|
||||
form input.layui-input[disabled]{background:#f2f2f2;color:#595963!important}
|
||||
.user_left{float:left;margin:20px 0 0 5%}
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="utf-8">
|
||||
<title>修改密码</title>
|
||||
<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>
|
||||
form input.layui-input[disabled]{background:#f2f2f2;color:#595963!important}
|
||||
.user_left{float:left;margin:20px 0 0 5%}
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="utf-8">
|
||||
<title>用户列表</title>
|
||||
<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>
|
||||
<body>
|
||||
<div class="ok-body">
|
||||
|
|
@ -119,7 +119,7 @@
|
|||
var idsStr = okUtils.table.batchCheck(table);
|
||||
if (idsStr) {
|
||||
okUtils.ajax(okUtils.mockApi.user.batchNormal, "put", {idsStr: idsStr}).done(function (response) {
|
||||
console.log(response)
|
||||
console.log(response);
|
||||
okUtils.table.successMsg("批量启用成功");
|
||||
}).fail(function (error) {
|
||||
console.log(error)
|
||||
|
|
@ -134,7 +134,7 @@
|
|||
var idsStr = okUtils.table.batchCheck(table);
|
||||
if (idsStr) {
|
||||
okUtils.ajax(okUtils.mockApi.user.batchStop, "put", {idsStr: idsStr}).done(function (response) {
|
||||
console.log(response)
|
||||
console.log(response);
|
||||
okUtils.table.successMsg("批量停用成功");
|
||||
}).fail(function (error) {
|
||||
console.log(error)
|
||||
|
|
@ -149,7 +149,7 @@
|
|||
var idsStr = okUtils.table.batchCheck(table);
|
||||
if (idsStr) {
|
||||
okUtils.ajax(okUtils.mockApi.user.batchDel, "delete", {idsStr: idsStr}).done(function (response) {
|
||||
console.log(response)
|
||||
console.log(response);
|
||||
okUtils.table.successMsg("批量删除成功");
|
||||
}).fail(function (error) {
|
||||
console.log(error)
|
||||
|
|
@ -176,7 +176,7 @@
|
|||
function del(id) {
|
||||
okLayer.confirm("确定要删除吗？", function () {
|
||||
okUtils.ajax(okUtils.mockApi.user.batchDel, "delete", {idsStr: id}).done(function (response) {
|
||||
console.log(response)
|
||||
console.log(response);
|
||||
okUtils.table.successMsg("删除成功");
|
||||
}).fail(function (error) {
|
||||
console.log(error)
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="UTF-8">
|
||||
<title>用户列表</title>
|
||||
<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>
|
||||
<body>
|
||||
<div class="ok-body">
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="UTF-8">
|
||||
<title>用户列表</title>
|
||||
<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>
|
||||
<body>
|
||||
<div class="ok-body">
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="UTF-8">
|
||||
<title>用户列表</title>
|
||||
<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>
|
||||
<body>
|
||||
<div class="ok-body">
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="UTF-8">
|
||||
<title>用户列表</title>
|
||||
<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>
|
||||
<body>
|
||||
<div class="ok-body">
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="UTF-8">
|
||||
<title>用户列表</title>
|
||||
<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>
|
||||
<body>
|
||||
<div class="ok-body">
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="UTF-8">
|
||||
<title>用户列表</title>
|
||||
<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>
|
||||
<body>
|
||||
<div class="ok-body">
|
||||
|
|
|
|||
Loading…
Reference in New Issue