root
/
Pear-Admin-Layui
mirror of https://gitee.com/zhang_1334717033/Pear-Admin-Layui
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

......

develop
就眠仪式 2020-07-21 22:52:32 +08:00
parent 83226d0059
commit 4207df3868
5 changed files with 155 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
admin/data/menu.json
View File

@ -38,14 +38,14 @@
"icon": "layui-icon layui-icon-console", "icon": "layui-icon layui-icon-console",
"type": 1, "type": 1,
"openType": "_iframe", "openType": "_iframe",
"href": "view/console/console.html" "href": "view/console/conole.html"
}, { }, {
"id": 302, "id": 302,
"title": "数据菜单", "title": "数据菜单",
"icon": "layui-icon layui-icon-console", "icon": "layui-icon layui-icon-console",
"type": 1, "type": 1,
"openType": "_iframe", "openType": "_iframe",
"href": "view/console/console2.html" "href": "view/console/cosole2.html"
}, { }, {
"id": 303, "id": 303,
"title": "主题配置", "title": "主题配置",

43
assets/console1.css
View File

@ -97,4 +97,45 @@
.top-panel-tips i { .top-panel-tips i {
font-size: 33px; font-size: 33px;
} }
.layuiadmin-card-status {
padding: 0 10px 10px;
}
.layuiadmin-card-status dd {
padding: 15px 0;
border-bottom: 1px solid #EEE;
display: -webkit-flex;
display: flex;
}
.layuiadmin-card-status dd div.layui-status-img,
.layuiadmin-card-team .layui-team-img {
width: 32px;
height: 32px;
border-radius: 50%;
margin-right: 15px;
}
.layuiadmin-card-status dd div.layui-status-img a {
width: 100%;
height: 100%;
display: inline-block;
text-align: center;
line-height: 32px;
}
.layuiadmin-card-status dd div span {
color: #BBB;
}
.layuiadmin-card-status dd div a {
color: #01AAED;
}
.top-panel-tips svg {
margin-top: -12px;
width: 50px;
height: 50px;
}

2
index.html
View File

@ -71,4 +71,4 @@
}) })
</script> </script>
</body> </body>
</html> </html>

70
view/console/console1.html
View File

@ -6,7 +6,7 @@
<meta name="renderer" content="webkit"> <meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<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="../../component/pear/css/pear.css" /> <link rel="stylesheet" href="../../component/pear/css/pear.css" />
<link rel="stylesheet" href="../../assets/console1.css" /> <link rel="stylesheet" href="../../assets/console1.css" />
</head> </head>
<body class="pear-container"> <body class="pear-container">
@ -82,6 +82,61 @@
</div> </div>
</div> </div>
</div> </div>
<div class="layui-card">
<div class="layui-card-header">动态</div>
<div class="layui-card-body">
<dl class="layuiadmin-card-status">
<dd>
<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
src="../../admin/images/avatar.jpg"></a></div>
<div>
<p>七彩枫叶 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 专区</a> 回答问题</p>
<span>几秒前</span>
</div>
</dd>
<dd>
<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
src="../../admin/images/avatar.jpg"></a></div>
<div>
<p>简 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 专区</a> 进行了 <a lay-href="http://fly.layui.com/vipclub/list/layuiadmin/column/quiz/">提问</a></p>
<span>2天前</span>
</div>
</dd>
<dd>
<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
src="../../admin/images/avatar.jpg"></a></div>
<div>
<p>恒宇少年 将 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin </a> 更新至 2.3.0 版本</p>
<span>7天前</span>
</div>
</dd>
<dd>
<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
src="../../admin/images/avatar.jpg"></a></div>
<div>
<p>如花 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 社区</a> 发布了 <a lay-href="http://fly.layui.com/column/suggest/">建议</a></p>
<span>7天前</span>
</div>
</dd>
<dd>
<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
src="../../admin/images/avatar.jpg"></a></div>
<div>
<p>就眠仪式 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 社区</a> 发布了 <a lay-href="http://fly.layui.com/column/suggest/">建议</a></p>
<span>8天前</span>
</div>
</dd>
<dd>
<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
src="../../admin/images/avatar.jpg"></a></div>
<div>
<p>贤心 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 专区</a> 进行了 <a lay-href="http://fly.layui.com/vipclub/list/layuiadmin/column/quiz/">提问</a></p>
<span>8天前</span>
</div>
</dd>
</dl>
</div>
</div>
</div> </div>
<div class="layui-col-md3"> <div class="layui-col-md3">
<div class="layui-card"> <div class="layui-card">
@ -99,7 +154,18 @@
</ul> </ul>
</div> </div>
</div> </div>
<div class="layui-card">
<div class="layui-card-header"></div>
<div class="layui-card-body" style="height: 120px;"></div>
</div>
<div class="layui-card">
<div class="layui-card-header"></div>
<div class="layui-card-body" style="height: 120px;"></div>
</div>
<div class="layui-card">
<div class="layui-card-header"></div>
<div class="layui-card-body" style="height: 120px;"></div>
</div>
</div> </div>
</div> </div>
</div> </div>

60
view/console/console2.html
View File

@ -116,17 +116,11 @@
</div> </div>
</div> </div>
<div class="layui-card"> <div class="layui-card">
<div class="layui-card-header">
使用记录
</div>
<div class="layui-card-body"> <div class="layui-card-body">
<script src='https://gitee.com/Jmysy/Pear-Admin-Layui/widget_preview' async defer></script> <table id="role-table" lay-filter="role-table"></table>
<div id="osc-gitee-widget-tag"></div>
<style>
.osc_pro_color {color: #4183c4 !important;}
.osc_panel_color {background-color: #ffffff !important;}
.osc_background_color {background-color: #ffffff !important;}
.osc_border_color {border-color: #e3e9ed !important;}
.osc_desc_color {color: #666666 !important;}
.osc_link_color * {color: #9b9b9b !important;}
</style>
</div> </div>
</div> </div>
</div> </div>
@ -195,22 +189,52 @@
<script src="../../component/layui/layui.js" charset="utf-8"></script> <script src="../../component/layui/layui.js" charset="utf-8"></script>
<script src="../../component/pear/pear.js"></script> <script src="../../component/pear/pear.js"></script>
<script> <script>
layui.use(['layer', 'echarts', 'carousel', 'element'], function() { layui.use(['layer', 'echarts', 'carousel', 'element', 'table'], function() {
var $ = layui.jquery, var $ = layui.jquery,
layer = layui.layer, layer = layui.layer,
element = layui.element, element = layui.element,
echarts = layui.echarts, echarts = layui.echarts,
table = layui.table,
carousel = layui.carousel; carousel = layui.carousel;
let cols = [
[{
type: 'checkbox'
},
{
title: '角色名',
field: 'roleName',
align: 'center',
width: 100
},
{
title: 'Key值',
field: 'roleCode',
align: 'center'
},
{
title: '描述',
field: 'details',
align: 'center'
},
{
title: '是否可用',
field: 'enable',
align: 'center',
templet: '#role-enable'
}
]
]
carousel.render({ table.render({
elem: '#test1', elem: '#role-table',
width: '100% ', url: '../../admin/data/role.json',
height: '100%', page: true,
interval: 5000 //每2秒，自动轮播 cols: cols,
, skin: 'line'
arrow: 'always'
}); });
var echartsRecords = echarts.init(document.getElementById('echarts-records'), 'walden'); var echartsRecords = echarts.init(document.getElementById('echarts-records'), 'walden');
$("body").on("click", "[data-url]", function() { $("body").on("click", "[data-url]", function() {