From 9f09f413bde0cf442ee4a6cfc27aeec720073cd1 Mon Sep 17 00:00:00 2001
From: duanhao <dh14779715518@163.com>
Date: Thu, 7 Aug 2025 10:02:49 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/store/groupEvolution/index.js             | 21 +++++++++++--------
 .../groupStructure/components/groupPanel.vue  | 16 +++++++-------
 .../GroupEvolution/groupStructure/index.vue   |  2 +-
 3 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/src/store/groupEvolution/index.js b/src/store/groupEvolution/index.js
index 1fc2d28..1daf8f3 100644
--- a/src/store/groupEvolution/index.js
+++ b/src/store/groupEvolution/index.js
@@ -241,28 +241,31 @@ export const useGroupStructureStore = defineStore("groupStructure", {
     groupList: [
       {
         id: 1,
-        type: "头部自媒体",
+        type: "群体一",
+        focusedTopic: "#中国海警首次登检菲律宾运补船只",
         statistics: [
-          { id: 1, iconImg: nodePrefix, name: "内部密度指数", value: 293 },
-          { id: 2, iconImg: edgePrefix, name: "外部拓展指数", value: 21389 }
+          { id: 1, iconImg: nodePrefix, name: "内部", value: 293 },
+          { id: 2, iconImg: edgePrefix, name: "外部", value: 21389 }
         ],
         mediaList: []
       },
       {
         id: 2,
-        type: "官方媒体",
+        type: "群体二",
+        focusedTopic: "#外交部回应中国海警缴获菲土乓枪支",
         statistics: [
-          { id: 1, iconImg: nodePrefix, name: "内部密度指数", value: 293 },
-          { id: 2, iconImg: edgePrefix, name: "外部拓展指数", value: 21389 }
+          { id: 1, iconImg: nodePrefix, name: "内部", value: 293 },
+          { id: 2, iconImg: edgePrefix, name: "外部", value: 21389 }
         ],
         mediaList: {}
       },
       {
         id: 3,
-        type: "普通自媒体",
+        type: "群体三",
+        focusedTopic: "#社会群体对中国海警缴获菲土乓枪支",
         statistics: [
-          { id: 1, iconImg: nodePrefix, name: "内部密度指数", value: 293 },
-          { id: 2, iconImg: edgePrefix, name: "外部拓展指数", value: 21389 }
+          { id: 1, iconImg: nodePrefix, name: "内部", value: 293 },
+          { id: 2, iconImg: edgePrefix, name: "外部", value: 21389 }
         ],
         mediaList: []
       }
diff --git a/src/views/GroupEvolution/groupStructure/components/groupPanel.vue b/src/views/GroupEvolution/groupStructure/components/groupPanel.vue
index aba54bc..e7dcc95 100644
--- a/src/views/GroupEvolution/groupStructure/components/groupPanel.vue
+++ b/src/views/GroupEvolution/groupStructure/components/groupPanel.vue
@@ -10,15 +10,17 @@
             alt=""
           />
           <div class="group-item-title-type">{{ group.type }}</div>
-          <div class="title-content">关注话题:&nbsp;&nbsp;{{ group.title }}</div>
+          <div class="title-content">关注话题:&nbsp;&nbsp;{{ group.focusedTopic }}</div>
         </div>
-
         <div class="group-item-statistics">
-          <div class="statistics-item">
-            <img :src="statistic.iconImg" alt="" class="sta-prefix" />
-            <div class="statistics-content">
-              <div class="sta-name">{{ statistic.name }}</div>
-              <div class="sta-count">{{ statistic.value }}</div>
+          <div class="statistics-item" v-for="item in group.statistics" :key="item.id">
+            <div class="statistics-item-name">
+              {{ item.name }}
+            </div>
+            <div class="statistics-item-value">
+              <!-- 轨道 -->
+               <div class="track"></div>
+               <div></div>
             </div>
           </div>
         </div>
diff --git a/src/views/GroupEvolution/groupStructure/index.vue b/src/views/GroupEvolution/groupStructure/index.vue
index fe41e81..6db509e 100644
--- a/src/views/GroupEvolution/groupStructure/index.vue
+++ b/src/views/GroupEvolution/groupStructure/index.vue
@@ -70,7 +70,7 @@
 
 <script setup>
 import { ref } from "vue";
-import GroupPanel from "../component/groupPanel.vue";
+import GroupPanel from "./components/groupPanel.vue";
 import GroupChart from "../component/groupChart.vue";
 import GroupPost from "../component/groupPost.vue";
 import GroupAnalysis from "./components/groupAnalysis.vue";