项目首页-项目列表-项目删除

src/api/demo/projecthome.ts

@@ -5,6 +5,7 @@ enum Api {
   GetWorkspaceList = '/api/Manage/GetWorkspaceList',
   GetWorkSpaceById = '/api/Manage/GetWorkSpaceById',
   EditWorkspace = '/api/Manage/EditWorkspace',
+  DeleteWorkspace = '/api/Manage/DeleteWorkspace',
 }
 
 export function GetUavList(params?) {
@@ -25,6 +26,12 @@ export function EditWorkspace(params) {
     params
   });
 }
+export function DeleteWorkspace(params: { id: string }) {
+  return defHttp.post({
+    url: `${Api.DeleteWorkspace}?id=${params.id}`,
+    params,
+  });
+}
 export function GetWorkspaceList(params?) {
   return defHttp.get({
     url: Api.GetWorkspaceList,

src/views/demo/workmanagement/projecthome/ProjectList/index.vue

@@ -32,8 +32,10 @@
 
 <script setup lang="ts">
 import AddProject from './AddProject/index.vue'
-import { ref, defineProps, onMounted } from "vue"
+import { ref, defineProps, onMounted, createVNode } from "vue"
-import { GetWorkspaceList, GetWorkSpaceById } from '@/api/demo/projecthome'
+import { GetWorkspaceList, GetWorkSpaceById, DeleteWorkspace } from '@/api/demo/projecthome'
+import { message, Modal } from 'ant-design-vue'
+import { ExclamationCircleOutlined } from '@ant-design/icons-vue'
 
 onMounted(() => {
   getProjectList()
@@ -69,7 +71,22 @@ const editProject = (item) => {
   })
 }
 const delProject = (item) => {
-
+   Modal.confirm({
+    title: `确定要删除 " ${item.WorkspaceName} " 项目吗`,
+    icon: createVNode(ExclamationCircleOutlined),
+    onOk() {
+      let params = {
+        id: item.Id
+      }
+      return DeleteWorkspace(params).then(res => {
+        console.log(res)
+        message.success('项目删除成功')
+        getProjectList()
+      })
+    },
+    onCancel() {
+    },
+  });
 }
 </script>