diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue index eb52ab8c9c3cc6ab6fe330383da1bbeaec7feede..71ef404ba2c48dae74e874490b274dfa346a246d 100644 --- a/src/views/system/dept/index.vue +++ b/src/views/system/dept/index.vue @@ -1,6 +1,6 @@ @@ -13,7 +13,7 @@ import { updateDept, addDept, listDeptOptions, - listDepartments, + listDepartments } from '@/api/dept'; import { Search, Plus, Refresh, Delete } from '@element-plus/icons-vue'; @@ -34,15 +34,15 @@ const state = reactive({ queryParams: {} as DeptQuery, formData: { sort: 1, - status: 1, + status: 1 } as DeptForm, rules: { parentId: [ - { required: true, message: '上级部门不能为空', trigger: 'blur' }, + { required: true, message: '上级部门不能为空', trigger: 'blur' } ], name: [{ required: true, message: '部门名称不能为空', trigger: 'blur' }], - sort: [{ required: true, message: '显示排序不能为空', trigger: 'blur' }], - }, + sort: [{ required: true, message: '显示排序不能为空', trigger: 'blur' }] + } }); const { @@ -53,7 +53,7 @@ const { queryParams, formData, rules, - dialog, + dialog } = toRefs(state); /** @@ -84,11 +84,11 @@ function handleSelectionChange(selection: any) { */ async function getDeptOptions() { const deptOptions: any[] = []; - listDeptOptions().then((response) => { + listDeptOptions().then(response => { const rootDeptOption = { value: '0', label: '顶级部门', - children: response.data, + children: response.data }; deptOptions.push(rootDeptOption); state.deptOptions = deptOptions; @@ -104,7 +104,7 @@ function handleAdd(row: any) { formData.value.parentId = row.id; dialog.value = { title: '添加部门', - visible: true, + visible: true }; } @@ -116,7 +116,7 @@ async function handleUpdate(row: any) { const deptId = row.id || state.ids; state.dialog = { title: '修改部门', - visible: true, + visible: true }; getDeptForm(deptId).then((response: any) => { state.formData = response.data; @@ -159,7 +159,7 @@ function handleDelete(row: any) { ElMessageBox.confirm(`确认删除已选中的数据项?`, '警告', { confirmButtonText: '确定', cancelButtonText: '取消', - type: 'warning', + type: 'warning' }) .then(() => { deleteDept(ids) @@ -263,26 +263,14 @@ onMounted(() => { diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue index 9158e2c7f247831e35f14ef20241ff574fc06d9f..216d61f3d7cb60e72430a805c807ec50a00100be 100644 --- a/src/views/system/menu/index.vue +++ b/src/views/system/menu/index.vue @@ -102,26 +102,21 @@ type="success" link @click.stop="handleAdd(scope.row)" - - v-if="scope.row.type=='CATALOG' ||scope.row.type=='MENU'" + v-if="scope.row.type == 'CATALOG' || scope.row.type == 'MENU'" > - 新增 - + 新增 + - 修改 - - - 删除 - + 编辑 + + + 删除 + @@ -287,7 +282,7 @@ import { listMenuOptions, addMenu, deleteMenus, - updateMenu, + updateMenu } from '@/api/menu'; import SvgIcon from '@/components/SvgIcon/index.vue'; @@ -315,7 +310,7 @@ const state = reactive({ visible: 1, sort: 1, component: undefined, - type: 'MENU', + type: 'MENU' } as MenuForm, rules: { parentId: [{ required: true, message: '请选择顶级菜单', trigger: 'blur' }], @@ -323,8 +318,8 @@ const state = reactive({ type: [{ required: true, message: '请选择菜单类型', trigger: 'blur' }], path: [{ required: true, message: '请输入路由路径', trigger: 'blur' }], component: [ - { required: true, message: '请输入组件完整路径', trigger: 'blur' }, - ], + { required: true, message: '请输入组件完整路径', trigger: 'blur' } + ] }, menuOptions: [] as OptionType[], currentRow: undefined, @@ -332,8 +327,8 @@ const state = reactive({ iconSelectVisible: false, cacheData: { menuType: '', - menuPath: '', - }, + menuPath: '' + } }); const { @@ -345,7 +340,7 @@ const { rules, menuOptions, iconSelectVisible, - cacheData, + cacheData } = toRefs(state); /** @@ -394,7 +389,7 @@ async function handleAdd(row: any) { await loadMenuData(); dialog.value = { title: '添加菜单', - visible: true, + visible: true }; if (row.id) { @@ -421,7 +416,7 @@ async function handleUpdate(row: MenuForm) { await loadMenuData(); state.dialog = { title: '编辑菜单', - visible: true, + visible: true }; const id = row.id as string; getMenuDetail(id).then(({ data }) => { @@ -475,7 +470,7 @@ function handleDelete(row: any) { ElMessageBox.confirm('确认删除已选中的数据项?', '警告', { confirmButtonText: '确定', cancelButtonText: '取消', - type: 'warning', + type: 'warning' }) .then(() => { deleteMenus(ids).then(() => { diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue index 6bd6d23b38523bd244b60cb196575b6557b869a3..edf882891e6d22c2b38e13478256171cc2195f91 100644 --- a/src/views/system/role/index.vue +++ b/src/views/system/role/index.vue @@ -1,6 +1,6 @@ @@ -13,7 +13,7 @@ import { addRole, deleteRoles, getRoleMenuIds, - updateRoleMenus, + updateRoleMenus } from '@/api/role'; import { listResources } from '@/api/menu'; @@ -32,20 +32,20 @@ const state = reactive({ ids: [] as number[], queryParams: { pageNum: 1, - pageSize: 10, + pageSize: 10 } as RoleQuery, roleList: [] as Role[], total: 0, dialog: { title: '', - visible: false, + visible: false } as DialogType, formData: {} as RoleForm, rules: { name: [{ required: true, message: '请输入角色名称', trigger: 'blur' }], code: [{ required: true, message: '请输入角色编码', trigger: 'blur' }], dataScope: [{ required: true, message: '请选择数据权限', trigger: 'blur' }], - status: [{ required: true, message: '请选择状态', trigger: 'blur' }], + status: [{ required: true, message: '请选择状态', trigger: 'blur' }] }, menuDialogVisible: false, resourceOptions: [] as OptionType[], @@ -56,8 +56,8 @@ const state = reactive({ // 选中的角色 checkedRole: { id: '', - name: '', - }, + name: '' + } }); const { @@ -71,7 +71,7 @@ const { rules, menuDialogVisible, checkedRole, - resourceOptions, + resourceOptions } = toRefs(state); /** @@ -105,14 +105,14 @@ function handleRowClick(row: any) { function handleAdd() { dialog.value = { title: '添加角色', - visible: true, + visible: true }; } function handleUpdate(row: any) { dialog.value = { title: '修改角色', - visible: true, + visible: true }; const roleId = row.id || state.ids; getRoleFormDetail(roleId).then(({ data }) => { @@ -160,7 +160,7 @@ function handleDelete(row: any) { ElMessageBox.confirm('确认删除已选中的数据项?', '警告', { confirmButtonText: '确定', cancelButtonText: '取消', - type: 'warning', + type: 'warning' }) .then(() => { deleteRoles(ids).then(() => { @@ -181,17 +181,17 @@ function showRoleMenuDialog(row: Role) { const roleId: any = row.id; checkedRole.value = { id: roleId, - name: row.name, + name: row.name }; // 获取所有的资源 - listResources().then((response) => { + listResources().then(response => { resourceOptions.value = response.data; // 角色拥有的资源 getRoleMenuIds(roleId).then(({ data }) => { // 勾选回显 const checkedMenuIds = data; - checkedMenuIds.forEach((menuId) => + checkedMenuIds.forEach(menuId => resourceRef.value.setChecked(menuId, true) ); @@ -207,7 +207,7 @@ function handleRoleResourceSubmit() { .getCheckedNodes(false, true) .map((node: any) => node.value); - updateRoleMenus(checkedRole.value.id, checkedMenuIds).then((res) => { + updateRoleMenus(checkedRole.value.id, checkedMenuIds).then(res => { ElMessage.success('分配权限成功'); menuDialogVisible.value = false; handleQuery(); @@ -286,7 +286,7 @@ onMounted(() => { - +