feat: 添加 message 消息提示函数,兼容 Element PlusAnt Design 两种 Message 风格

This commit is contained in:
xiaoxian521
2022-11-27 16:14:55 +08:00
parent 667ef918fc
commit 33bd64d9ff
22 changed files with 381 additions and 45 deletions

View File

@@ -56,14 +56,13 @@ export function useColumns() {
];
const handleEdit = (index: number, row) => {
message(
`您编辑了第 ${index} 行,数据为:${JSON.stringify(row)}`,
"success"
);
message(`您编辑了第 ${index} 行,数据为:${JSON.stringify(row)}`, {
type: "success"
});
};
const handleDelete = (index: number, row) => {
message(`您删除了第 ${index} 行,数据为:${JSON.stringify(row)}`, "info");
message(`您删除了第 ${index} 行,数据为:${JSON.stringify(row)}`);
};
return {

View File

@@ -15,14 +15,13 @@ export function useColumns() {
);
const handleEdit = (index: number, row) => {
message(
`您编辑了第 ${index} 行,数据为:${JSON.stringify(row)}`,
"success"
);
message(`您编辑了第 ${index} 行,数据为:${JSON.stringify(row)}`, {
type: "success"
});
};
const handleDelete = (index: number, row) => {
message(`您删除了第 ${index} 行,数据为:${JSON.stringify(row)}`, "info");
message(`您删除了第 ${index} 行,数据为:${JSON.stringify(row)}`);
};
const columns: TableColumnList = [

View File

@@ -68,4 +68,15 @@ function tabClick({ index }) {
:deep(.el-alert__title) {
font-size: 16px;
}
:deep(.el-tabs__nav-next),
:deep(.el-tabs__nav-prev) {
font-size: 16px;
color: var(--el-text-color-primary);
}
:deep(.el-tabs__nav-next.is-disabled),
:deep(.el-tabs__nav-prev.is-disabled) {
opacity: 0.5;
}
</style>

View File

@@ -37,7 +37,9 @@ export function useColumns() {
`您编辑了第 ${
dataList.value.findIndex(v => v.id === row.id) + 1
} 行,数据为:${JSON.stringify(row)}`,
"success"
{
type: "success"
}
)
}
]

View File

@@ -78,7 +78,9 @@ export function useColumns() {
callback: ({ data: { name, value } }) => {
message(
`您点击了第 ${i + 1} 行,图表标题为${name},图表数据为:${value}`,
"success"
{
type: "success"
}
);
}
}

View File

@@ -113,7 +113,9 @@ export function useColumns() {
`您编辑了第 ${index + 1} 行,编辑后数据为:${JSON.stringify(
dataList.value[index]
)}`,
"success"
{
type: "success"
}
);
// 编辑状态关闭
editStatus.value[index] = Object.assign({}, editStatus.value[index], {

View File

@@ -39,7 +39,9 @@ export function useColumns() {
const workBook = utils.book_new();
utils.book_append_sheet(workBook, workSheet, "数据报表");
writeFile(workBook, "pure-admin-table.xlsx");
message("导出成功", "success");
message("导出成功", {
type: "success"
});
};
return {

View File

@@ -62,4 +62,15 @@ defineOptions({
:deep(.el-alert__title) {
font-size: 16px;
}
:deep(.el-tabs__nav-next),
:deep(.el-tabs__nav-prev) {
font-size: 16px;
color: var(--el-text-color-primary);
}
:deep(.el-tabs__nav-next.is-disabled),
:deep(.el-tabs__nav-prev.is-disabled) {
opacity: 0.5;
}
</style>