feat: 我的页面重设计为以我为中心

将纯菜单列表改造为个人成就仪表盘：身份卡+家庭头像速览+8项成就网格+条件待办提醒+精简功能入口，配套新增getProfileStats API调用

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

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

cfc-frontend/pages/profile-main/profile.vue

@@ -11,7 +11,6 @@
         <text class="skip-link" @click="goSkip">暂不登录，先逛逛 ›</text>
       </view>
 
-      <!-- 理念卡 -->
       <view class="philosophy-card">
         <text class="philosophy-title">照顾家庭，从照顾好自己开始</text>
         <text class="philosophy-desc">你的状态，就是家的状态。先安顿好自己，才有余力温暖家人。</text>
@@ -25,7 +24,7 @@
         <text>🔄 退出切换</text>
       </view>
 
-      <!-- 用户身份卡片 -->
+      <!-- 身份卡 -->
       <view class="user-card">
         <view class="user-card-left">
           <view class="avatar-wrap" @click="goToEditInfo">
@@ -53,203 +52,192 @@
             </view>
           </view>
         </view>
-        <view class="user-card-right">
-          <view class="points-box" @click="goToPoints">
-            <text class="points-num">{{ totalPoints }}</text>
-            <text class="points-label">积分</text>
-          </view>
+        <view class="user-card-right" @click="goToPoints">
+          <text class="points-num">{{ totalPoints }}</text>
+          <text class="points-label">积分</text>
         </view>
       </view>
 
-      <!-- 核心数据概览 -->
-      <view class="stats-bar">
-        <view class="stat-item" @click="goToTasks">
-          <text class="stat-num">{{ pendingTasks }}</text>
-          <text class="stat-label">待完成任务</text>
-        </view>
-        <view class="stat-divider"></view>
-        <view class="stat-item" @click="goToCheckin">
-          <text class="stat-num">{{ streakDays }}</text>
-          <text class="stat-label">连续打卡</text>
+      <!-- 家庭成员速览 -->
+      <view class="family-strip" v-if="familyMembers.length > 0">
+        <view class="family-strip-header">
+          <text class="family-strip-title">我的家庭</text>
+          <text class="family-strip-count">{{ familyMembers.length }} 位成员</text>
         </view>
-        <view class="stat-divider"></view>
-        <view class="stat-item" @click="goToFamily">
-          <text class="stat-num">{{ familyCount }}</text>
-          <text class="stat-label">家庭成员</text>
-        </view>
-        <view class="stat-divider"></view>
-        <view class="stat-item" @click="goToChallenges">
-          <text class="stat-num">{{ activeChallenges }}</text>
-          <text class="stat-label">进行中挑战</text>
+        <view class="family-avatars">
+          <view
+            v-for="member in familyMembers"
+            :key="member.id"
+            class="family-avatar-item"
+            @click="goMemberDetail(member)"
+          >
+            <view class="family-avatar-wrap">
+              <image v-if="member.avatar" class="family-avatar-img" :src="member.avatar" mode="aspectFill" />
+              <text v-else class="family-avatar-text">{{ member.nickname ? member.nickname.charAt(0) : '?' }}</text>
+              <view class="family-avatar-tag" :class="'tag-' + (member.effectiveRole || member.source || 'member')">{{ member.roleLabel || memberRoleLabel(member.effectiveRole) }}</view>
+            </view>
+            <text class="family-avatar-name">{{ member.nickname || member.realName || '成员' }}</text>
+          </view>
+          <view class="family-avatar-item" @click="goToFamily">
+            <view class="family-avatar-wrap family-avatar-add">
+              <text class="family-avatar-plus">+</text>
+            </view>
+            <text class="family-avatar-name">添加</text>
+          </view>
         </view>
       </view>
 
-      <!-- 商城订单快捷 -->
-      <view class="mall-section" v-if="totalPoints > 0">
-        <view class="mall-header" @click="goToOrders">
-          <text class="mall-title">🛒 商城订单</text>
-          <text class="mall-more">全部订单 ›</text>
+      <!-- 个人成就统计 -->
+      <view class="achievement-section">
+        <view class="section-header-row">
+          <text class="section-title">🏆 我的成就</text>
+          <text class="section-sub">持续成长，看见改变</text>
         </view>
-        <view class="mall-grid">
-          <view class="mall-item" @click="goToOrders">
-            <text class="mall-item-num" v-if="orderPending > 0">{{ orderPending }}</text>
-            <text class="mall-item-num" v-else>0</text>
-            <text class="mall-item-label">待审核</text>
+        <view class="achievement-grid">
+          <view class="ach-item" @click="goToPoints">
+            <view class="ach-icon-wrap" style="background:rgba(249,115,22,0.12)">
+              <text class="ach-icon">💰</text>
+            </view>
+            <text class="ach-num">{{ totalPoints }}</text>
+            <text class="ach-label">累计积分</text>
           </view>
-          <view class="mall-item" @click="goToOrders">
-            <text class="mall-item-num" v-if="orderUnpaid > 0">{{ orderUnpaid }}</text>
-            <text class="mall-item-num" v-else>0</text>
-            <text class="mall-item-label">待付款</text>
+          <view class="ach-item" @click="goToStreak">
+            <view class="ach-icon-wrap" style="background:rgba(255,140,66,0.12)">
+              <text class="ach-icon">🔥</text>
+            </view>
+            <text class="ach-num">{{ streakDays }}</text>
+            <text class="ach-label">连续打卡</text>
           </view>
-          <view class="mall-item" @click="goToOrders">
-            <text class="mall-item-num" v-if="orderShipped > 0">{{ orderShipped }}</text>
-            <text class="mall-item-num" v-else>0</text>
-            <text class="mall-item-label">待发货</text>
+          <view class="ach-item" @click="goToTasks">
+            <view class="ach-icon-wrap" style="background:rgba(99,102,241,0.12)">
+              <text class="ach-icon">✅</text>
+            </view>
+            <text class="ach-num">{{ completedTasks }}</text>
+            <text class="ach-label">完成任务</text>
           </view>
-          <view class="mall-item" @click="goToOrders">
-            <text class="mall-item-num" v-if="orderAfterSale > 0">{{ orderAfterSale }}</text>
-            <text class="mall-item-num" v-else>0</text>
-            <text class="mall-item-label">售后</text>
+          <view class="ach-item" @click="goToWishes">
+            <view class="ach-icon-wrap" style="background:rgba(245,158,11,0.12)">
+              <text class="ach-icon">🎁</text>
+            </view>
+            <text class="ach-num">{{ rewardsEarned }}</text>
+            <text class="ach-label">获得奖励</text>
           </view>
-        </view>
-      </view>
-
-      <!-- 推广中心快捷 -->
-      <view class="mall-section" v-if="commissionBalance > 0 || referralCount > 0 || teamCount > 0">
-        <view class="mall-header" @click="goToPromotion">
-          <text class="mall-title">💰 推广中心</text>
-          <text class="mall-more">进入 ›</text>
-        </view>
-        <view class="mall-grid">
-          <view class="mall-item" @click="goToPromotion">
-            <text class="mall-item-num">{{ commissionBalance }}</text>
-            <text class="mall-item-label">可提现</text>
+          <view class="ach-item" @click="goToBadges">
+            <view class="ach-icon-wrap" style="background:rgba(236,72,153,0.12)">
+              <text class="ach-icon">🏅</text>
+            </view>
+            <text class="ach-num">{{ badgesCollected }}</text>
+            <text class="ach-label">收集勋章</text>
           </view>
-          <view class="mall-item" @click="goToPromotion">
-            <text class="mall-item-num">{{ referralCount }}</text>
-            <text class="mall-item-label">邀请人数</text>
+          <view class="ach-item" @click="goToGrowth">
+            <view class="ach-icon-wrap" style="background:rgba(16,185,129,0.12)">
+              <text class="ach-icon">📈</text>
+            </view>
+            <text class="ach-num">{{ growthRecords }}</text>
+            <text class="ach-label">成长记录</text>
           </view>
-          <view class="mall-item" @click="goToPromotion">
-            <text class="mall-item-num">{{ teamCount }}</text>
-            <text class="mall-item-label">团队人数</text>
+          <view class="ach-item" @click="goToChallenges">
+            <view class="ach-icon-wrap" style="background:rgba(255,107,157,0.12)">
+              <text class="ach-icon">🎯</text>
+            </view>
+            <text class="ach-num">{{ challengesJoined }}</text>
+            <text class="ach-label">参加挑战</text>
+          </view>
+          <view class="ach-item" @click="goToHealthReports">
+            <view class="ach-icon-wrap" style="background:rgba(14,165,233,0.12)">
+              <text class="ach-icon">📋</text>
+            </view>
+            <text class="ach-num">{{ healthReports }}</text>
+            <text class="ach-label">上传报告</text>
           </view>
         </view>
       </view>
 
-      <!-- 待办提醒 -->
-      <view class="reminders-section" v-if="hasReminders">
-        <view class="section-header">
-          <text class="section-title">📌 待办提醒</text>
-        </view>
-        <view class="reminder-item" v-if="pendingTasks > 0" @click="goToTasks">
-          <text class="reminder-icon">📋</text>
-          <text class="reminder-text">有 {{ pendingTasks }} 个任务待完成</text>
-          <text class="reminder-arrow">›</text>
-        </view>
-        <view class="reminder-item" v-if="activeChallenges > 0" @click="goToChallenges">
-          <text class="reminder-icon">🔥</text>
-          <text class="reminder-text">{{ activeChallenges }} 个挑战进行中</text>
-          <text class="reminder-arrow">›</text>
-        </view>
-        <view class="reminder-item" v-if="profileProgress < 14" @click="goToEditInfo">
-          <text class="reminder-icon">📝</text>
-          <text class="reminder-text">个人信息待完善（{{ profileProgress }}/14）</text>
-          <text class="reminder-arrow">›</text>
-        </view>
-      </view>
-
-      <!-- 功能菜单 -->
-      <view class="menu-section">
-        <!-- 家庭 -->
-        <view class="menu-group">
-          <view class="menu-group-title">家庭</view>
-          <view class="menu-item" @click="goToFamily">
-            <text class="menu-icon">👨‍👩‍👧‍👦</text>
-            <text class="menu-text">家庭成员</text>
-            <text class="arrow">›</text>
+      <!-- 有待办的提醒（条件显示） -->
+      <view class="reminder-section" v-if="hasReminders">
+        <text class="section-title">📌 待办提醒</text>
+        <view class="reminder-grid">
+          <view class="reminder-item" v-if="pendingTasks > 0" @click="goToTasks">
+            <text class="reminder-icon">📋</text>
+            <view class="reminder-body">
+              <text class="reminder-text">待完成任务</text>
+              <text class="reminder-count">{{ pendingTasks }} 项</text>
+            </view>
+            <text class="reminder-arrow">›</text>
           </view>
-          <view class="menu-item" @click="goToChildren">
-            <text class="menu-icon">👶</text>
-            <text class="menu-text">孩子管理</text>
-            <text class="arrow">›</text>
+          <view class="reminder-item" v-if="orderUnpaid > 0" @click="goToOrders">
+            <text class="reminder-icon">💳</text>
+            <view class="reminder-body">
+              <text class="reminder-text">待付款订单</text>
+              <text class="reminder-count">{{ orderUnpaid }} 笔</text>
+            </view>
+            <text class="reminder-arrow">›</text>
           </view>
-          <view class="menu-item" v-if="role === 'parent'" @click="goToAppointments">
-            <text class="menu-icon">📅</text>
-            <text class="menu-text">测评预约</text>
-            <text class="arrow">›</text>
+          <view class="reminder-item" v-if="orderShipped > 0" @click="goToOrders">
+            <text class="reminder-icon">📦</text>
+            <view class="reminder-body">
+              <text class="reminder-text">待收货</text>
+              <text class="reminder-count">{{ orderShipped }} 笔</text>
+            </view>
+            <text class="reminder-arrow">›</text>
           </view>
-          <view class="menu-item" @click="goToChallenges">
-            <text class="menu-icon">🔥</text>
-            <text class="menu-text">家庭挑战</text>
-            <text class="arrow">›</text>
+          <view class="reminder-item" v-if="orderAfterSale > 0" @click="goToOrders">
+            <text class="reminder-icon">🔧</text>
+            <view class="reminder-body">
+              <text class="reminder-text">售后处理</text>
+              <text class="reminder-count">{{ orderAfterSale }} 笔</text>
+            </view>
+            <text class="reminder-arrow">›</text>
           </view>
         </view>
+      </view>
 
-        <!-- 成长 -->
-        <view class="menu-group">
-          <view class="menu-group-title">成长</view>
-          <view class="menu-item" @click="goToTasks">
-            <text class="menu-icon">📋</text>
-            <text class="menu-text">每日任务</text>
-            <text class="arrow">›</text>
-          </view>
-          <view class="menu-item" @click="goToGrowth">
-            <text class="menu-icon">📈</text>
-            <text class="menu-text">成长记录</text>
-            <text class="arrow">›</text>
+      <!-- 功能入口（精简网格） -->
+      <view class="menu-grid-section">
+        <view class="menu-grid">
+          <view class="menu-grid-item" @click="goToFamily">
+            <view class="menu-grid-icon-wrap" style="background:rgba(245,158,11,0.1)">
+              <text class="menu-grid-icon">👨‍👩‍👧‍👦</text>
+            </view>
+            <text class="menu-grid-text">家庭成员</text>
           </view>
-          <view class="menu-item" @click="goToReport">
-            <text class="menu-icon">📊</text>
-            <text class="menu-text">健康报告</text>
-            <text class="arrow">›</text>
+          <view class="menu-grid-item" @click="goToChallenges">
+            <view class="menu-grid-icon-wrap" style="background:rgba(255,107,157,0.1)">
+              <text class="menu-grid-icon">🔥</text>
+            </view>
+            <text class="menu-grid-text">家庭挑战</text>
           </view>
-        </view>
-
-        <!-- 商城 -->
-        <view class="menu-group" v-if="showServices">
-          <view class="menu-group-title">商城</view>
-          <view class="menu-item" @click="goToPromotion">
-            <text class="menu-icon">💰</text>
-            <text class="menu-text">推广中心</text>
-            <text class="arrow">›</text>
+          <view class="menu-grid-item" @click="goToGrowth">
+            <view class="menu-grid-icon-wrap" style="background:rgba(16,185,129,0.1)">
+              <text class="menu-grid-icon">📈</text>
+            </view>
+            <text class="menu-grid-text">成长记录</text>
           </view>
-          <view class="menu-item" @click="goToOrders">
-            <text class="menu-icon">🛒</text>
-            <text class="menu-text">我的订单</text>
-            <text class="badge" v-if="orderPending + orderUnpaid + orderShipped + orderAfterSale > 0">{{ orderPending + orderUnpaid + orderShipped + orderAfterSale }}</text>
-            <text class="arrow">›</text>
+          <view class="menu-grid-item" @click="goToHealthReports">
+            <view class="menu-grid-icon-wrap" style="background:rgba(14,165,233,0.1)">
+              <text class="menu-grid-icon">📋</text>
+            </view>
+            <text class="menu-grid-text">健康报告</text>
           </view>
-          <view class="menu-item" @click="goToCart">
-            <text class="menu-icon">🛍️</text>
-            <text class="menu-text">购物车</text>
-            <text class="badge" v-if="cartCount > 0">{{ cartCount }}</text>
-            <text class="arrow">›</text>
+          <view class="menu-grid-item" v-if="role === 'parent'" @click="goToAppointments">
+            <view class="menu-grid-icon-wrap" style="background:rgba(99,102,241,0.1)">
+              <text class="menu-grid-icon">📅</text>
+            </view>
+            <text class="menu-grid-text">测评预约</text>
           </view>
-          <view class="menu-item" @click="goToCoupons">
-            <text class="menu-icon">🎫</text>
-            <text class="menu-text">优惠券</text>
-            <text class="arrow">›</text>
+          <view class="menu-grid-item" @click="goToSettings">
+            <view class="menu-grid-icon-wrap" style="background:rgba(107,114,128,0.1)">
+              <text class="menu-grid-icon">⚙️</text>
+            </view>
+            <text class="menu-grid-text">设置</text>
           </view>
         </view>
+      </view>
 
-        <!-- 更多 -->
-        <view class="menu-group">
-          <view class="menu-group-title">更多</view>
-          <view class="menu-item" v-if="role === 'parent'" @click="showInviteActionSheet">
-            <text class="menu-icon">📨</text>
-            <text class="menu-text">邀请加入</text>
-            <text class="arrow">›</text>
-          </view>
-          <view class="menu-item" @click="goToSettings">
-            <text class="menu-icon">⚙️</text>
-            <text class="menu-text">设置</text>
-            <text class="arrow">›</text>
-          </view>
-          <view class="menu-item" @click="logout">
-            <text class="menu-icon">🚪</text>
-            <text class="menu-text">退出登录</text>
-            <text class="arrow">›</text>
-          </view>
+      <!-- 退出登录 -->
+      <view class="logout-section">
+        <view class="logout-btn" @click="logout">
+          <text class="logout-text">退出登录</text>
         </view>
       </view>
     </template>
@@ -263,14 +251,14 @@ import {
   getChildren, getVisibleFamilyMembers,
   getTodayTasksByCategory, getChallengeList, getMyMembership,
   verifyPassword, getPointsBalance, getUserInfo,
-  cartCount, getOrderCounts, getCommissionSummary, getReferralSummary
+  cartCount, getOrderCounts, getReferralSummary,
+  getProfileStats
 } from '../../utils/api.js'
 
 export default {
   components: { AIFloatingAvatar },
   data() {
     return {
-      isLoggedIn: false,
       nickname: '',
       role: 'parent',
       isSwitchedChild: false,
@@ -278,24 +266,30 @@ export default {
       memberLevel: null,
       membershipDays: 0,
       totalPoints: 0,
-      pendingTasks: 0,
+      // 个人成就
+      completedTasks: 0,
       streakDays: 0,
-      familyCount: 0,
-      activeChallenges: 0,
-      profileProgress: 0,
+      rewardsEarned: 0,
+      badgesCollected: 0,
+      growthRecords: 0,
+      challengesJoined: 0,
+      healthReports: 0,
+      // 家庭
+      familyMembers: [],
       // 商城
-      cartCount: 0,
-      orderPending: 0,
       orderUnpaid: 0,
       orderShipped: 0,
       orderAfterSale: 0,
-      // 推广中心
-      commissionBalance: 0,
-      referralCount: 0,
-      teamCount: 0
+      cartCount: 0,
+      // 待办
+      pendingTasks: 0,
+      profileProgress: 0
     }
   },
   computed: {
+    isLoggedIn() {
+      return !!uni.getStorageSync('token')
+    },
     roleLabel() {
       var map = { parent: '家长', child: '孩子', teacher: '规划师' }
       return map[this.role] || '用户'
@@ -307,7 +301,6 @@ export default {
     isLifetime() {
       return this.memberLevel === 'LIFETIME'
     },
-    // 有升级空间：FREE(开通) / FAMILY(升PREMIUM)；PREMIUM已是最高可购买等级，LIFETIME永久有效
     hasUpgradeSpace() {
       return this.memberLevel === 'FREE' || this.memberLevel === 'FAMILY'
     },
@@ -315,13 +308,11 @@ export default {
       return this.memberLevel === 'FAMILY' ? '升级' : '立即开通'
     },
     hasReminders() {
-      return this.pendingTasks > 0 || this.activeChallenges > 0 || this.profileProgress < 14
+      return this.pendingTasks > 0 || this.orderUnpaid > 0 || this.orderShipped > 0 || this.orderAfterSale > 0
     }
   },
   onShow() {
-    this.isLoggedIn = !!uni.getStorageSync('token')
     if (!this.isLoggedIn) {
-      // 未登录：不调用任何需登录接口，仅显示登录引导
       return
     }
     var role = uni.getStorageSync('currentRole') || uni.getStorageSync('role') || 'parent'
@@ -343,8 +334,7 @@ export default {
       this.loadTasks()
       this.loadChallenges()
       this.loadOrderCounts()
-      this.loadCartCount()
-      this.loadPromotion()
+      this.loadProfileStats()
     },
     loadUserInfo() {
       var self = this
@@ -352,21 +342,6 @@ export default {
         if (res && res.code === 200 && res.data) {
           self.userInfo = res.data
           if (!self.nickname) self.nickname = res.data.nickname || ''
-          // 个人信息完整度：统计 14 个字段（与 user-edit.vue 表单一致）
-          var d = res.data
-          var fields = [
-            d.avatar, d.nickname, d.realName, d.gender, d.idCard,
-            d.birthday, d.birthHour, d.ethnicity, d.bloodType,
-            d.highestEducation, d.maritalStatus, d.hobbies, d.dietPreferences,
-            d.address
-          ]
-          var count = 0
-          fields.forEach(function(v) {
-            if (v !== undefined && v !== null && String(v).trim() !== '') {
-              count += 1
-            }
-          })
-          self.profileProgress = count
         }
       }).catch(function() {})
     },
@@ -391,35 +366,32 @@ export default {
     },
     loadFamily() {
       var self = this
-      var childrenRes = getChildren()
-      var membersRes = getVisibleFamilyMembers()
-      Promise.all([childrenRes, membersRes]).then(function(results) {
-        var children = results[0].data || []
-        var members = results[1].data || []
-        self.familyCount = members.length || children.length
-        self.streakDays = parseInt(uni.getStorageSync('streakDays') || 0)
+      getVisibleFamilyMembers().then(function(res) {
+        var data = res && res.data ? res.data : []
+        self.familyMembers = Array.isArray(data) ? data : []
       }).catch(function() {
-        self.familyCount = 0
+        self.familyMembers = []
       })
     },
     loadTasks() {
       var self = this
       var memberId = uni.getStorageSync('currentChildId') || uni.getStorageSync('userId')
       if (!memberId) return
-      if (self.role === 'child' && memberId) {
-        getTodayTasksByCategory(memberId, 'action').then(function(res) {
-          if (res && res.data) {
-            self.pendingTasks = Array.isArray(res.data) ? res.data.length : 0
-          }
-        }).catch(function() {})
+      getTodayTasksByCategory(memberId, 'action').then(function(res) {
+        if (res && res.data) {
+          self.pendingTasks = Array.isArray(res.data) ? res.data.length : 0
+        }
+      }).catch(function() {})
+      // fallback to storage
+      if (!self.pendingTasks) {
+        self.pendingTasks = parseInt(uni.getStorageSync('pendingTaskCount') || 0)
       }
-      self.pendingTasks = parseInt(uni.getStorageSync('pendingTaskCount') || 0)
     },
     loadChallenges() {
       var self = this
       getChallengeList({}).then(function(res) {
         if (res && res.data) {
-          self.activeChallenges = Array.isArray(res.data) ? res.data.length : 0
+          // 不在此处使用，仅确保请求
         }
       }).catch(function() {})
     },
@@ -427,41 +399,28 @@ export default {
       var self = this
       getOrderCounts().then(function(res) {
         if (res && res.data) {
-          self.orderPending = res.data.pending || 0
           self.orderUnpaid = res.data.unpaid || res.data.paid || 0
           self.orderShipped = res.data.shipped || 0
           self.orderAfterSale = res.data.refunding || res.data.afterSale || 0
         }
       }).catch(function() {})
     },
-    loadCartCount() {
-      var self = this
-      cartCount().then(function(res) {
-        if (res && res.data != null) {
-          self.cartCount = res.data || 0
-        }
-      }).catch(function() {})
-    },
-    loadPromotion() {
+    loadProfileStats() {
       var self = this
-      getCommissionSummary().then(function(res) {
-        if (res && res.data) {
-          self.commissionBalance = res.data.availableAmount || res.data.balance || 0
-        }
-      }).catch(function() {})
-      getReferralSummary().then(function(res) {
-        if (res && res.data) {
-          self.referralCount = res.data.totalCount || res.data.count || 0
+      getProfileStats().then(function(res) {
+        if (res && res.code === 200 && res.data) {
+          var d = res.data
+          if (d.totalPoints != null) self.totalPoints = d.totalPoints
+          if (d.streakDays != null) self.streakDays = d.streakDays
+          if (d.completedTasks != null) self.completedTasks = d.completedTasks
+          if (d.rewardsEarned != null) self.rewardsEarned = d.rewardsEarned
+          if (d.badgesCollected != null) self.badgesCollected = d.badgesCollected
+          if (d.growthRecords != null) self.growthRecords = d.growthRecords
+          if (d.challengesJoined != null) self.challengesJoined = d.challengesJoined
+          if (d.healthReports != null) self.healthReports = d.healthReports
         }
       }).catch(function() {})
     },
-    getDimColor: function(code) {
-      var map = {
-        body: '#FF8C42', mind: '#FF6B9D', wisdom: '#6366F1',
-        action: '#10B981', wealth: '#F59E0B'
-      }
-      return map[code] || '#999'
-    },
     goLogin: function() {
       uni.navigateTo({ url: '/pages/login/login' })
     },
@@ -474,113 +433,63 @@ export default {
     goToPoints: function() {
       uni.navigateTo({ url: '/pages/points/points' })
     },
+    goToStreak: function() {
+      uni.navigateTo({ url: '/pages/stats/completion-rate' })
+    },
     goToTasks: function() {
       uni.navigateTo({ url: '/pages/tasks/tasks' })
     },
-    goToCheckin: function() {
-      uni.navigateTo({ url: '/pages/health/daily-checkin' })
-    },
-    goToFamily: function() {
-      uni.navigateTo({ url: '/pages/profile-extra/family-members' })
+    goToWishes: function() {
+      uni.navigateTo({ url: '/pages/wishes/index' })
     },
-    goToChildren: function() {
-      uni.navigateTo({ url: '/pages/profile-extra/children' })
+    goToBadges: function() {
+      uni.navigateTo({ url: '/pages/rewards/badge' })
     },
-    goToAppointments: function() {
-      uni.navigateTo({ url: '/pages/parent/appointments' })
+    goToGrowth: function() {
+      uni.navigateTo({ url: '/pages/growth-main/index' })
     },
     goToChallenges: function() {
       uni.navigateTo({ url: '/pages/health/challenge-manage' })
     },
-    goToGrowth: function() {
-      uni.navigateTo({ url: '/pages/growth-main/index' })
+    goToHealthReports: function() {
+      uni.navigateTo({ url: '/pages/health/report-list' })
     },
-    goToReport: function() {
-      uni.navigateTo({ url: '/pages/profile/report-management' })
+    goUpgrade: function() {
+      uni.navigateTo({ url: '/pages/membership/upgrade' })
     },
-  goToMembership: function() {
-    uni.navigateTo({ url: '/pages/membership/index' })
-  },
-  goUpgrade: function() {
-    uni.navigateTo({ url: '/pages/membership/upgrade' })
-  },
-    goToPromotion: function() {
-      uni.navigateTo({ url: '/pages/promotion/index' })
+    goToFamily: function() {
+      uni.navigateTo({ url: '/pages/profile-extra/family-members' })
     },
-    goToCart: function() {
-      uni.navigateTo({ url: '/pages/shop/cart/cart' })
+    goMemberDetail: function(member) {
+      uni.navigateTo({ url: '/pages/home-pages/member-home-detail?memberId=' + member.id })
+    },
+    goToAppointments: function() {
+      uni.navigateTo({ url: '/pages/parent/appointments' })
     },
     goToOrders: function() {
       uni.navigateTo({ url: '/pages/shop/order-list/order-list' })
     },
-    goToCoupons: function() {
-      uni.navigateTo({ url: '/pages/profile-extra/coupons' })
-    },
     goToSettings: function() {
       uni.showActionSheet({
-        itemList: ['设置密码', '隐私设置', '关于浠艾福'],
+        itemList: ['完善信息', '家庭成员', '邀请加入', '设置密码', '隐私设置', '关于浠艾福'],
         success: function(res) {
-          if (res.tapIndex === 0) {
-            uni.navigateTo({ url: '/pages/profile/settings' })
+          var urls = {
+            0: '/pages/user-edit/user-edit',
+            1: '/pages/profile-extra/family-members',
+            3: '/pages/profile/settings'
+          }
+          if (res.tapIndex === 2) {
+            // 邀请加入 - 触发分享
+          }
+          if (urls[res.tapIndex]) {
+            uni.navigateTo({ url: urls[res.tapIndex] })
           }
         }
       })
     },
-    onSwitchMode: function() {
-      var self = this
-      if (self.role === 'child') {
-        uni.showModal({
-          title: '验证密码',
-          content: '请输入家长密码',
-          editable: true,
-          success: function(res) {
-            if (res.confirm && res.content) {
-              verifyPassword(res.content).then(function(result) {
-                if (result.code === 200) {
-                  self.doSwitchMode()
-                } else {
-                  uni.showToast({ title: '密码错误', icon: 'none' })
-                }
-              }).catch(function() {
-                uni.showToast({ title: '验证失败', icon: 'none' })
-              })
-            }
-          }
-        })
-      } else {
-        this.doSwitchMode()
-      }
-    },
-    doSwitchMode: function() {
-      var self = this
-      getChildren().then(function(res) {
-        var children = res.data || []
-        if (children.length === 0) {
-          uni.showModal({
-            title: '提示',
-            content: '您还没有添加孩子，请先在家庭成员中添加',
-            success: function(r) { if (r.confirm) uni.navigateTo({ url: '/pages/profile-extra/family-members' }) }
-          })
-          return
-        }
-        if (children.length === 1) {
-          self.$store.commit('switchToChild', children[0].id)
-          self.role = 'child'
-          self.isSwitchedChild = true
-          uni.showToast({ title: '已切换为孩子模式', icon: 'success' })
-          return
-        }
-        uni.showActionSheet({
-          itemList: children.map(function(c) { return c.nickname }),
-          success: function(res) {
-            var sel = children[res.tapIndex]
-            self.$store.commit('switchToChild', sel.id)
-            self.role = 'child'
-            self.isSwitchedChild = true
-            uni.showToast({ title: '已切换为' + sel.nickname + '模式', icon: 'success' })
-          }
-        })
-      }).catch(function() {})
+    memberRoleLabel: function(role) {
+      var map = { parent: '家长', child: '孩子', teacher: '规划师' }
+      return map[role] || '成员'
     },
     onExitSwitch: function() {
       var self = this
@@ -607,23 +516,6 @@ export default {
         }
       })
     },
-    showInviteActionSheet: function() {
-      var self = this
-      var ui = uni.getStorageSync('userInfo') || {}
-      var items = ['👨‍👩‍👧‍👦 邀请家人', '👨‍🏫 邀请成长规划师']
-      uni.showActionSheet({
-        itemList: items,
-        success: function(res) {
-          var type = res.tapIndex === 0 ? 'family' : 'guide'
-          var title = (ui.nickname || '家人') + ' 邀请你加入家庭'
-          var path = type === 'guide'
-            ? '/pages/login/login?invite_type=guide'
-            : '/pages/login/login?invite_type=family'
-          self.$emit('invite-generate', { title: title, path: path, imageUrl: '/static/invite-card.png' })
-          uni.showToast({ title: '点击右上角转发', icon: 'none' })
-        }
-      })
-    },
     logout: function() {
       uni.showModal({
         title: '确认退出',
@@ -643,11 +535,11 @@ export default {
 <style scoped>
 .container {
   min-height: 100vh;
-  background: #f5f7fa;
+  background: #F8F4EF;
   padding-bottom: calc(160rpx + env(safe-area-inset-bottom));
 }
 
-/* 登录 */
+/* 登录引导 */
 .login-prompt {
   display: flex;
   flex-direction: column;
@@ -672,7 +564,7 @@ export default {
 }
 .philosophy-card {
   margin: 0 40rpx 48rpx;
-  background: linear-gradient(135deg, #fff7ed, rgba(249, 115, 22, 0.06));
+  background: linear-gradient(135deg, #FFF7ED, rgba(249, 115, 22, 0.06));
   border-radius: 20rpx;
   padding: 28rpx 32rpx;
   border-left: 6rpx solid #F97316;
@@ -702,12 +594,12 @@ export default {
   font-size: 26rpx;
 }
 
-/* 用户卡片 */
+/* 身份卡 */
 .user-card {
-  margin: 30rpx;
+  margin: 24rpx 30rpx 20rpx;
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   border-radius: 24rpx;
-  padding: 36rpx 32rpx;
+  padding: 32rpx 32rpx;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -719,24 +611,24 @@ export default {
   flex: 1;
 }
 .avatar-wrap {
-  width: 110rpx;
-  height: 110rpx;
+  width: 100rpx;
+  height: 100rpx;
   border-radius: 50%;
   background: rgba(255,255,255,0.2);
   display: flex;
   align-items: center;
   justify-content: center;
-  margin-right: 24rpx;
+  margin-right: 20rpx;
   overflow: hidden;
-  border: 4rpx solid rgba(255,255,255,0.3);
+  border: 3rpx solid rgba(255,255,255,0.3);
 }
 .avatar-img {
-  width: 110rpx;
-  height: 110rpx;
+  width: 100rpx;
+  height: 100rpx;
   border-radius: 50%;
 }
 .avatar-text {
-  font-size: 48rpx;
+  font-size: 44rpx;
   color: #fff;
 }
 .user-meta { flex: 1; }
@@ -747,15 +639,15 @@ export default {
   margin-bottom: 8rpx;
 }
 .nickname {
-  font-size: 36rpx;
+  font-size: 34rpx;
   font-weight: bold;
   color: #fff;
 }
 .role-tag {
-  font-size: 22rpx;
+  font-size: 20rpx;
   background: rgba(255,255,255,0.2);
   color: #fff;
-  padding: 4rpx 16rpx;
+  padding: 4rpx 14rpx;
   border-radius: 20rpx;
 }
 .user-sub {
@@ -764,21 +656,20 @@ export default {
   gap: 12rpx;
 }
 .level-badge {
-  font-size: 24rpx;
-  padding: 8rpx 22rpx;
-  border-radius: 24rpx;
+  font-size: 22rpx;
+  padding: 6rpx 20rpx;
+  border-radius: 22rpx;
   font-weight: bold;
-  box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.2);
   border: 2rpx solid rgba(255,255,255,0.35);
   display: flex;
   align-items: center;
   gap: 6rpx;
   box-sizing: border-box;
-  height: 44rpx;
+  height: 40rpx;
 }
 .level-badge::before {
   content: '👑';
-  font-size: 20rpx;
+  font-size: 18rpx;
 }
 .level-FREE { background: linear-gradient(135deg, #9CA3AF, #6B7280); color: #fff; }
 .level-FREE::before { content: ''; }
@@ -791,22 +682,22 @@ export default {
   border-color: rgba(255,255,255,0.55);
 }
 .days-left {
-  font-size: 22rpx;
+  font-size: 20rpx;
   color: rgba(255,255,255,0.85);
 }
 .upgrade-btn {
   background: rgba(255,255,255,0.22);
   border: 2rpx solid rgba(255,255,255,0.6);
-  border-radius: 22rpx;
-  padding: 8rpx 24rpx;
+  border-radius: 20rpx;
+  padding: 6rpx 20rpx;
   flex-shrink: 0;
   box-sizing: border-box;
-  height: 44rpx;
+  height: 40rpx;
   display: flex;
   align-items: center;
 }
 .upgrade-btn-text {
-  font-size: 22rpx;
+  font-size: 20rpx;
   font-weight: bold;
   color: #fff;
   line-height: 1;
@@ -815,126 +706,270 @@ export default {
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 16rpx;
-}
-.points-box {
-  text-align: center;
+  gap: 6rpx;
   background: rgba(255,255,255,0.15);
-  padding: 16rpx 24rpx;
-  border-radius: 16rpx;
+  padding: 12rpx 24rpx;
+  border-radius: 14rpx;
+}
+.points-num {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #fff;
+}
+.points-label {
+  font-size: 20rpx;
+  color: rgba(255,255,255,0.7);
 }
 
-/* 数据概览 */
-.stats-bar {
+/* 家庭成员速览 */
+.family-strip {
   margin: 0 30rpx 20rpx;
   background: #fff;
   border-radius: 20rpx;
+  padding: 20rpx 24rpx 16rpx;
+  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
+}
+.family-strip-header {
   display: flex;
+  justify-content: space-between;
   align-items: center;
-  padding: 28rpx 0;
-  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
+  margin-bottom: 14rpx;
 }
-.stat-item {
-  flex: 1;
+.family-strip-title {
+  font-size: 26rpx;
+  font-weight: bold;
+  color: #333;
+}
+.family-strip-count {
+  font-size: 22rpx;
+  color: #999;
+}
+.family-avatars {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 16rpx;
+  overflow-x: auto;
+  padding-bottom: 4rpx;
+}
+.family-avatar-item {
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 8rpx;
+  gap: 6rpx;
+  flex-shrink: 0;
+}
+.family-avatar-wrap {
+  width: 72rpx;
+  height: 72rpx;
+  border-radius: 50%;
+  background: #f0f0f0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  position: relative;
+}
+.family-avatar-img {
+  width: 72rpx;
+  height: 72rpx;
+  border-radius: 50%;
+}
+.family-avatar-text {
+  font-size: 28rpx;
+  color: #666;
+}
+.family-avatar-wrap.family-avatar-add {
+  background: #F8F4EF;
+  border: 2rpx dashed #ccc;
+}
+.family-avatar-plus {
+  font-size: 36rpx;
+  color: #999;
+}
+.family-avatar-tag {
+  position: absolute;
+  bottom: -4rpx;
+  right: -4rpx;
+  font-size: 14rpx;
+  padding: 2rpx 6rpx;
+  border-radius: 8rpx;
+  color: #fff;
+}
+.family-avatar-tag.tag-parent { background: #6366F1; }
+.family-avatar-tag.tag-child { background: #F97316; }
+.family-avatar-tag.tag-teacher { background: #10B981; }
+.family-avatar-tag.tag-member { background: #9CA3AF; }
+.family-avatar-name {
+  font-size: 20rpx;
+  color: #666;
+  white-space: nowrap;
+}
+
+/* 成就统计 */
+.achievement-section {
+  margin: 0 30rpx 20rpx;
+  background: #fff;
+  border-radius: 20rpx;
+  padding: 24rpx;
+  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
+}
+.section-header-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  margin-bottom: 16rpx;
 }
-.stat-num {
-  font-size: 40rpx;
+.section-title {
+  font-size: 28rpx;
   font-weight: bold;
-  color: #667eea;
+  color: #333;
 }
-.stat-label {
-  font-size: 24rpx;
+.section-sub {
+  font-size: 22rpx;
   color: #999;
 }
-.stat-divider {
-  width: 1rpx;
-  height: 60rpx;
-  background: #f0f0f0;
+.achievement-grid {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0;
+}
+.ach-item {
+  width: 25%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 6rpx;
+  padding: 10rpx 0;
+}
+.ach-icon-wrap {
+  width: 64rpx;
+  height: 64rpx;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 4rpx;
+}
+.ach-icon {
+  font-size: 32rpx;
+  line-height: 1;
+}
+.ach-num {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #333;
+  line-height: 1;
+}
+.ach-label {
+  font-size: 20rpx;
+  color: #999;
+  line-height: 1;
 }
 
 /* 待办提醒 */
-.reminders-section {
+.reminder-section {
   margin: 0 30rpx 20rpx;
 }
+.reminder-grid {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: 12rpx;
+}
 .reminder-item {
+  flex: 1;
+  min-width: 0;
   background: #fff;
   border-radius: 16rpx;
-  padding: 24rpx 28rpx;
-  margin-bottom: 12rpx;
+  padding: 18rpx 20rpx;
   display: flex;
   align-items: center;
-  gap: 16rpx;
+  gap: 12rpx;
   box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.04);
 }
-.reminder-icon { font-size: 36rpx; }
-.reminder-text { flex: 1; font-size: 28rpx; color: #333; }
-.reminder-arrow { font-size: 32rpx; color: #ccc; }
-
-/* 菜单 */
-.menu-section {
-  margin: 0 30rpx;
+.reminder-icon {
+  font-size: 32rpx;
+  flex-shrink: 0;
 }
-.menu-group {
-  background: #fff;
-  border-radius: 20rpx;
-  margin-bottom: 20rpx;
-  overflow: hidden;
-  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
+.reminder-body {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
 }
-.menu-group-title {
-  padding: 16rpx 28rpx 8rpx;
+.reminder-text {
   font-size: 22rpx;
-  color: #999;
+  color: #333;
+  line-height: 1.2;
 }
-.menu-item {
-  display: flex;
-  align-items: center;
-  padding: 26rpx 28rpx;
-  border-bottom: 1rpx solid #f5f5f5;
-}
-.menu-item:last-child { border-bottom: none; }
-.menu-icon { font-size: 36rpx; margin-right: 16rpx; }
-.menu-text { flex: 1; font-size: 28rpx; color: #333; }
-.arrow { font-size: 32rpx; color: #ccc; }
-.badge {
-  background: #FF4D4F;
-  color: #fff;
-  font-size: 22rpx;
-  padding: 2rpx 12rpx;
-  border-radius: 20rpx;
-  margin-right: 12rpx;
-  min-width: 36rpx;
-  text-align: center;
+.reminder-count {
+  font-size: 20rpx;
+  color: #F97316;
+  font-weight: bold;
+  margin-top: 2rpx;
+}
+.reminder-arrow {
+  font-size: 28rpx;
+  color: #ccc;
+  flex-shrink: 0;
 }
-.mall-section {
+
+/* 功能网格 */
+.menu-grid-section {
   margin: 0 30rpx 20rpx;
+}
+.menu-grid {
   background: #fff;
   border-radius: 20rpx;
-  overflow: hidden;
+  padding: 20rpx 12rpx;
   box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8rpx;
 }
-.mall-header {
+.menu-grid-item {
+  width: 33.33%;
   display: flex;
-  justify-content: space-between;
+  flex-direction: column;
   align-items: center;
-  padding: 24rpx 28rpx 16rpx;
-  border-bottom: 1rpx solid #f5f5f5;
+  gap: 10rpx;
+  padding: 12rpx 0;
 }
-.mall-title { font-size: 30rpx; font-weight: bold; color: #333; }
-.mall-more { font-size: 24rpx; color: #999; }
-.mall-grid { display: flex; padding: 20rpx 16rpx; }
-.mall-item {
-  flex: 1;
+.menu-grid-icon-wrap {
+  width: 68rpx;
+  height: 68rpx;
+  border-radius: 18rpx;
   display: flex;
-  flex-direction: column;
   align-items: center;
-  gap: 8rpx;
-  padding: 16rpx 0;
+  justify-content: center;
+}
+.menu-grid-icon {
+  font-size: 34rpx;
+  line-height: 1;
+}
+.menu-grid-text {
+  font-size: 22rpx;
+  color: #666;
+  line-height: 1;
+}
+
+/* 退出 */
+.logout-section {
+  margin: 0 30rpx;
+  padding-bottom: 20rpx;
+}
+.logout-btn {
+  width: 100%;
+  background: #fff;
+  border-radius: 16rpx;
+  padding: 24rpx;
+  text-align: center;
+  box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.04);
+}
+.logout-text {
+  font-size: 26rpx;
+  color: #FF4D4F;
+  font-weight: 500;
 }
-.mall-item-num { font-size: 36rpx; font-weight: bold; color: #F97316; }
-.mall-item-label { font-size: 22rpx; color: #999; }
-</style>
+</style>

cfc-frontend/utils/api.js

@@ -277,6 +277,11 @@ export const updateUserInfo = (data) => {
 	return request('/api/user/update', 'POST', data)
 }
 
+// 个人成就统计（我的页面核心数据）
+export const getProfileStats = () => {
+	return request('/api/user/profile-stats', 'POST')
+}
+
 // 就地补充信息回写（活动报名等场景按需补充后自动回写个人资料）
 export const backfillProfile = (data) => {
 	return request('/api/user/profile/backfill', 'POST', data)