修改

src/views/Home/Index.vue

@@ -15,7 +15,7 @@
             </el-avatar>
             <div>
               <div class="text-14px">
-                <Highlight :keys="item.keys.map((v) => t(v))">
+                <Highlight :keys="item.keys">
                   {{ item.type }} : {{ item.title }}
                 </Highlight>
               </div>
@@ -100,7 +100,7 @@ import { formatTime } from '@/utils'
 
 import { useUserStore } from '@/store/modules/user'
 import type { TodoList, Notice, Message } from './types'
-
+import * as NoticeApi from '@/api/system/notice'
 
 defineOptions({ name: 'Home' })
 
@@ -179,31 +179,44 @@ const getTodoList = async () => {
   TodoList = Object.assign(TodoList, data)
 }
 
-
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 100,
+  title: '',
+  type: undefined,
+  status: undefined
+})
 // 获取通知公告
 let notice = reactive<Notice[]>([])
 const getNotice = async () => {
-  const data = [
-    {
-      title: '系统升级版本',
-      type: '通知',
-      keys: ['通知', '升级'],
-      date: new Date()
-    },
-    {
-      title: '系统凌晨维护',
-      type: '公告',
-      keys: ['公告', '维护'],
-      date: new Date()
-    },
-    {
-      title: '系统升级版本',
-      type: '通知',
-      keys: ['通知', '升级'],
-      date: new Date()
-    },
-  ]
-  notice = Object.assign(notice, data)
+  try {
+    const data = await NoticeApi.getNoticePage(queryParams)
+    notice = data.list
+    
+  } finally {
+    loading.value = false
+  }
+  // const data = [
+  //   {
+  //     title: '系统升级版本',
+  //     type: '通知',
+  //     keys: ['通知', '升级'],
+  //     date: new Date()
+  //   },
+  //   {
+  //     title: '系统凌晨维护',
+  //     type: '公告',
+  //     keys: ['公告', '维护'],
+  //     date: new Date()
+  //   },
+  //   {
+  //     title: '系统升级版本',
+  //     type: '通知',
+  //     keys: ['通知', '升级'],
+  //     date: new Date()
+  //   },
+  // ]
+ // notice = Object.assign(notice, data)
 }
 //获取通知
 let message = reactive<Message[]>([])