From 0ea90bd282d6e53bd3ac25b3084d6e4aa9a7336a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E7=94=B7?= <l.weinan@gmail.com>
Date: Mon, 27 Apr 2026 22:35:37 +0800
Subject: [PATCH] feat(front): render organization homepage on role home pages

Show current organization homepage text on student and teacher home pages and provide fallback guidance when org is not selected.

Made-with: Cursor
---
 src/pages/student/home.vue | 51 +++++++++++++++++++++++++++++++++++--
 src/pages/teacher/home.vue | 52 ++++++++++++++++++++++++++++++++++++--
 2 files changed, 99 insertions(+), 4 deletions(-)

diff --git a/src/pages/student/home.vue b/src/pages/student/home.vue
index b86011c..895a4a0 100644
--- a/src/pages/student/home.vue
+++ b/src/pages/student/home.vue
@@ -3,12 +3,17 @@
     <div class="header">
       欢迎回来，{{name}}
     </div>
+    <div class="org-homepage-card">
+      <div class="org-homepage-title">机构首页：{{ currentOrgName || "未选择机构" }}</div>
+      <pre class="org-homepage-content">{{ homepageContent }}</pre>
+    </div>
   </div>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent } from 'vue';
+import { computed, defineComponent, onMounted, ref } from 'vue';
 import useUser from "~/store/user";
+import useOrg from "~/store/org";
 
 
 export default defineComponent({
@@ -16,13 +21,31 @@ export default defineComponent({
   setup() {
 
     const usingUser = useUser();
+    const { store: orgStore, getHomepage } = useOrg();
+    const homepageContent = ref("机构暂未配置首页内容。");
 
     const name = computed(() => usingUser.store.current.real_name)
+    const currentOrgName = computed(() => {
+      const currentOrgId = orgStore.currentOrgId;
+      if (!currentOrgId) return "";
+      return orgStore.orgs.find((org) => org.id === currentOrgId)?.org_name || currentOrgId;
+    });
+
+    onMounted(async () => {
+      if (!orgStore.currentOrgId) {
+        homepageContent.value = "请先在“我的”页选择机构。";
+        return;
+      }
+      const markdownText = await getHomepage(orgStore.currentOrgId);
+      homepageContent.value = (markdownText || "").trim() || "机构暂未配置首页内容。";
+    });
 
 
 
     return {
-      name
+      name,
+      currentOrgName,
+      homepageContent,
     };
   }
 });
@@ -41,5 +64,29 @@ export default defineComponent({
       background: #FFFFFF;
     }
 
+    .org-homepage-card {
+      margin: 0.24rem 0.24rem 0;
+      padding: 0.24rem;
+      background: #ffffff;
+      border-radius: 10px;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+    }
+
+    .org-homepage-title {
+      font-weight: 600;
+      margin-bottom: 0.16rem;
+      color: #333;
+    }
+
+    .org-homepage-content {
+      margin: 0;
+      white-space: pre-wrap;
+      word-break: break-word;
+      color: #444;
+      line-height: 1.6;
+      font-family: inherit;
+      font-size: 0.28rem;
+    }
+
   }
 </style>
diff --git a/src/pages/teacher/home.vue b/src/pages/teacher/home.vue
index b815aef..f2c25a4 100644
--- a/src/pages/teacher/home.vue
+++ b/src/pages/teacher/home.vue
@@ -3,12 +3,17 @@
     <div class="header">
       欢迎回来，{{name}}
     </div>
+    <div class="org-homepage-card">
+      <div class="org-homepage-title">机构首页：{{ currentOrgName || "未选择机构" }}</div>
+      <pre class="org-homepage-content">{{ homepageContent }}</pre>
+    </div>
   </div>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent } from 'vue';
+import { computed, defineComponent, onMounted, ref } from 'vue';
 import useUser from "~/store/user";
+import useOrg from "~/store/org";
 
 
 export default defineComponent({
@@ -16,10 +21,29 @@ export default defineComponent({
   setup() {
 
     const usingUser = useUser();
+    const { store: orgStore, getHomepage } = useOrg();
+    const homepageContent = ref("机构暂未配置首页内容。");
 
     const name = computed(() => usingUser.store.current.real_name)
+    const currentOrgName = computed(() => {
+      const currentOrgId = orgStore.currentOrgId;
+      if (!currentOrgId) return "";
+      return orgStore.orgs.find((org) => org.id === currentOrgId)?.org_name || currentOrgId;
+    });
+
+    onMounted(async () => {
+      if (!orgStore.currentOrgId) {
+        homepageContent.value = "请先在“我的”页选择机构。";
+        return;
+      }
+      const markdownText = await getHomepage(orgStore.currentOrgId);
+      homepageContent.value = (markdownText || "").trim() || "机构暂未配置首页内容。";
+    });
+
     return {
-      name
+      name,
+      currentOrgName,
+      homepageContent,
     };
   }
 });
@@ -37,5 +61,29 @@ export default defineComponent({
       padding: 0.2rem 0.32rem;
       background: #FFFFFF;
     }
+
+    .org-homepage-card {
+      margin: 0.24rem 0.24rem 0;
+      padding: 0.24rem;
+      background: #ffffff;
+      border-radius: 10px;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+    }
+
+    .org-homepage-title {
+      font-weight: 600;
+      margin-bottom: 0.16rem;
+      color: #333;
+    }
+
+    .org-homepage-content {
+      margin: 0;
+      white-space: pre-wrap;
+      word-break: break-word;
+      color: #444;
+      line-height: 1.6;
+      font-family: inherit;
+      font-size: 0.28rem;
+    }
   }
 </style>