完善角色的新增编辑删除

src/api/system/role/index.ts

@@ -1,38 +1,7 @@
-import request, { get } from '/@/utils/request';
+import { get, post, del, put } from '/@/utils/request';
 
 export const getRoleList = (params: object) => get('/system/role/tree', params)
 export const getRole = (id: number) => get('/system/role/getInfoById', { id })
-
-export function getRoleParams() {
-    return request({
-        url: '/system/role/getParams',
-        method: 'get'
-    })
-}
-
-export function addRole(data: object) {
-    return request({
-        url: '/system/role/add',
-        method: 'post',
-        data: data
-    })
-}
-
-
-
-export function editRole(data: object) {
-    return request({
-        url: '/system/role/edit',
-        method: 'put',
-        data: data
-    })
-}
-
-
-export function deleteRole(id: number) {
-    return request({
-        url: '/system/role/delete',
-        method: 'delete',
-        data: { ids: [id] }
-    })
-}
+export const addRole = (data: object) => post('/system/role/add', data)
+export const deleteRole = (id: number) => del('/system/role/delInfoById', { id })
+export const editRole = (data: object) => put('/system/role/edit', data)

src/views/system/role/component/editRole.vue

@@ -50,7 +50,7 @@
 </template>
 
 <script lang="ts">
-import { reactive, toRefs, defineComponent, ref, getCurrentInstance, unref } from 'vue';
+import { reactive, toRefs, defineComponent, ref, unref } from 'vue';
 import { addRole, editRole, getRole } from '/@/api/system/role';
 import { getMenuList } from '/@/api/system/menu';
 import { ElMessage } from 'element-plus';
@@ -65,6 +65,7 @@ interface MenuDataTree {
 }
 interface DialogRow {
 	id: number;
+	parentId: number;
 	name: string;
 	status: number;
 	listOrder: number;
@@ -89,7 +90,6 @@ interface RoleState {
 export default defineComponent({
 	name: 'systemEditRole',
 	setup(props, { emit }) {
-		const { proxy } = getCurrentInstance() as any;
 		const formRef = ref<HTMLElement | null>(null);
 		const menuRef = ref();
 		const state = reactive<RoleState>({
@@ -97,6 +97,7 @@ export default defineComponent({
 			isShowDialog: false,
 			formData: {
 				id: 0,
+				parentId: -1,
 				name: '',
 				status: 1,
 				listOrder: 0,
@@ -122,7 +123,7 @@ export default defineComponent({
 			getMenuData();
 			if (row) {
 				getRole(row.id).then((res: any) => {
-					state.formData = res
+					state.formData = res;
 					// if (res.data.role) {
 					// 	state.formData = res.data.role;
 					// 	state.formData.menuIds = res.data.menuIds ?? [];
@@ -187,6 +188,7 @@ export default defineComponent({
 			state.menuNodeAll = false;
 			state.formData = {
 				id: 0,
+				parentId: -1,
 				name: '',
 				status: 1,
 				listOrder: 0,