完成50%

pages/records/r01-people-list.vue

@@ -40,7 +40,7 @@
             <view class="person-card__copy">
               <text class="person-card__name">{{ person.name }}</text>
               <text class="person-card__meta"
-                >{{ person.role }} · 第 {{ person.generation }} 世</text
+                >{{ person.relation }} · 第 {{ person.generation }} 世</text
               >
               <text class="person-card__hint">查看人物档案</text>
             </view>
@@ -48,8 +48,8 @@
           <AppButton
             class="people-primary-action"
             block
-            label="新建人物"
-            @click="showCreateNotice"
+            label="填写人物预览"
+            @click="createPersonPreview"
           />
         </view>
 
@@ -70,52 +70,55 @@
       <view v-else class="people-state-card">
         <view class="people-state-card__copy">
           <text>{{
-            peopleState === "empty" ? "还没有人物记录" : "人物录暂不可用"
+            peopleState === "empty"
+              ? "还没有人物记录"
+              : peopleState === "invalid"
+                ? "人物录入口无效"
+                : "人物录暂不可用"
           }}</text>
           <text>{{
             peopleState === "empty"
               ? "从第一位值得铭记的家人开始建立人物录。"
+              : peopleState === "invalid"
+                ? "没有找到可访问的成员家谱，页面不会展示其他家谱人物。"
               : "请稍后重新进入，已有档案不会受到影响。"
           }}</text>
         </view>
         <AppButton
-          :type="peopleState === 'error' ? 'secondary' : 'primary'"
+          :type="peopleState === 'empty' ? 'primary' : 'secondary'"
           block
-          :label="peopleState === 'error' ? '重新查看' : '新建人物'"
-          @click="peopleState === 'error' ? restoreList() : showCreateNotice()"
+          :label="peopleState === 'error' ? '重新查看' : peopleState === 'invalid' ? '返回上一页' : '填写人物预览'"
+          @click="handleStateAction"
         />
       </view>
     </view>
-
-    <AppToast :visible="toastVisible" message="新建人物将在后续功能阶段开放" />
   </view>
 </template>
 
 <script setup>
 import { onLoad } from "@dcloudio/uni-app";
-import { computed, onUnmounted, ref } from "vue";
+import { computed, ref } from "vue";
 import AppButton from "@/components/AppButton.vue";
-import AppToast from "@/components/AppToast.vue";
 import ModulePageBackground from "@/components/ModulePageBackground.vue";
 import PageHeader from "@/components/PageHeader.vue";
+import {
+  getGenealogyFixtureAccess,
+  listTreeMemberPresentationFixtures,
+} from "@/data/mock.js";
+import { goBack, openPage } from "@/utils/navigation.js";
 
-const people = [
-  { id: 1, name: "汤文正", role: "家谱管理员", generation: 18 },
-  { id: 2, name: "汤淑华", role: "家族长辈", generation: 17 },
-  { id: 3, name: "汤文清", role: "青年代表", generation: 19 },
-];
-
+const genealogyId = ref("");
+const people = ref([]);
 const peopleState = ref("ready");
 const keywordInput = ref("");
 const keyword = ref("");
-const toastVisible = ref(false);
-let toastTimer = null;
+const hasValidContext = computed(() => peopleState.value !== "invalid");
 
 const filteredPeople = computed(() => {
   const value = keyword.value.trim().toLowerCase();
-  if (!value) return people;
-  return people.filter((person) =>
-    `${person.name} ${person.role} 第${person.generation}世 ${person.generation}`
+  if (!value) return people.value;
+  return people.value.filter((person) =>
+    `${person.name} ${person.relation} ${person.branch || ""} ${person.generationName || ""} 第${person.generation}世 ${person.generation}`
       .toLowerCase()
       .includes(value),
   );
@@ -133,24 +136,49 @@ const clearSearch = () => {
   keyword.value = "";
 };
 const restoreList = () => {
-  peopleState.value = "ready";
+  people.value = listTreeMemberPresentationFixtures(genealogyId.value);
+  peopleState.value = people.value.length ? "ready" : "empty";
 };
 const openPerson = (person) =>
-  uni.navigateTo({
-    url: `/pages/records/r02-person-detail?personId=${person.id}`,
-  });
-const showCreateNotice = () => {
-  uni.navigateTo({ url: "/pages/records/r02-person-detail?mode=create" });
+  hasValidContext.value
+    ? openPage(
+        "R02",
+        {
+          genealogyId: genealogyId.value,
+          mode: "view",
+          personId: String(person.id),
+        },
+        "R01",
+      )
+    : Promise.resolve(false);
+const createPersonPreview = () =>
+  hasValidContext.value
+    ? openPage(
+        "R02",
+        { genealogyId: genealogyId.value, mode: "create" },
+        "R01",
+      )
+    : Promise.resolve(false);
+const handleStateAction = () => {
+  if (peopleState.value === "invalid") return goBack();
+  if (peopleState.value === "error") return restoreList();
+  return createPersonPreview();
 };
 
 onLoad((query) => {
+  genealogyId.value = String(query.genealogyId || "");
+  const access = getGenealogyFixtureAccess(genealogyId.value);
+  if (!["owner", "member"].includes(access.accessRole)) {
+    people.value = [];
+    peopleState.value = "invalid";
+    return;
+  }
+  people.value = listTreeMemberPresentationFixtures(genealogyId.value);
   peopleState.value = ["empty", "error"].includes(query.state)
     ? query.state
-    : "ready";
-});
-
-onUnmounted(() => {
-  if (toastTimer) clearTimeout(toastTimer);
+    : people.value.length
+      ? "ready"
+      : "empty";
 });
 </script>