瀏覽代碼

feat(frontend): 成员详情页接入以成员为中心的关系条

Sisyphus 1 月之前
父節點
當前提交
239b076698
共有 1 個文件被更改,包括 10 次插入2 次删除
  1. 10 2
      cfc-frontend/pages/home-pages/member-home-detail.vue

+ 10 - 2
cfc-frontend/pages/home-pages/member-home-detail.vue

@@ -27,6 +27,13 @@
         </view>
       </view>
 
+      <!-- 以该成员为中心的家庭成员关系条 -->
+      <FamilyMemberStrip
+        v-if="memberId"
+        :center-member-id="memberId"
+        :selected-member-id="memberId"
+        :is-parent="true" />
+
       <!-- 家庭成员关系图谱(只读) -->
       <FamilyRelationGraph
         dimensionCode="home"
@@ -64,10 +71,11 @@
 <script>
 import FamilyRelationGraph from '../../components/FamilyRelationGraph.vue'
 import DimensionTasks from '../../components/DimensionTasks.vue'
+import FamilyMemberStrip from '../../components/FamilyMemberStrip.vue'
 import { getFamilyEnergySandbox, getChildren, getTodayTasksByCategory } from '../../utils/api.js'
 
 export default {
-  components: { FamilyRelationGraph, DimensionTasks },
+  components: { FamilyRelationGraph, DimensionTasks, FamilyMemberStrip },
   data() {
     return {
       memberId: null,
@@ -137,7 +145,7 @@ export default {
     }
   },
   onLoad: function(options) {
-    this.memberId = options.memberId || null
+    this.memberId = Number(options.memberId) || null
     this.memberType = options.memberType || 'child'
   },
   onShow: function() {