From 076d4fec302b04237ebd3b76c0cae938ea4e1432 Mon Sep 17 00:00:00 2001
From: duanhao <dh14779715518@163.com>
Date: Thu, 7 Aug 2025 10:21:15 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=BB=E8=BD=A8=E9=81=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/groupStructure/track.png    | Bin 0 -> 2456 bytes
 .../GroupEvolution/component/groupGraph.vue   |   2 ++
 .../groupStructure/components/groupPanel.vue  |  31 +++++++++---------
 3 files changed, 18 insertions(+), 15 deletions(-)
 create mode 100644 src/assets/images/groupStructure/track.png

diff --git a/src/assets/images/groupStructure/track.png b/src/assets/images/groupStructure/track.png
new file mode 100644
index 0000000000000000000000000000000000000000..8f8ed830214136748346c562eb89ca2c6411b602
GIT binary patch
literal 2456
zcmV;J31{|+P)<h;3K|Lk000e1NJLTq009O7000OG1^@s68%R<300009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH2`x!PK~#7FZCOi}
zBsC0_oYg(Rf(I9XQ*i}09Dw&&!HykQgc|^x`BbKbEh$3E9;#=mD${9OpHN70>32W;
z^y5G8Km9Iqelu<Ahvz9`Dzg6h%gjVo>vNA;j42+9=hm=~tS5cC`MAlKudnNR|HaV$
z6n{3>8EeFRgV=SfC+6O6KbM=>UVjf*d_U*Z=XvEuA+p3CwTln<7385FA$dNtUvrus
zhkmhSjTtV!Vt(2{Fw>>=wPLk0Qwo5a>&wUUwClQrLTL!#k4`L#J(pczUZZp|EiT;#
z$K#N9k4I{dMuAr#qm(m3mDD+9cY6w_`u7i?P8X^BUONngLUn~HV|e#I^cX{4Uyi<r
zz&Y5LW1&ts((jG5V-r41Veg-(+AK&xXkBw)6Cbl?W7m5mj%IUc?Dy{FSTHyolM|S<
z2KAZ9EP3Si+QWl7rbJWTfA|!-#Ktg}MZ^r~Ta(g`w-@vX5%k^biyQ%$5~!RWdo3j*
zpj_9)@w~6ucD=6o=cn`e>-hKm$6q!n?7PovTDm2|!Qp}!f`fb^d*h1;baSU+ijN-S
zaJdo>;huHrfvy9FGbzH@dMAc845lRq2;#W{&A3ZF+Og1ls+IuXcQn_xQotkf0GX%@
z7#rs_g{DDaut8%`jr*Fm5~X+NBC%LhlDjJ6w=R$jf`_8BM@@}~O!Bw|Kgb3#OyCh8
z27i)1;@<v0MmcP5(4=|+aHC$06tKb_SeAbfKQ@r#7&WCmti%)m%ZH4dk>m@`54u)4
zw;N|YB*~mb08$Ac@4*3kUgBhft!%RN-J~FLCrgTxx9D6|p~e7H(J~A!&l7<d@sR<V
za)r;Wufgdl*fiKfvBY-Gp$!v(8$)WP+9T}&?77jjobbje=Xrj=>VrSV+UNUxVzY%7
zi>LY#>=s#I5Wysg#1M?TV?C$1T#qOW3>nWQi9r|AKNd1AT^MhOLx1EAr|Fh6pGquk
zv8LTnD|bG#O2a#wBsY*C0(TG3z)HeRFjP>G2;zI=Kk{eTVloQPNi396U^oWwG~QN_
zgG$rKhz?(SZj;sCanVgw?2tK+^0mi+i5USV&*y1nyRt)-3b$7w6mx=|mE#e^0btX+
zZ+0S?vsFu4ET}m#0G&cg5!QNL=lMn#QJM(xJCm7&NdnKNZJMs@VpldOP$xJg{jV)q
z!LU}Dx7)^0Vq&{hEm~v$%5|_J0IzKYFP4V#GwxI5MYdL|kOQ@g6XxP1E#q6+t;F=O
zyyntr*tY{}ToW-eSP#d7#XcPyw`yFm!FG0tq*)3r1@@LvgJ`DBtQg$nC_+#n(qAL?
z8?>20(G$;Sa0dwnn6R&weMPqnqlj4x%QX1L#Av2-jhHr6q#=HcLjgbpVSq%1+-U>_
zHrCWT2{vNLn*Q_>+N`=%jncxGejJa&fvbDn0Aid}-nz4EVM1vHv8&a{L9`fwqUoLz
zONaqvh+YA#_t)bv@@e)n1kUK7>dC7aSK6LiwWugJUQx9cY(~OM38EG(35YvE7CWzX
zyjqwIB7M5smEu}qzQwtLfdEeN7Sb|!2zFzMU?f&4eVqul%Yv~h`$i)#0qGIe1Wz>=
z@I65V-BoV7mre3@o)_DoA(?uwc}Xe-J7_rw#7P7sXAI4BlQn6CBl_gWDj}6+Q$|bL
za^rkptUDjlu0T_%PJ;P*z2-HU5p`s(w69Sj<_k#}RfoqG#xzt%l74sz*^+D$)1G5k
zrxA{8c(=0~s8wpd%tUc9U^^w1rzM~nR*9vGpv&P&)DB?O^^p+!5luL&{3yLL0r%q!
zAQOtMKvTE5CIxrh%4o%p;68k@{$L3_dIyR=Y|cvLgFO*76h?R7q(0AGnj?sgB$sBx
zTWl2Qgi7cAwvj{E>3;h=ZRWPgWM=n@R4H2?t9AJ#d3=AKS8L6f*PF}*S7D`Uc3X>y
zI+$_UbSyDP7Q#jzEIt-(GLihE)t?<yv0+X+cgK*UBPT?~5RsQNW(JQiBAUSFhcI)B
zv|b4nbmBLIjdoc!Ucolwp)`66WK{yXwP_fJeV&^XGGNQ^Rl>%b%FSDmnrRbuM=;O&
zJ6!Kj&2h00Blq>po?n#-4yB^P*mAD~C91y#ii^*)yO_>WjyJnioz~IO4AV5xaM%L@
z+A}5&wn{W17_e?)Ac%5b8v;^yX1n2(rG(Mt>^Y=~YF%z&8?gWO`O-eQk)HSmG6HWQ
z^tI(2Dczfs@?y3)?CKGGofE7UXca>N%s+N(b}&E`z3}$a^orE7yaORus~7MfS>BAX
zLu9uRv}dGv(W=s<S`^Go02)}e<9J7qyzDcZSOpCl8?`)8#Vutp2IFgnnV|%OZPq#1
z&Dz^Ve?R@iys4Dzi-s+-S4IrtubN!`gaFdkFm9e*nXu|eU;qjJOF-rkGU?4&!Q=&l
zJ>_Di%aV-jVb<yei?v<a8MN9e-^!@#`^z{?d&UNvYaCiSpxK|)PIkwET9bQ+&>{vK
zwW)<;qJUt<L(gklD%J}JAajPEtAs2ln&FqC4oQ}=q@CusqL?U5Q4yWf?*7+i3n-h+
zQ86qH)QO9krSckj1c00V0|!oBR;}uw5sh`P*H#<A^O}vshsftOax#Jb-x%4Pl)jAc
z@)*J@Ch_V)RJa7NgD$gY#)?&n3iMc2*i^fbpp`m9`#w^36#Rmq@e7EMa4jlrC)^Bx
zjBSv&AcGoEPW_9&O_eb~JDq3!QnAMW8ef0)#m{U1Kg%j|Bhy=@V3ScU{Fz8vLtiD{
zKFCAYOuZ{j8yvy_tU!y<$&Dks#%puhm2$08Dk3baL9@n0#^a0-AP*<4C3~;*vOgMr
z27y47b|5Cr=&Gf1OE~?&LaPQ{r@OxTM4;z7Yoib$`zXXP7i8L2>6ss1@dGlHJUmc=
z@7~M-%o|_g_g)Np2R5fE{rp)Rr5(ARv?7U%u=PxbZ2xRo+q9s|9`D1;FxWZDz=3|x
zI`5K(p4S^@y5?IZiE&m686Zg#>bh#BzJ!gkSMON{2I;||klwVFdQ~_HGNf0GUKTdC
z*4Y>@s|Z#i+@@$Ic`3*u5<|dTQT}Z^X1``as=lvd&6}!KLB#bA>l5vr$Up1zxBmb-
WH=_yEjr^$q0000<MNUMnLSTZ|y^0e6

literal 0
HcmV?d00001

diff --git a/src/views/GroupEvolution/component/groupGraph.vue b/src/views/GroupEvolution/component/groupGraph.vue
index 6e567fe..cb3ee00 100644
--- a/src/views/GroupEvolution/component/groupGraph.vue
+++ b/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(() => {
diff --git a/src/views/GroupEvolution/groupStructure/components/groupPanel.vue b/src/views/GroupEvolution/groupStructure/components/groupPanel.vue
index e7dcc95..a7e5d73 100644
--- a/src/views/GroupEvolution/groupStructure/components/groupPanel.vue
+++ b/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;
             }
-          }
+        }
         }
       }
     }