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

!37 增加dropdown的demo 

Merge pull request !37 from SAssassin/features/dropdown
develop
就眠仪式 2021-01-23 20:07:04 +08:00 committed by Gitee
parent fbf4d3e844 23eb8fc088
commit 705ec9c94a
2 changed files with 309 additions and 278 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
admin/data/table.json
View File

@ -17,7 +17,7 @@
"login": "1", "login": "1",
"roleIds": null "roleIds": null
}, { }, {
"userId": "442488661347536896", "userId": "2",
"username": "854085467", "username": "854085467",
"password": null, "password": null,
"salt": null, "salt": null,
@ -31,7 +31,7 @@
"login": "1", "login": "1",
"roleIds": null "roleIds": null
}, { }, {
"userId": "442492965651353600", "userId": "3",
"username": "970796069", "username": "970796069",
"password": null, "password": null,
"salt": null, "salt": null,
@ -45,7 +45,7 @@
"login": "1", "login": "1",
"roleIds": null "roleIds": null
},{ },{
"userId": "1", "userId": "4",
"username": "admin", "username": "admin",
"password": "$2a$10$1K7E1.IYCrsoZVCb6utOo.5jENtfOzhdKWhc49t2lk.UQd7Oam4FG", "password": "$2a$10$1K7E1.IYCrsoZVCb6utOo.5jENtfOzhdKWhc49t2lk.UQd7Oam4FG",
"salt": null, "salt": null,
@ -59,7 +59,7 @@
"login": "1", "login": "1",
"roleIds": null "roleIds": null
}, { }, {
"userId": "442488661347536896", "userId": "5",
"username": "854085467", "username": "854085467",
"password": null, "password": null,
"salt": null, "salt": null,
@ -73,7 +73,7 @@
"login": "1", "login": "1",
"roleIds": null "roleIds": null
}, { }, {
"userId": "442492965651353600", "userId": "6",
"username": "970796069", "username": "970796069",
"password": null, "password": null,
"salt": null, "salt": null,
@ -87,7 +87,7 @@
"login": "1", "login": "1",
"roleIds": null "roleIds": null
},{ },{
"userId": "1", "userId": "7",
"username": "admin", "username": "admin",
"password": "$2a$10$1K7E1.IYCrsoZVCb6utOo.5jENtfOzhdKWhc49t2lk.UQd7Oam4FG", "password": "$2a$10$1K7E1.IYCrsoZVCb6utOo.5jENtfOzhdKWhc49t2lk.UQd7Oam4FG",
"salt": null, "salt": null,
@ -101,7 +101,7 @@
"login": "1", "login": "1",
"roleIds": null "roleIds": null
}, { }, {
"userId": "442488661347536896", "userId": "8",
"username": "854085467", "username": "854085467",
"password": null, "password": null,
"salt": null, "salt": null,
@ -115,7 +115,7 @@
"login": "1", "login": "1",
"roleIds": null "roleIds": null
}, { }, {
"userId": "442492965651353600", "userId": "9",
"username": "970796069", "username": "970796069",
"password": null, "password": null,
"salt": null, "salt": null,

45
view/document/table.html
View File

@ -5,7 +5,6 @@
<title></title> <title></title>
<link rel="stylesheet" href="../../component/pear/css/pear.css" /> <link rel="stylesheet" href="../../component/pear/css/pear.css" />
</head> </head>
<body>
<body class="pear-container"> <body class="pear-container">
<div class="layui-card"> <div class="layui-card">
<div class="layui-card-body"> <div class="layui-card-body">
@ -36,7 +35,6 @@
<table id="user-table" lay-filter="user-table"></table> <table id="user-table" lay-filter="user-table"></table>
</div> </div>
</div> </div>
</body>
<script type="text/html" id="user-toolbar"> <script type="text/html" id="user-toolbar">
<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add"> <button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add">
@ -52,6 +50,7 @@
<script type="text/html" id="user-bar"> <script type="text/html" id="user-bar">
<button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="edit"><i class="layui-icon layui-icon-edit"></i></button> <button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="edit"><i class="layui-icon layui-icon-edit"></i></button>
<button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove"><i class="layui-icon layui-icon-delete"></i></button> <button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove"><i class="layui-icon layui-icon-delete"></i></button>
<button class="pear-btn pear-btn-sm" id="more{{d.userId}}"><i class="layui-icon layui-icon-triangle-d"></i></button>
</script> </script>
<script type="text/html" id="user-enable"> <script type="text/html" id="user-enable">
@ -78,7 +77,16 @@
{{layui.util.toDateString(d.createTime, 'yyyy-MM-dd')}} {{layui.util.toDateString(d.createTime, 'yyyy-MM-dd')}}
</script> </script>
<div class="layer-top"> <script type="text/plain" id="moreTool">
[
[{txt: "Progerss", event: "progress"}]
[{txt: "Resolve", event: "resolve"}]
[{txt: "Reopen", event: "reopen"}]
[{txt: "Close", event: "close"}]
]
</script>
<div class="layer-top"">
<br /> <br />
<h3>上侧弹层内容...</h3> <h3>上侧弹层内容...</h3>
</div> </div>
@ -86,11 +94,12 @@
<script src="../../component/layui/layui.js"></script> <script src="../../component/layui/layui.js"></script>
<script src="../../component/pear/pear.js"></script> <script src="../../component/pear/pear.js"></script>
<script> <script>
layui.use(['table', 'form', 'jquery','drawer'], function() { layui.use(['table', 'form', 'jquery','drawer','dropdown'], function() {
let table = layui.table; let table = layui.table;
let form = layui.form; let form = layui.form;
let $ = layui.jquery; let $ = layui.jquery;
let drawer = layui.drawer; let drawer = layui.drawer;
let dropdown = layui.dropdown;
let MODULE_PATH = "/system/user/"; let MODULE_PATH = "/system/user/";
@ -142,8 +151,8 @@
{ {
title: '操作', title: '操作',
toolbar: '#user-bar', toolbar: '#user-bar',
align: 'center', align: 'left',
width: 130 width: 170
} }
] ]
] ]
@ -158,7 +167,21 @@
defaultToolbar: [{ defaultToolbar: [{
layEvent: 'refresh', layEvent: 'refresh',
icon: 'layui-icon-refresh', icon: 'layui-icon-refresh',
}, 'filter', 'print', 'exports'] }, 'filter', 'print', 'exports'],
done: function (res) {
for (var i = 0; i < res.data.length; i++) {
if (res.data[i].userId == "5" || res.data[i].userId == "8") {
$("#more" + res.data[i].userId).hide();
continue;
}
dropdown.suite("#more" + res.data[i].userId, {
align:'left',
data: res.data[i],
templateMenu: "moreTool",
});
}
}
}); });
table.on('tool(user-table)', function(obj) { table.on('tool(user-table)', function(obj) {
@ -166,6 +189,14 @@
window.remove(obj); window.remove(obj);
} else if (obj.event === 'edit') { } else if (obj.event === 'edit') {
window.edit(obj); window.edit(obj);
} else if (obj.event === "progress") {
layer.msg(obj.event);
} else if (obj.event === "resolve") {
layer.msg(obj.event);
} else if (obj.event === "reopen") {
layer.msg(obj.event);
} else if (obj.event === "close") {
layer.msg(obj.event);
} }
}); });