From c467197b532c1deaf9603c730f9229b1594d359c Mon Sep 17 00:00:00 2001
From: "qumeng039@126.com" <86925389+qumen@users.noreply.github.com>
Date: Tue, 29 Jul 2025 16:45:48 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=BA=E7=89=A9=E4=BA=92=E5=8A=A8=E9=9A=90?=
 =?UTF-8?q?=E5=85=B3=E7=B3=BB=E9=A1=B5=E9=9D=A2=E7=94=A8=E6=88=B7=E7=BB=84?=
 =?UTF-8?q?=E4=B8=8E=E5=85=B3=E7=B3=BB=E5=9B=BE=E4=BA=8C=E7=BA=A7=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2=E8=81=94=E5=8A=A8=E5=AE=8C=E6=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../characterInteraction/index.vue            |  4 +++-
 .../LinkPrediction/components/userPanel.vue   | 20 +++++++++----------
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/views/LinkPrediction/characterInteraction/index.vue b/src/views/LinkPrediction/characterInteraction/index.vue
index 34a1346..6e714cc 100644
--- a/src/views/LinkPrediction/characterInteraction/index.vue
+++ b/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(() => {
diff --git a/src/views/LinkPrediction/components/userPanel.vue b/src/views/LinkPrediction/components/userPanel.vue
index 54f1945..66b42a3 100644
--- a/src/views/LinkPrediction/components/userPanel.vue
+++ b/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 defaultAvatar from "@/assets/images/avatar/default.png";
-const curUserGroupIndex = ref(0);
-const emit = defineEmits(["click:selectedGroup"]);
+import { defineProps, defineEmits, ref } from "vue"
+import defaultAvatar from "@/assets/images/avatar/default.png"
+const curUserGroupIndex = ref(0)
+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;
-  emit("click:selectedGroup", group);
-};
+  curUserGroupIndex.value = index
+  emit("click:selectedGroup", group)
+}
 </script>
 
 <style scoped lang="less">