peixue-dev/Archive/[一次性]首页空白问题修复完成-2026-01-27.md

首页空白问题修复完成

📋 问题回顾

现象：

• 账号密码登录后，首页完全空白
• 测试身份登录后，首页正常显示
• 控制台显示：首页加载，当前角色： parent

🔍 问题分析

问题1：角色值不匹配

控制台日志：

首页加载，当前角色： parent

首页判断代码：

<view v-if="currentRole === 'user'">
  <UserHome />
</view>

结果： 'parent' !== 'user' → 条件不匹配 → 首页不显示

问题2：条件渲染逻辑错误

原代码（pages/index/index.vue）：

<view v-if="currentRole === 'user'">...</view>
<view v-else-if="currentRole === 'teacher'">...</view>
<view v-if="currentRole === 'manager' || ...">...</view>  ❌ 应该用 v-else-if
<view v-else-if="currentRole === 'distributor'">...</view>

第14行用了 v-if 而不是 v-else-if，导致条件判断链断裂。

问题3：登录时未保存 currentRole

原代码（parent-register.vue）：

uni.setStorageSync('token', 'mock_token_' + Date.now())
uni.setStorageSync('userInfo', userInfo)
// ❌ 缺少这行
// uni.setStorageSync('currentRole', 'user')

✅ 修复方案

修复1：统一使用 'user' 作为家长角色

修改文件： peidu/uniapp/pages/auth/parent-register.vue

修改内容：

// 添加 currentRole 保存
uni.setStorageSync('currentRole', 'user')

修复2：修复条件渲染逻辑

修改文件：

• peidu/uniapp/pages/index/index.vue
• peidu/uniapp/src/pages/index/index.vue

修改内容：

<!-- 修改前 -->
<view v-if="currentRole === 'manager' || currentRole === undefined || currentRole === null">

<!-- 修改后 -->
<view v-else-if="currentRole === 'manager'">

修复3：真实API登录也保存 currentRole

修改文件： peidu/uniapp/src/pages/auth/parent-register.vue

修改内容：

uni.setStorageSync('currentRole', (res.data.userInfo || res.data).role || 'user')

🧪 测试步骤

1. 清除缓存

   • 关闭微信开发者工具
   • 重新打开项目

2. 重新登录

   • 使用账号密码登录：13800138000 / 123456

3. 检查结果

   • ✅ 首页应该正常显示家长端内容
   • ✅ 控制台应该显示：首页加载，当前角色： user

📊 修复前后对比

修复前

登录 → currentRole = 'parent' (或未设置)
     ↓
首页判断 currentRole === 'user' → false
     ↓
页面空白

修复后

登录 → currentRole = 'user' ✅
     ↓
首页判断 currentRole === 'user' → true ✅
     ↓
显示 UserHome 组件 ✅

🎯 总结

根本原因：

1. 登录时没有保存 currentRole
2. 首页条件渲染逻辑错误
3. 角色值不统一

解决方法：

1. 登录时显式保存 currentRole = 'user'
2. 修复条件渲染链（v-if → v-else-if）
3. 统一使用 'user' 作为家长角色

影响范围：

• 账号密码登录功能
• 首页显示逻辑

---

修复时间： 2026-01-27
修复人员： Kiro AI
相关问题： 账号密码登录问题、message表缺失问题