refactor: ♻️ 系统管理页面优化重构
This commit is contained in:
@@ -90,7 +90,7 @@
|
|||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
v-hasPerm="['sys:dept:delete']"
|
v-hasPerm="['sys:dept:delete']"
|
||||||
type="primary"
|
type="danger"
|
||||||
link
|
link
|
||||||
size="small"
|
size="small"
|
||||||
@click.stop="handleDelete(scope.row.id)"
|
@click.stop="handleDelete(scope.row.id)"
|
||||||
|
|||||||
@@ -119,10 +119,6 @@
|
|||||||
<el-radio :value="0">禁用</el-radio>
|
<el-radio :value="0">禁用</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label="备注">
|
|
||||||
<el-input v-model="formData.remark" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-card>
|
</el-card>
|
||||||
|
|
||||||
<el-card shadow="never" class="mt-5">
|
<el-card shadow="never" class="mt-5">
|
||||||
|
|||||||
@@ -208,10 +208,7 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item
|
<el-form-item
|
||||||
v-if="
|
v-if="formData.type == MenuTypeEnum.MENU"
|
||||||
formData.type == MenuTypeEnum.CATALOG ||
|
|
||||||
formData.type == MenuTypeEnum.MENU
|
|
||||||
"
|
|
||||||
prop="routeName"
|
prop="routeName"
|
||||||
>
|
>
|
||||||
<template #label>
|
<template #label>
|
||||||
@@ -486,6 +483,7 @@ const rules = reactive({
|
|||||||
parentId: [{ required: true, message: "请选择顶级菜单", trigger: "blur" }],
|
parentId: [{ required: true, message: "请选择顶级菜单", trigger: "blur" }],
|
||||||
name: [{ required: true, message: "请输入菜单名称", trigger: "blur" }],
|
name: [{ required: true, message: "请输入菜单名称", trigger: "blur" }],
|
||||||
type: [{ required: true, message: "请选择菜单类型", trigger: "blur" }],
|
type: [{ required: true, message: "请选择菜单类型", trigger: "blur" }],
|
||||||
|
routeName: [{ required: true, message: "请输入路由名称", trigger: "blur" }],
|
||||||
routePath: [{ required: true, message: "请输入路由路径", trigger: "blur" }],
|
routePath: [{ required: true, message: "请输入路由路径", trigger: "blur" }],
|
||||||
component: [{ required: true, message: "请输入组件路径", trigger: "blur" }],
|
component: [{ required: true, message: "请输入组件路径", trigger: "blur" }],
|
||||||
visible: [{ required: true, message: "请输入路由路径", trigger: "blur" }],
|
visible: [{ required: true, message: "请输入路由路径", trigger: "blur" }],
|
||||||
|
|||||||
@@ -73,7 +73,7 @@
|
|||||||
<i-ep-edit />编辑
|
<i-ep-edit />编辑
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="danger"
|
||||||
size="small"
|
size="small"
|
||||||
link
|
link
|
||||||
@click="handleDelete(scope.row.id)"
|
@click="handleDelete(scope.row.id)"
|
||||||
@@ -275,7 +275,7 @@ const isExpanded = ref(true);
|
|||||||
|
|
||||||
const parentChildLinked = ref(true);
|
const parentChildLinked = ref(true);
|
||||||
|
|
||||||
// 查询
|
/** 查询 */
|
||||||
function handleQuery() {
|
function handleQuery() {
|
||||||
loading.value = true;
|
loading.value = true;
|
||||||
RoleAPI.getPage(queryParams)
|
RoleAPI.getPage(queryParams)
|
||||||
@@ -287,19 +287,19 @@ function handleQuery() {
|
|||||||
loading.value = false;
|
loading.value = false;
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
// 重置查询
|
/** 重置查询 */
|
||||||
function handleResetQuery() {
|
function handleResetQuery() {
|
||||||
queryFormRef.value.resetFields();
|
queryFormRef.value.resetFields();
|
||||||
queryParams.pageNum = 1;
|
queryParams.pageNum = 1;
|
||||||
handleQuery();
|
handleQuery();
|
||||||
}
|
}
|
||||||
|
|
||||||
// 行选中事件
|
/** 行选中 */
|
||||||
function handleSelectionChange(selection: any) {
|
function handleSelectionChange(selection: any) {
|
||||||
ids.value = selection.map((item: any) => item.id);
|
ids.value = selection.map((item: any) => item.id);
|
||||||
}
|
}
|
||||||
|
|
||||||
// 打开弹窗
|
/** 打开角色弹窗 */
|
||||||
function handleOpenDialog(roleId?: number) {
|
function handleOpenDialog(roleId?: number) {
|
||||||
dialog.visible = true;
|
dialog.visible = true;
|
||||||
if (roleId) {
|
if (roleId) {
|
||||||
@@ -339,7 +339,7 @@ function handleSubmit() {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 关闭表单弹窗 */
|
/** 关闭角色弹窗 */
|
||||||
function handleCloseDialog() {
|
function handleCloseDialog() {
|
||||||
dialog.visible = false;
|
dialog.visible = false;
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user