人物互动隐关系页面用户组与关系图二级界面联动完毕

src/views/LinkPrediction/characterInteraction/index.vue

@@ -49,9 +49,11 @@ import graphTitleImg from "@/assets/images/linkPrediction/title/graph1-title.png
 import analysisTitleImg from "@/assets/images/linkPrediction/title/analysis-title.png"
 const interactionStore = useCharacterInteractionStore()
 
-//选择某个用户组，更新贴文列表
+//选择某个用户组，更新贴文列表 && 更新关系图二级界面
 const handleSelectedUserGroup = (group) => {
+  interactionStore.curComponent = "detailNode"
   interactionStore.initInteractionPostList(group.relationId)
+  interactionStore.initGraphCommunityDetailNode(group.list.map((item) => item.groupId))
 }
 
 onMounted(() => {

src/views/LinkPrediction/components/userPanel.vue

@@ -8,12 +8,12 @@
           @click="handleUserItem(index, group)"
           :class="{ active: curUserGroupIndex == index }"
         >
-          <div class="group-type" v-if="group.list.length > 2 && group?.interactivity != ' '">
+          <div class="group-type">
             <img
               src="@/assets/images/linkPrediction/title/group-item-title.png"
               class="group-type-back"
             />
-            <div class="group-type-content">{{ group.interactivity }}</div>
+            <div class="group-type-content">TOP{{ group.rank }}</div>
           </div>
           <div class="user-list-item" v-for="child in group.list" :key="child.id">
             <img :src="defaultAvatar" alt="" class="avatar" />
@@ -38,10 +38,10 @@
 </template>
 
 <script setup>
-import { defineProps, defineEmits, ref } from "vue";
+import { defineProps, defineEmits, ref } from "vue"
-import defaultAvatar from "@/assets/images/avatar/default.png";
+import defaultAvatar from "@/assets/images/avatar/default.png"
-const curUserGroupIndex = ref(0);
+const curUserGroupIndex = ref(0)
-const emit = defineEmits(["click:selectedGroup"]);
+const emit = defineEmits(["click:selectedGroup"])
 const props = defineProps({
   userList: {
     type: Array,
@@ -55,12 +55,12 @@ const props = defineProps({
     type: Number,
     default: 480
   }
-});
+})
 
 const handleUserItem = (index, group = {}) => {
-  curUserGroupIndex.value = index;
+  curUserGroupIndex.value = index
-  emit("click:selectedGroup", group);
+  emit("click:selectedGroup", group)
-};
+}
 </script>
 
 <style scoped lang="less">