feat: 新增删除接口

src/api/axios.ts

@@ -4,7 +4,7 @@ import { PageEnum, ErrorPageNameMap } from "@/enums/pageEnum"
 import { StorageEnum } from '@/enums/storageEnum'
 import { axiosPre } from '@/settings/httpSetting'
 import { SystemStoreEnum, SystemStoreUserInfoEnum } from '@/store/modules/systemStore/systemStore.d'
-import { redirectErrorPage, getLocalStorage, routerTurnByName } from '@/utils'
+import { redirectErrorPage, getLocalStorage, routerTurnByName, httpErrorHandle } from '@/utils'
 import { fetchAllowList } from './axios.config'
 import includes from 'lodash/includes'
 
@@ -67,7 +67,7 @@ axiosInstance.interceptors.response.use(
   (err: AxiosResponse) => {
     const { code } = err.data as { code: number }
     if (ErrorPageNameMap.get(code)) redirectErrorPage(code)
-    window['$message'].error(window['$t']('http.error_message'))
+    httpErrorHandle()
     Promise.reject(err)
   }
 )

src/api/path/project.ts

@@ -21,3 +21,13 @@ export const createProjectApi = async (data: object) => {
     httpErrorHandle();
   }
 }
+
+// * 删除项目
+export const deleteProjectApi = async (data: object) => {
+  try { 
+    const res = await http(RequestHttpEnum.DELETE)(`${ModuleTypeEnum.PROJECT}/delete`, data);
+    return res;
+  } catch {
+    httpErrorHandle();
+  }
+}

src/utils/http.ts

@@ -2,5 +2,5 @@
  * * 请求失败统一处理
  */
 export const httpErrorHandle = () => {
-  window['$message'].error('请求失败，请稍后重试！')
+  window['$message'].error(window['$t']('http.error_message'))
 }

src/views/project/items/components/ProjectItemsList/hooks/useData.hook.ts

@@ -1,8 +1,9 @@
 import { ref, reactive } from 'vue';
-import { goDialog } from '@/utils'
+import { goDialog, httpErrorHandle } from '@/utils'
 import { DialogEnum } from '@/enums/pluginEnum'
-import { projectListApi } from '@/api/path/project'
+import { projectListApi, deleteProjectApi } from '@/api/path/project'
-import { ChartList } from '../../../index.d'
+import { Chartype, ChartList } from '../../../index.d'
+import { ResultEnum } from '@/enums/httpEnum'
 
 // 数据初始化
 export const useDataListInit = () => {
@@ -20,7 +21,6 @@ export const useDataListInit = () => {
 
   // 数据请求
   const fetchList = async () => {
-    try {
     const res: any = await projectListApi({
       page: paginat.page,
       limit: paginat.limit
@@ -28,8 +28,8 @@ export const useDataListInit = () => {
     if (res.data) {
       const { count } = res
       paginat.count = count
-        list.value = res.data.map((e:any) => {
+      list.value = res.data.map((e: any) => {
-          const {id, projectName, state, createTime, createUserId} = e
+        const { id, projectName, state, createTime, createUserId } = e
         return {
           id: id,
           title: projectName,
@@ -39,9 +39,7 @@ export const useDataListInit = () => {
         }
       })
     }
-    } catch (error) {
+
-      window['$message'].error(window['$t']('http.error_message'))
-    }
   }
 
   // 修改页数
@@ -57,15 +55,22 @@ export const useDataListInit = () => {
   }
 
   // 删除
-  const deleteHandle = (cardData: object, index: number) => {
+  const deleteHandle = (cardData: Chartype, index: number) => {
     goDialog({
       type: DialogEnum.DELETE,
       promise: true,
-      onPositiveCallback: () =>
+      onPositiveCallback: () => new Promise(res => {
-        new Promise(res => setTimeout(() => res(1), 1000)),
+        res(deleteProjectApi({
-      promiseResCallback: (e: any) => {
+          ids: cardData.id
+        }))
+      }),
+      promiseResCallback: (res: any) => {
+        if (res.code === ResultEnum.SUCCESS) {
           window['$message'].success('删除成功')
-        list.value.splice(index, 1)
+          fetchList()
+          return
+        }
+        httpErrorHandle()
       }
     })
   }

src/views/project/items/components/ProjectItemsList/index.vue

@@ -10,7 +10,7 @@
         <project-items-card
           :cardData="item"
           @resize="resizeHandle"
-          @delete="deleteHandle($event, index)"
+          @delete="deleteHandle(item, index)"
           @edit="editHandle"
         ></project-items-card>
       </n-grid-item>