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

53
view/document/table.html
View File

@ -1,12 +1,11 @@
<!DOCTYPE html>
<html>
<head>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="../../component/pear/css/pear.css" />
</head>
<body>
<body class="pear-container">
</head>
<body class="pear-container">
<div class="layui-card">
<div class="layui-card-body">
<form class="layui-form" action="">
@ -36,7 +35,6 @@
<table id="user-table" lay-filter="user-table"></table>
</div>
</div>
</body>
<script type="text/html" id="user-toolbar">
<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add">
@ -52,6 +50,7 @@
<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-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 type="text/html" id="user-enable">
@ -78,7 +77,16 @@
{{layui.util.toDateString(d.createTime, 'yyyy-MM-dd')}}
</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 />
<h3>上侧弹层内容...</h3>
</div>
@ -86,11 +94,12 @@
<script src="../../component/layui/layui.js"></script>
<script src="../../component/pear/pear.js"></script>
<script>
layui.use(['table', 'form', 'jquery','drawer'], function() {
layui.use(['table', 'form', 'jquery','drawer','dropdown'], function() {
let table = layui.table;
let form = layui.form;
let $ = layui.jquery;
let drawer = layui.drawer;
let dropdown = layui.dropdown;
let MODULE_PATH = "/system/user/";
@ -142,8 +151,8 @@
{
title: '操作',
toolbar: '#user-bar',
align: 'center',
width: 130
align: 'left',
width: 170
}
]
]
@ -158,7 +167,21 @@
defaultToolbar: [{
layEvent: '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) {
@ -166,6 +189,14 @@
window.remove(obj);
} else if (obj.event === 'edit') {
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);
}
});
@ -282,5 +313,5 @@
}
})
</script>
</body>
</body>
</html>