完成50%

pages/genealogy/g09-my-applications.vue

@@ -2,9 +2,9 @@
 <template>
   <view class="application-page">
     <GenealogyPageBackground />
-    <view class="application-page__header"
-      ><PageHeader title="我的申请"
-    /></view>
+    <view class="application-page__header">
+      <PageHeader title="我的申请" custom-back @back="requestBack" />
+    </view>
 
     <view
       class="application-content"
@@ -71,55 +71,59 @@
 
     <AppDialog
       :visible="!!withdrawTarget"
-      title="撤回加入申请"
+      title="预览撤回效果"
       :message="
         withdrawTarget
-          ? `确认撤回对“${withdrawTarget.genealogyName}”的申请？撤回后如需加入，可重新提交。`
+          ? `当前只更新本页对“${withdrawTarget.genealogyName}”的撤回预览，不会向服务器提交；真实申请仍可能处于审核中。`
           : ''
       "
-      confirm-text="确认撤回"
+      confirm-text="查看本地效果"
       cancel-text="暂不撤回"
       show-cancel
+      :close-on-mask="false"
       @confirm="confirmWithdraw"
       @cancel="cancelWithdraw"
-      @close="cancelWithdraw"
     />
   </view>
 </template>
 
 <script setup>
 import { computed, ref } from "vue";
-import { onLoad } from "@dcloudio/uni-app";
+import { onBackPress, onLoad } from "@dcloudio/uni-app";
 import AppDialog from "@/components/AppDialog.vue";
 import AppLoading from "@/components/AppLoading.vue";
 import GenealogyPageBackground from "@/components/GenealogyPageBackground.vue";
 import PageHeader from "@/components/PageHeader.vue";
+import { findGenealogyFixture } from "@/data/mock.js";
+import { handleBackPress, openPage, runBackGuard } from "@/utils/navigation.js";
 
 const applications = ref([]);
 const applicationState = ref("loading");
 const errorMessage = ref("");
 const withdrawTarget = ref(null);
+const genealogyNameFor = (genealogyId) =>
+  findGenealogyFixture(genealogyId)?.name || "未知家谱";
 const applicationSamples = [
   {
-    id: 1,
-    genealogyId: 1001,
-    genealogyName: "汤氏家谱",
+    id: "pending-2003",
+    genealogyId: "2003",
+    genealogyName: genealogyNameFor("2003"),
     relation: "自述为汤正华堂侄",
     appliedAt: "今天 10:24",
     status: "PENDING",
   },
   {
-    id: 2,
-    genealogyId: 1002,
-    genealogyName: "汝南汤氏家谱",
+    id: "approved-1002",
+    genealogyId: "1002",
+    genealogyName: genealogyNameFor("1002"),
     relation: "祖居河南汝南",
     appliedAt: "昨天 18:02",
     status: "APPROVED",
   },
   {
-    id: 3,
-    genealogyId: 1003,
-    genealogyName: "清河汤氏家谱",
+    id: "rejected-2004",
+    genealogyId: "2004",
+    genealogyName: genealogyNameFor("2004"),
     relation: "补充材料不足",
     appliedAt: "7月12日 09:18",
     status: "REJECTED",
@@ -131,7 +135,7 @@ const statusLabel = (status) =>
     PENDING: "审核中",
     APPROVED: "已通过",
     REJECTED: "未通过",
-    WITHDRAWN: "已撤回",
+    LOCAL_WITHDRAWN: "本地撤回预览",
   })[status] || "状态未知";
 
 const statusHint = (status) =>
@@ -139,11 +143,11 @@ const statusHint = (status) =>
     PENDING: "管理员尚未处理，可在审核前撤回",
     APPROVED: "申请已通过，可进入这部家谱",
     REJECTED: "请修改关系说明后重新提交",
-    WITHDRAWN: "申请已撤回，不再进入管理员审核",
+    LOCAL_WITHDRAWN: "尚未提交服务器，真实申请仍可能处于审核中",
   })[status] || "";
 
 const actionFor = (item) =>
-  ({ PENDING: "撤回申请", APPROVED: "进入家谱", REJECTED: "修改后重新提交", WITHDRAWN: "重新申请" })[
+  ({ PENDING: "预览撤回效果", APPROVED: "进入家谱", REJECTED: "修改后重新提交" })[
     item.status
   ] || "";
 const stateTitle = computed(() =>
@@ -155,7 +159,7 @@ const stateTitle = computed(() =>
 );
 const stateCopy = computed(() =>
   applicationState.value === "empty"
-    ? "从家谱搜索提交的申请会显示在这里；邀请码直接加入不进入本页。"
+    ? "从家谱搜索提交的申请会显示在这里；邀请码本地校验不会生成申请记录。"
     : applicationState.value === "loading"
       ? "请稍候，正在同步审核状态。"
       : errorMessage.value || "请检查网络后重新查看。",
@@ -188,19 +192,27 @@ const loadApplications = (query = {}) => {
 };
 
 onLoad(loadApplications);
+const requestBack = () =>
+  runBackGuard({
+    transientOpen: Boolean(withdrawTarget.value),
+    "close-transient": cancelWithdraw,
+  });
+
+onBackPress((event) => handleBackPress(event, requestBack));
+
 const handleApplicationAction = (item) => {
   if (item.status === "APPROVED")
-    return uni.navigateTo({
-      url: `/pages/genealogy/g05-genealogy-overview?genealogyId=${item.genealogyId}`,
-    });
+    return openPage(
+      "G05",
+      { genealogyId: String(item.genealogyId) },
+      "G09",
+    );
   if (item.status === "REJECTED")
-    return uni.navigateTo({
-      url: `/pages/genealogy/g08-join-application?source=search&previous=rejected&genealogyId=${item.genealogyId}&genealogyName=${encodeURIComponent(item.genealogyName)}`,
-    });
-  if (item.status === "WITHDRAWN")
-    return uni.navigateTo({
-      url: `/pages/genealogy/g08-join-application?source=search&previous=withdrawn&genealogyId=${item.genealogyId}&genealogyName=${encodeURIComponent(item.genealogyName)}`,
-    });
+    return openPage(
+      "G08",
+      { genealogyId: String(item.genealogyId), source: "search" },
+      "G09",
+    );
   if (item.status === "PENDING") withdrawTarget.value = item;
 };
 const cancelWithdraw = () => {
@@ -210,11 +222,10 @@ const confirmWithdraw = () => {
   const target = applications.value.find(
     (item) => item.id === withdrawTarget.value?.id,
   );
-  if (target) target.status = "WITHDRAWN";
+  if (target) target.status = "LOCAL_WITHDRAWN";
   cancelWithdraw();
 };
-const toSearch = () =>
-  uni.navigateTo({ url: "/pages/genealogy/g06-search-genealogies" });
+const toSearch = () => openPage("G06", {}, "G09");
 </script>
 
 <style scoped lang="scss">