funish dynamic info

frontend/vben/src/api/dashboard/index.ts

@@ -4,6 +4,7 @@ import { MessageItem } from './model/workbenchModel'
 enum Api {
   GetMessageList = '/getMessageList',
   AcceptMessage = '/acceptMessage',
+  DeleteMessage = '/delMessage',
 }
 
 export const getMessageList = () => {
@@ -13,3 +14,7 @@ export const getMessageList = () => {
 export const acceptMessage = (id: number) => {
   return defHttp.get<string>({ url: Api.AcceptMessage, params: { id } })
 }
+
+export const deleteMessage = (id: number) => {
+  return defHttp.get<string>({ url: Api.DeleteMessage, params: { id } })
+}

frontend/vben/src/api/dashboard/model/workbenchModel.ts

@@ -5,6 +5,7 @@ export enum MessageTypeEnum {
   MessageContactChange = 3,
   MessagePasswordChange = 4,
   MessageResetPassword = 5,
+  MessageOperator = 6,
 }
 
 export interface MessageItem {

frontend/vben/src/views/dashboard/workbench/components/DynamicInfo.vue

@@ -25,7 +25,7 @@
             >接受</a-button
           >
           &nbsp;&nbsp;
-          <a-button ghost color="error">删除</a-button>
+          <a-button ghost color="error" @click="del(item.id)">删除</a-button>
         </ListItem>
       </template>
     </List>
@@ -34,7 +34,7 @@
 <script lang="ts" setup>
   import { ref } from 'vue'
   import { Card, List } from 'ant-design-vue'
-  import { getMessageList, acceptMessage } from '/@/api/dashboard/index'
+  import { getMessageList, acceptMessage, deleteMessage } from '/@/api/dashboard/index'
   import { useMessage } from '/@/hooks/web/useMessage'
   import { MessageTypeEnum, MessageItem } from '/@/api/dashboard/model/workbenchModel'
   import { Avatar } from 'ant-design-vue'
@@ -45,12 +45,24 @@
   const dynamicInfoItemsRef = ref([] as MessageItem[])
   const { createMessage } = useMessage()
   getMessageList().then((value) => {
-    dynamicInfoItemsRef.value = value
+    if (value) dynamicInfoItemsRef.value = value
   })
   async function accept(id: number) {
     try {
       const msg = await acceptMessage(id)
       createMessage.success(msg)
+      getMessageList().then((value) => {
+        dynamicInfoItemsRef.value = value
+      })
+    } catch (_) {}
+  }
+  async function del(id: number) {
+    try {
+      const msg = await deleteMessage(id)
+      createMessage.success(msg)
+      getMessageList().then((value) => {
+        dynamicInfoItemsRef.value = value
+      })
     } catch (_) {}
   }
 </script>