132 lines
3.4 KiB
TypeScript
132 lines
3.4 KiB
TypeScript
import UserAPI from "@/api/system/user";
|
|
import RoleAPI from "@/api/system/role";
|
|
import type { UserQueryParams, UserItem } from "@/types/api";
|
|
import type { IContentConfig } from "@/components/CURD/types";
|
|
|
|
const contentConfig: IContentConfig<UserQueryParams, UserItem> = {
|
|
permPrefix: "sys:user", // 不写不进行按钮权限校验
|
|
table: {
|
|
border: true,
|
|
highlightCurrentRow: true,
|
|
},
|
|
pagination: {
|
|
background: true,
|
|
layout: "prev,pager,next,jumper,total,sizes",
|
|
pageSize: 20,
|
|
pageSizes: [10, 20, 30, 50],
|
|
},
|
|
indexAction(params) {
|
|
return UserAPI.getPage(params);
|
|
},
|
|
deleteAction: UserAPI.deleteByIds,
|
|
importAction(file) {
|
|
return UserAPI.import("1", file);
|
|
},
|
|
exportAction: UserAPI.export,
|
|
importTemplate: UserAPI.downloadTemplate,
|
|
importsAction(data) {
|
|
// 模拟导入数据
|
|
console.log("importsAction", data);
|
|
return Promise.resolve();
|
|
},
|
|
async exportsAction(params) {
|
|
// 模拟获取到的是全量数据
|
|
const data = await UserAPI.getPage(params);
|
|
console.log("exportsAction", data.list);
|
|
return data.list;
|
|
},
|
|
pk: "id",
|
|
toolbar: [
|
|
"add",
|
|
"delete",
|
|
"import",
|
|
"export",
|
|
{
|
|
name: "custom1",
|
|
text: "自定义1",
|
|
perm: "add",
|
|
attrs: { icon: "plus", color: "#626AEF" },
|
|
},
|
|
],
|
|
defaultToolbar: ["refresh", "filter", "imports", "exports", "search"],
|
|
cols: [
|
|
{ type: "selection", width: 50, align: "center" },
|
|
{ label: "编号", align: "center", prop: "id", width: 100, show: false },
|
|
{ label: "用户名", align: "center", prop: "username" },
|
|
{ label: "头像", align: "center", prop: "avatar", templet: "image" },
|
|
{ label: "用户昵称", align: "center", prop: "nickname", width: 120 },
|
|
{
|
|
label: "性别",
|
|
align: "center",
|
|
prop: "gender",
|
|
width: 100,
|
|
templet: "custom",
|
|
slotName: "gender",
|
|
},
|
|
{ label: "部门", align: "center", prop: "deptName", width: 120 },
|
|
{
|
|
label: "角色",
|
|
align: "center",
|
|
prop: "roleNames",
|
|
width: 120,
|
|
columnKey: "roleIds",
|
|
filters: [],
|
|
filterMultiple: true,
|
|
filterJoin: ",",
|
|
async initFn(colItem) {
|
|
const roleOptions = await RoleAPI.getOptions();
|
|
colItem.filters = roleOptions.map((item) => {
|
|
return { text: item.label, value: item.value };
|
|
});
|
|
},
|
|
},
|
|
{
|
|
label: "手机号码",
|
|
align: "center",
|
|
prop: "mobile",
|
|
templet: "custom",
|
|
slotName: "mobile",
|
|
width: 150,
|
|
},
|
|
{
|
|
label: "状态",
|
|
align: "center",
|
|
prop: "status",
|
|
templet: "custom",
|
|
slotName: "status",
|
|
},
|
|
{ label: "创建时间", align: "center", prop: "createTime", width: 180 },
|
|
{
|
|
label: "操作",
|
|
align: "center",
|
|
fixed: "right",
|
|
width: 280,
|
|
templet: "tool",
|
|
operat: [
|
|
{
|
|
name: "detail",
|
|
text: "详情",
|
|
attrs: { icon: "Document", type: "primary" },
|
|
},
|
|
{
|
|
name: "reset_pwd",
|
|
text: "重置密码",
|
|
// perm: "password-reset",
|
|
attrs: {
|
|
icon: "refresh-left",
|
|
// color: "#626AEF", // 使用 text 属性，颜色不生效
|
|
style: {
|
|
"--el-button-text-color": "#626AEF",
|
|
"--el-button-hover-link-text-color": "#9197f4",
|
|
},
|
|
},
|
|
},
|
|
"edit",
|
|
"delete",
|
|
],
|
|
},
|
|
],
|
|
};
|
|
|
|
export default contentConfig;
|