From 402337707aec80b455fb34565b4c21ccd12c03b3 Mon Sep 17 00:00:00 2001 From: duanhao Date: Thu, 24 Jul 2025 17:48:09 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A1=A5=E6=A2=81=E6=95=B0=E6=8D=AE=E6=9B=B4?= =?UTF-8?q?=E6=96=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/store/keyNodeStore2.js | 47 ++++++++++++++++--- .../components/LeaderDetailDialog.vue | 8 ++-- .../components/graph/bridgeCommunityGraph.vue | 6 +++ 3 files changed, 50 insertions(+), 11 deletions(-) diff --git a/src/store/keyNodeStore2.js b/src/store/keyNodeStore2.js index 88540fc..27ccc9e 100644 --- a/src/store/keyNodeStore2.js +++ b/src/store/keyNodeStore2.js @@ -26,13 +26,16 @@ import ligSecAntBli from '@/assets/images/avatar/2/light_Secretary_Antony_Blinke export const useKeyNodeStore2 = defineStore('keyNode2', () => { const allLeaderData = ref([ { - id: "President Biden Archived", - nodeId: "1349149096909668363", - postId: 1, - name: "President Biden Archived", - chineseName: null, - followers: "3670.7万", - posts: "1万", + id: "President Biden Archived", // id + nodeId: "1349149096909668363", // 桥梁节点id + postId: 1, // 对应的帖文id + name: "President Biden Archived", // 用户名 + chineseName: null, // 中文名 + followers: "3670.7万", // 粉丝数量 + posts: "1万", // 发帖总数 + followerCount: "5", // 关注数量 + interactionCount: "8", // 互动次数 + firstActiveTime: "2023.10.07 15:08:27", // 首次活跃时间 avatar: new URL("@/assets/images/Biden.png", import.meta.url).toString(), default_avatar: new URL("@/assets/images/avatar/2/blue_President_Biden_Archived.png", import.meta.url).toString(), active_avatar: new URL("@/assets/images/avatar/2/light_President_Biden_Archived.png", import.meta.url).toString(), @@ -46,6 +49,9 @@ export const useKeyNodeStore2 = defineStore('keyNode2', () => { chineseName: null, followers: "11.4万", posts: "3.8万", + followerCount: "305", // 关注数量 + interactionCount: "9", // 互动次数 + firstActiveTime: "2023-10-07 15:08:30", // 首次活跃时间 avatar: new URL("@/assets/images/Truzman.png", import.meta.url).toString(), default_avatar: new URL("@/assets/images/avatar/2/blue_Joe_Truzman.png", import.meta.url).toString(), active_avatar: new URL("@/assets/images/avatar/2/light_Joe_Truzman.png", import.meta.url).toString(), @@ -59,6 +65,9 @@ export const useKeyNodeStore2 = defineStore('keyNode2', () => { chineseName: null, followers: "133.5万", posts: "4.8万", + followerCount: "1241", // 关注数量 + interactionCount: "7", // 互动次数 + firstActiveTime: "2023-10-07 16:04:40", // 首次活跃时间 avatar: new URL("@/assets/images/OSINTdefender.png", import.meta.url).toString(), default_avatar: new URL("@/assets/images/avatar/2/blue_OSINTdefender.png", import.meta.url).toString(), active_avatar: new URL("@/assets/images/avatar/2/light_OSINTdefender.png", import.meta.url).toString(), @@ -72,6 +81,9 @@ export const useKeyNodeStore2 = defineStore('keyNode2', () => { chineseName: null, followers: "27万", posts: "4.1万", + followerCount: "373", // 关注数量 + interactionCount: "7", // 互动次数 + firstActiveTime: "2023-10-07 17:14:09", // 首次活跃时间 avatar: new URL("@/assets/images/Golding.png", import.meta.url).toString(), default_avatar: new URL("@/assets/images/avatar/2/blue_Paul_Golding.png", import.meta.url).toString(), active_avatar: new URL("@/assets/images/avatar/2/light_Paul_Golding.png", import.meta.url).toString(), @@ -85,6 +97,9 @@ export const useKeyNodeStore2 = defineStore('keyNode2', () => { chineseName: null, followers: "316.4万", posts: "1.4万", + followerCount: "10553", // 关注数量 + interactionCount: "1", // 互动次数 + firstActiveTime: "2023-10-07 21:49:45", // 首次活跃时间 avatar: new URL("@/assets/images/Matt.png", import.meta.url).toString(), default_avatar: new URL("@/assets/images/avatar/2/blue_Rep_Matt_Gaetz.png", import.meta.url).toString(), active_avatar: new URL("@/assets/images/avatar/2/light_Rep_Matt_Gaetz.png", import.meta.url).toString(), @@ -98,6 +113,9 @@ export const useKeyNodeStore2 = defineStore('keyNode2', () => { chineseName: null, followers: "299.8万", posts: "2.4万", + followerCount: "33", // 关注数量 + interactionCount: "12", // 互动次数 + firstActiveTime: "2023-10-08 04:01:31", // 首次活跃时间 avatar: new URL("@/assets/images/Israel.png", import.meta.url).toString(), default_avatar: new URL("@/assets/images/avatar/2/blue_Israel_Defense_Forces.png", import.meta.url).toString(), active_avatar: new URL("@/assets/images/avatar/2/light_Israel_Defense_Forces.png", import.meta.url).toString(), @@ -111,6 +129,9 @@ export const useKeyNodeStore2 = defineStore('keyNode2', () => { chineseName: null, followers: "167.8万", posts: "5.5万", + followerCount: "3514", // 关注数量 + interactionCount: "42", // 互动次数 + firstActiveTime: "2023-10-08 20:29:00", // 首次活跃时间 avatar: new URL("@/assets/images/Andy.png", import.meta.url).toString(), default_avatar: new URL("@/assets/images/avatar/2/blue_Andy_Ngo.png", import.meta.url).toString(), active_avatar: new URL("@/assets/images/avatar/2/light_Andy_Ngo.png", import.meta.url).toString(), @@ -124,6 +145,9 @@ export const useKeyNodeStore2 = defineStore('keyNode2', () => { chineseName: null, followers: "223万", posts: "6082", + followerCount: "53", // 关注数量 + interactionCount: "25", // 互动次数 + firstActiveTime: "2023-10-09 06:30:00", // 首次活跃时间 avatar: new URL("@/assets/images/Antony.png", import.meta.url).toString(), default_avatar: new URL("@/assets/images/avatar/2/blue_Secretary_Antony_Blinken.png", import.meta.url).toString(), active_avatar: new URL("@/assets/images/avatar/2/light_Secretary_Antony_Blinken.png", import.meta.url).toString(), @@ -137,6 +161,9 @@ export const useKeyNodeStore2 = defineStore('keyNode2', () => { chineseName: null, followers: "1018.6万", posts: "1.4万", + followerCount: "718", // 关注数量 + interactionCount: "1", // 互动次数 + firstActiveTime: "2023-10-13 05:41:33", // 首次活跃时间 avatar: new URL("@/assets/images/Emmanuel.png", import.meta.url).toString(), default_avatar: new URL("@/assets/images/avatar/2/blue_Emmanuel_Macron.png", import.meta.url).toString(), active_avatar: new URL("@/assets/images/avatar/2/light_Emmanuel_Macron.png", import.meta.url).toString(), @@ -150,6 +177,9 @@ export const useKeyNodeStore2 = defineStore('keyNode2', () => { chineseName: null, followers: "304.9万", posts: "2.9万", + followerCount: "531", // 关注数量 + interactionCount: "4", // 互动次数 + firstActiveTime: "2023-10-15 00:58:58", // 首次活跃时间 avatar: new URL("@/assets/images/Jackson.png", import.meta.url).toString(), default_avatar: new URL("@/assets/images/avatar/2/blue_Jackson_Hinkle_🇺🇸.png", import.meta.url).toString(), active_avatar: new URL("@/assets/images/avatar/2/light_Jackson_Hinkle_🇺🇸.png", import.meta.url).toString(), @@ -307,6 +337,9 @@ export const useKeyNodeStore2 = defineStore('keyNode2', () => { leaderOriginInfo: { avatar: leader.avatar, followers: leader.followers, + followerCount: leader.followerCount, + interactionCount: leader.interactionCount, + firstActiveTime: leader.firstActiveTime, posts: leader.posts, labelling: posts.value .filter(p => p.author === leader.id) diff --git a/src/views/KeyNodeRecognition2/components/LeaderDetailDialog.vue b/src/views/KeyNodeRecognition2/components/LeaderDetailDialog.vue index ad6cce2..c2c8fb0 100644 --- a/src/views/KeyNodeRecognition2/components/LeaderDetailDialog.vue +++ b/src/views/KeyNodeRecognition2/components/LeaderDetailDialog.vue @@ -48,7 +48,7 @@

- 关注数量:   1329 + 关注数量:{{ store.activeLeader.leaderOriginInfo.followerCount }}

@@ -56,15 +56,15 @@

- 贴文被转总数: {{ store.activeLeader.leaderOriginInfo.transmit }} + 贴文被转总数: {{ store.activeLeader.leaderOriginInfo.labelling[0].transmit }}

- 参与互动次数:   30 + 参与互动次数:{{ store.activeLeader.leaderOriginInfo.interactionCount }}

- 首次活跃时间:   2022.7.31 00:14 + 首次活跃时间:   {{ store.activeLeader.leaderOriginInfo.firstActiveTime }}
diff --git a/src/views/KeyNodeRecognition2/components/graph/bridgeCommunityGraph.vue b/src/views/KeyNodeRecognition2/components/graph/bridgeCommunityGraph.vue index 4772ccd..ac7fa75 100644 --- a/src/views/KeyNodeRecognition2/components/graph/bridgeCommunityGraph.vue +++ b/src/views/KeyNodeRecognition2/components/graph/bridgeCommunityGraph.vue @@ -388,6 +388,11 @@ const updateNodeImage = (bridgeId, isActive) => { // 更新节点图片 const imgUrl = isActive ? bridgeNodeInfo.activeImg : bridgeNodeInfo.defImg; newNodes[nodeIndex].symbol = imgUrl ? `image://${imgUrl}` : 'circle'; + chartInstance.dispatchAction({ + //再让单独一个高亮 + type: "highlight", + dataIndex: nodeIndex + }); // 使用setOption进行增量更新 chartInstance.setOption({ @@ -396,6 +401,7 @@ const updateNodeImage = (bridgeId, isActive) => { }] }); + // 更新nodesData（保持数据一致性） nodesData.value = newNodes; }