112 lines
4.4 KiB
JavaScript
Executable File
112 lines
4.4 KiB
JavaScript
Executable File
layui.use(["laytp"], function () {
|
|
const funController = {};
|
|
//静态页面地址前缀
|
|
window.htmlPrefix = facade.compatibleHtmlPath("/admin/member/");
|
|
//后端接口地址前缀
|
|
window.apiPrefix = facade.compatibleApiRoute("/admin.member/");
|
|
|
|
//表格渲染
|
|
funController.tableRender = function (where, page) {
|
|
layui.table.render({
|
|
elem: "#laytp-table"
|
|
, limit: facade.getLimit('/admin/member/')
|
|
, id: "laytp-table"
|
|
, url: facade.url("/admin.member/index",{paging:1})
|
|
, toolbar: "#default-toolbar"
|
|
, defaultToolbar: [{
|
|
title: '刷新',
|
|
layEvent: 'refresh',
|
|
icon: 'layui-icon-refresh',
|
|
}, 'filter', 'print', 'exports']
|
|
, where: where
|
|
, method: "GET"
|
|
, cellMinWidth: 120
|
|
, skin: 'line'
|
|
, loading: false
|
|
, page: {
|
|
curr: page
|
|
}
|
|
, parseData: function (res) { //res 即为原始返回的数据
|
|
layui.laytpTable.setLimit('/admin/member/', res.data.per_page);
|
|
return facade.parseTableData(res, true);
|
|
}
|
|
, done: function(){
|
|
layui.laytpTable.done();
|
|
}
|
|
, cols: [[
|
|
{type:'checkbox',fixed:'left'}
|
|
,{field:'id',title:'ID',align:'center',width:80,fixed:'left'}
|
|
,{field:'layui_number',title:'序号',align:'center',width:80,type:'numbers'}
|
|
,{field:'email',title:'邮箱',align:'center'}
|
|
,{field:'nickname',title:'昵称',align:'center'}
|
|
,{field:'sex',title:'性别',align:'center',templet:function(d){
|
|
return laytp.tableFormatter.status('sex',d.sex,{"value":["1","2"],"text":["男","女"]});
|
|
}}
|
|
,{field:'vip_time',title:'vip到期时间',align:'center'}
|
|
,{field:'avatar_pic',title:'头像',align:'center',templet:function(d){
|
|
return d.avatar_pic_file ? laytp.tableFormatter.images(d.avatar_pic_file.path) : "";
|
|
}}
|
|
,{field:'login_time',title:'注册时间',align:'center'}
|
|
,{field:'login_ip',title:'登录IP',align:'center'}
|
|
,{field:'status',title:'账号状态',align:'center',templet:function(d){
|
|
return laytpForm.tableForm.switch("status", d, {
|
|
"open": {"value": 1, "text": "正常"},
|
|
"close": {"value": 2, "text": "锁定"}
|
|
});
|
|
}}
|
|
,{field:'create_time',title:'创建时间',align:'center'}
|
|
,{field:'operation',title:'操作',align:'center',toolbar:'#default-bar',width:180,fixed:'right'}
|
|
]]
|
|
});
|
|
|
|
//监听数据表格顶部左侧按钮点击事件
|
|
layui.table.on("toolbar(laytp-table)", function (obj) {
|
|
//默认按钮点击事件,包括添加按钮和回收站按钮
|
|
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-table)", function (obj) {
|
|
var defaultTableTool = layui.context.get("defaultTableTool");
|
|
if (defaultTableTool.indexOf(obj.event) !== -1) {
|
|
laytp.tableTool(obj);
|
|
} else {
|
|
// //自定义按钮点击事件
|
|
// switch(obj.event){
|
|
// //自定义按钮点击事件
|
|
// case "":
|
|
//
|
|
// break;
|
|
// }
|
|
}
|
|
});
|
|
|
|
//监听表头排序事件
|
|
layui.table.on('sort(laytp-table)', function(obj){
|
|
layui.table.reloadData('laytp-table', {
|
|
initSort: obj //记录初始排序,如果不设的话,将无法标记表头的排序状态。
|
|
, where: {
|
|
"order_param" : {
|
|
"field" : obj.field,
|
|
"type" : obj.type
|
|
}
|
|
}
|
|
});
|
|
});
|
|
};
|
|
|
|
funController.tableRender();
|
|
|
|
window.funController = funController;
|
|
}); |