完成50%

pages/family/f01-family-feed.vue

@@ -9,9 +9,9 @@
     }"
   >
     <ModulePageBackground module="family" />
-    <view class="family-page__header"
-      ><PageHeader title="家族动态" action="发布" @action="toPublish"
-    /></view>
+    <view class="family-page__header">
+      <PageHeader root title="家族动态" :action="hasValidContext ? '发布' : ''" @action="toPublish" />
+    </view>
     <view class="feed-content">
       <AppLoading
         v-if="feedState === 'loading'"
@@ -19,9 +19,9 @@
         description="请稍候，正在读取家宴、通知与共同记忆。"
       />
       <view v-if="feedState !== 'loading'" class="feed-heading"
-        ><text>汤氏家族圈</text><text>家宴、通知与共同记忆</text></view
+        ><text>{{ familyTitle }}</text><text>家宴、通知与共同记忆</text></view
       >
-      <view v-if="feedState !== 'loading'" class="feed-shortcuts">
+      <view v-if="feedState !== 'loading' && hasValidContext" class="feed-shortcuts">
         <view
           v-for="item in shortcuts"
           :key="item.key"
@@ -49,56 +49,67 @@
       </template>
       <view v-else-if="feedState !== 'loading'" class="feed-state-card">
         <view class="feed-state-card__copy"
-          ><text>{{
-            feedState === "empty" ? "还没有家族动态" : "家族动态暂不可用"
-          }}</text
-          ><text>{{
-            feedState === "empty"
-              ? "发布第一条通知、家宴记录或家族故事。"
-              : "请稍后重新进入，已有内容不会受到影响。"
-          }}</text></view
+          ><text>{{ stateCopy.title }}</text
+          ><text>{{ stateCopy.copy }}</text></view
         >
       </view>
       <view
         v-if="feedState !== 'loading'"
         class="feed-action"
-        @click="feedState === 'error' ? (feedState = 'list') : toPublish()"
-        ><text>{{
-          feedState === "error" ? "重新查看" : "发布家族动态"
-        }}</text></view
+        @click="handlePrimaryAction"
+        ><text>{{ stateCopy.action }}</text></view
       >
     </view>
     <AppTabbar active="family" />
   </view>
 </template>
 <script setup>
-import { ref } from "vue";
+import { computed, ref } from "vue";
 import { onLoad } from "@dcloudio/uni-app";
 import AppLoading from "@/components/AppLoading.vue";
 import PageHeader from "@/components/PageHeader.vue";
 import AppTabbar from "@/components/AppTabbar.vue";
 import ModulePageBackground from "@/components/ModulePageBackground.vue";
+import {
+  findGenealogyFixture,
+  getGenealogyFixtureAccess,
+  listFamilyFeedFixtures,
+} from "@/data/mock.js";
 import { genealogyContext } from "@/utils/genealogy-context.js";
+import { goRoot, openPage } from "@/utils/navigation.js";
+
 const genealogyId = ref("");
+const genealogy = ref(null);
+const hasValidContext = ref(false);
 const feedState = ref("loading");
-const feeds = [
-  {
-    id: 1,
-    tag: "团圆记忆",
-    time: "今天 10:24",
-    title: "端午家宴",
-    content: "今年端午全家相聚，留下了许多温暖照片。",
-    author: "汤正国",
-  },
-  {
-    id: 2,
-    tag: "家族通知",
-    time: "昨天 18:02",
-    title: "修谱资料征集",
-    content: "请家人补充老照片中的人物姓名与拍摄时间。",
-    author: "谱主",
-  },
-];
+const feeds = ref([]);
+const familyTitle = computed(() =>
+  genealogy.value ? `${genealogy.value.name}家族圈` : "家族圈",
+);
+const stateCopy = computed(() => {
+  if (!hasValidContext.value) {
+    return {
+      title: "请先选择可访问的家谱",
+      copy: "家族动态必须归属明确家谱，页面不会展示其他家谱的内容。",
+      action: "返回我的家谱",
+    };
+  }
+  if (feedState.value === "empty") {
+    return {
+      title: "还没有家族动态",
+      copy: "可先查看其他家族内容；发布接口接入后才能新增动态。",
+      action: "填写动态预览",
+    };
+  }
+  if (feedState.value === "error") {
+    return {
+      title: "家族动态暂不可用",
+      copy: "请稍后重新查看，已有内容不会受到影响。",
+      action: "重新查看",
+    };
+  }
+  return { title: "", copy: "", action: "发布家族动态" };
+});
 const shortcuts = [
   { key: "articles", label: "谱文" },
   { key: "albums", label: "相册" },
@@ -110,8 +121,30 @@ const shortcuts = [
   { key: "videos", label: "家族视频" },
 ];
 onLoad((query) => {
-  genealogyId.value =
-    query.genealogyId || genealogyContext.getCurrentGenealogyId() || "";
+  const hasRouteIdentity = Object.prototype.hasOwnProperty.call(query, "genealogyId");
+  const resolvedGenealogyId = hasRouteIdentity
+    ? String(query.genealogyId || "")
+    : String(genealogyContext.getCurrentGenealogyId() || "");
+  genealogyId.value = resolvedGenealogyId;
+  genealogy.value = findGenealogyFixture(resolvedGenealogyId);
+  const access = getGenealogyFixtureAccess(resolvedGenealogyId);
+  const isAccessible = Boolean(
+    genealogy.value && ["owner", "member"].includes(access.accessRole),
+  );
+  if (!isAccessible) {
+    feeds.value = [];
+    feedState.value = "error";
+    return;
+  }
+  if (!hasRouteIdentity) {
+    goRoot("F01", { genealogyId: resolvedGenealogyId }).catch(() => {
+      hasValidContext.value = false;
+      feedState.value = "error";
+    });
+    return;
+  }
+  hasValidContext.value = isAccessible;
+  feeds.value = listFamilyFeedFixtures(resolvedGenealogyId);
   feedState.value =
     query.state === "loading"
       ? "loading"
@@ -119,28 +152,41 @@ onLoad((query) => {
         ? "empty"
         : query.state === "error"
           ? "error"
-          : "list";
+          : feeds.value.length
+            ? "list"
+            : "empty";
 });
 const toPublish = () =>
-  uni.navigateTo({
-    url: `/pages/family/f02-publish-feed?genealogyId=${genealogyId.value}`,
-  });
+  hasValidContext.value
+    ? openPage("F02", { genealogyId: genealogyId.value }, "F01")
+    : goRoot("G01");
 const openDetail = (item) =>
-  uni.navigateTo({ url: `/pages/family/f03-feed-detail?feedId=${item.id}` });
+  openPage(
+    "F03",
+    { genealogyId: genealogyId.value, feedId: String(item.id) },
+    "F01",
+  );
 const openSection = (key) => {
   const routes = {
-    articles: "/pages/family/f04-article-list",
-    albums: "/pages/family/f07-album-list",
-    rituals: "/pages/records/r05-ritual-list",
-    memos: "/pages/records/r10-memo-list",
-    people: "/pages/records/r01-people-list",
-    gifts: "/pages/records/r03-gift-list",
-    merits: "/pages/records/r11-merit-records",
-    videos: "/pages/family/f10-video-list",
+    articles: "F04",
+    albums: "F07",
+    rituals: "R05",
+    memos: "R10",
+    people: "R01",
+    gifts: "R03",
+    merits: "R11",
+    videos: "F10",
   };
-  uni.navigateTo({
-    url: `${routes[key]}?genealogyId=${genealogyId.value}`,
-  });
+  return openPage(routes[key], { genealogyId: genealogyId.value }, "F01");
+};
+const handlePrimaryAction = () => {
+  if (!hasValidContext.value) return goRoot("G01");
+  if (feedState.value === "error") {
+    feeds.value = listFamilyFeedFixtures(genealogyId.value);
+    feedState.value = feeds.value.length ? "list" : "empty";
+    return;
+  }
+  return toPublish();
 };
 </script>
 <style scoped lang="scss">