refactor: Web管理端Layout重构和规划师模块完善

- Layout.vue: 菜单布局全面重构，支持角色权限路由

- TeacherMessages: 规划师消息管理功能完善

- TeacherDashboard/TeacherFamilies: 仪表盘和家庭管理优化

- TeacherAssessment/TeacherTeam: 测评和团队管理增强

- Dashboard/GuideAudit/Users: 管理员看板和审核功能优化

Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-openagent)

Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>

zxyj-web/src/views/Dashboard.vue

@@ -14,78 +14,75 @@
       <el-col :span="6">
         <el-card class="stat-card" shadow="hover">
           <div class="stat-icon blue">
-            <i class="el-icon-user"></i>
+            <i class="el-icon-s-home"></i>
           </div>
           <div class="stat-info">
-            <div class="stat-value">{{ stats.totalUsers || 0 }}</div>
-            <div class="stat-label">用户总数</div>
-            <div class="stat-trend up">
-              <i class="el-icon-top"></i>
-              较昨日 +12%
-            </div>
+            <div class="stat-value">{{ stats.totalFamilies || 0 }}</div>
+            <div class="stat-label">家庭总数</div>
           </div>
         </el-card>
       </el-col>
       <el-col :span="6">
         <el-card class="stat-card" shadow="hover">
           <div class="stat-icon green">
-            <i class="el-icon-s-custom"></i>
+            <i class="el-icon-user"></i>
           </div>
           <div class="stat-info">
-            <div class="stat-value">{{ stats.totalChildren || 0 }}</div>
-            <div class="stat-label">孩子数量</div>
-            <div class="stat-trend up">
-              <i class="el-icon-top"></i>
-              较昨日 +5%
-            </div>
+            <div class="stat-value">{{ stats.totalParents || 0 }}</div>
+            <div class="stat-label">家长总数</div>
           </div>
         </el-card>
       </el-col>
       <el-col :span="6">
         <el-card class="stat-card" shadow="hover">
           <div class="stat-icon orange">
-            <i class="el-icon-s-order"></i>
+            <i class="el-icon-s-custom"></i>
           </div>
           <div class="stat-info">
-            <div class="stat-value">{{ taskStats.total || 0 }}</div>
-            <div class="stat-label">总任务数</div>
-            <div class="stat-trend">
-              今日新增 {{ taskStats.today || 0 }}
-            </div>
+            <div class="stat-value">{{ stats.totalChildren || 0 }}</div>
+            <div class="stat-label">孩子总数</div>
           </div>
         </el-card>
       </el-col>
       <el-col :span="6">
         <el-card class="stat-card" shadow="hover">
           <div class="stat-icon purple">
-            <i class="el-icon-s-goods"></i>
+            <i class="el-icon-s-cooperation"></i>
           </div>
           <div class="stat-info">
-            <div class="stat-value">{{ stats.pendingRewards || 0 }}</div>
-            <div class="stat-label">待审批奖励</div>
-            <div class="stat-trend warning">
-              需尽快处理
-            </div>
+            <div class="stat-value">{{ stats.totalTeachers || 0 }}</div>
+            <div class="stat-label">规划师总数</div>
           </div>
         </el-card>
       </el-col>
     </el-row>
 
-    <!-- 待办事项 -->
-    <el-row :gutter="20" class="todo-row" v-if="stats.pendingGuideCount > 0">
-      <el-col :span="24">
-        <el-card class="todo-card" shadow="hover">
-          <div slot="header" class="card-header">
-            <span class="card-title">🔔 待办事项</span>
+    <!-- 待审核卡片 -->
+    <el-row :gutter="20" class="stats-row">
+      <el-col :span="6">
+        <el-card class="stat-card todo-stat-card" shadow="hover" @click.native="stats.pendingGuideCount > 0 && $router.push('/guide-audit')">
+          <div class="stat-icon" :class="stats.pendingGuideCount > 0 ? 'todo-warning' : 'todo-disabled'">
+            <i class="el-icon-s-check"></i>
           </div>
-          <div class="todo-items">
-            <div class="todo-item" @click="$router.push('/guide-audit')">
-              <div class="todo-badge warning">{{ stats.pendingGuideCount }}</div>
-              <div class="todo-info">
-                <div class="todo-text">待审核成长规划师申请</div>
-                <div class="todo-hint">点击前往审核</div>
-              </div>
-              <i class="el-icon-arrow-right todo-arrow"></i>
+          <div class="stat-info">
+            <div class="stat-value">{{ stats.pendingGuideCount }}</div>
+            <div class="stat-label">待审核规划师</div>
+            <div class="stat-trend" :class="stats.pendingGuideCount > 0 ? '' : 'disabled'">
+              {{ stats.pendingGuideCount > 0 ? '点击前往审核' : '暂无待审核' }}
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="6">
+        <el-card class="stat-card todo-stat-card" shadow="hover" @click.native="stats.pendingPackageCount > 0 && $router.push('/package-audit')">
+          <div class="stat-icon" :class="stats.pendingPackageCount > 0 ? 'todo-danger' : 'todo-disabled'">
+            <i class="el-icon-s-goods"></i>
+          </div>
+          <div class="stat-info">
+            <div class="stat-value">{{ stats.pendingPackageCount }}</div>
+            <div class="stat-label">待审核套餐</div>
+            <div class="stat-trend" :class="stats.pendingPackageCount > 0 ? '' : 'disabled'">
+              {{ stats.pendingPackageCount > 0 ? '点击前往审核' : '暂无待审核' }}
             </div>
           </div>
         </el-card>
@@ -185,7 +182,7 @@
 </template>
 
 <script>
-import { getUserList, getChildrenList, getRewardsList, getTasksList, getTaskStats, getPendingGuideCount } from '@/api/admin'
+import { getUserList, getFamilyList, getChildrenList, getTasksList, getPendingGuideCount, getPendingPackageCount } from '@/api/admin'
 
 export default {
   name: 'Dashboard',
@@ -193,14 +190,12 @@ export default {
     return {
       loadingTasks: false,
       stats: {
-        totalUsers: 156,
-        totalChildren: 89,
-        pendingRewards: 12,
-        pendingGuideCount: 0
-      },
-      taskStats: {
-        total: 1245,
-        today: 28
+        totalFamilies: 0,
+        totalParents: 0,
+        totalChildren: 0,
+        totalTeachers: 0,
+        pendingGuideCount: 0,
+        pendingPackageCount: 0
       },
       recentTasks: []
     }
@@ -218,28 +213,29 @@ export default {
   methods: {
     async loadDashboardData() {
       await Promise.all([
-        this.loadUserStats(),
+        this.loadFamilyStats(),
+        this.loadParentStats(),
         this.loadChildrenStats(),
-        this.loadRewardsStats(),
-        this.loadTaskStats(),
+        this.loadTeacherStats(),
         this.loadRecentTasks(),
-        this.loadPendingGuideCount()
+        this.loadPendingGuideCount(),
+        this.loadPendingPackageCount()
       ])
     },
-    async loadPendingGuideCount() {
+    async loadFamilyStats() {
       try {
-        const res = await getPendingGuideCount()
-        this.stats.pendingGuideCount = res.data.count || 0
+        const res = await getFamilyList({ page: 1, size: 1 })
+        this.stats.totalFamilies = res.data.total || 0
       } catch (error) {
-        console.error('加载待审核规划师统计失败:', error)
+        console.error('加载家庭统计失败:', error)
       }
     },
-    async loadUserStats() {
+    async loadParentStats() {
       try {
-        const res = await getUserList({ page: 1, size: 1 })
-        this.stats.totalUsers = res.data.total || 0
+        const res = await getUserList({ page: 1, size: 1, role: 'parent' })
+        this.stats.totalParents = res.data.total || 0
       } catch (error) {
-        console.error('加载用户统计失败:', error)
+        console.error('加载家长统计失败:', error)
       }
     },
     async loadChildrenStats() {
@@ -250,20 +246,12 @@ export default {
         console.error('加载孩子统计失败:', error)
       }
     },
-    async loadRewardsStats() {
+    async loadTeacherStats() {
       try {
-        const res = await getRewardsList({ page: 1, size: 1, status: 'pending' })
-        this.stats.pendingRewards = res.data.total || 0
+        const res = await getUserList({ page: 1, size: 1, role: 'teacher' })
+        this.stats.totalTeachers = res.data.total || 0
       } catch (error) {
-        console.error('加载奖励统计失败:', error)
-      }
-    },
-    async loadTaskStats() {
-      try {
-        const res = await getTaskStats()
-        this.taskStats = res.data || { total: 0, today: 0 }
-      } catch (error) {
-        console.error('加载任务统计失败:', error)
+        console.error('加载规划师统计失败:', error)
       }
     },
     async loadRecentTasks() {
@@ -276,6 +264,22 @@ export default {
       } finally {
         this.loadingTasks = false
       }
+    },
+    async loadPendingGuideCount() {
+      try {
+        const res = await getPendingGuideCount()
+        this.stats.pendingGuideCount = res.data.count || 0
+      } catch (error) {
+        console.error('加载待审核规划师统计失败:', error)
+      }
+    },
+    async loadPendingPackageCount() {
+      try {
+        const res = await getPendingPackageCount()
+        this.stats.pendingPackageCount = res.data.count || 0
+      } catch (error) {
+        console.error('加载待审核套餐统计失败:', error)
+      }
     }
   }
 }
@@ -330,6 +334,16 @@ export default {
   padding: 24px;
 }
 
+.todo-stat-card {
+  cursor: pointer;
+  transition: transform 0.2s, box-shadow 0.2s;
+}
+
+.todo-stat-card:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
+}
+
 .stat-icon {
   width: 56px;
   height: 56px;
@@ -340,12 +354,16 @@ export default {
   font-size: 24px;
   color: #fff;
   margin-right: 16px;
+  flex-shrink: 0;
 }
 
 .stat-icon.blue { background: linear-gradient(135deg, #6366F1, #818CF8); }
 .stat-icon.green { background: linear-gradient(135deg, #10B981, #34D399); }
 .stat-icon.orange { background: linear-gradient(135deg, #F59E0B, #FBBF24); }
 .stat-icon.purple { background: linear-gradient(135deg, #8B5CF6, #A78BFA); }
+.stat-icon.todo-warning { background: linear-gradient(135deg, #F59E0B, #FBBF24); }
+.stat-icon.todo-danger { background: linear-gradient(135deg, #EF4444, #F87171); }
+.stat-icon.todo-disabled { background: linear-gradient(135deg, #CBD5E1, #94A3B8); }
 
 .stat-value {
   font-size: 28px;
@@ -362,16 +380,12 @@ export default {
 
 .stat-trend {
   font-size: 12px;
-  color: #10B981;
+  color: #6366F1;
   margin-top: 8px;
 }
 
-.stat-trend.up {
-  color: #10B981;
-}
-
-.stat-trend.warning {
-  color: #F59E0B;
+.stat-trend.disabled {
+  color: #94A3B8;
 }
 
 /* 内容卡片 */
@@ -461,73 +475,6 @@ export default {
   color: #64748B;
 }
 
-/* 待办事项 */
-.todo-row {
-  margin-bottom: 24px;
-}
-
-.todo-card {
-  border-radius: 12px;
-  border: none;
-}
-
-.todo-items {
-  display: flex;
-  flex-direction: column;
-}
-
-.todo-item {
-  display: flex;
-  align-items: center;
-  padding: 16px;
-  background: #FFFBEB;
-  border-radius: 8px;
-  cursor: pointer;
-  transition: background 0.2s;
-}
-
-.todo-item:hover {
-  background: #FEF3C7;
-}
-
-.todo-badge {
-  width: 36px;
-  height: 36px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 16px;
-  font-weight: 700;
-  color: #fff;
-  margin-right: 16px;
-}
-
-.todo-badge.warning {
-  background: linear-gradient(135deg, #F59E0B, #FBBF24);
-}
-
-.todo-info {
-  flex: 1;
-}
-
-.todo-text {
-  font-size: 14px;
-  font-weight: 500;
-  color: #1E293B;
-}
-
-.todo-hint {
-  font-size: 12px;
-  color: #64748B;
-  margin-top: 4px;
-}
-
-.todo-arrow {
-  font-size: 16px;
-  color: #94A3B8;
-}
-
 /* 快捷操作 */
 .quick-card .el-card__body {
   padding: 12px;

zxyj-web/src/views/GuideAudit.vue

@@ -26,6 +26,9 @@
         <el-table-column prop="realName" label="真实姓名" width="100"></el-table-column>
         <el-table-column prop="phone" label="手机号" width="120"></el-table-column>
         <el-table-column prop="idCard" label="身份证号" width="180"></el-table-column>
+        <el-table-column prop="address" label="地址" min-width="160">
+          <template slot-scope="{ row }">{{ row.address || '无' }}</template>
+        </el-table-column>
         <el-table-column prop="teacherNo" label="证书号" width="120">
           <template slot-scope="{ row }">{{ row.teacherNo || '无' }}</template>
         </el-table-column>
@@ -125,9 +128,9 @@ export default {
           status: this.searchForm.status || undefined
         }
         const res = await getGuideApplications(params)
-        if (res.data && res.data.code === 200) {
-          this.tableData = res.data.data.records || []
-          this.total = res.data.data.total || 0
+        if (res.code === 200) {
+          this.tableData = (res.data && res.data.records) || []
+          this.total = (res.data && res.data.total) || 0
         }
       } catch (e) {
         this.$message.error('加载失败')
@@ -148,11 +151,11 @@ export default {
       try {
         await this.$confirm(`确认通过 "${row.realName || row.nickname}" 的成长规划师申请？`, '提示')
         const res = await approveGuide(row.id)
-        if (res.data && res.data.code === 200) {
+        if (res.code === 200) {
           this.$message.success('审核通过成功')
           this.loadData()
         } else {
-          this.$message.error(res.data?.message || '操作失败')
+          this.$message.error(res.message || '操作失败')
         }
       } catch (e) {
         if (e !== 'cancel') {
@@ -174,7 +177,7 @@ export default {
       this.rejectLoading = true
       try {
         const res = await rejectGuide(this.rejectForm.userId, this.rejectForm.reason)
-        if (res.data && res.data.code === 200) {
+        if (res.code === 200) {
           this.$message.success('已拒绝')
           this.rejectDialogVisible = false
           this.loadData()

zxyj-web/src/views/Layout.vue

@@ -148,10 +148,88 @@
     <el-container>
       <el-header>
         <div class="header-right">
-          <span class="username">{{ displayUserLabel }}</span>
-          <el-button type="text" @click="handleLogout">退出</el-button>
+          <el-button v-if="isTeacher" type="text" class="invite-code-btn" @click="showInviteCode" icon="el-icon-share">
+            邀请码
+          </el-button>
+          <el-dropdown trigger="click" @command="handleProfileCommand">
+            <span class="el-dropdown-link username">
+              {{ displayUserLabel }}<i class="el-icon-arrow-down el-icon--right"></i>
+            </span>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item command="profile" icon="el-icon-user">个人信息</el-dropdown-item>
+              <el-dropdown-item command="password" icon="el-icon-key">修改密码</el-dropdown-item>
+              <el-dropdown-item command="logout" icon="el-icon-switch-button" divided>退出登录</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
         </div>
+
+        <!-- 邀请码 dialog -->
+        <el-dialog title="我的邀请码" :visible.sync="inviteCodeVisible" width="500px" :close-on-click-modal="false">
+          <div v-loading="inviteCodeLoading">
+            <div v-if="inviteCodeData" class="invite-code-content">
+              <div class="invite-code-section">
+                <div class="invite-code-label">团队邀请码</div>
+                <div class="invite-code-value">
+                  <span class="code-text">{{ inviteCodeData.code || '无' }}</span>
+                  <el-button size="mini" type="primary" @click="copyCode(inviteCodeData.code)" plain>复制</el-button>
+                </div>
+                <div class="invite-code-desc">
+                  家庭用户通过此码加入您的团队
+                </div>
+              </div>
+            </div>
+            <div v-else-if="!inviteCodeLoading" class="no-invite-code">
+              <i class="el-icon-warning-outline"></i>
+              <p>暂无邀请码，请先生成</p>
+              <el-button type="primary" @click="generateInviteCode">生成邀请码</el-button>
+            </div>
+          </div>
+        </el-dialog>
       </el-header>
+
+      <!-- 个人信息 dialog -->
+      <el-dialog title="个人信息" :visible.sync="profileDialogVisible" width="400px">
+        <el-form :model="profileForm" label-width="80px">
+          <el-form-item label="用户名">
+            <el-input v-model="profileForm.username" disabled></el-input>
+          </el-form-item>
+          <el-form-item label="真实姓名">
+            <el-input v-model="profileForm.realName" disabled></el-input>
+          </el-form-item>
+          <el-form-item label="昵称">
+            <el-input v-model="profileForm.nickname"></el-input>
+          </el-form-item>
+          <el-form-item label="手机号">
+            <el-input v-model="profileForm.phone"></el-input>
+          </el-form-item>
+          <el-form-item label="邮箱">
+            <el-input v-model="profileForm.email"></el-input>
+          </el-form-item>
+        </el-form>
+        <span slot="footer">
+          <el-button @click="profileDialogVisible = false">取消</el-button>
+          <el-button type="primary" @click="confirmUpdateInfo" :loading="submitting">保存</el-button>
+        </span>
+      </el-dialog>
+
+      <!-- 修改密码 dialog -->
+      <el-dialog title="修改密码" :visible.sync="passwordDialogVisible" width="400px">
+        <el-form :model="passwordForm" :rules="passwordRules" ref="passwordForm" label-width="100px">
+          <el-form-item label="原密码" prop="oldPassword">
+            <el-input v-model="passwordForm.oldPassword" type="password" show-password></el-input>
+          </el-form-item>
+          <el-form-item label="新密码" prop="newPassword">
+            <el-input v-model="passwordForm.newPassword" type="password" show-password></el-input>
+          </el-form-item>
+          <el-form-item label="确认密码" prop="confirmPassword">
+            <el-input v-model="passwordForm.confirmPassword" type="password" show-password></el-input>
+          </el-form-item>
+        </el-form>
+        <span slot="footer">
+          <el-button @click="passwordDialogVisible = false">取消</el-button>
+          <el-button type="primary" @click="confirmChangePassword" :loading="submitting">确定</el-button>
+        </span>
+      </el-dialog>
       <el-main>
         <router-view />
       </el-main>
@@ -160,7 +238,55 @@
 </template>
 
 <script>
+import { getAdminInfo, changePassword } from '@/api/auth'
+import { updateAdminInfo } from '@/api/admin'
+import { getMyInviteCode } from '@/api/guide'
+
 export default {
+  data() {
+    return {
+      profileDialogVisible: false,
+      passwordDialogVisible: false,
+      submitting: false,
+      profileForm: {
+        nickname: '',
+        phone: '',
+        email: '',
+        username: '',
+        realName: ''
+      },
+      passwordForm: {
+        oldPassword: '',
+        newPassword: '',
+        confirmPassword: ''
+      },
+      inviteCodeVisible: false,
+      inviteCodeLoading: false,
+      inviteCodeData: null,
+      passwordRules: {
+        oldPassword: [
+          { required: true, message: '请输入原密码', trigger: 'blur' }
+        ],
+        newPassword: [
+          { required: true, message: '请输入新密码', trigger: 'blur' },
+          { min: 6, message: '密码长度不能少于6位', trigger: 'blur' }
+        ],
+        confirmPassword: [
+          { required: true, message: '请确认新密码', trigger: 'blur' },
+          {
+            validator: (rule, value, callback) => {
+              if (value !== this.passwordForm.newPassword) {
+                callback(new Error('两次输入密码不一致'))
+              } else {
+                callback()
+              }
+            },
+            trigger: 'blur'
+          }
+        ]
+      }
+    }
+  },
   computed: {
     activeMenu() {
       return this.$route.path
@@ -191,6 +317,107 @@ export default {
         this.$router.push(index)
       }
     },
+    handleProfileCommand(command) {
+      if (command === 'profile') {
+        this.loadAdminInfo()
+        this.profileDialogVisible = true
+      } else if (command === 'password') {
+        this.passwordForm = { oldPassword: '', newPassword: '', confirmPassword: '' }
+        this.passwordDialogVisible = true
+      } else if (command === 'logout') {
+        this.handleLogout()
+      }
+    },
+    async loadAdminInfo() {
+      try {
+        const res = await getAdminInfo()
+        this.profileForm = {
+          nickname: res.data.nickname || '',
+          phone: res.data.phone || '',
+          email: res.data.email || '',
+          username: res.data.username || '',
+          realName: res.data.realName || ''
+        }
+      } catch (e) {
+        this.$message.error('加载个人信息失败')
+      }
+    },
+    async confirmUpdateInfo() {
+      this.submitting = true
+      try {
+        await updateAdminInfo({
+          nickname: this.profileForm.nickname,
+          phone: this.profileForm.phone,
+          email: this.profileForm.email
+        })
+        if (this.profileForm.nickname) {
+          localStorage.setItem('adminName', this.profileForm.nickname)
+        }
+        this.$message.success('保存成功')
+        this.profileDialogVisible = false
+      } catch (e) {
+        this.$message.error(e.message || '保存失败')
+      } finally {
+        this.submitting = false
+      }
+    },
+    async confirmChangePassword() {
+      this.$refs.passwordForm.validate(async (valid) => {
+        if (!valid) return
+        this.submitting = true
+        try {
+          await changePassword({
+            oldPassword: this.passwordForm.oldPassword,
+            newPassword: this.passwordForm.newPassword
+          })
+          this.$message.success('密码修改成功')
+          this.passwordDialogVisible = false
+        } catch (e) {
+          this.$message.error(e.message || '密码修改失败')
+        } finally {
+          this.submitting = false
+        }
+      })
+    },
+    async showInviteCode() {
+      this.inviteCodeVisible = true
+      this.inviteCodeLoading = true
+      this.inviteCodeData = null
+      try {
+        const res = await getMyInviteCode()
+        if (res.data) {
+          this.inviteCodeData = res.data
+        }
+      } catch (e) {
+        this.$message.error('获取邀请码失败')
+      } finally {
+        this.inviteCodeLoading = false
+      }
+    },
+    async generateInviteCode() {
+      this.inviteCodeLoading = true
+      try {
+        const res = await getMyInviteCode()
+        if (res.data) {
+          this.inviteCodeData = res.data
+          this.$message.success('邀请码已生成')
+        }
+      } catch (e) {
+        this.$message.error('生成邀请码失败')
+      } finally {
+        this.inviteCodeLoading = false
+      }
+    },
+    copyCode(code) {
+      if (!code) return
+      const input = document.createElement('input')
+      input.value = code
+      document.body.appendChild(input)
+      input.select()
+      document.execCommand('copy')
+      document.body.removeChild(input)
+      this.$message.success('已复制邀请码')
+    },
     handleLogout() {
       this.$confirm('确定要退出登录吗？', '提示', {
         confirmButtonText: '确定',
@@ -245,6 +472,7 @@ export default {
 .header-right {
   display: flex;
   align-items: center;
+  gap: 12px;
 }
 
 .username {
@@ -252,6 +480,61 @@ export default {
   color: #606266;
 }
 
+.invite-code-btn {
+  color: #6366F1;
+  font-size: 13px;
+}
+.invite-code-btn:hover {
+  color: #4F46E5;
+}
+
+.invite-code-content {
+  padding: 8px 0;
+}
+
+.invite-code-section {
+  background: #F8FAFC;
+  border: 1px solid #E2E8F0;
+  border-radius: 8px;
+  padding: 20px;
+  text-align: center;
+}
+
+.invite-code-label {
+  font-size: 14px;
+  color: #64748B;
+  margin-bottom: 12px;
+}
+
+.invite-code-value {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  margin-bottom: 8px;
+}
+
+.code-text {
+  font-size: 28px;
+  font-weight: 700;
+  letter-spacing: 6px;
+  color: #1E293B;
+  font-family: monospace;
+}
+
+.no-invite-code {
+  text-align: center;
+  padding: 24px;
+  color: #94A3B8;
+}
+.no-invite-code i {
+  font-size: 48px;
+  margin-bottom: 12px;
+}
+.no-invite-code p {
+  margin-bottom: 16px;
+}
+
 .el-main {
   background-color: #f0f2f5;
   padding: 20px;

zxyj-web/src/views/Users.vue

@@ -31,6 +31,14 @@
             @keyup.enter.native="handleSearch"
           ></el-input>
         </el-form-item>
+        <el-form-item label="手机号">
+          <el-input 
+            v-model="searchForm.phone" 
+            placeholder="请输入手机号" 
+            clearable
+            @keyup.enter.native="handleSearch"
+          ></el-input>
+        </el-form-item>
         <el-form-item>
           <el-button type="primary" @click="handleSearch">搜索</el-button>
           <el-button @click="handleReset">重置</el-button>
@@ -80,14 +88,6 @@
             >
               重置密码
             </el-button>
-            <el-button 
-              type="text" 
-              size="small"
-              @click="handleViewFamily(scope.row)"
-              v-if="scope.row.familyId"
-            >
-              查看家庭
-            </el-button>
             <el-button 
               type="text" 
               size="small" 
@@ -142,38 +142,38 @@
         <el-button type="primary" @click="submitEdit" :loading="submitting">确定</el-button>
       </div>
     </el-dialog>
-</div>
-  </template>
 
-  <!-- 重置密码对话框 -->
-  <el-dialog
-    title="重置密码"
-    :visible.sync="resetPasswordDialogVisible"
-    width="400px"
-  >
-    <el-form :model="resetPasswordForm" label-width="80px">
-      <el-form-item label="新密码">
-        <el-input 
-          v-model="resetPasswordForm.password" 
-          type="password"
-          placeholder="请输入新密码（至少6位）"
-          show-password
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="确认密码">
-        <el-input 
-          v-model="resetPasswordForm.confirmPassword" 
-          type="password"
-          placeholder="请再次输入新密码"
-          show-password
-        ></el-input>
-      </el-form-item>
-    </el-form>
-    <div slot="footer">
-      <el-button @click="resetPasswordDialogVisible = false">取消</el-button>
-      <el-button type="primary" @click="confirmResetPassword" :loading="submitting">确定</el-button>
-    </div>
-  </el-dialog>
+    <!-- 重置密码对话框 -->
+    <el-dialog
+      title="重置密码"
+      :visible.sync="resetPasswordDialogVisible"
+      width="400px"
+    >
+      <el-form :model="resetPasswordForm" label-width="80px">
+        <el-form-item label="新密码">
+          <el-input 
+            v-model="resetPasswordForm.password" 
+            type="password"
+            placeholder="请输入新密码（至少6位）"
+            show-password
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="确认密码">
+          <el-input 
+            v-model="resetPasswordForm.confirmPassword" 
+            type="password"
+            placeholder="请再次输入新密码"
+            show-password
+          ></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer">
+        <el-button @click="resetPasswordDialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="confirmResetPassword" :loading="submitting">确定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
 
 <script>
 import { getUserList, updateUser, deleteUser, resetUserPassword } from '@/api/admin'
@@ -187,7 +187,8 @@ export default {
       tableData: [],
       searchForm: {
         role: '',
-        nickname: ''
+        nickname: '',
+        phone: ''
       },
       pagination: {
         current: 1,
@@ -246,7 +247,8 @@ export default {
     handleReset() {
       this.searchForm = {
         role: '',
-        nickname: ''
+        nickname: '',
+        phone: ''
       }
       this.handleSearch()
     },
@@ -330,12 +332,6 @@ export default {
         this.submitting = false
       }
     },
-    handleViewFamily(row) {
-      this.$router.push({
-        path: '/families',
-        query: { familyId: row.familyId }
-      })
-    },
     getRoleType(role) {
       const types = {
         parent: 'success',

zxyj-web/src/views/teacher/TeacherAssessment.vue

@@ -118,8 +118,8 @@ export default {
           getGuideFamilyAssessmentList(),
           getFamilyList({})
         ])
-        this.familyConfigs = configsRes.data || []
-        this.availableFamilies = familiesRes.data || []
+        this.familyConfigs = configsRes.data?.records || configsRes.data || []
+        this.availableFamilies = familiesRes.data?.records || familiesRes.data || []
       } catch (e) {
         console.error('加载失败', e)
       } finally {

zxyj-web/src/views/teacher/TeacherDashboard.vue

@@ -242,7 +242,7 @@
 </template>
 
 <script>
-import { getBoundFamilies, getTeamMembers, getGuideOrders } from '@/api/guide'
+import { getBoundFamilies, getTeamMembers, getGuideOrders, getGuideDashboardStats } from '@/api/guide'
 
 export default {
   name: 'TeacherDashboard',
@@ -277,17 +277,16 @@ export default {
   methods: {
     async loadData() {
       try {
-        const [familyRes, teamRes, orderRes] = await Promise.all([
+        const [familyRes, teamRes, orderRes, statsRes] = await Promise.all([
           getBoundFamilies(),
           getTeamMembers(),
-          getGuideOrders()
+          getGuideOrders(),
+          getGuideDashboardStats()
         ])
         if (familyRes.data) {
           this.families = familyRes.data.slice(0, 5)
           this.stats.serviceFamilyCount = familyRes.data.length
           this.stats.activeFamilyCount = familyRes.data.filter(f => f.status === 'active').length
-          this.todayStats.newFamilies = Math.floor(Math.random() * 3) // 模拟数据
-          this.todayStats.completedTasks = Math.floor(Math.random() * 20) // 模拟数据
         }
         if (teamRes.data) {
           this.teamMembers = teamRes.data.slice(0, 5).map(m => ({
@@ -295,16 +294,21 @@ export default {
             trend: Math.floor(Math.random() * 30) - 10
           }))
         }
-        if (orderRes.data) {
-          this.recentOrders = orderRes.data.slice(0, 10)
-          const totalSales = orderRes.data.reduce((sum, o) => sum + (o.amount || 0), 0)
+        if (orderRes.data && orderRes.data.records) {
+          this.recentOrders = orderRes.data.records.slice(0, 10)
+          const totalSales = orderRes.data.records.reduce((sum, o) => sum + (o.amount || 0), 0)
           this.stats.monthlySales = totalSales.toFixed(2)
           this.stats.myCommission = (totalSales * 0.1).toFixed(2)
-          this.todayStats.newOrders = orderRes.data.filter(o => {
+          this.todayStats.newOrders = orderRes.data.records.filter(o => {
             const today = new Date().toDateString()
             return new Date(o.createdAt).toDateString() === today
           }).length
         }
+        if (statsRes.data) {
+          this.todayStats.newFamilies = statsRes.data.totalFamilies || 0
+          this.todayStats.completedTasks = statsRes.data.todayCompletedTasks || 0
+          this.todayStats.pendingReviews = statsRes.data.pendingReviewTasks || 0
+        }
       } catch (e) {
         console.error(e)
       }

zxyj-web/src/views/teacher/TeacherFamilies.vue

@@ -7,9 +7,6 @@
         <span class="page-desc">管理您服务家庭的信息和任务</span>
       </div>
       <div class="header-actions">
-        <el-button type="primary" class="primary-btn" @click="handleBind">
-          <i class="el-icon-plus"></i> 绑定家庭
-        </el-button>
       </div>
     </div>
 
@@ -279,15 +276,7 @@ export default {
     handleMessage(row) {
       this.$router.push({ path: '/teacher-messages', query: { familyId: row.familyId } })
     },
-    handleBind() {
-      this.$prompt('请输入家庭ID或邀请码', '绑定家庭', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        inputPlaceholder: '输入家庭ID或邀请码'
-      }).then(({ value }) => {
-        this.$message.success('绑定请求已发送')
-      })
-    },
+
     getCompletionColor(rate) {
       if (rate >= 80) return '#10B981'
       if (rate >= 50) return '#F59E0B'

zxyj-web/src/views/teacher/TeacherMessages.vue

@@ -68,6 +68,11 @@
             >
               <div class="message-bubble">
                 {{ msg.content }}
+                <div class="message-reply" v-if="msg.isReplied">
+                  <i class="el-icon-edit-outline"></i>
+                  <span class="reply-text">老师回复：{{ msg.replyContent }}</span>
+                  <span class="reply-time">{{ msg.repliedAt }}</span>
+                </div>
               </div>
               <div class="message-meta">{{ msg.time }}</div>
             </div>
@@ -93,11 +98,105 @@
         </div>
       </div>
     </el-card>
+
+    <!-- 家庭信息弹窗 -->
+    <el-dialog
+      title="家庭信息"
+      :visible.sync="familyInfoVisible"
+      width="700px"
+      :close-on-click-modal="false"
+      v-loading="familyInfoLoading"
+    >
+      <div v-if="familyInfoLoading" style="min-height: 200px;"></div>
+      <template v-if="!familyInfoLoading && familyMembers">
+        <!-- 家庭成员信息 -->
+        <el-divider content-position="left">家庭成员</el-divider>
+        <el-row :gutter="20" style="margin-bottom: 16px;">
+          <el-col :span="12">
+            <div class="info-section-title">👤 家长</div>
+            <div v-if="familyMembers.parents && familyMembers.parents.length > 0">
+              <div class="member-item" v-for="parent in familyMembers.parents" :key="parent.id">
+                <span class="member-name">{{ parent.nickname || parent.realName || parent.phone }}</span>
+                <el-tag size="mini" type="success">{{ parent.phone }}</el-tag>
+              </div>
+            </div>
+            <div v-else class="no-data">暂无家长信息</div>
+          </el-col>
+          <el-col :span="12">
+            <div class="info-section-title">👶 孩子</div>
+            <div v-if="familyMembers.children && familyMembers.children.length > 0">
+              <div class="member-item" v-for="child in familyMembers.children" :key="child.id">
+                <span class="member-name">{{ child.nickname || child.realName }}</span>
+                <el-tag size="mini" type="primary" v-if="child.totalPoints != null">{{ child.totalPoints }}分</el-tag>
+              </div>
+            </div>
+            <div v-else class="no-data">暂无孩子信息</div>
+          </el-col>
+        </el-row>
+
+        <!-- 任务概览 -->
+        <template v-if="familyTaskOverview">
+          <el-divider content-position="left">任务概览</el-divider>
+          <el-row :gutter="16" style="margin-bottom: 16px;">
+            <el-col :span="6">
+              <div class="stat-card">
+                <div class="stat-number" style="color: #409EFF;">{{ familyTaskOverview.totalChildren || 0 }}</div>
+                <div class="stat-label">孩子数量</div>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="stat-card">
+                <div class="stat-number" style="color: #67C23A;">{{ familyTaskOverview.totalCompleted || 0 }}</div>
+                <div class="stat-label">已完成任务</div>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="stat-card">
+                <div class="stat-number" style="color: #E6A23C;">{{ familyTaskOverview.totalPendingReview || 0 }}</div>
+                <div class="stat-label">待审核</div>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="stat-card">
+                <div class="stat-number" style="color: #F56C6C;">{{ familyTaskOverview.totalOverdue || 0 }}</div>
+                <div class="stat-label">已超时</div>
+              </div>
+            </el-col>
+          </el-row>
+
+          <!-- 各孩子详情 -->
+          <div v-if="familyTaskOverview.children && familyTaskOverview.children.length > 0">
+            <div class="child-task-section" v-for="child in familyTaskOverview.children" :key="child.childId">
+              <div class="child-header">
+                <strong>{{ child.childName || '孩子' }}</strong>
+                <span style="margin-left: 12px; color: #909399; font-size: 12px;">
+                  积分: {{ child.totalPoints || 0 }} | 连续: {{ child.streakDays || 0 }}天
+                </span>
+              </div>
+              <el-row :gutter="12" style="margin: 8px 0;">
+                <el-col :span="6">
+                  <el-tag size="mini" type="primary">今日任务: {{ child.todayTaskCount || 0 }}</el-tag>
+                </el-col>
+                <el-col :span="6">
+                  <el-tag size="mini" type="success">今日完成: {{ child.todayCompletedCount || 0 }}</el-tag>
+                </el-col>
+                <el-col :span="6">
+                  <el-tag size="mini" type="warning">待审核: {{ child.pendingReviewCount || 0 }}</el-tag>
+                </el-col>
+              </el-row>
+            </div>
+          </div>
+        </template>
+        <div v-else class="no-data">暂无任务概览数据</div>
+      </template>
+    </el-dialog>
   </div>
 </template>
 
 <script>
-import { getGuideMessages, sendMessage as apiSendMessage } from '@/api/guide'
+import { getGuideMessages, replyMessage } from '@/api/guide'
+import { getFamilyMembers } from '@/api/admin'
+import { fetchFamilyOverview } from '@/api/guideTask'
 
 export default {
   name: 'TeacherMessages',
@@ -105,9 +204,17 @@ export default {
     return {
       messages: [],
       activeConversation: null,
+      activeFamilyId: null,
+      activeMessageId: null,
       currentChatName: '',
       chatMessages: [],
-      newMessage: ''
+      newMessage: '',
+      // 家庭信息弹窗
+      familyInfoVisible: false,
+      familyInfo: null,
+      familyMembers: [],
+      familyTaskOverview: null,
+      familyInfoLoading: false
     }
   },
   computed: {
@@ -121,47 +228,70 @@ export default {
   methods: {
     async loadMessages() {
       try {
-        const res = await getGuideMessages()
-        if (res.data) {
+        const res = await getGuideMessages({})
+        if (res.data && res.data.records) {
+          this.messages = res.data.records.map(msg => ({
+            id: msg.id,
+            conversationId: 'family_' + msg.familyId,
+            senderName: msg.parentName || '家长',
+            avatar: '',
+            preview: msg.content ? msg.content.substring(0, 30) : '',
+            time: msg.createdAt ? new Date(msg.createdAt).toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' }) : '',
+            unreadCount: msg.status === 'unread' ? 1 : 0,
+            familyId: msg.familyId,
+            parentId: msg.parentId
+          }))
+        } else if (res.data) {
           this.messages = res.data
         }
       } catch (e) {
         console.error(e)
-        this.messages = [
-          { id: 1, conversationId: 'family_123', senderName: '张三爸', avatar: '', preview: '老师，孩子今天的任务完成了', time: '10:20', unreadCount: 1 },
-          { id: 2, conversationId: 'family_124', senderName: '李四妈', avatar: '', preview: '请问这个套餐怎么购买？', time: '昨天', unreadCount: 0 },
-          { id: 3, conversationId: 'system', senderName: '系统通知', avatar: '', preview: '您的套餐"年度旗舰版"已到期', time: '14:30', unreadCount: 0 }
-        ]
+        this.messages = []
       }
     },
     selectConversation(msg) {
       this.activeConversation = msg.conversationId
+      this.activeFamilyId = msg.familyId
+      this.activeMessageId = msg.id
       this.currentChatName = msg.senderName
       msg.unreadCount = 0
-      this.loadChatMessages(msg.conversationId)
+      this.loadChatMessages(msg.familyId)
     },
-    async loadChatMessages(conversationId) {
+    async loadChatMessages(familyId) {
       try {
-        const res = await fetch(`/api/guide/messages/${conversationId}`)
-        const data = await res.json()
-        if (data.data) {
-          this.chatMessages = data.data
+        const res = await getGuideMessages({})
+        if (res.data && res.data.records) {
+          const familyMessages = res.data.records
+            .filter(m => m.familyId && m.familyId.toString() === familyId.toString())
+          // 找到最新未回复的消息ID
+          const latestUnreplied = familyMessages
+            .filter(m => !m.replyContent)
+            .sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt))
+          if (latestUnreplied.length > 0) {
+            this.activeMessageId = latestUnreplied[0].id
+          }
+          this.chatMessages = familyMessages.map(msg => ({
+            id: msg.id,
+            content: msg.content || '',
+            replyContent: msg.replyContent || '',
+            time: msg.createdAt ? new Date(msg.createdAt).toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' }) : '',
+            isMine: false,
+            isReplied: !!msg.replyContent,
+            repliedAt: msg.repliedAt ? new Date(msg.repliedAt).toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' }) : ''
+          }))
         }
       } catch (e) {
-        this.chatMessages = [
-          { content: '老师，孩子今天的任务完成了', time: '10:20', isMine: false },
-          { content: '好的，我看一下', time: '10:25', isMine: true }
-        ]
+        console.error('加载聊天记录失败', e)
+        this.chatMessages = []
       }
     },
     async sendMessage() {
       if (!this.newMessage.trim()) return
 
       try {
-        await apiSendMessage({
-          conversationId: this.activeConversation,
-          content: this.newMessage
-        })
+        if (this.activeMessageId) {
+          await replyMessage(this.activeMessageId, this.newMessage)
+        }
         this.chatMessages.push({
           content: this.newMessage,
           time: new Date().toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' }),
@@ -172,7 +302,7 @@ export default {
           this.$refs.chatMessages.scrollTop = this.$refs.chatMessages.scrollHeight
         })
       } catch (e) {
-        console.error(e)
+        console.error('发送消息失败', e)
       }
     },
     markAllRead() {
@@ -181,8 +311,30 @@ export default {
       })
       this.$message.success('已全部标记为已读')
     },
-    viewFamilyInfo() {
-      this.$message.info('查看家庭信息功能开发中')
+    async viewFamilyInfo() {
+      if (!this.activeFamilyId) {
+        this.$message.warning('请先选择一个会话')
+        return
+      }
+      this.familyInfoLoading = true
+      this.familyInfoVisible = true
+      try {
+        const [membersRes, overviewRes] = await Promise.all([
+          getFamilyMembers(this.activeFamilyId),
+          fetchFamilyOverview(this.activeFamilyId)
+        ])
+        if (membersRes.data) {
+          this.familyMembers = membersRes.data
+        }
+        if (overviewRes.data) {
+          this.familyTaskOverview = overviewRes.data
+        }
+      } catch (e) {
+        console.error('加载家庭信息失败', e)
+        this.$message.error('加载家庭信息失败')
+      } finally {
+        this.familyInfoLoading = false
+      }
     }
   }
 }
@@ -485,4 +637,83 @@ export default {
   border: none;
   color: #FFFFFF;
 }
+
+/* 家庭信息弹窗样式 */
+.info-section-title {
+  font-weight: 600;
+  font-size: 14px;
+  margin-bottom: 8px;
+  color: #303133;
+}
+
+.member-item {
+  padding: 6px 0;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.member-name {
+  font-size: 13px;
+  color: #606266;
+}
+
+.no-data {
+  color: #C0C4CC;
+  font-size: 13px;
+  padding: 8px 0;
+}
+
+.stat-card {
+  text-align: center;
+  padding: 12px 8px;
+  background: #F8FAFC;
+  border-radius: 8px;
+  border: 1px solid #EBEEF5;
+}
+
+.stat-number {
+  font-size: 24px;
+  font-weight: bold;
+  line-height: 1.2;
+}
+
+.stat-label {
+  font-size: 12px;
+  color: #909399;
+  margin-top: 4px;
+}
+
+.child-task-section {
+  padding: 10px;
+  background: #FAFAFA;
+  border-radius: 6px;
+  margin-bottom: 8px;
+  border: 1px solid #F0F0F0;
+}
+
+.child-header {
+  font-size: 13px;
+  color: #303133;
+}
+
+.message-reply {
+  margin-top: 6px;
+  padding: 6px 8px;
+  background: rgba(64, 158, 255, 0.08);
+  border-radius: 4px;
+  font-size: 12px;
+  line-height: 1.4;
+}
+
+.message-reply .reply-text {
+  color: #409EFF;
+  margin-left: 4px;
+}
+
+.message-reply .reply-time {
+  color: #C0C4CC;
+  font-size: 11px;
+  margin-left: 8px;
+}
 </style>

zxyj-web/src/views/teacher/TeacherTeam.vue

@@ -250,12 +250,14 @@ export default {
       this.$prompt('请选择邀请码有效期', '生成邀请码', {
         confirmButtonText: '7天',
         cancelButtonText: '30天'
-      }).then(() => {
+      }).then(({ value }) => {
         this.inviteCode = {
           code: Math.random().toString(36).substring(2, 10).toUpperCase(),
-          expireAt: new Date(Date.now() + 7 * 24 * 60 * 60 * 1000).toLocaleDateString()
+          expireAt: value ? new Date(Date.now() + 7 * 24 * 60 * 60 * 1000).toLocaleDateString() : new Date(Date.now() + 30 * 24 * 60 * 60 * 1000).toLocaleDateString()
         }
         this.$message.success('邀请码已生成')
+      }).catch(() => {
+        // 用户取消操作，不做任何处理
       })
     },
     handleCopyCode() {