Просмотр исходного кода

fix(frontend): action/index.vue 集成 WuxingSandbox 能量沙盘

将 wuxing-sandbox 组件集成到行首页,修复能量沙盘不显示的问题。组件使用 sandboxData 中已有的五维分值和成员数据,mode=live 实时模式。

Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
User 2 месяцев назад
Родитель
Сommit
7e049fdfb3
1 измененных файлов с 19 добавлено и 5 удалено
  1. 19 5
      cfc-frontend/pages/action/index.vue

+ 19 - 5
cfc-frontend/pages/action/index.vue

@@ -26,6 +26,22 @@
       :sandboxData="sandboxData"
       :dualDimension="dualDimension" />
 
+    <!-- 能量沙盘(登录后可见) — Canvas 五行星图 -->
+    <WuxingSandbox
+      v-if="isLoggedIn && sandboxData"
+      mode="live"
+      :scores="{
+        body: sandboxData.bodyScore || 0,
+        mind: sandboxData.mindScore || 0,
+        wisdom: sandboxData.wisdomScore || 0,
+        action: sandboxData.actionScore || 0,
+        wealth: sandboxData.wealthScore || 0
+      }"
+      :overallScore="sandboxData.overallScore || 0"
+      :members="sandboxData.members || []"
+      showDimensionBar
+      starHeight="480rpx" />
+
     <!-- 关系图谱(登录后可见) — 家庭关系网络 -->
     <FamilyRelationGraph
       v-if="isLoggedIn"
@@ -120,10 +136,11 @@ import ContactCard from '../../components/ContactCard.vue'
 import ContactImport from '../../components/ContactImport.vue'
 import FamilyRelationshipSection from '../../components/FamilyRelationshipSection.vue'
 import FamilyRelationGraph from '../../components/FamilyRelationGraph.vue'
+import WuxingSandbox from '../../components/wuxing-sandbox.vue'
 import { getVisibleSections, getEnergyOverview, getFamilyEnergySandbox, getTodayTasksByCategory, getActivityList, getProductsByDomain, getChildren, getContactList, getVisibleFamilyMembers, getFeaturedArticles, getHealthAlerts, getMilestones } from '../../utils/api.js'
 
 export default {
-  components: { TabTransition, PageBanner, LoginGuideCard, FamilyEnergyBar, UserQuickEntry, DimensionTasks, DimensionActivities, DimensionProducts, DimensionArticles, ContactCard, ContactImport, FamilyRelationGraph, FamilyRelationshipSection },
+  components: { TabTransition, PageBanner, LoginGuideCard, FamilyEnergyBar, UserQuickEntry, DimensionTasks, DimensionActivities, DimensionProducts, DimensionArticles, ContactCard, ContactImport, FamilyRelationGraph, FamilyRelationshipSection, WuxingSandbox },
   data() {
     return {
       showTabTransition: true,
@@ -186,10 +203,6 @@ export default {
   },
   onShow() {
     this.showTabTransition = true
-    var self = this
-    setTimeout(function() {
-      self.showTabTransition = false
-    }, 1800)
 
     var token = uni.getStorageSync('token')
     this.isLoggedIn = !!token
@@ -212,6 +225,7 @@ export default {
     this.loadDimensionProducts()
     // 游客也能浏览文章
     this.loadFeaturedArticles()
+    this._watchPageReady()
   },
   methods: {
     loadSectionConfig: function() {