hookehuyr

feat(search): 添加页面加载登录检查,未登录时弹出登录提示

页面加载时使用 usePermission composable 检查用户登录状态,未登录时弹出登录提示并引导跳转

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
...@@ -125,7 +125,7 @@ ...@@ -125,7 +125,7 @@
125 </template> 125 </template>
126 126
127 <script setup> 127 <script setup>
128 -import { ref, computed } from 'vue' 128 +import { ref, computed, onMounted } from 'vue'
129 import Taro from '@tarojs/taro' 129 import Taro from '@tarojs/taro'
130 import { useGo } from '@/hooks/useGo' 130 import { useGo } from '@/hooks/useGo'
131 import LoadMoreList from '@/components/list/LoadMoreList' 131 import LoadMoreList from '@/components/list/LoadMoreList'
...@@ -139,12 +139,27 @@ import { searchAPI } from '@/api/search' ...@@ -139,12 +139,27 @@ import { searchAPI } from '@/api/search'
139 import { mockSearchAPI } from '@/utils/mockData' 139 import { mockSearchAPI } from '@/utils/mockData'
140 import { USE_MOCK_DATA } from '@/config/app' 140 import { USE_MOCK_DATA } from '@/config/app'
141 import { usePlanSubmit } from '@/composables/usePlanSubmit' 141 import { usePlanSubmit } from '@/composables/usePlanSubmit'
142 +import { usePermission } from '@/composables/usePermission'
142 import { usePlanPermission } from '@/composables/usePlanPermission' 143 import { usePlanPermission } from '@/composables/usePlanPermission'
143 144
144 // ⚠️ MOCK 数据开关 - 统一从 @/config/app 导入 145 // ⚠️ MOCK 数据开关 - 统一从 @/config/app 导入
145 146
146 const go = useGo() 147 const go = useGo()
147 148
149 +// 初始化权限检查
150 +const { requireLogin } = usePermission()
151 +
152 +/**
153 + * 页面加载时检查登录状态
154 + * @description 如果用户未登录,弹出登录提示并跳转到登录页
155 + */
156 +onMounted(() => {
157 + console.log('[Search Page] 页面加载,检查登录状态')
158 + requireLogin(() => {
159 + console.log('[Search Page] 用户已登录,可以正常使用搜索功能')
160 + })
161 +})
162 +
148 // 获取权限检查方法 163 // 获取权限检查方法
149 const { checkPlanPermission } = usePlanPermission() 164 const { checkPlanPermission } = usePlanPermission()
150 165
......