数据源和 oss

web/src/view/dashboard/components/notice.vue

@@ -30,37 +30,20 @@
 </template>
 
 <script setup>
-
-  const notices = [
-    {
-      typeTitle: '通知',
-      time: '今天',
-      title: 'Kra 管理后台已完成核心系统、公告和邮件模块接入。',
+  import { onMounted, ref } from 'vue'
+  import { getInfoList } from '@/modules/announcement/api/info'
+  const notices = ref([])
+  onMounted(async () => {
+    const response = await getInfoList({ page: 1, pageSize: 8, status: 1 })
+    if (response.code !== 0) return
+    notices.value = (response.data?.list || []).map((item) => ({
+      typeTitle: item.type === 2 ? '公告' : '通知',
+      time: item.createdAt ? new Date(item.createdAt).toLocaleDateString('zh-CN') : '',
+      title: item.title,
       dotClass: 'bg-cyan-500',
       tagClass: 'bg-cyan-100 text-cyan-700 dark:bg-cyan-900/40 dark:text-cyan-200'
-    },
-    {
-      typeTitle: '安全',
-      time: '2天前',
-      title: '请在部署前修改 JWT 密钥并配置数据库连接信息。',
-      dotClass: 'bg-emerald-500',
-      tagClass: 'bg-emerald-100 text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-200'
-    },
-    {
-      typeTitle: '运维',
-      time: '3天前',
-      title: '邮件告警默认关闭，填写 SMTP 配置后自动启用。',
-      dotClass: 'bg-amber-500',
-      tagClass: 'bg-amber-100 text-amber-700 dark:bg-amber-900/40 dark:text-amber-200'
-    },
-    {
-      typeTitle: '存储',
-      time: '5天前',
-      title: '媒体文件默认存储在本地 uploads/file 目录。',
-      dotClass: 'bg-violet-500',
-      tagClass: 'bg-violet-100 text-violet-700 dark:bg-violet-900/40 dark:text-violet-200'
-    }
-  ]
+    }))
+  })
 </script>
 
 <style scoped lang="scss"></style>