完成50%

pages/family/f10-video-list.vue

@@ -1,6 +1,6 @@
 <!-- 页面编号：F-10；用途：家族视频待开放状态。 -->
 <template>
-  <view class="video-status-page">
+  <view class="video-status-page" :class="{ 'video-status-state--invalid': !hasValidContext }">
     <ModulePageBackground module="family" />
     <view class="video-status-header"><PageHeader title="家族视频" /></view>
 
@@ -15,13 +15,11 @@
 
       <view class="video-status-card">
         <view class="video-status-card__body">
-          <text class="video-status-card__eyebrow">视频 · 服务说明</text>
-          <text class="video-status-card__title">视频服务暂未开放</text>
-          <text class="video-status-card__copy"
-            >开放后可在这里浏览家族影像与纪念视频</text
-          >
+          <text class="video-status-card__eyebrow">{{ hasValidContext ? '视频 · 服务说明' : '页面入口' }}</text>
+          <text class="video-status-card__title">{{ hasValidContext ? '视频服务暂未开放' : '家谱身份无效' }}</text>
+          <text class="video-status-card__copy">{{ hasValidContext ? '开放后可在这里浏览当前家谱的影像与纪念视频。' : '请从一个可访问的成员家谱重新进入，页面不会展示其他家谱内容。' }}</text>
           <view class="video-return-action" @click="returnToFamily">
-            <AppButton block label="返回家族首页" />
+            <AppButton block :label="hasValidContext ? '返回家族首页' : '返回上一页'" />
           </view>
         </view>
       </view>
@@ -30,13 +28,32 @@
 </template>
 
 <script setup>
+import { computed, ref } from "vue";
+import { onLoad } from "@dcloudio/uni-app";
 import AppButton from "@/components/AppButton.vue";
 import ModulePageBackground from "@/components/ModulePageBackground.vue";
 import PageHeader from "@/components/PageHeader.vue";
+import { getGenealogyFixtureAccess } from "@/data/mock.js";
+import { goBack, returnTo } from "@/utils/navigation.js";
 
-const returnToFamily = () => {
-  uni.reLaunch({ url: "/pages/family/f01-family-feed" });
-};
+const genealogyId = ref("");
+const hasValidContext = computed(() =>
+  Boolean(
+    genealogyId.value &&
+      ["owner", "member"].includes(
+        getGenealogyFixtureAccess(genealogyId.value).accessRole,
+      ),
+  ),
+);
+
+onLoad((query) => {
+  genealogyId.value = String(query.genealogyId || "");
+});
+
+const returnToFamily = () =>
+  hasValidContext.value
+    ? returnTo("F01", { genealogyId: genealogyId.value })
+    : goBack();
 </script>
 
 <style scoped lang="scss">