完成50%

pages/tree/t01-tree-overview.vue

@@ -182,7 +182,9 @@ import AppButton from "@/components/AppButton.vue";
 import AppLoading from "@/components/AppLoading.vue";
 import ModulePageBackground from "@/components/ModulePageBackground.vue";
 import PageHeader from "@/components/PageHeader.vue";
+import { getGenealogyFixtureAccess, listTreeMemberFixtures } from "@/data/mock.js";
 import { genealogyContext } from "@/utils/genealogy-context.js";
+import { openPage } from "@/utils/navigation.js";
 
 const genealogyId = ref("");
 const treeState = ref("loading");
@@ -202,61 +204,7 @@ const generationMeta = {
   13: { label: "第十三世", summary: "两房" },
   14: { label: "第十四世", summary: "三支" },
 };
-const members = ref([
-  {
-    id: 101,
-    name: "汤文远",
-    relation: "始祖",
-    years: "1940—2012",
-    generation: 12,
-    branch: "主支",
-  },
-  {
-    id: 102,
-    name: "汤正国",
-    relation: "长子",
-    years: "1965—",
-    generation: 13,
-    parentId: 101,
-    branch: "长房",
-  },
-  {
-    id: 103,
-    name: "汤正华",
-    relation: "次子",
-    years: "1968—",
-    generation: 13,
-    parentId: 101,
-    branch: "二房",
-  },
-  {
-    id: 104,
-    name: "汤凯",
-    relation: "长孙",
-    years: "1992—",
-    generation: 14,
-    parentId: 102,
-    branch: "长房",
-  },
-  {
-    id: 105,
-    name: "汤悦",
-    relation: "长孙女",
-    years: "1995—",
-    generation: 14,
-    parentId: 102,
-    branch: "长房",
-  },
-  {
-    id: 106,
-    name: "汤晨",
-    relation: "次孙",
-    years: "1998—",
-    generation: 14,
-    parentId: 103,
-    branch: "二房",
-  },
-]);
+const members = ref([]);
 
 const snapToGrid = (value) => Math.ceil(value / GRID_UNIT) * GRID_UNIT;
 const layoutMembers = computed(() => {
@@ -404,8 +352,29 @@ const stateCopy = computed(
 );
 
 onLoad((query) => {
-  genealogyId.value =
-    query.genealogyId || genealogyContext.getCurrentGenealogyId() || "";
+  if (genealogyContext.isCurrentGenealogyInvalidated()) {
+    genealogyId.value = "";
+    members.value = [];
+    treeState.value = "error";
+    return;
+  }
+  genealogyId.value = String(
+    query.genealogyId || genealogyContext.getCurrentGenealogyId() || "",
+  );
+  if (!genealogyId.value) {
+    members.value = [];
+    treeState.value = "empty";
+    return;
+  }
+  const access = getGenealogyFixtureAccess(genealogyId.value);
+  if (!["owner", "member"].includes(access.accessRole)) {
+    genealogyContext.invalidateCurrentGenealogyId();
+    genealogyId.value = "";
+    members.value = [];
+    treeState.value = "error";
+    return;
+  }
+  members.value = listTreeMemberFixtures(genealogyId.value);
   if (
     query.state === "loading" ||
     ["landscape", "empty", "error"].includes(query.state)
@@ -413,16 +382,12 @@ onLoad((query) => {
     treeState.value = query.state;
     return;
   }
-  if (!genealogyId.value) {
-    treeState.value = "empty";
-    return;
-  }
   genealogyContext.setCurrentGenealogyId(genealogyId.value);
   selected.value =
     layoutMembers.value.find(
       (item) => String(item.id) === String(query.selectedId),
     ) || layoutMembers.value[0];
-  treeState.value = "tree";
+  treeState.value = members.value.length ? "tree" : "empty";
 });
 
 onUnload(() => {
@@ -471,30 +436,30 @@ const nodeGridStyle = (member) => ({
 });
 const handleStateAction = () => {
   if (treeState.value === "empty") {
-    uni.navigateTo({
-      url: `/pages/tree/t04-add-relative?genealogyId=${genealogyId.value || 1001}&mode=first`,
-    });
-    return;
+    if (!genealogyId.value) return Promise.resolve(false);
+    return openPage(
+      "T04",
+      { genealogyId: genealogyId.value, mode: "first" },
+      "T01",
+    );
   }
   selected.value = layoutMembers.value[0];
   treeState.value = "tree";
 };
 const toMember = () =>
-  uni.navigateTo({
-    url: `/pages/tree/t03-member-profile?genealogyId=${genealogyId.value}&personId=${selected.value.id}`,
-  });
+  selected.value
+    ? openPage("T03", { genealogyId: genealogyId.value, personId: String(selected.value.id) }, "T01")
+    : Promise.resolve(false);
 const toDirectory = () =>
-  uni.navigateTo({
-    url: `/pages/tree/t07-member-directory?genealogyId=${genealogyId.value}`,
-  });
+  openPage("T07", { genealogyId: genealogyId.value }, "T01");
 const toRelationship = () =>
-  uni.navigateTo({
-    url: `/pages/tree/t06-edit-relationship?genealogyId=${genealogyId.value}`,
-  });
+  selected.value
+    ? openPage("T06", { genealogyId: genealogyId.value, personId: String(selected.value.id) }, "T01")
+    : Promise.resolve(false);
 const toAddRelative = () =>
-  uni.navigateTo({
-    url: `/pages/tree/t04-add-relative?genealogyId=${genealogyId.value}&personId=${selected.value.id}`,
-  });
+  selected.value
+    ? openPage("T04", { genealogyId: genealogyId.value, personId: String(selected.value.id) }, "T01")
+    : Promise.resolve(false);
 </script>
 
 <style scoped lang="scss">