完成50%

pages/genealogy/g10-application-review.vue

@@ -2,9 +2,15 @@
 <template>
   <view class="review-page">
     <GenealogyPageBackground />
-    <view class="review-page__header"
-      ><PageHeader title="入谱审核" action="说明" @action="showHelp"
-    /></view>
+    <view class="review-page__header">
+      <PageHeader
+        title="入谱审核"
+        action="说明"
+        custom-back
+        @action="showHelp"
+        @back="requestBack"
+      />
+    </view>
 
     <view
       class="review-content"
@@ -17,7 +23,7 @@
     >
       <view v-if="reviewState !== 'loading'" class="review-intro">
         <text>核实亲属关系后再决定</text>
-        <text>审核结果会通过消息告知申请人</text>
+        <text>当前只预览审核交互，不会提交服务器</text>
       </view>
 
       <template v-if="reviewState === 'list'">
@@ -35,12 +41,12 @@
               <AppButton
                 compact
                 type="secondary"
-                label="拒绝申请"
+                label="预览拒绝"
                 @click="confirmAudit(item, false)"
               />
               <AppButton
                 compact
-                label="通过申请"
+                label="预览通过"
                 @click="confirmAudit(item, true)"
               />
             </view>
@@ -86,28 +92,28 @@
         helpVisible
           ? '审核说明'
           : confirmation?.approved
-            ? '确认通过申请？'
-            : '确认拒绝申请？'
+            ? '预览通过效果？'
+            : '预览拒绝效果？'
       "
       :message="
         helpVisible
           ? '请核对申请人的姓名、亲属关系和补充说明，仅确认与本家谱存在真实关系的申请。'
           : confirmation?.approved
-            ? '通过后，申请人将成为本家谱成员。'
-            : '拒绝后，申请人会收到审核结果，并可修改后重新申请。'
+            ? '当前只更新本页本地预览，不会让申请人成为成员，也不会提交服务器。'
+            : '当前只更新本页本地预览，不会通知申请人，也不会提交服务器。'
       "
       :confirm-text="
         helpVisible
           ? '我知道了'
           : confirmation?.approved
-            ? '确认通过'
-            : '确认拒绝'
+            ? '查看通过效果'
+            : '查看拒绝效果'
       "
       :show-cancel="!!confirmation"
       compact-actions
+      :close-on-mask="false"
       @confirm="helpVisible ? closeDialog() : applyAudit()"
       @cancel="closeDialog"
-      @close="closeDialog"
     >
       <view v-if="confirmation && !confirmation.approved" class="rejection-field">
         <text>拒绝原因</text>
@@ -140,18 +146,19 @@
 
 <script setup>
 import { computed, nextTick, ref } from "vue";
-import { onLoad, onUnload } from "@dcloudio/uni-app";
+import { onBackPress, onLoad, onUnload } from "@dcloudio/uni-app";
 import AppDialog from "@/components/AppDialog.vue";
 import AppButton from "@/components/AppButton.vue";
 import AppLoading from "@/components/AppLoading.vue";
 import GenealogyPageBackground from "@/components/GenealogyPageBackground.vue";
 import PageHeader from "@/components/PageHeader.vue";
-import { genealogyContext } from "@/utils/genealogy-context.js";
+import { getGenealogyFixtureAccess } from "@/data/mock.js";
+import { handleBackPress, runBackGuard } from "@/utils/navigation.js";
 
 const applications = ref([]);
 const reviewSamples = [
   {
-    id: 1,
+    id: "review-1",
     name: "汤志成",
     phone: "139****6421",
     relation: "自述为汤正华堂侄 · 祖居洛阳",
@@ -159,7 +166,7 @@ const reviewSamples = [
     status: "PENDING",
   },
   {
-    id: 2,
+    id: "review-2",
     name: "汤雨薇",
     phone: "136****2798",
     relation: "自述为汤正国之女 · 已补充长辈姓名",
@@ -179,7 +186,9 @@ const feedbackVisible = ref(false);
 const feedbackMessage = ref("");
 let feedbackTimer = null;
 onUnload(() => {
-  if (feedbackTimer) clearTimeout(feedbackTimer);
+  const timer = feedbackTimer;
+  feedbackTimer = null;
+  if (timer) clearTimeout(timer);
 });
 const stateTitle = computed(() =>
   reviewState.value === "empty"
@@ -199,11 +208,18 @@ const stateCopy = computed(() =>
 const loadApplications = (query = {}) => {
   reviewState.value = "loading";
   errorMessage.value = "";
-  genealogyId.value =
-    query.genealogyId?.value ||
-    query.genealogyId ||
-    genealogyId.value ||
-    genealogyContext.getCurrentGenealogyId();
+  genealogyId.value = String(query.genealogyId || "");
+  if (!genealogyId.value) {
+    errorMessage.value = "没有找到当前家谱，请从家谱总览进入。";
+    reviewState.value = "error";
+    return;
+  }
+  if (
+    getGenealogyFixtureAccess(genealogyId.value).accessRole !== "owner"
+  ) {
+    reviewState.value = "no-permission";
+    return;
+  }
   if (query.state === "loading") {
     reviewState.value = "loading";
     return;
@@ -220,12 +236,6 @@ const loadApplications = (query = {}) => {
     reviewState.value = "no-permission";
     return;
   }
-  if (!genealogyId.value) {
-    errorMessage.value = "没有找到当前家谱，请从家谱总览进入。";
-    reviewState.value = "error";
-    return;
-  }
-  genealogyContext.setCurrentGenealogyId(genealogyId.value);
   applications.value = reviewSamples.map((item) => ({ ...item }));
   reviewState.value = "list";
 };
@@ -244,14 +254,24 @@ const closeDialog = () => {
   rejectionFocused.value = false;
   helpVisible.value = false;
 };
+const requestBack = () =>
+  runBackGuard({
+    transientOpen: Boolean(confirmation.value) || helpVisible.value,
+    "close-transient": closeDialog,
+  });
+
+onBackPress((event) => handleBackPress(event, requestBack));
+
 const showFeedback = (message) => {
   feedbackMessage.value = message;
   feedbackVisible.value = true;
   if (feedbackTimer) clearTimeout(feedbackTimer);
-  feedbackTimer = setTimeout(() => {
+  const timer = setTimeout(() => {
+    if (feedbackTimer !== timer) return;
     feedbackVisible.value = false;
     feedbackTimer = null;
   }, 1800);
+  feedbackTimer = timer;
 };
 const clearRejectionError = () => {
   rejectionError.value = "";
@@ -269,7 +289,9 @@ const applyAudit = async () => {
   current.item.status = current.approved ? "APPROVED" : "REJECTED";
   if (!current.approved) current.item.rejectionReason = rejectionReason.value.trim();
   closeDialog();
-  showFeedback(current.approved ? "已通过申请" : "已拒绝申请");
+  showFeedback(
+    `本地审核预览已更新，尚未提交服务器 · ${current.approved ? "已通过" : "已拒绝"}`,
+  );
 };
 const showHelp = () => {
   helpVisible.value = true;