root
141 lines
5.7 KiB
JavaScript
Executable File
141 lines
5.7 KiB
JavaScript
Executable File
layui.use(['laytp'], function () {
|
|
const funRecycleController = {};
|
|
//静态页面地址前缀
|
|
window.htmlPrefix = "/admin/menu/";
|
|
//后端接口地址前缀
|
|
window.apiPrefix = "/admin.menu/";
|
|
|
|
//表格渲染
|
|
funRecycleController.tableRender = function (where, page) {
|
|
layui.table.render({
|
|
elem: "#laytp-recycle-table"
|
|
, limit: facade.getLimit('/admin/menu/recycle')
|
|
, id: "laytp-recycle-table"
|
|
, url: facade.url("/admin.menu/recycle",{paging:1})
|
|
, toolbar: "#recycle-default-toolbar"
|
|
, defaultToolbar: [{
|
|
title: '刷新',
|
|
layEvent: 'recycle-refresh',
|
|
icon: 'layui-icon-refresh',
|
|
}, 'filter', 'print', 'exports']
|
|
, where: where
|
|
, method: "GET"
|
|
, cellMinWidth: 80
|
|
, skin: 'line'
|
|
, loading: false
|
|
, page: {
|
|
curr: page
|
|
}
|
|
, parseData: function (res) { //res 即为原始返回的数据
|
|
layui.laytpTable.setLimit('/admin/menu/recycle', res.data.per_page);
|
|
return facade.parseTableData(res, true);
|
|
}
|
|
, cols: [[ //表头
|
|
{type: 'checkbox'}
|
|
, {field: 'id', title: 'ID', align: 'center', width: 60}
|
|
, {field: 'pid', title: '上级ID', align: 'center', width: 80}
|
|
, {field: 'name', title: '名称'}
|
|
, {field: 'rule', title: '规则'}
|
|
, {field: "icon", title: "图标", align: "center", width: 80, templet: function (d) {
|
|
return "<i class=\"" + d.icon + "\"></i>";
|
|
}}
|
|
, {field: 'sort', title: '排序', align: 'center', width: 60}
|
|
, {
|
|
field: 'is_menu', title: '菜单', align: 'center', width: 90, templet: function (d) {
|
|
return laytpForm.tableForm.recycleSwitch('is_menu', d, {
|
|
"open": {"value": 1, "text": "是"},
|
|
"close": {"value": 0, "text": "否"}
|
|
});
|
|
}
|
|
}
|
|
, {
|
|
field: 'is_show', title: '显示', align: 'center', width: 90, templet: function (d) {
|
|
return laytpForm.tableForm.recycleSwitch('is_show', d, {
|
|
"open": {"value": 1, "text": "是"},
|
|
"close": {"value": 0, "text": "否"}
|
|
});
|
|
}
|
|
}
|
|
, {
|
|
field: 'operation',
|
|
title: '操作',
|
|
toolbar: '#recycle-default-bar',
|
|
fixed: 'right',
|
|
align: 'center',
|
|
width: 180
|
|
}
|
|
]]
|
|
});
|
|
|
|
//监听数据表格顶部左侧按钮点击事件
|
|
layui.table.on('toolbar(laytp-recycle-table)', function (obj) {
|
|
if (obj.event === "restore") {
|
|
let checkStatus = layui.table.checkStatus(obj.config.id);
|
|
let checkData = checkStatus.data;
|
|
if (checkData.length === 0) {
|
|
facade.error("请选择数据");
|
|
return false;
|
|
}
|
|
let key;
|
|
let ids = [];
|
|
for (key in checkData) {
|
|
ids.push(checkData[key].id);
|
|
}
|
|
facade.ajax({
|
|
route: window.apiPrefix + "restore",
|
|
data: {ids: ids.join(",")},
|
|
showLoading: true
|
|
}).done(function (res) {
|
|
if (res.code === 0) {
|
|
parent.funController.tableRender();
|
|
funRecycleController.tableRender();
|
|
parent.parent.renderMenu();//重新渲染菜单
|
|
}
|
|
});
|
|
}else{
|
|
var defaultTableToolbar = layui.context.get("defaultTableToolbar");
|
|
if (defaultTableToolbar.indexOf(obj.event) !== -1) {
|
|
//默认按钮点击事件
|
|
laytp.tableToolbar(obj);
|
|
} else {
|
|
// //自定义按钮点击事件
|
|
// switch(obj.event){
|
|
// //自定义按钮点击事件
|
|
// case '':
|
|
//
|
|
// break;
|
|
// }
|
|
}
|
|
}
|
|
});
|
|
|
|
//监听数据表格[操作列]按钮点击事件
|
|
layui.table.on('tool(laytp-recycle-table)', function (obj) {
|
|
if (obj.event === "restore") {
|
|
facade.ajax({route: window.apiPrefix + "restore", data: {ids: [obj.data.id]}}).done(function (res) {
|
|
if (res.code === 0) {
|
|
parent.funController.tableRender();
|
|
funRecycleController.tableRender();
|
|
parent.parent.parent.renderMenu();//重新渲染菜单
|
|
}
|
|
});
|
|
} else {
|
|
var defaultTableTool = layui.context.get("defaultTableTool");
|
|
if (defaultTableTool.indexOf(obj.event) !== -1) {
|
|
laytp.tableTool(obj);
|
|
} else {
|
|
// //自定义按钮
|
|
// switch(obj.event){
|
|
// //自定义按钮点击事件
|
|
// case '':
|
|
//
|
|
// break;
|
|
}
|
|
}
|
|
});
|
|
};
|
|
|
|
funRecycleController.tableRender();
|
|
|
|
window.funRecycleController = funRecycleController;
|
|
}); |