完成50%

pages/records/r03-gift-list.vue

@@ -3,7 +3,7 @@
   <view class="gift-page" :class="stateClasses">
     <ModulePageBackground module="records" />
     <view class="page-header">
-      <PageHeader title="贺礼簿" action="新增" @action="createGift" />
+      <PageHeader title="贺礼簿" :action="hasValidContext ? '填写预览' : ''" @action="createRelativePreview" />
     </view>
     <view v-if="giftState === 'loading'" class="page-loading">
       <AppLoading
@@ -12,40 +12,42 @@
       />
     </view>
     <view v-else class="page-content">
-      <template v-if="giftState === 'ready' && giftBooks.length">
+      <template v-if="giftState === 'ready' && relativeRecords.length">
         <view
-          v-for="gift in giftBooks"
-          :key="gift.id"
+          v-for="record in relativeRecords"
+          :key="record.relativeId"
           class="record-card"
           role="button"
-          :aria-label="`查看${gift.title}`"
-          @click="openGiftBook(gift)"
+          :aria-label="`查看${record.eventName}`"
+          @click="openRelative(record)"
         >
-          <text class="record-card__tag">{{ gift.occasion }}</text>
-          <text class="record-card__title">{{ gift.title }}</text>
+          <text class="record-card__tag">{{ record.relationName }}</text>
+          <text class="record-card__title">{{ record.eventName }}</text>
           <text class="record-card__copy">
-            {{ gift.from }} · {{ gift.date }}
+            {{ record.relativeName }} · {{ record.eventTime }} · 金额记录：{{ record.giftAmount }}
           </text>
-          <text class="record-card__hint">查看并编辑贺礼</text>
+          <text class="record-card__hint">查看往来记录</text>
         </view>
-        <AppButton block label="新增贺礼" @click="createGift" />
+        <AppButton block label="填写往来预览" @click="createRelativePreview" />
       </template>
       <view v-else class="state-card">
         <text>
-          {{ giftState === "error" ? "贺礼簿暂不可用" : "还没有贺礼记录" }}
+          {{ giftState === "error" ? "贺礼簿暂不可用" : giftState === "invalid" ? "贺礼簿入口无效" : "还没有往来记录" }}
         </text>
         <text>
           {{
             giftState === "error"
               ? "请稍后重新查看，已有记录不会受到影响。"
+              : giftState === "invalid"
+                ? "没有找到可访问的成员家谱，页面不会展示其他家谱记录。"
               : "从第一份家人之间的心意开始记录。"
           }}
         </text>
         <AppButton
-          :type="giftState === 'error' ? 'secondary' : 'primary'"
+          :type="giftState === 'empty' ? 'primary' : 'secondary'"
           block
-          :label="giftState === 'error' ? '重新查看' : '新增贺礼'"
-          @click="giftState === 'error' ? restoreGifts() : createGift()"
+          :label="giftState === 'error' ? '重新查看' : giftState === 'invalid' ? '返回上一页' : '填写往来预览'"
+          @click="handleStateAction"
         />
       </view>
     </view>
@@ -58,59 +60,63 @@ import AppButton from "@/components/AppButton.vue";
 import AppLoading from "@/components/AppLoading.vue";
 import ModulePageBackground from "@/components/ModulePageBackground.vue";
 import PageHeader from "@/components/PageHeader.vue";
-const baseGifts = [
-  {
-    id: "301",
-    title: "新春贺礼",
-    occasion: "春节",
-    from: "汤文正一家",
-    date: "2024 年 2 月 10 日",
-  },
-  {
-    id: "302",
-    title: "寿宴礼单",
-    occasion: "寿辰",
-    from: "汤淑华",
-    date: "2024 年 4 月 18 日",
-  },
-  {
-    id: "303",
-    title: "添丁祝福",
-    occasion: "新生",
-    from: "汤文清一家",
-    date: "2024 年 6 月 2 日",
-  },
-];
-const giftBooks = ref([...baseGifts]);
+import {
+  getGenealogyFixtureAccess,
+  listRelativeRecordFixtures,
+} from "@/data/mock.js";
+import { goBack, openPage } from "@/utils/navigation.js";
+
+const genealogyId = ref("");
+const relativeRecords = ref([]);
 const giftState = ref("loading");
+const hasValidContext = computed(() => ["ready", "empty"].includes(giftState.value));
 const stateClasses = computed(() => ({
-  "gift-state--loading": giftState.value === "loading",
-  "gift-state--empty": giftState.value === "empty",
-  "gift-state--error": giftState.value === "error",
+  "relative-state--loading": giftState.value === "loading",
+  "relative-state--empty": giftState.value === "empty",
+  "relative-state--error": giftState.value === "error",
+  "relative-state--invalid": giftState.value === "invalid",
 }));
 onLoad((query) => {
-  const count = Math.max(
-    1,
-    Math.min(Number(query.count) || baseGifts.length, 50),
-  );
-  giftBooks.value = Array.from({ length: count }, (_, i) => ({
-    ...baseGifts[i % baseGifts.length],
-    id: String(301 + i),
-    title:
-      count > 3 ? `${baseGifts[i % 3].title}（${i + 1}）` : baseGifts[i].title,
-  }));
+  genealogyId.value = String(query.genealogyId || "");
+  const access = getGenealogyFixtureAccess(genealogyId.value);
+  if (!["owner", "member"].includes(access.accessRole)) {
+    relativeRecords.value = [];
+    giftState.value = "invalid";
+    return;
+  }
+  relativeRecords.value = listRelativeRecordFixtures(genealogyId.value);
   giftState.value = ["loading", "empty", "error"].includes(query.state)
     ? query.state
-    : "ready";
+    : relativeRecords.value.length
+      ? "ready"
+      : "empty";
 });
-const openGiftBook = (gift) =>
-  uni.navigateTo({
-    url: `/pages/records/r04-gift-editor?mode=view&giftId=${gift.id}`,
-  });
-const createGift = () =>
-  uni.navigateTo({ url: "/pages/records/r04-gift-editor?mode=create" });
-const restoreGifts = () => {
-  giftState.value = "ready";
+const openRelative = (record) =>
+  openPage(
+    "R04",
+    {
+      genealogyId: genealogyId.value,
+      mode: "view",
+      relativeId: String(record.relativeId),
+    },
+    "R03",
+  );
+const createRelativePreview = () =>
+  hasValidContext.value
+    ? openPage(
+        "R04",
+        { genealogyId: genealogyId.value, mode: "create" },
+        "R03",
+      )
+    : Promise.resolve(false);
+const restoreRelatives = () => {
+  relativeRecords.value = listRelativeRecordFixtures(genealogyId.value);
+  giftState.value = relativeRecords.value.length ? "ready" : "empty";
+};
+const handleStateAction = () => {
+  if (giftState.value === "invalid") return goBack();
+  if (giftState.value === "error") return restoreRelatives();
+  return createRelativePreview();
 };
 </script>
 <style scoped lang="scss">