完成50%

pages/profile/m03-security-settings.vue

@@ -1,12 +1,12 @@
 <!-- 页面编号：M-03；用途：账号安全总览与安全功能入口。 -->
 <template>
-  <view class="security-page device-state--safe">
+  <view class="security-page device-state--limited">
     <ModulePageBackground module="profile" />
     <view class="page-layer"><PageHeader title="账号与安全" /></view>
     <view class="page-content page-layer">
       <view class="security-summary">
-        <text>账号状态安全</text>
-        <text>手机号已绑定，最近登录设备未发现异常。</text>
+        <text>账号安全操作</text>
+        <text>修改密码和换绑手机号目前只提供本地校验预览，不会变更服务器账号信息。</text>
       </view>
       <view class="security-list">
         <view v-for="item in securityItems" :key="item.key" class="security-row" role="button" :aria-label="item.label" @click="openSecurityItem(item)">
@@ -15,7 +15,7 @@
           <image class="chevron" src="/static/assets/foundation/transparent/chevron-right.png" mode="aspectFit" />
         </view>
       </view>
-      <AppButton block type="secondary" label="检查账号安全" @click="checkSecurity" />
+      <AppButton block type="secondary" label="查看接入状态" @click="checkSecurity" />
     </view>
     <AppToast :visible="toastVisible" :message="toastMessage" />
   </view>
@@ -27,18 +27,19 @@ import AppButton from "@/components/AppButton.vue";
 import AppToast from "@/components/AppToast.vue";
 import ModulePageBackground from "@/components/ModulePageBackground.vue";
 import PageHeader from "@/components/PageHeader.vue";
+import { currentUser } from "@/data/mock.js";
+import { openPage } from "@/utils/navigation.js";
 
 const securityItems = [
-  { key: "password", label: "登录密码", note: "建议定期更新密码", icon: "/static/assets/modules/auth/transparent/a01-icon-lock-v1.png", url: "/pages/profile/m04-change-password" },
-  { key: "phone", label: "绑定手机号", note: "139****6421", icon: "/static/assets/modules/auth/transparent/a01-icon-phone-v1.png", url: "/pages/profile/m05-change-phone" },
-  { key: "device", label: "登录设备", note: "当前设备 · 今天登录", icon: "/static/assets/foundation/transparent/auth-login-outline.png" },
+  { key: "password", label: "登录密码", note: "建议定期更新密码", icon: "/static/assets/modules/auth/transparent/a01-icon-lock-v1.png", routeKey: "M04" },
+  { key: "phone", label: "绑定手机号", note: currentUser.phone, icon: "/static/assets/modules/auth/transparent/a01-icon-phone-v1.png", routeKey: "M05" },
 ];
 const toastVisible = ref(false);
 const toastMessage = ref("");
 let timer = null;
 const showToast = (message) => { toastMessage.value = message; toastVisible.value = true; clearTimeout(timer); timer = setTimeout(() => (toastVisible.value = false), 1800); };
-const openSecurityItem = (item) => item.url ? uni.navigateTo({ url: item.url }) : showToast("当前设备登录正常，未发现异常记录");
-const checkSecurity = () => showToast("安全检查完成，当前账号状态正常");
+const openSecurityItem = (item) => openPage(item.routeKey, {}, "M03");
+const checkSecurity = () => showToast("账号安全接口将在后续独立批次接入");
 onUnmounted(() => clearTimeout(timer));
 </script>