feat(growth): add 记账打卡 tracking item to daily progress

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

@@ -141,30 +141,6 @@
         <text class="reminder-text">⚠ 今日还有 {{ incompleteCount }} 项未记录</text>
         <text class="reminder-close" @click="dismissReminder">✕</text>
       </view>
-      <!-- 里程碑（移至最上） -->
-      <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="progress-card">
           <view class="progress-header">
@@ -194,7 +170,8 @@
           <text class="action-arrow">›</text>
         </view>
       </view>
-      <!-- 饮食推荐 -->
+
+      <!-- 饮食推荐（恢复） -->
       <view class="section">
         <view class="action-card" @click="goToFoods">
           <text class="action-icon">🍽️</text>
@@ -205,15 +182,68 @@
           <text class="action-arrow">›</text>
         </view>
       </view>
-      <!-- 任务中心（替代打卡记录） -->
+
       <view class="section">
-        <view class="action-card" @click="goToTasks">
-          <text class="action-icon">📋</text>
-          <view class="action-info">
-            <text class="action-title">任务中心</text>
-            <text class="action-desc">查看今日待办任务，完成挑战获取奖励</text>
+        <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>
-          <text class="action-arrow">›</text>
+        </view>
+      </view>
+      <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>
       <DimensionActivities :isLoggedIn="true" @activityClick="goActivityDetail" @moreActivities="goMoreActivities" style="margin-bottom:60rpx" />
@@ -246,17 +276,19 @@ import LoginGuideCard from '../../components/LoginGuideCard.vue'
 import DimensionActivities from '../../components/DimensionActivities.vue'
 import DimensionProducts from '../../components/DimensionProducts.vue'
 import ArticleBookshelf from '../../components/ArticleBookshelf.vue'
-import { healthCheckinList, getHealthMealList, getFoodCautionList, getGrowthRecommendations, getExerciseRecords, getSleepRecords, getEmotionCheckinList } from '../../utils/api.js'
+import { healthCheckinList, getHealthMealList, getSurveyStatus, getSurveyHistory, getFoodCautionList, getGrowthRecommendations, getExerciseRecords, getSleepRecords, getEmotionCheckinList, getCheckinList } from '../../utils/api.js'
 import { parseDate } from '../../utils/format.js'
 export default {
   components: { PageBanner, LoginGuideCard, DimensionActivities, DimensionProducts, ArticleBookshelf },
-  data() { return { memberId: '', todayDate: '', hasIncomplete: false, incompleteCount: 0, progressItems: [], streakDays: 0, activeChallenges: 0, completeness: 0, cautionCount: 0,
+  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: [],
       growthArticles: [],
-      isLoggedIn: false } },
+      pendingSurvey: null, allDone: false, surveyHistory: [], isLoggedIn: false } },
   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] || [] },
     recommendArticles: function() {
       var arr = []
       if (this.healthArticles && this.healthArticles.length > 0) arr = arr.concat(this.healthArticles)
@@ -276,16 +308,24 @@ export default {
   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 = { diet: '/pages/growth/diet-checkin', exercise: '/pages/growth/exercise-checkin', sleep: '/pages/growth/sleep-checkin', emotion: '/pages/growth/growth-emotion-checkin' }
+      var m = { checkin: '/pages/wealth-sub/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' }) },
-    goToTasks: function() { uni.navigateTo({ url: '/pages/child/tasks' }) },
     handleGuestFeatureTap: function() { uni.showToast({ title: '登录后即可体验该功能', icon: 'none' }) },
     goToCaution: function() { uni.navigateTo({ url: '/pages/growth/caution-detail' }) },
     goToFoods: function() { uni.navigateTo({ url: '/pages/growth/foods-detail' }) },
@@ -294,7 +334,7 @@ export default {
     goMoreProducts: function() { uni.navigateTo({ url: '/pages/shop/index/index' }) },
     goMoreArticles: function() { uni.navigateTo({ url: '/pages/article-center/index?dimension=action' }) },
     goPage: function(url) { uni.navigateTo({ url: url }) },
-    loadTrackingData: function(key) { return [] },
+    loadTrackingData: function(key) { return this.trackingData[key] || [] },
     formatDateKey: function(dateVal) {
       if (!dateVal) return ''
       var d = parseDate(dateVal)
@@ -316,21 +356,27 @@ export default {
       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) {}
     },
     async loadProgressItems() {
       var self = this
       var items = []
-       // 饮食记录：health/meal/list 返回当日记录数组
+      // 饮食记录：health/meal/list 返回当日记录数组
       var dietDone = false
       try {
         var dParams = self.memberId ? { memberId: self.memberId } : {}
         var dRes = await getHealthMealList(dParams)
         var dList = (dRes.code === 200 && dRes.data) ? dRes.data : []
+        self.trackingData.diet = []
         for (var di = 0; di < dList.length; di++) {
           var dr = dList[di]
           if (!dr) continue
           if (self.formatDateKey(dr.createdAt || dr.recordDate) === self.todayDate) dietDone = true
+          if (di < 5) {
+            var foods = dr.foodNames || dr.mealContent || dr.notes || ''
+            self.trackingData.diet.push({ _id: dr.id, _date: self.mealTypeLabel(dr.mealType), _content: foods || '已记录' })
+          }
         }
       } catch(e) {}
       items.push({ key: 'diet', icon: '🍽️', label: '饮食记录', done: dietDone, actionText: '补录' })
@@ -340,10 +386,15 @@ export default {
         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 })
+          }
         }
       } catch(e) {}
       items.push({ key: 'exercise', icon: '🏃', label: '运动记录', done: exerciseDone, actionText: '记录' })
@@ -353,10 +404,15 @@ export default {
         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 || '已记录' })
+          }
         }
       } catch(e) {}
       items.push({ key: 'sleep', icon: '😴', label: '睡眠记录', done: sleepDone, actionText: '记录' })
@@ -367,18 +423,54 @@ export default {
         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 || '已记录') })
         }
       } catch(e) {}
       items.push({ key: 'emotion', icon: '😊', label: '心情记录', done: emotionDone, actionText: '记录' })
+      // 记账打卡
+      var checkinDone = false
+      try {
+        var cParams = self.memberId ? { memberId: self.memberId } : {}
+        var cRes = await getCheckinList(cParams)
+        var cList = (cRes.code === 200 && cRes.data) ? cRes.data : []
+        for (var ci = 0; ci < cList.length; ci++) {
+          if (cList[ci] && cList[ci].checkinDate && cList[ci].checkinDate.indexOf(self.todayDate) === 0) {
+            checkinDone = true
+            break
+          }
+        }
+      } catch(e) {}
+      items.push({ key: 'checkin', icon: '💰', label: '记账打卡', done: checkinDone, 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 loadGrowthRecommendations() {
       var self = this
       try {
@@ -474,6 +566,22 @@ export default {
 .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}
@@ -481,6 +589,21 @@ export default {
 .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); }