diff --git a/src/assets/images/avatar/default.png b/src/assets/images/avatar/default.png
new file mode 100644
index 0000000..b316206
Binary files /dev/null and b/src/assets/images/avatar/default.png differ
diff --git a/src/service/api/linkPrediction.js b/src/service/api/linkPrediction.js
index c879024..ccee7b6 100644
--- a/src/service/api/linkPrediction.js
+++ b/src/service/api/linkPrediction.js
@@ -1,5 +1,16 @@
 import http from "@/utils/http";
 
-export function getGroupList() {
-  return http.get("/test");
+//人物互动隐关系预测的用户组列表
+export function getGroupUserListFromInteraction() {
+  return http.get("/linkPrediction/interaction/group_list");
+}
+
+//社交紧密团体识别的用户组列表
+export function getGroupUserListFromTriangle() {
+  return http.get("/linkPrediction/triangle/group_list");
+}
+
+//人物社交隐关系预测用户组列表
+export function getGroupUserListFromSocial() {
+  return http.get("/linkPrediction/social/group_list");
 }
diff --git a/src/store/llinkPrediction/index.js b/src/store/llinkPrediction/index.js
index 65d0d7e..a316ed4 100644
--- a/src/store/llinkPrediction/index.js
+++ b/src/store/llinkPrediction/index.js
@@ -1,104 +1,18 @@
 import { defineStore } from "pinia";
-import { getGroupList } from "@/service/api/linkPrediction";
-import testAvatar from "@/assets/anchorAvatar/aichuidunhaitao-tingenqifu.png";
-import test1Avatar from "@/assets/anchorAvatar/fei_die_gg.png";
-import test2Avatar from "@/assets/anchorAvatar/qianjuzhangbenren.png";
+import {
+  getGroupUserListFromInteraction,
+  getGroupUserListFromTriangle,
+  getGroupUserListFromSocial
+} from "@/service/api/linkPrediction";
+
+import defaultAvatar from "@/assets/images/avatar/default.png";
+import { ElMessage } from "element-plus";
 
 export const useCharacterInteractionStore = defineStore("characterInteraction", {
   state: () => ({
-    userList: [
-      {
-        id: 1,
-        title: "",
-        list: [
-          { id: 1, name: "Polo Hun", avatar: testAvatar, fancy: 634, post: 32 },
-          { id: 2, name: "楊政子", avatar: testAvatar, fancy: 5556, post: 23 }
-        ]
-      },
-      {
-        id: 2,
-        title: "",
-        list: [
-          { id: 1, name: "Polo Hun", avatar: testAvatar, fancy: 634, post: 32 },
-          { id: 2, name: "楊政子", avatar: testAvatar, fancy: 5556, post: 23 }
-        ]
-      },
-      {
-        id: 3,
-        title: "",
-        list: [
-          { id: 1, name: "Polo Hun", avatar: testAvatar, fancy: 634, post: 32 },
-          { id: 2, name: "楊政子", avatar: testAvatar, fancy: 5556, post: 23 }
-        ]
-      },
-      {
-        id: 4,
-        title: "",
-        list: [
-          { id: 1, name: "Polo Hun", avatar: testAvatar, fancy: 634, post: 32 },
-          { id: 2, name: "楊政子", avatar: testAvatar, fancy: 5556, post: 23 }
-        ]
-      },
-      {
-        id: 5,
-        title: "",
-        list: [
-          { id: 1, name: "Polo Hun", avatar: testAvatar, fancy: 634, post: 32 },
-          { id: 2, name: "楊政子", avatar: testAvatar, fancy: 5556, post: 23 }
-        ]
-      }
-    ],
+    userList: [], //用户组列表
 
-    userChartList: [
-      {
-        id: 1,
-        group: [
-          { id: 1, name: "Polo Hun", avatar: testAvatar, fancy: 634, post: 32 },
-          { id: 2, name: "楊政子", avatar: testAvatar, fancy: 5556, post: 23 }
-        ],
-        number: "0.60"
-      },
-      {
-        id: 2,
-        group: [
-          {
-            id: 7,
-            name: "一人一讚 馬總統感恩有您 永遠支...",
-            avatar: testAvatar,
-            fancy: 0,
-            post: 0
-          },
-          {
-            id: 8,
-            name: "一人一讚 馬總統感恩有您 永遠支...",
-            avatar: testAvatar,
-            fancy: 564,
-            post: 13
-          }
-        ],
-        number: 0.45
-      },
-      {
-        id: 3,
-        group: [
-          {
-            id: 9,
-            name: "一人一讚 馬總統感恩有您 永遠支...",
-            avatar: testAvatar,
-            fancy: 0,
-            post: 0
-          },
-          {
-            id: 10,
-            name: "一人一讚 馬總統感恩有您 永遠支...",
-            avatar: testAvatar,
-            fancy: 564,
-            post: 13
-          }
-        ],
-        number: 0.32
-      }
-    ],
+    userChartList: [], //组相关性
 
     posts: [
       {
@@ -328,9 +242,16 @@ export const useCharacterInteractionStore = defineStore("characterInteraction",
   }),
   actions: {
     async initGroupList() {
-      const result = await getGroupList();
-      this.userList = result;
-      console.log(this.userList);
+      const res = await getGroupUserListFromInteraction();
+      if (res.code != 200) {
+        ElMessage.error(res.message);
+        return;
+      }
+      this.userList = res.data.userList;
+    },
+
+    initGroupCorrelationForChart() {
+      this.userChartList = this.userList;
     }
   },
   persist: true // 开启持久化
@@ -338,42 +259,15 @@ export const useCharacterInteractionStore = defineStore("characterInteraction",
 
 export const useSocialGroupsStore = defineStore("socialGroups", {
   state: () => ({
-    userList: [
-      {
-        id: 1,
-        title: "时政兴趣团体",
-        list: [
-          { id: 1, name: "Polo Hun", avatar: test1Avatar, fancy: 634, post: 32 },
-          { id: 2, name: "楊政子", avatar: test1Avatar, fancy: 5556, post: 23 },
-          { id: 3, name: "邱盆琇", avatar: test1Avatar, fancy: 5556, post: 23 }
-        ]
-      },
-      {
-        id: 2,
-        title: "社交博主团体",
-        list: [
-          { id: 1, name: "Polo Hun", avatar: test1Avatar, fancy: 634, post: 32 },
-          { id: 2, name: "楊政子", avatar: test1Avatar, fancy: 5556, post: 23 },
-          { id: 3, name: "邱盆琇", avatar: test1Avatar, fancy: 5556, post: 23 }
-        ]
-      },
-      {
-        id: 3,
-        title: "时政兴趣团体",
-        list: [
-          { id: 1, name: "Polo Hun", avatar: test1Avatar, fancy: 634, post: 32 },
-          { id: 2, name: "楊政子", avatar: test1Avatar, fancy: 5556, post: 23 },
-          { id: 3, name: "邱盆琇", avatar: test1Avatar, fancy: 5556, post: 23 }
-        ]
-      }
-    ],
+    userList: [],
+
     userChartList: [
       {
         id: 1,
         group: [
-          { id: 1, name: "Polo Hun", avatar: test1Avatar, fancy: 634, post: 32 },
-          { id: 2, name: "楊政子", avatar: test1Avatar, fancy: 5556, post: 23 },
-          { id: 3, name: "楊政子", avatar: test1Avatar, fancy: 5556, post: 23 }
+          { id: 1, name: "Polo Hun", avatar: defaultAvatar, fancy: 634, post: 32 },
+          { id: 2, name: "楊政子", avatar: defaultAvatar, fancy: 5556, post: 23 },
+          { id: 3, name: "楊政子", avatar: defaultAvatar, fancy: 5556, post: 23 }
         ],
         number: "0.60"
       },
@@ -383,21 +277,21 @@ export const useSocialGroupsStore = defineStore("socialGroups", {
           {
             id: 7,
             name: "一人一讚 馬總統感恩有您 永遠支...",
-            avatar: test1Avatar,
+            avatar: defaultAvatar,
             fancy: 0,
             post: 0
           },
           {
             id: 8,
             name: "一人一讚 馬總統感恩有您 永遠支...",
-            avatar: test1Avatar,
+            avatar: defaultAvatar,
             fancy: 564,
             post: 13
           },
           {
             id: 9,
             name: "一人一讚 馬總統感恩有您 永遠支...",
-            avatar: test1Avatar,
+            avatar: defaultAvatar,
             fancy: 564,
             post: 13
           }
@@ -410,21 +304,21 @@ export const useSocialGroupsStore = defineStore("socialGroups", {
           {
             id: 10,
             name: "一人一讚 馬總統感恩有您 永遠支...",
-            avatar: test1Avatar,
+            avatar: defaultAvatar,
             fancy: 0,
             post: 0
           },
           {
             id: 11,
             name: "一人一讚 馬總統感恩有您 永遠支...",
-            avatar: test1Avatar,
+            avatar: defaultAvatar,
             fancy: 564,
             post: 13
           },
           {
             id: 12,
             name: "一人一讚 馬總統感恩有您 永遠支...",
-            avatar: test1Avatar,
+            avatar: defaultAvatar,
             fancy: 564,
             post: 13
           }
@@ -656,60 +550,30 @@ export const useSocialGroupsStore = defineStore("socialGroups", {
       { text: "原则", top: 77.5, left: 264.5, width: 49, height: 19, fontSize: 12, opacity: 0.7 },
       { text: "台湾", top: 195.5, left: 287.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 }
     ]
-  })
+  }),
+  actions: {
+    async initGroupList() {
+      const res = await getGroupUserListFromTriangle();
+      if (res.code != 200) {
+        ElMessage.error(res.message);
+        return;
+      }
+      this.userList = res.data.userList;
+    }
+  },
+  persist: true // 开启持久化
 });
 
 export const useCharacterHiddenStore = defineStore("characterHidden", {
   state: () => ({
-    userList: [
-      {
-        id: 1,
-        title: "",
-        list: [
-          { id: 1, name: "Polo Hun", avatar: test2Avatar, fancy: 634, post: 32 },
-          { id: 2, name: "楊政子", avatar: test2Avatar, fancy: 5556, post: 23 }
-        ]
-      },
-      {
-        id: 2,
-        title: "",
-        list: [
-          { id: 1, name: "Polo Hun", avatar: test2Avatar, fancy: 634, post: 32 },
-          { id: 2, name: "楊政子", avatar: test2Avatar, fancy: 5556, post: 23 }
-        ]
-      },
-      {
-        id: 3,
-        title: "",
-        list: [
-          { id: 1, name: "Polo Hun", avatar: test2Avatar, fancy: 634, post: 32 },
-          { id: 2, name: "楊政子", avatar: test2Avatar, fancy: 5556, post: 23 }
-        ]
-      },
-      {
-        id: 4,
-        title: "",
-        list: [
-          { id: 1, name: "Polo Hun", avatar: test2Avatar, fancy: 634, post: 32 },
-          { id: 2, name: "楊政子", avatar: test2Avatar, fancy: 5556, post: 23 }
-        ]
-      },
-      {
-        id: 5,
-        title: "",
-        list: [
-          { id: 1, name: "Polo Hun", avatar: test2Avatar, fancy: 634, post: 32 },
-          { id: 2, name: "楊政子", avatar: test2Avatar, fancy: 5556, post: 23 }
-        ]
-      }
-    ],
+    userList: [],
 
     userChartList: [
       {
         id: 1,
         group: [
-          { id: 1, name: "Polo Hun", avatar: test2Avatar, fancy: 634, post: 32 },
-          { id: 2, name: "楊政子", avatar: test2Avatar, fancy: 5556, post: 23 }
+          { id: 1, name: "Polo Hun", avatar: defaultAvatar, fancy: 634, post: 32 },
+          { id: 2, name: "楊政子", avatar: defaultAvatar, fancy: 5556, post: 23 }
         ],
         number: "0.36"
       },
@@ -719,14 +583,14 @@ export const useCharacterHiddenStore = defineStore("characterHidden", {
           {
             id: 7,
             name: "一人一讚 馬總統感恩有您 永遠支...",
-            avatar: test2Avatar,
+            avatar: defaultAvatar,
             fancy: 0,
             post: 0
           },
           {
             id: 8,
             name: "一人一讚 馬總統感恩有您 永遠支...",
-            avatar: test2Avatar,
+            avatar: defaultAvatar,
             fancy: 564,
             post: 13
           }
@@ -739,14 +603,14 @@ export const useCharacterHiddenStore = defineStore("characterHidden", {
           {
             id: 9,
             name: "一人一讚 馬總統感恩有您 永遠支...",
-            avatar: test2Avatar,
+            avatar: defaultAvatar,
             fancy: 0,
             post: 0
           },
           {
             id: 10,
             name: "一人一讚 馬總統感恩有您 永遠支...",
-            avatar: test2Avatar,
+            avatar: defaultAvatar,
             fancy: 564,
             post: 13
           }
@@ -980,5 +844,16 @@ export const useCharacterHiddenStore = defineStore("characterHidden", {
       { text: "原则", top: 77.5, left: 264.5, width: 49, height: 19, fontSize: 12, opacity: 0.7 },
       { text: "台湾", top: 195.5, left: 287.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 }
     ]
-  })
+  }),
+  actions: {
+    async initGroupList() {
+      const res = await getGroupUserListFromSocial();
+      if (res.code != 200) {
+        ElMessage.error(res.message);
+        return;
+      }
+      this.userList = res.data.userList;
+    }
+  },
+  persist: true // 开启持久化
 });
diff --git a/src/views/LinkPrediction/charactersHiddenInteraction/index.vue b/src/views/LinkPrediction/charactersHiddenInteraction/index.vue
index b083589..def8deb 100644
--- a/src/views/LinkPrediction/charactersHiddenInteraction/index.vue
+++ b/src/views/LinkPrediction/charactersHiddenInteraction/index.vue
@@ -66,7 +66,7 @@
 </template>
 
 <script setup>
-import { ref } from "vue";
+import { onMounted, ref } from "vue";
 import UserPanel from "../components/userPanel.vue";
 import UserChart from "../components/userChart.vue";
 import PostList from "../components/postList.vue";
@@ -95,6 +95,10 @@ const handleOpenPostDialog = (post) => {
   postDialog.value = true;
   currentPostPost.value = post;
 };
+
+onMounted(() => {
+  characterHiddenStore.initGroupList();
+});
 </script>
 
 <style scoped lang="less">
diff --git a/src/views/LinkPrediction/components/userPanel.vue b/src/views/LinkPrediction/components/userPanel.vue
index ca52254..a371982 100644
--- a/src/views/LinkPrediction/components/userPanel.vue
+++ b/src/views/LinkPrediction/components/userPanel.vue
@@ -8,7 +8,7 @@
           @click="handleUserItem(index, group)"
           :class="{ active: curUserGroupIndex == index }"
         >
-          <div class="group-type" v-if="group.list.length > 2">
+          <div class="group-type" v-if="group.list.length > 2 && group.title != ' '">
             <img
               src="@/assets/images/linkPrediction/title/group-item-title.png"
               class="group-type-back"
@@ -16,17 +16,17 @@
             <div class="group-type-content">{{ group.type }}</div>
           </div>
           <div class="user-list-item" v-for="child in group.list" :key="child.id">
-            <img :src="child.avatar" alt="" class="avatar" />
+            <img :src="defaultAvatar" alt="" class="avatar" />
             <div class="user-info">
-              <div class="username">{{ child.name }}</div>
+              <div class="username">{{ child.userName }}</div>
               <div class="userState">
                 <div class="userState-fancy">
                   粉丝数:
-                  <p>{{ child.fancy }}</p>
+                  <p>{{ child.fans }}</p>
                 </div>
                 <div class="userState-monitor-count">
                   发帖数:
-                  <p>{{ child.post }}</p>
+                  <p>{{ child.postNum }}</p>
                 </div>
               </div>
             </div>
@@ -39,8 +39,8 @@
 
 <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"]);
 const props = defineProps({
   userList: {
diff --git a/src/views/LinkPrediction/socialGroups/index.vue b/src/views/LinkPrediction/socialGroups/index.vue
index 279d6ec..6deab3c 100644
--- a/src/views/LinkPrediction/socialGroups/index.vue
+++ b/src/views/LinkPrediction/socialGroups/index.vue
@@ -66,7 +66,7 @@
 </template>
 
 <script setup>
-import { ref } from "vue";
+import { onMounted, ref } from "vue";
 import UserPanel from "../components/userPanel.vue";
 import UserChart from "../components/userChart.vue";
 import PostList from "../components/postList.vue";
@@ -94,8 +94,11 @@ const handleSelectedUserGroup = (group) => {
 const handleOpenPostDialog = (post) => {
   postDialog.value = true;
   currentPostPost.value = post;
-  console.log(post);
 };
+
+onMounted(() => {
+  socialGroupsStore.initGroupList();
+});
 </script>
 
 <style scoped lang="less">