完成50%

pages/auth/a06-auth-status.vue

@@ -3,7 +3,7 @@
   <AuthPageShell class="auth-page status-page">
       <view class="status-content">
         <view class="page-heading">
-          <view class="back-button" hover-class="tap-fade" @click="goBack">
+          <view class="back-button" hover-class="tap-fade" @click="requestBack">
             <image
               class="back-button__icon"
               src="/static/assets/foundation/transparent/chevron-right.png"
@@ -69,7 +69,7 @@
           />
           <text class="status-primary__copy">查看恢复方式</text>
         </view>
-        <view class="status-secondary" hover-class="tap-fade" @click="goLogin"
+        <view class="status-secondary" hover-class="tap-fade" @click="requestBack"
           >返回登录</view
         >
       </view>
@@ -113,8 +113,9 @@
 
 <script setup>
 import { computed, ref } from "vue";
-import { onLoad, onShow } from "@dcloudio/uni-app";
+import { onBackPress, onLoad } from "@dcloudio/uni-app";
 import AuthPageShell from "@/components/AuthPageShell.vue";
+import { goRoot, handleBackPress, runBackGuard } from "@/utils/navigation.js";
 
 const status = ref("risk");
 const recoveryVisible = ref(false);
@@ -165,15 +166,8 @@ const statusConfig = {
 
 const currentState = computed(() => statusConfig[status.value]);
 
-const resolveStatus = () => {
-  let requestedStatus = "risk";
-  if (typeof location !== "undefined") {
-    const query = new URLSearchParams(location.hash.split("?")[1] || "");
-    requestedStatus = query.get("status") || "risk";
-  } else {
-    const pages = getCurrentPages();
-    requestedStatus = pages[pages.length - 1]?.options?.status || "risk";
-  }
+const resolveStatus = (options = {}) => {
+  const requestedStatus = options.status || "risk";
   status.value = Object.prototype.hasOwnProperty.call(
     statusConfig,
     requestedStatus,
@@ -184,16 +178,24 @@ const resolveStatus = () => {
 };
 
 onLoad(resolveStatus);
-onShow(resolveStatus);
 
-const goLogin = () => uni.redirectTo({ url: "/pages/auth/a01-entry" });
 const openRecovery = () => {
   recoveryVisible.value = true;
 };
 const closeRecovery = () => {
   recoveryVisible.value = false;
 };
-const goBack = () => uni.navigateBack();
+const requestBack = () => {
+  if (recoveryVisible.value) {
+    return runBackGuard({
+      transientOpen: true,
+      "close-transient": closeRecovery,
+    });
+  }
+  return goRoot("A01");
+};
+
+onBackPress((event) => handleBackPress(event, requestBack));
 </script>
 
 <style scoped lang="scss">