finish accept message

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

@@ -3,8 +3,13 @@ import { MessageItem } from './model/workbenchModel'
 
 enum Api {
   GetMessageList = '/getMessageList',
+  AcceptMessage = '/acceptMessage',
 }
 
 export const getMessageList = () => {
   return defHttp.get<MessageItem[]>({ url: Api.GetMessageList })
 }
+
+export const acceptMessage = (id: number) => {
+  return defHttp.get<string>({ url: Api.AcceptMessage, params: { id } })
+}

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

@@ -21,6 +21,7 @@
                 item.type,
               )
             "
+            @click="accept(item.id)"
             >接受</a-button
           >
           &nbsp;&nbsp;
@@ -33,7 +34,8 @@
 <script lang="ts" setup>
   import { ref } from 'vue'
   import { Card, List } from 'ant-design-vue'
-  import { getMessageList } from '/@/api/dashboard/index'
+  import { getMessageList, acceptMessage } from '/@/api/dashboard/index'
+  import { useMessage } from '/@/hooks/web/useMessage'
   import { MessageTypeEnum, MessageItem } from '/@/api/dashboard/model/workbenchModel'
   import { Avatar } from 'ant-design-vue'
   import headerImg from '/@/assets/images/header.jpg'
@@ -41,7 +43,14 @@
   const ListItem = List.Item
   const ListItemMeta = List.Item.Meta
   const dynamicInfoItemsRef = ref([] as MessageItem[])
+  const { createMessage } = useMessage()
   getMessageList().then((value) => {
     dynamicInfoItemsRef.value = value
   })
+  async function accept(id: number) {
+    try {
+      const msg = await acceptMessage(id)
+      createMessage.success(msg)
+    } catch (_) {}
+  }
 </script>