cfc/cfc-frontend/pages/growth-main/index.vue

<template>
  <view class="container">
    <view v-if="!isLoggedIn">
      <PageBanner theme="action" tagline="干预 · 记录 · 成长" quote="知行合一，每天进步一点点" />
      <!-- 品牌定位语 -->
      <view class="brand-strap"><text class="brand-strap-text">看见改变正在发生</text></view>
      <!-- 理念卡 -->
      <view class="concept-card">
        <text class="concept-quote">记录不是目的，看见改变才是。</text>
        <text class="concept-desc">每一份饮食、运动、心情的记录，都在为成长提供依据。</text>
      </view>
      <!-- 示例案例 -->
      <view class="case-card">
        <view class="case-header">
          <text class="case-label">📖 真实案例（脱敏）</text>
        </view>
        <view class="case-body">
          <text class="case-name">小明（10岁，体校生）</text>
          <text class="case-change">3个月干预前后：</text>
          <view class="case-metrics">
            <view class="metric-item">
              <text class="metric-up">↑ 5分</text>
              <text class="metric-label">身维度</text>
            </view>
            <view class="metric-item">
              <text class="metric-up">↑ 3分</text>
              <text class="metric-label">智维度</text>
            </view>
            <view class="metric-item">
              <text class="metric-up">↑ 8天</text>
              <text class="metric-label">连续打卡</text>
            </view>
          </view>
          <text class="case-note">通过饮食记录 + 睡眠打卡，免疫力显著提升</text>
        </view>
      </view>
      <!-- 功能预览 -->
      <view class="guest-features">
        <view class="feat-card" @click="handleGuestFeatureTap">
          <text class="feat-icon">✅</text>
          <text class="feat-title">每日打卡</text>
          <text class="feat-desc">饮食·运动·睡眠·心情</text>
        </view>
        <view class="feat-card" @click="handleGuestFeatureTap">
          <text class="feat-icon">📋</text>
          <text class="feat-title">成长记录</text>
          <text class="feat-desc">每周家庭健康问卷</text>
        </view>
        <view class="feat-card" @click="handleGuestFeatureTap">
          <text class="feat-icon">🏆</text>
          <text class="feat-title">里程碑</text>
          <text class="feat-desc">连续打卡·挑战完成</text>
        </view>
        <view class="feat-card" @click="handleGuestFeatureTap">
          <text class="feat-icon">🎯</text>
          <text class="feat-title">家庭挑战</text>
          <text class="feat-desc">全家参与的互动任务</text>
        </view>
      </view>
      <!-- 五维健康体系 -->
      <view class="wuxing-section">
        <view class="wuxing-title">身·心·智·行·富 · 可执行的成长闭环</view>
        <view class="wuxing-desc">五行相生相克，动起来、坚持做，让成长真正发生</view>
        <view class="wuxing-relations">
          <view class="rel-group">
            <text class="rel-title">相生 → 系统前进</text>
            <view class="rel-chain">
              <text class="rel-item">🌏 身</text><text class="rel-arrow">→</text>
              <text class="rel-item">⚡ 智</text><text class="rel-arrow">→</text>
              <text class="rel-item">💧 富</text><text class="rel-arrow">→</text>
              <text class="rel-item">🌿 行</text><text class="rel-arrow">→</text>
              <text class="rel-item">🔥 心</text><text class="rel-arrow">→</text>
              <text class="rel-item">🌏 身</text>
            </view>
            <text class="rel-hint">身勤则强，智勤则开，富勤则聚，行勤则和，心勤则安</text>
          </view>
          <view class="rel-group">
            <text class="rel-title">相克 → 系统平衡</text>
            <view class="rel-chain">
              <text class="rel-item">🌏 身</text><text class="rel-op">克</text><text class="rel-item">💧 富</text><text class="rel-dot">·</text>
              <text class="rel-item">⚡ 智</text><text class="rel-op">克</text><text class="rel-item">🌿 行</text><text class="rel-dot">·</text>
              <text class="rel-item">💧 富</text><text class="rel-op">克</text><text class="rel-item">🔥 心</text><text class="rel-dot">·</text>
              <text class="rel-item">🌿 行</text><text class="rel-op">克</text><text class="rel-item">🌏 身</text><text class="rel-dot">·</text>
              <text class="rel-item">🔥 心</text><text class="rel-op">克</text><text class="rel-item">⚡ 智</text>
            </view>
            <text class="rel-hint">不拿身体换快钱，不算计关系得失，财富服务家庭，关爱有度、不溺爱越界</text>
          </view>
        </view>
        <view class="wuxing-cards">
          <view class="wc-card wc-body" @click="goPage('/pages/body-detail/index')">
            <text class="wc-icon">🌏</text>
            <view class="wc-info">
              <text class="wc-name">身 · 主动健康</text>
              <text class="wc-text">每天动一动、睡得香，身体状态看得见地变好</text>
            </view>
          </view>
          <view class="wc-card wc-wisdom" @click="goPage('/pages/wisdom-detail/index')">
            <text class="wc-icon">⚡</text>
            <view class="wc-info">
              <text class="wc-name">智 · 赋能未来</text>
              <text class="wc-text">每天读几页、练一会专注，智慧是练出来的</text>
            </view>
          </view>
          <view class="wc-card wc-wealth" @click="goPage('/pages/wealth/index')">
            <text class="wc-icon">💧</text>
            <view class="wc-info">
              <text class="wc-name">富 · 利他创富</text>
              <text class="wc-text">坚持分享与积累，把第二收入曲线做出来</text>
            </view>
          </view>
          <view class="wc-card wc-action" @click="goPage('/pages/action-detail/member-action-detail')">
            <text class="wc-icon">🌿</text>
            <view class="wc-info">
              <text class="wc-name">行 · 人际和谐</text>
              <text class="wc-text">从一次倾听开始，让家庭关系每天升温</text>
            </view>
          </view>
          <view class="wc-card wc-mind" @click="goPage('/pages/mind-detail/index')">
            <text class="wc-icon">🔥</text>
            <view class="wc-info">
              <text class="wc-name">心 · 大爱相随</text>
              <text class="wc-text">每天留 10 分钟说说话，把家人的心事接住</text>
            </view>
          </view>
        </view>
      </view>
      <!-- 登录引导 -->
      <view class="login-guide-section">
        <LoginGuideCard
          title="解锁完整成长档案"
          :items="[
            '查看干预进度与追踪记录',
            '完成每日打卡累积连续记录',
            '参与家庭挑战获得里程碑奖励'
          ]" />
      </view>
    </view>
    <view v-else>
      <PageBanner theme="action" tagline="干预 · 记录 · 成长" quote="知行合一，每天进步一点点" />
      <!-- 里程碑 -->
      <view class="section">
        <view class="milestone-card">
          <text class="section-title-row">🏆 里程碑</text>
          <view class="milestone-grid">
            <view class="milestone-item">
              <text class="milestone-icon">🔥</text>
              <text class="milestone-value">{{ streakDays }}天</text>
              <text class="milestone-label">连续打卡</text>
            </view>
            <view class="milestone-item">
              <text class="milestone-icon">🎯</text>
              <text class="milestone-value">{{ activeChallenges }}</text>
              <text class="milestone-label">进行中挑战</text>
            </view>
            <view class="milestone-item">
              <text class="milestone-icon">📈</text>
              <text class="milestone-value">{{ completeness }}%</text>
              <text class="milestone-label">档案完整度</text>
            </view>
          </view>
        </view>
      </view>
      <!-- 成长记录 -->
      <view class="section">
        <view class="survey-card">
          <text class="section-title-row">📋 成长记录</text>
          <view class="survey-pending" v-if="pendingSurvey">
            <text class="survey-alert">⚠ 本周还未完成调研</text>
            <text class="survey-title-text">{{ pendingSurvey.title }}</text>
            <text class="survey-btn" @click="startSurvey">[开始填写]</text>
          </view>
          <view class="survey-done" v-else-if="allDone"><text class="survey-done-text">✅ 所有调研已完成</text></view>
          <view class="survey-history-list" v-if="surveyHistory.length > 0">
            <text class="history-label">历史调研:</text>
            <view class="history-item" v-for="(h, hIdx) in surveyHistory" :key="getHistoryKey(h)">
              <text class="history-date">{{ h._date }}</text>
              <text class="history-content">{{ h._content }}</text>
            </view>
            <text class="survey-more" @click="viewAllHistory">查看全部调研 ›</text>
          </view>
          <view class="survey-empty" v-else-if="!pendingSurvey"><text class="survey-empty-text">暂无待完成调研</text></view>
        </view>
      </view>
      <view class="reminder-bar" v-if="hasIncomplete">
        <text class="reminder-text">⚠ 今日还有 {{ incompleteCount }} 项未记录</text>
        <text class="reminder-close" @click="dismissReminder">✕</text>
      </view>
      <view class="section">
        <view class="progress-card">
          <view class="progress-header">
<<<<<<< HEAD
            <text class="progress-title">今日成长</text>
=======
            <text class="progress-title">今日干预进度</text>
>>>>>>> origin/cfclub
            <text class="progress-date">{{ todayDate }}</text>
          </view>
          <view class="progress-item" v-for="(item, idx) in progressItems" :key="getProgressKey(item)">
            <text class="progress-icon">{{ item.icon }}</text>
            <text class="progress-label">{{ item.label }}</text>
            <text class="progress-status" :class="item.done ? 'status-done' : 'status-pending'">{{ item.done ? '✔ 已完成' : '' }}</text>
            <text class="progress-btn" v-if="!item.done" @click="handleProgressClick(item)">{{ item.actionText || '补录' }}</text>
          </view>
          <view class="progress-footer">
            <text class="footer-text">今日完成 {{ doneCount }}/{{ totalCount }}</text>
            <text class="footer-streak" v-if="streakDays > 0">🔥 连续打卡 {{ streakDays }} 天</text>
          </view>
        </view>
      </view>
      <view class="section" v-if="cautionCount > 0">
        <view class="action-card" @click="goToCaution">
          <text class="action-icon">⚠️</text>
          <view class="action-info">
            <text class="action-title">食材戒备匹配</text>
            <text class="action-desc">{{ cautionCount }} 种食材需关注，点击查看戒备详情</text>
          </view>
          <text class="action-arrow">›</text>
        </view>
      </view>
      <view class="section">
<<<<<<< HEAD
        <view class="diet-card">
          <view class="diet-card-header">
            <text class="diet-card-title">🥬 今日推荐食材</text>
            <text class="diet-card-link" @click="goToDiet">饮食主页 ›</text>
          </view>
          <view class="diet-card-content" v-if="ingredients.length > 0">
            <view class="diet-item" v-for="(item, index) in ingredients" :key="getIngredientKey(item, index)">
              <text class="ing-name">{{ item.name }}</text>
              <text class="ing-reason" v-if="item.reason">{{ item.reason }}</text>
            </view>
          </view>
          <view class="diet-empty" v-else>
            <text class="empty-text">{{ ingredientsLoading ? '加载中...' : '暂无推荐食材' }}</text>
            <text class="empty-hint" v-if="!ingredientsLoading">上传菌群报告后生成个性化推荐</text>
          </view>
        </view>
      </view>

      <!-- ===== 推荐商品 ===== -->
      <RecommendedFeed
        :products="recommendedProducts"
        :activities="[]"
        :loading="loadingProducts"
        @itemClick="onFeedItemClick"
        @more="goMoreDiscover" />
=======
        <view class="action-card" @click="goToFoods">
          <text class="action-icon">🍽️</text>
          <view class="action-info">
            <text class="action-title">饮食推荐</text>
            <text class="action-desc">基于菌群报告的个性化食材建议</text>
          </view>
          <text class="action-arrow">›</text>
        </view>
      </view>

      <!-- 推荐文章 -->
      <view class="section" v-if="healthArticles.length > 0 || growthArticles.length > 0">
        <view class="rec-section-title">📖 推荐阅读</view>
        <view class="rec-card" v-for="item in healthArticles" :key="getArticleKey(item)" @click="goToArticle(item.id)">
          <image class="rec-img" :src="item.coverImage" mode="aspectFill" v-if="item.coverImage"/>
          <view class="rec-info">
            <text class="rec-title">{{ item.title }}</text>
            <text class="rec-desc">{{ item.summary }}</text>
          </view>
        </view>
        <view class="rec-card" v-for="item in growthArticles" :key="getArticleKey(item)" @click="goToArticle(item.id)">
          <image class="rec-img" :src="item.coverImage" mode="aspectFill" v-if="item.coverImage"/>
          <view class="rec-info">
            <text class="rec-title">{{ item.title }}</text>
            <text class="rec-desc">{{ item.summary }}</text>
          </view>
        </view>
      </view>
>>>>>>> origin/cfclub

      <!-- ===== 推荐阅读 ===== -->
      <ArticleBookshelf
        :articles="indexArticles"
        :loading="articlesLoading"
        :isLoggedIn="isLoggedIn"
        @articleClick="goArticleDetail"
        @moreArticles="goMoreArticles" />

      <view class="section">
        <view class="tracking-card">
          <view class="tracking-tabs">
            <view class="tracking-tab" :class="activeTab === tab.key ? 'tab-active' : ''" v-for="tab in trackingTabs" :key="tab.key" @click="switchTab(tab.key)">
              <text class="tab-text" :class="activeTab === tab.key ? 'tab-active-text' : ''">{{ tab.label }}</text>
            </view>
          </view>
          <view class="tracking-content">
            <view class="tracking-empty" v-if="currentRecords.length === 0">
              <text class="empty-icon">📊</text>
              <text class="empty-text">还没有记录</text>
              <text class="empty-hint">开始记录{{ activeTabLabel }}吧</text>
            </view>
            <view class="tracking-record" v-for="(rec, rIdx) in currentRecords" :key="getRecordKey(rec)">
              <text class="record-date">{{ rec._date || rec._text }}</text>
              <text class="record-content">{{ rec._content }}</text>
            </view>
            <view class="tracking-more" v-if="currentRecords.length > 0" @click="viewAllRecords">查看全部 ›</view>
          </view>
        </view>
      </view>
      <DimensionActivities :isLoggedIn="true" @activityClick="goActivityDetail" @moreActivities="goMoreActivities" style="margin-bottom:60rpx" />
    </view>
  </view>
</template>
<script>
import PageBanner from '../../components/PageBanner.vue'
import LoginGuideCard from '../../components/LoginGuideCard.vue'
import DimensionActivities from '../../components/DimensionActivities.vue'
<<<<<<< HEAD
import RecommendedFeed from '../../components/RecommendedFeed.vue'
import ArticleBookshelf from '../../components/ArticleBookshelf.vue'
import { healthCheckinList, getDietIngredients, getSurveyStatus, getSurveyHistory, getFoodCautionList, getExerciseList, getMindCheckinList, getSleepList, getHealthMealList, productList, getFeaturedArticles } from '../../utils/api.js'
export default {
  components: { PageBanner, LoginGuideCard, DimensionActivities, RecommendedFeed, ArticleBookshelf },
  data() { return { memberId: '', todayDate: '', hasIncomplete: false, incompleteCount: 0, progressItems: [], trackingTabs: [{ key: 'diet', label: '饮食', icon: '🍽️' }, { key: 'exercise', label: '运动', icon: '🏃' }, { key: 'sleep', label: '睡眠', icon: '😴' }, { key: 'emotion', label: '心情', icon: '😊' }], trackingData: { diet: [], exercise: [], sleep: [], emotion: [] }, streakDays: 0, activeChallenges: 0, completeness: 0, cautionCount: 0,
      pendingSurvey: null, allDone: false, surveyHistory: [], isLoggedIn: false,
      ingredients: [],
      ingredientsLoading: false,
      // 推荐商品 + 推荐阅读（与首页 parent-index 一致）
      recommendedProducts: [],
      loadingProducts: false,
      indexArticles: [],
      articlesLoading: false,
      gradientColors: [
        'linear-gradient(135deg, #6366F1, #818CF8)',
        'linear-gradient(135deg, #8B5CF6, #A78BFA)',
        'linear-gradient(135deg, #5B9BD5, #8FC5E8)',
        'linear-gradient(135deg, #10B981, #34D399)',
        'linear-gradient(135deg, #F97316, #FB923C)'
      ] } },
=======
import { healthCheckinList, getDietDailyRecords, getSurveyStatus, getSurveyHistory, getFoodCautionList, getGrowthRecommendations, getExerciseRecords, getSleepRecords, getEmotionCheckinList } from '../../utils/api.js'
import { parseDate } from '../../utils/format.js'
export default {
  components: { PageBanner, LoginGuideCard, DimensionActivities },
  data() { return { memberId: '', todayDate: '', hasIncomplete: false, incompleteCount: 0, progressItems: [], activeTab: 'diet', trackingTabs: [{ key: 'diet', label: '饮食' }, { key: 'exercise', label: '运动' }, { key: 'sleep', label: '睡眠' }, { key: 'emotion', label: '心情' }], trackingData: { diet: [], exercise: [], sleep: [], emotion: [] }, streakDays: 0, activeChallenges: 0, completeness: 0, cautionCount: 0,
      healthArticles: [],
      healthProducts: [],
      growthArticles: [],
      growthProducts: [],
      pendingSurvey: null, allDone: false, surveyHistory: [], isLoggedIn: false } },
>>>>>>> origin/cfclub
  computed: {
    doneCount: function() { var c = 0; for (var i = 0; i < this.progressItems.length; i++) if (this.progressItems[i] && this.progressItems[i].done) c++; return c },
    totalCount: function() { return this.progressItems.length },
    activeTabLabel: function() { var m = { diet: '饮食', exercise: '运动', sleep: '睡眠', emotion: '心情' }; return m[this.activeTab] || '' },
    currentRecords: function() { return this.trackingData[this.activeTab] || [] }
  },
  onShow() {
    this.isLoggedIn = !!uni.getStorageSync('token')
    if (this.isLoggedIn) {
      this.memberId = uni.getStorageSync('currentChildId') || ''
      var now = new Date()
      this.todayDate = now.getFullYear() + '-' + this.pad(now.getMonth() + 1) + '-' + this.pad(now.getDate())
      this.loadAllData()
    }
  },
  methods: {
    pad: function(n) { return n < 10 ? '0' + n : '' + n },
    getProgressKey: function(item) { return item && item.label ? item.label : 'p-' + Math.random() },
    getRecordKey: function(rec) { return rec && (rec._id || rec.id) ? 'r' + (rec._id || rec.id) : (rec && rec._text ? rec._text + rec._content : 'r-' + Math.random()) },
    getHistoryKey: function(h) { return h && h._date ? h._date + h._content : 'h-' + Math.random() },
    dismissReminder: function() { this.hasIncomplete = false },
    switchTab: function(key) { this.activeTab = key; this.loadTrackingData(key) },
    handleProgressClick: function(item) {
      if (!item || !item.key) return
      var m = { checkin: '/pages/health/daily-checkin', diet: '/pages/health/diet-index', exercise: '/pages/health/exercise-index', sleep: '/pages/health/sleep-index', emotion: '/pages/mind/index' }
      var url = m[item.key]
      if (item.key === 'survey' && this.pendingSurvey && this.pendingSurvey.templateId) {
        url = '/pages/health/survey-questionnaire?templateId=' + this.pendingSurvey.templateId + '&templateTitle=' + encodeURIComponent(this.pendingSurvey.title) + '&templateDimension=' + (this.pendingSurvey.dimension || '')
      }
      if (url) uni.navigateTo({ url: url })
    },
    startSurvey: function() { if (this.pendingSurvey && this.pendingSurvey.templateId) uni.navigateTo({ url: '/pages/health/survey-questionnaire?templateId=' + this.pendingSurvey.templateId + '&templateTitle=' + encodeURIComponent(this.pendingSurvey.title) + '&templateDimension=' + (this.pendingSurvey.dimension || '') }) },
    viewAllRecords: function() { var m = { diet: '/pages/health/diet-index', exercise: '/pages/health/exercise-index', sleep: '/pages/health/sleep-index', emotion: '/pages/mind/index' }; if (m[this.activeTab]) uni.navigateTo({ url: m[this.activeTab] }) },
    viewAllHistory: function() { uni.navigateTo({ url: '/pages/health/survey-history?memberId=' + this.memberId }) },
    goActivityDetail: function(act) { uni.navigateTo({ url: '/pages/activity/activity-detail/activity-detail?id=' + act.id }) },
    goMoreActivities: function() { uni.navigateTo({ url: '/pages/activity/index' }) },
    handleGuestFeatureTap: function() { uni.showToast({ title: '登录后即可体验该功能', icon: 'none' }) },
    goToCaution: function() { uni.navigateTo({ url: '/pages/growth/caution-detail' }) },
<<<<<<< HEAD
    goToDiet: function() { uni.navigateTo({ url: '/pages/diet/index' }) },
    goPage: function(url) { uni.navigateTo({ url: url }) },
    // ===== 推荐商品 + 推荐阅读（与首页 parent-index 一致） =====
    onFeedItemClick: function(item) {
      if (item && item.type === 'product' && item.id) {
        uni.navigateTo({ url: '/pages/discover-detail/product-detail/product-detail?id=' + item.id })
      }
    },
    goMoreDiscover: function() {
      uni.navigateTo({ url: '/pages/shop/index/index' })
    },
    goArticleDetail: function(articleOrId) {
      var id = typeof articleOrId === 'object' ? articleOrId.id : articleOrId
      if (id) uni.navigateTo({ url: '/pages/article-center/article-detail?id=' + id })
    },
    goMoreArticles: function() {
      uni.navigateTo({ url: '/pages/article-center/index' })
    },
    async loadAllData() {
      var self = this
      self.loadProgressItems()
      self.loadSurveyData()
      self.loadRecommendedProducts()
      self.loadFeaturedArticles()
      self.loadCautionData()
      self.loadMilestones()
      self.loadDietIngredients()
=======
    goToFoods: function() { uni.navigateTo({ url: '/pages/growth/foods-detail' }) },
    goToArticle: function(id) { uni.navigateTo({ url: '/pages/article-center/article-detail?id=' + id }) },
    goToProduct: function(id) { uni.navigateTo({ url: '/pages/shop/detail/detail?id=' + id }) },
    goPage: function(url) { uni.navigateTo({ url: url }) },
    loadTrackingData: function(key) { return this.trackingData[key] || [] },
    formatDateKey: function(dateVal) {
      if (!dateVal) return ''
      var d = parseDate(dateVal)
      if (!d) return ''
      return d.getFullYear() + '-' + this.pad(d.getMonth() + 1) + '-' + this.pad(d.getDate())
    },
    formatRecordDate: function(dateVal) {
      if (!dateVal) return ''
      var d = parseDate(dateVal)
      if (!d) return ''
      return this.pad(d.getMonth() + 1) + '-' + this.pad(d.getDate())
    },
    mealTypeLabel: function(type) {
      var m = { breakfast: '早餐', lunch: '午餐', dinner: '晚餐', snack: '加餐', extra: '零食' }
      return m[type] || type || '饮食'
    },
    async loadAllData() {
      var self = this
      try { await self.loadProgressItems() } catch(e) {}
      try { await self.loadCautionData() } catch(e) {}
      try { await self.loadGrowthRecommendations() } catch(e) {}
      try { await self.loadSurveyData() } catch(e) {}
      try { await self.loadMilestones() } catch(e) {}
>>>>>>> origin/cfclub
    },
    loadRecommendedProducts: function() {
      var self = this
      self.loadingProducts = true
      productList({ page: 1, size: 6 }).then(function(res) {
        self.loadingProducts = false
        if (res && res.code === 200 && res.data) {
          var list = res.data.records || []
          self.recommendedProducts = list.map(function(p) {
            p.type = 'product'
            return p
          })
        }
      }).catch(function() {
        self.loadingProducts = false
        self.recommendedProducts = []
      })
    },
    loadFeaturedArticles: function() {
      var self = this
      self.articlesLoading = true
      getFeaturedArticles({ size: 5 }).then(function(res) {
        self.articlesLoading = false
        if (res && res.code === 200) {
          var rawList = res.data && (Array.isArray(res.data) ? res.data : (res.data.data || res.data.records || []))
          var list = Array.isArray(rawList) ? rawList : []
          self.indexArticles = list.map(function(item, index) {
            return {
              id: item.id,
              category: item.categoryName || item.category || '热门文章',
              categoryColor: self.gradientColors[index % self.gradientColors.length],
              title: item.title || '',
              summary: item.summary || '',
              views: item.viewCount ? String(item.viewCount) : '0',
              date: item.publishedAt ? item.publishedAt.slice(0, 10) : '',
              coverImage: item.coverImage
            }
          })
        }
      }).catch(function() {
        self.articlesLoading = false
        self.indexArticles = []
      })
    },
    async loadProgressItems() {
      var self = this
      var items = []
<<<<<<< HEAD
      var dietDone = false
      try {
        var dRes = await getHealthMealList({ memberId: self.memberId })
        if (dRes.code === 200 && dRes.data && dRes.data.length > 0) {
          for (var dm = 0; dm < dRes.data.length; dm++) {
            var dRec = dRes.data[dm]
            if (!dRec) continue
            var dDate = dRec.createdAt
            if (dDate instanceof Date) dDate = dDate.toISOString().substring(0, 10)
            else if (typeof dDate === 'string') dDate = dDate.substring(0, 10)
            else continue
            if (dDate === self.todayDate) { dietDone = true; break }
          }
=======
      var checkinDone = false
      try {
        var ciRes = await healthCheckinList({ yearMonth: self.todayDate.substring(0, 7) })
        if (ciRes.code === 200 && ciRes.data) {
          for (var ci = 0; ci < ciRes.data.length; ci++) { if (ciRes.data[ci] && self.formatDateKey(ciRes.data[ci].checkinDate) === self.todayDate) { checkinDone = true; break } }
        }
      } catch(e) {}
      items.push({ key: 'checkin', icon: '✅', label: '今日打卡', done: checkinDone, actionText: '打卡' })
      // 饮食记录：daily 接口返回 {date, records, ...}，records 才是数组
      var dietDone = false
      try {
        var dRes = await getDietDailyRecords({ date: self.todayDate })
        var dRecords = (dRes.code === 200 && dRes.data && dRes.data.records) ? dRes.data.records : []
        if (dRecords.length > 0) dietDone = true
        self.trackingData.diet = []
        for (var di = 0; di < dRecords.length; di++) {
          var dr = dRecords[di]
          if (!dr) continue
          var foods = dr.userConfirmedFoods || dr.aiRecognizedFoods || dr.notes || ''
          self.trackingData.diet.push({ _id: dr.id, _date: self.mealTypeLabel(dr.mealType), _content: foods || '已记录' })
>>>>>>> origin/cfclub
        }
      } catch(e) {}
      items.push({ key: 'diet', icon: '🍽️', label: '饮食记录', done: dietDone, actionText: '补录' })
      // 运动记录
      var exerciseDone = false
      try {
<<<<<<< HEAD
        var exRes = await getExerciseList({ memberId: self.memberId })
        if (exRes.code === 200 && exRes.data && exRes.data.length > 0) {
          for (var ex = 0; ex < exRes.data.length; ex++) {
            var exRec = exRes.data[ex]
            if (!exRec) continue
            var exDate = exRec.createdAt
            if (exDate instanceof Date) exDate = exDate.toISOString().substring(0, 10)
            else if (typeof exDate === 'string') exDate = exDate.substring(0, 10)
            else continue
            if (exDate === self.todayDate) { exerciseDone = true; break }
=======
        var eParams = self.memberId ? { memberId: self.memberId } : {}
        var eRes = await getExerciseRecords(eParams)
        var eList = (eRes.code === 200 && eRes.data) ? eRes.data : []
        self.trackingData.exercise = []
        for (var ei = 0; ei < eList.length; ei++) {
          var er = eList[ei]
          if (!er) continue
          if (self.formatDateKey(er.startTime || er.createdAt) === self.todayDate) exerciseDone = true
          if (ei < 5) {
            var eText = (er.exerciseType || '运动') + (er.durationMinutes ? ' ' + er.durationMinutes + '分钟' : '') + (er.caloriesBurned ? ' · ' + er.caloriesBurned + '千卡' : '')
            self.trackingData.exercise.push({ _id: er.id, _date: self.formatRecordDate(er.startTime || er.createdAt), _content: eText })
>>>>>>> origin/cfclub
          }
        }
      } catch(e) {}
      items.push({ key: 'exercise', icon: '🏃', label: '运动记录', done: exerciseDone, actionText: '记录' })
<<<<<<< HEAD
      var sleepDone = false
      try {
        var slRes = await getSleepList({ memberId: self.memberId })
        if (slRes.code === 200 && slRes.data && slRes.data.length > 0) {
          for (var sl = 0; sl < slRes.data.length; sl++) {
            var slRec = slRes.data[sl]
            if (!slRec) continue
            var slDate = slRec.createdAt
            if (slDate instanceof Date) slDate = slDate.toISOString().substring(0, 10)
            else if (typeof slDate === 'string') slDate = slDate.substring(0, 10)
            else continue
            if (slDate === self.todayDate) { sleepDone = true; break }
=======
      // 睡眠记录
      var sleepDone = false
      try {
        var sParams = self.memberId ? { memberId: self.memberId } : {}
        var sRes = await getSleepRecords(sParams)
        var sList = (sRes.code === 200 && sRes.data) ? sRes.data : []
        self.trackingData.sleep = []
        for (var si = 0; si < sList.length; si++) {
          var sr = sList[si]
          if (!sr) continue
          if (self.formatDateKey(sr.sleepTime || sr.createdAt) === self.todayDate) sleepDone = true
          if (si < 5) {
            var sText = (sr.durationMinutes ? sr.durationMinutes + '分钟' : '') + (sr.qualityScore ? ' · 质量' + sr.qualityScore + '分' : '')
            self.trackingData.sleep.push({ _id: sr.id, _date: self.formatRecordDate(sr.sleepTime || sr.createdAt), _content: sText || '已记录' })
>>>>>>> origin/cfclub
          }
        }
      } catch(e) {}
      items.push({ key: 'sleep', icon: '😴', label: '睡眠记录', done: sleepDone, actionText: '记录' })
<<<<<<< HEAD
      var emotionDone = false
      try {
        var emRes = await getMindCheckinList({ page: 1, size: 20, memberId: self.memberId })
        if (emRes.code === 200 && emRes.data && emRes.data.length > 0) {
          for (var em = 0; em < emRes.data.length; em++) {
            var emRec = emRes.data[em]
            if (!emRec) continue
            var emDate = emRec.checkinDate
            if (emDate instanceof Date) emDate = emDate.toISOString().substring(0, 10)
            else if (typeof emDate === 'string') emDate = emDate.substring(0, 10)
            else continue
            if (emDate === self.todayDate) { emotionDone = true; break }
          }
=======
      // 心情记录：mind/checkin/list 返回 List<EmotionCheckinVO>
      var emotionDone = false
      try {
        var mParams = { page: 1, size: 10 }
        if (self.memberId) mParams.memberId = self.memberId
        var mRes = await getEmotionCheckinList(mParams)
        var mList = (mRes.code === 200 && mRes.data) ? mRes.data : []
        self.trackingData.emotion = []
        for (var mi = 0; mi < mList.length; mi++) {
          var mr = mList[mi]
          if (!mr) continue
          if (self.formatDateKey(mr.checkinDate || mr.createdAt) === self.todayDate) emotionDone = true
          var mText = (mr.moodWeather || '') + (mr.moodScore ? ' · ' + mr.moodScore + '分' : '')
          self.trackingData.emotion.push({ _id: mr.id, _date: self.formatRecordDate(mr.checkinDate || mr.createdAt), _content: mText || (mr.note || '已记录') })
>>>>>>> origin/cfclub
        }
      } catch(e) {}
      items.push({ key: 'emotion', icon: '😊', label: '心情记录', done: emotionDone, actionText: '记录' })
      self.progressItems = items.filter(function(it) { return it && it.key })
      self.incompleteCount = 0
      for (var pi = 0; pi < items.length; pi++) if (items[pi] && !items[pi].done) self.incompleteCount++
      self.hasIncomplete = self.incompleteCount > 0
    },
    async loadSurveyData() {
      var self = this
      try {
        var statusRes = await getSurveyStatus({})
        if (statusRes.code === 200 && statusRes.data) {
          var list = statusRes.data
          self.pendingSurvey = null; self.allDone = true; var hasAny = false
          for (var si = 0; si < list.length; si++) { var s = list[si]; if (!s) continue; hasAny = true; if (s.status === 'pending') { self.pendingSurvey = { templateId: s.templateId, title: s.title || '成长记录', dimension: s.dimension || '' }; self.allDone = false } }
          if (!hasAny) { self.pendingSurvey = null; self.allDone = false }
        }
      } catch(e) {}
      try {
        var histRes = await getSurveyHistory({})
        if (histRes.code === 200 && histRes.data) {
          var hlist = histRes.data; self.surveyHistory = []
          for (var hi = 0; hi < Math.min(hlist.length, 3); hi++) { var h = hlist[hi]; self.surveyHistory.push({ _date: h && h.submittedAt ? h.submittedAt.substring(0, 10) : '', _content: '已完成调研' }) }
        }
      } catch(e) {}
    },
    async loadCautionData() {
      var self = this
      try {
        var res = await getFoodCautionList()
        if (res && res.code === 200) self.cautionCount = (res.data || []).length
      } catch(e) {}
    },
    async loadMilestones() {
      var self = this
      try {
        var ciRes = await healthCheckinList({})
        if (ciRes.code === 200 && ciRes.data) self.streakDays = Math.min(ciRes.data.length, 30)
      } catch(e) {}
      self.activeChallenges = 0
      self.completeness = self.streakDays > 0 ? Math.min(100, Math.round(self.streakDays * 10)) : 0
    }
  }
}
</script>
<style scoped>
  .container{background:#FFF7ED;min-height:100vh;padding-bottom:calc(160rpx + env(safe-area-inset-bottom))}
.section{margin:16rpx 24rpx}
/* 游客态 */
.brand-strap{margin:0 24rpx 16rpx;background:linear-gradient(135deg,#F0FFF4,rgba(16,185,129,0.1));border-radius:16rpx;padding:20rpx 24rpx}
.brand-strap-text{font-size:26rpx;color:#10B981;font-weight:600}
.concept-card{margin:0 24rpx 16rpx;background:#fff;border-radius:20rpx;padding:28rpx;border-left:6rpx solid #10B981;box-shadow:0 2rpx 12rpx rgba(0,0,0,0.06)}
.concept-quote{font-size:30rpx;font-weight:bold;color:#333;display:block;margin-bottom:8rpx}
.concept-desc{font-size:24rpx;color:#888;display:block;line-height:1.6}
.case-card{margin:0 24rpx 16rpx;background:#fff;border-radius:20rpx;padding:24rpx;box-shadow:0 2rpx 12rpx rgba(0,0,0,0.06)}
.case-header{margin-bottom:12rpx}
.case-label{font-size:24rpx;color:#10B981;font-weight:bold}
.case-body{padding:8rpx 0}
.case-name{font-size:26rpx;color:#333;font-weight:600;display:block;margin-bottom:6rpx}
.case-change{font-size:24rpx;color:#666;display:block;margin-bottom:12rpx}
.case-metrics{display:flex;gap:16rpx;margin-bottom:12rpx}
.metric-item{display:flex;flex-direction:column;align-items:center;flex:1;background:#F0FFF4;border-radius:12rpx;padding:12rpx 8rpx}
.metric-up{font-size:26rpx;font-weight:bold;color:#10B981}
.metric-label{font-size:20rpx;color:#999;margin-top:4rpx}
.case-note{font-size:22rpx;color:#888;display:block}
.guest-features{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 24rpx 16rpx}
.feat-card{width:calc(50% - 8rpx);box-sizing:border-box;background:#fff;border-radius:20rpx;padding:24rpx;margin-bottom:16rpx;box-shadow:0 2rpx 12rpx rgba(0,0,0,0.06)}
.feat-icon{font-size:40rpx;display:block;margin-bottom:8rpx}
.feat-title{font-size:26rpx;font-weight:600;color:#333;display:block;margin-bottom:4rpx}
.feat-desc{font-size:22rpx;color:#999;display:block}
.login-guide-section{margin:0 24rpx 24rpx}
/* 成长行动卡片 */
.action-card{display:flex;align-items:center;padding:24rpx 28rpx;background:#fff;border-radius:16rpx;margin:0 24rpx 16rpx;box-shadow:0 2rpx 12rpx rgba(0,0,0,0.06)}
.action-card:active{opacity:0.85}
.action-icon{font-size:44rpx;margin-right:20rpx}
.action-info{flex:1}
.action-title{font-size:28rpx;font-weight:600;color:#333;display:block}
.action-desc{font-size:22rpx;color:#888;margin-top:4rpx;display:block}
.action-arrow{font-size:32rpx;color:#ccc}
/* 登录后原有样式 */
.reminder-bar{margin:12rpx 24rpx;background:#FFF3E0;border:1rpx solid #FFB74D;border-radius:12rpx;padding:14rpx 20rpx;display:flex;align-items:center;justify-content:space-between}
.reminder-text{font-size:24rpx;color:#E65100}
.reminder-close{font-size:28rpx;color:#999}
.progress-card{background:#fff;border-radius:20rpx;padding:24rpx;box-shadow:0 2rpx 12rpx rgba(0,0,0,0.06)}
.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16rpx}
.progress-title{font-size:28rpx;font-weight:bold;color:#333}
.progress-date{font-size:22rpx;color:#999}
<<<<<<< HEAD
.progress-grid{display:flex}
.progress-grid-item{flex:1;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#FFF7ED;border-radius:16rpx;padding:20rpx 8rpx;border:1rpx solid rgba(249,115,22,0.12)}
.progress-grid-item:active{opacity:0.85;background:#FFEDD5}
.progress-grid-icon{font-size:40rpx;margin-bottom:8rpx}
.progress-grid-label{font-size:24rpx;color:#333;margin-bottom:8rpx;text-align:center}
.progress-grid-status{font-size:20rpx;flex-shrink:0}
=======
.progress-item{display:flex;align-items:center;padding:12rpx 0;border-bottom:1rpx solid #f5f5f5}
.progress-item:last-of-type{border-bottom:none}
.progress-icon{font-size:28rpx;margin-right:12rpx;flex-shrink:0}
.progress-label{font-size:26rpx;color:#333;flex:1}
.progress-status{font-size:22rpx;margin-right:8rpx;flex-shrink:0}
>>>>>>> origin/cfclub
.status-done{color:#10B981}
.status-pending{color:#ccc}
.progress-btn{font-size:22rpx;color:#F97316;padding:4rpx 16rpx;border:1rpx solid #F97316;border-radius:20rpx;flex-shrink:0}
.progress-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16rpx;padding-top:16rpx;border-top:1rpx solid #f5f5f5}
.footer-text{font-size:24rpx;color:#666;font-weight:bold}
.footer-streak{font-size:24rpx;color:#F97316;font-weight:bold}
.tracking-card{background:#fff;border-radius:20rpx;padding:24rpx;box-shadow:0 2rpx 12rpx rgba(0,0,0,0.06)}
.tracking-tabs{display:flex;margin-bottom:16rpx}
.tracking-tab{flex:1;text-align:center;padding:10rpx 0;border-radius:20rpx;margin-right:8rpx;background:#FFF7ED}
.tracking-tab:last-child{margin-right:0}
.tab-active{background:#F97316}
.tab-text{font-size:24rpx;color:#666}
.tab-active-text{color:#fff;font-weight:bold}
.tracking-content{min-height:200rpx}
.tracking-empty{display:flex;flex-direction:column;align-items:center;padding:60rpx 0}
.empty-icon{font-size:60rpx;margin-bottom:12rpx}
.empty-text{font-size:26rpx;color:#999}
.empty-hint{font-size:22rpx;color:#ccc;margin-top:8rpx}
.tracking-record{display:flex;align-items:center;padding:10rpx 0;border-bottom:1rpx solid #f5f5f5}
.record-date{font-size:22rpx;color:#999;width:120rpx;flex-shrink:0}
.record-content{font-size:24rpx;color:#333;flex:1}
.tracking-more{text-align:right;font-size:24rpx;color:#F97316;padding:12rpx 0 0 0}
.milestone-card{background:#fff;border-radius:20rpx;padding:24rpx;box-shadow:0 2rpx 12rpx rgba(0,0,0,0.06)}
.section-title-row{font-size:26rpx;font-weight:bold;color:#333;margin-bottom:16rpx;display:block}
.milestone-grid{display:flex;justify-content:space-between}
.milestone-item{display:flex;flex-direction:column;align-items:center;flex:1}
.milestone-icon{font-size:40rpx;margin-bottom:4rpx}
.milestone-value{font-size:28rpx;font-weight:bold;color:#F97316;margin-bottom:2rpx}
.milestone-label{font-size:22rpx;color:#999}
.survey-card{background:#fff;border-radius:20rpx;padding:24rpx;box-shadow:0 2rpx 12rpx rgba(0,0,0,0.06)}
.survey-pending{background:#FFF3E0;border-radius:12rpx;padding:16rpx;margin-bottom:12rpx}
.survey-alert{font-size:24rpx;color:#E65100;font-weight:bold;display:block;margin-bottom:4rpx}
.survey-title-text{font-size:24rpx;color:#333;display:block;margin-bottom:8rpx}
.survey-btn{font-size:22rpx;color:#F97316;font-weight:bold}
.survey-done{padding:8rpx 0}
.survey-done-text{font-size:24rpx;color:#10B981}
.survey-history-list{border-top:1rpx solid #f5f5f5;padding-top:12rpx}
.history-label{font-size:22rpx;color:#999;display:block;margin-bottom:6rpx}
.history-item{display:flex;align-items:center;padding:6rpx 0}
.history-date{font-size:22rpx;color:#999;width:120rpx;flex-shrink:0}
.history-content{font-size:24rpx;color:#666;flex:1}
.survey-more{text-align:right;font-size:22rpx;color:#F97316;padding-top:8rpx}
.survey-empty{padding:12rpx 0}
.survey-empty-text{font-size:24rpx;color:#999}

/* ===== 五维闭环体系样式 ===== */
.wuxing-section { margin: 0 24rpx 16rpx; background: #fff; border-radius: 20rpx; padding: 24rpx; box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06); }
.wuxing-title { font-size: 30rpx; font-weight: bold; color: #333; text-align: center; margin-bottom: 6rpx; }
.wuxing-desc { font-size: 22rpx; color: #999; text-align: center; margin-bottom: 20rpx; }
.wuxing-diagram { position: relative; height: 320rpx; margin: 0 auto 20rpx; }
.wuxing-relations { margin-top: 8rpx; }
.rel-group { margin-bottom: 16rpx; }
.rel-title { font-size: 24rpx; font-weight: bold; color: #333; margin-bottom: 8rpx; display: block; }
.rel-chain { display: flex; flex-wrap: wrap; align-items: center; gap: 4rpx; margin-bottom: 6rpx; }
.rel-item { font-size: 22rpx; padding: 4rpx 10rpx; border-radius: 8rpx; background: #f7f7f7; color: #555; }
.rel-arrow { font-size: 20rpx; color: #10B981; font-weight: bold; }
.rel-op { font-size: 20rpx; color: #f56c6c; font-weight: bold; }
.rel-dot { font-size: 20rpx; color: #ccc; }
.rel-hint { font-size: 20rpx; color: #999; line-height: 1.5; display: block; }
.wuxing-cards { display: flex; flex-direction: column; gap: 10rpx; margin-top: 16rpx; }
.wc-card { display: flex; align-items: center; padding: 16rpx 20rpx; border-radius: 16rpx; border: 2rpx solid #f0f0f0; }
.wc-card:active { opacity: 0.85; }
.wc-icon { font-size: 36rpx; margin-right: 16rpx; flex-shrink: 0; }
.wc-info { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.wc-name { font-size: 24rpx; font-weight: 600; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wc-text { font-size: 20rpx; color: #999; display: block; margin-top: 4rpx; white-space: normal; }
.wc-body { border-color: rgba(255,140,66,0.3); background: rgba(255,140,66,0.04); border-left: 8rpx solid #FF8C42; }
.wc-body .wc-name { color: #FF8C42; }
.wc-wisdom { border-color: rgba(99,102,241,0.3); background: rgba(99,102,241,0.04); border-left: 8rpx solid #6366F1; }
.wc-wisdom .wc-name { color: #6366F1; }
.wc-wealth { border-color: rgba(245,158,11,0.3); background: rgba(245,158,11,0.04); border-left: 8rpx solid #F59E0B; }
.wc-wealth .wc-name { color: #F59E0B; }
.wc-action { border-color: rgba(16,185,129,0.3); background: rgba(16,185,129,0.04); border-left: 8rpx solid #10B981; }
.wc-action .wc-name { color: #10B981; }
.wc-mind { border-color: rgba(255,107,157,0.3); background: rgba(255,107,157,0.04); border-left: 8rpx solid #FF6B9D; }
.wc-mind .wc-name { color: #FF6B9D; }
</style>