未知（继上次中断）

frontend/src/views/StudyHome.vue

@@ -67,6 +67,33 @@
       class="home-alert"
     />
 
+    <!-- 通知 -->
+    <el-card class="notifications-card">
+      <div class="notifications-header">
+        <span class="notifications-title">{{ TEXT.modules.projectOverview.notificationsTitle }}</span>
+        <span class="notifications-subtitle">{{ TEXT.modules.projectOverview.notificationsSubtitle }}</span>
+      </div>
+      <el-skeleton v-if="loading.notifications" :rows="3" animated />
+      <StateEmpty v-else-if="!notifications.length" :description="TEXT.modules.projectOverview.notificationsEmpty" />
+      <div v-else class="notification-list">
+        <div class="notification-item" v-for="item in notifications" :key="item.id">
+          <div class="notification-main">
+            <div class="notification-title">
+              <span class="notification-doc">{{ item.document_title }}</span>
+              <span class="notification-version">V{{ item.version_no }}</span>
+            </div>
+            <div class="notification-meta">
+              <span class="notification-time">{{ formatDate(item.effective_at || item.created_at) }}</span>
+              <span v-if="item.change_summary" class="notification-summary">{{ item.change_summary }}</span>
+            </div>
+          </div>
+          <el-button link type="primary" @click="openDocument(item.document_id)">
+            {{ TEXT.common.actions.view }}
+          </el-button>
+        </div>
+      </div>
+    </el-card>
+
     <!-- 快捷模块 -->
     <div class="quick-nav-section">
       <QuickActions />
@@ -83,24 +110,30 @@ import { computed, onMounted, ref, watch } from "vue";
 import { useAuthStore } from "../store/auth";
 import { useStudyStore } from "../store/study";
 import { fetchFinanceSummary, fetchOverdueAesCount, fetchProgress } from "../api/dashboard";
+import { listNotifications } from "../api/notifications";
 import KpiCard from "../components/KpiCard.vue";
 import QuickActions from "../components/QuickActions.vue";
 import { List, Warning, Money } from "@element-plus/icons-vue";
 import StateEmpty from "../components/StateEmpty.vue";
 import { displayEnum } from "../utils/display";
 import { TEXT } from "../locales";
+import type { NotificationItem } from "../types/notifications";
+import { useRouter } from "vue-router";
 
 const auth = useAuthStore();
 const study = useStudyStore();
+const router = useRouter();
 
 const progress = ref<any>(null);
 const financeSummary = ref<any>(null);
 const overdueAes = ref<number>(0);
+const notifications = ref<NotificationItem[]>([]);
 
 const loading = ref({
   progress: false,
   finance: false,
   overdueAes: false,
+  notifications: false,
 });
 
 const milestoneCompletionRate = computed(() => {
@@ -123,20 +156,24 @@ const loadData = async () => {
   loading.value.progress = true;
   loading.value.finance = true;
   loading.value.overdueAes = true;
+  loading.value.notifications = true;
   try {
-    const [pRes, fRes, aesRes] = await Promise.allSettled([
+    const [pRes, fRes, aesRes, nRes] = await Promise.allSettled([
       fetchProgress(studyId),
       fetchFinanceSummary(studyId),
       fetchOverdueAesCount(studyId),
+      listNotifications(studyId, { limit: 5 }),
     ]);
 
     if (pRes.status === "fulfilled") progress.value = pRes.value.data;
     if (fRes.status === "fulfilled") financeSummary.value = fRes.value.data;
     if (aesRes.status === "fulfilled") overdueAes.value = aesRes.value.data?.total ?? 0;
+    if (nRes.status === "fulfilled") notifications.value = nRes.value.data || [];
   } finally {
     loading.value.progress = false;
     loading.value.finance = false;
     loading.value.overdueAes = false;
+    loading.value.notifications = false;
   }
 };
 
@@ -144,6 +181,16 @@ const resetData = () => {
   progress.value = null;
   financeSummary.value = null;
   overdueAes.value = 0;
+  notifications.value = [];
+};
+
+const formatDate = (value?: string | null) => {
+  if (!value) return TEXT.common.fallback;
+  return value.replace("T", " ").replace("Z", "").split(".")[0];
+};
+
+const openDocument = (documentId: string) => {
+  router.push(`/documents/${documentId}`);
 };
 
 onMounted(() => {
@@ -217,6 +264,80 @@ watch(
   border-radius: var(--ctms-radius);
 }
 
+.notifications-card {
+  border-radius: 16px;
+}
+
+.notifications-header {
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  margin-bottom: 12px;
+}
+
+.notifications-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--ctms-text-main);
+}
+
+.notifications-subtitle {
+  font-size: 12px;
+  color: var(--ctms-text-secondary);
+}
+
+.notification-list {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.notification-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 14px;
+  border-radius: 12px;
+  background: var(--ctms-bg-muted);
+}
+
+.notification-main {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.notification-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-weight: 500;
+  color: var(--ctms-text-main);
+}
+
+.notification-version {
+  font-size: 12px;
+  padding: 2px 6px;
+  border-radius: 10px;
+  background: var(--ctms-primary-light);
+  color: var(--ctms-primary);
+}
+
+.notification-meta {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  font-size: 12px;
+  color: var(--ctms-text-secondary);
+}
+
+.notification-summary {
+  max-width: 360px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .quick-nav-section {
   margin-top: 8px;
 }