画轨道

src/views/GroupEvolution/component/groupGraph.vue

@@ -222,12 +222,14 @@ const initChart = () => {
   const groupCenters = getGroupCenters(groupCount, width, height)
   assignNodePositions(graph.value.nodes, groupCenters)
   createGraph()
+
   graphVis.addGraph({ ...toRaw(graph.value) })
   runForceLayout()
 }
 onMounted(async () => {
   await nextTick() // 等待 DOM 更新
   initChart()
+  
 })
 
 onUnmounted(() => {

src/views/GroupEvolution/groupStructure/components/groupPanel.vue

@@ -13,9 +13,9 @@
           <div class="title-content">关注话题:&nbsp;&nbsp;{{ group.focusedTopic }}</div>
         </div>
         <div class="group-item-statistics">
-          <div class="statistics-item" v-for="item in group.statistics" :key="item.id">
+          <div class="statistics-item">
             <div class="statistics-item-name">
-              {{ item.name }}
+              内部
             </div>
             <div class="statistics-item-value">
               <!-- 轨道 -->
@@ -104,21 +104,22 @@ const props = defineProps({
           display: flex;
           align-items: center;
           font-size: 14px;
-          .sta-prefix {
-            width: 32px;
-            height: 32px;
+          .statistics-item-name {
+            width: 50px;
+            padding-top: -5px;
           }
-          .statistics-content {
-            width: 150px;
-            margin-left: 10px;
-            color: #fff;
-            .sta-count {
-              font-family: MiSans;
-              font-size: 18px;
-              font-style: normal;
-              font-weight: 700;
+          .statistics-item-value {
+            width: 100%;
+            display: flex;
+            align-items: center;
+            .track {
+              width: 262px;
+              height: 8px;
+              background-image: url('@/assets/images/groupStructure/track.png');
+              background-size: cover;
+              background-repeat: no-repeat;
             }
-          }
+        }
         }
       }
     }