部门删除

src/api/user-boot/dept.ts

@@ -29,3 +29,19 @@ export function updateDept(data: any) {
         data: data
     })
 }
+
+export function deleteDept(data:any) {
+    return request({
+        url: '/user-boot/dept/delete',
+        method: 'post',
+        data: data
+    })
+}
+
+export function selectPid(data:any) {
+    return request({
+        url: '/user-boot/dept/selectPid',
+        method: 'post',
+        data: data
+    })
+}

src/views/auth/department/index.vue

@@ -22,6 +22,8 @@ import TableStore from '@/utils/tableStore'
 import Table from '@/components/table/index.vue'
 import PopupForm from './popupForm.vue'
 import PopupPoint from './popupPoint.vue'
+import { deleteDept, selectPid } from '@/api/user-boot/dept'
+import { ElMessage, ElMessageBox } from 'element-plus'
 
 defineOptions({
     name: 'auth/department'
@@ -98,7 +100,7 @@ const tableStore = new TableStore({
                     render: 'basicButton',
                     click: row => {
                         popupFormRef.value.open('编辑部门', {
-                            ...row,
+                            ...row
                         })
                     }
                 },
@@ -107,14 +109,26 @@ const tableStore = new TableStore({
                     text: '删除',
                     type: 'danger',
                     icon: 'el-icon-Delete',
-                    render: 'confirmButton',
-                    popconfirm: {
-                        confirmButtonText: '确认',
+                    render: 'basicButton',
+                    click: (row: any) => {
+                        if (row.children.length > 0) {
+                            ElMessageBox.confirm('该部门有子部门，是否确认删除', '提示', {
+                                confirmButtonText: '确认删除',
                                 cancelButtonText: '取消',
-                        confirmButtonType: 'danger',
-                        title: '确定删除该菜单吗？'
-                    },
-                    click: row => {}
+                                type: 'warning'
+                            }).then(() => {
+                                deleteDept([row.id]).then(response => {
+                                    ElMessage.success('删除成功')
+                                    tableStore.index()
+                                })
+                            })
+                        } else {
+                            deleteDept([row.id]).then(response => {
+                                ElMessage.success('删除成功')
+                                tableStore.index()
+                            })
+                        }
+                    }
                 },
                 {
                     name: 'edit',