From d3397de965298a04852f7c71aa2011d9f9818b01 Mon Sep 17 00:00:00 2001 From: duanhao Date: Thu, 14 Aug 2025 09:43:38 +0800 Subject: [PATCH] =?UTF-8?q?=E4=B8=89=E5=A4=A7-=E5=9B=BE=E4=BE=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../images/groupEvolution/legends-group1.png | Bin 266 -> 586 bytes .../images/groupEvolution/legends-group2.png | Bin 256 -> 558 bytes .../images/groupEvolution/legends-group3.png | Bin 263 -> 572 bytes src/store/groupEvolution/index.js | 16 +++++---- .../GroupEvolution/components/groupGraph.vue | 32 +++++++++++------- 5 files changed, 29 insertions(+), 19 deletions(-) diff --git a/src/assets/images/groupEvolution/legends-group1.png b/src/assets/images/groupEvolution/legends-group1.png index 4384b332a836b21e1bade77c78ad44d12d255163..06534c1756f37ab2123f945fa7be6c5c6713d91e 100644 GIT binary patch delta 546 zcmV+-0^R+J0?Gs-iBL{Q4GJ0x0000DNk~Le0000U0000U2nGNE06Q?QqLCpqe*xb~ zL_t(|0mYZkS;9aN#osI(qMsmifE7pw>Pg{*6&NcJEAX=du>zn1xdA7!1E@f(fQSb? zz>c$VXW)Oe-`@qweV|8#ONln;IavTZ;>w45Lx)GeJ6h^BNnKF z)amtl;bE&PqdwwHX~bc2aBZczivGwmua&SlE5=}S(l*d|(EW4~CL3lEw( zBj7JB^o(JJlC)I@mQ9}mGvzs=Ic-VS&By6xzD-7EuhoS~)e@b3nf%zD& z(OgneP=|1hN*u}NqCA|#IT7Bl7ypfn!are_I)Hm@1L?yx%snMr`w6aL?n*gvB&!lD zl;|joy{^+dlcY9%+EB=z1oFDNhbx%t<|8a8?NyvaZK6$z8<`2)s3*7BHd@TzPUt-6 z4J331TU>HU=Yr#0V)mLfc(Fhih!d07birR7`rb0b8)A&yM(TeZUEZrxXJwh?rQHl0 zV~#dr?o!32{(SWjW+WzX4Bsw2M|CNtIwZ=y_X_Cz$4VhY#ag7vu^iI!Aayu@or)0i ki$vFv>xKw+R|!t}0LKxa+&;I`BLDyZ07*qoM6N<$g3J*0{{R30 delta 224 zcmV<603ZL#1d0M7iBL{Q4GJ0x0000DNk~Le00009000092nGNE0N{}Z5RoA?e*m9J zL_t(|0ez0a4T3-rMgNR=lLR`zPVi#FNw)(^(GIWz$^cJV0(P(+NFXsDaL2_B35LMC z%+Ji5#rY`HBzxGT30000imRS5N&24Y6zmWW8#SQI|cV_wAnF5UCz*oh4mZDV;|3OWs)T!K2elw zgl?-3aO*+TVEn))t&4bwktbn;jaume-N>J)!MdQ?>I!^A>s2hMEBHpCe{3Qy!8aNO z#h+ch_%GxY{t3kw9l}4M+3GQTGezGBzrZ(wo)J#es-#R;^oUulX_>yVTQHVmTBa0j zv-SXAOwch0S5AuGNFUkFXpwV0m=%tqZXj!>Z2pR_iedv{Pt?kE%el6k{&bwn&E9|) z#Wn_MigqX(%ug*@roAD}T*zId!Q%8vujY+4{-J7jYm%<>m)XPN{Sc^z~+KbGGIub{H%EEAk*q6j(B> zz>GA(xig~Xr+SbYH(RLbx7|gHEIWBG5aq%$1=}|jD0P$qK?8dxYNbHKJ{vDEehJRa QF#rGn07*qoM6N<$g3{(vEC2ui diff --git a/src/assets/images/groupEvolution/legends-group3.png b/src/assets/images/groupEvolution/legends-group3.png index ff03248d735fdd9b6ff97c7849a17f800d71a8ea..d02994572fdf6c840026ce33163333bb719f8d89 100644 GIT binary patch delta 532 zcmV+v0_**U0=xtviBL{Q4GJ0x0000DNk~Le0000U0000U2nGNE06Q?QqLCpqe*w`+ zL_t(|0mYZmQNlnFhW}f6aRw1PzzU>-U^<`!LIpwv4i$(M03FalfC``jV+9~S_!4g2 zO-4XLi5SlB0W!JFe%Z_BZex&za9)<*Dv0U;)c~%*m~t}4ypZE5*v??>2>#VDOGtB2 zNQFCz-dc+e!5m50K5RUYn}~ide-2+-AakEtxbFrmI`B(O*0-ZpB#ymBx{mqTX!f`WL+p!3Be+}6>!O#s{ zLsZk^s=_slii(e0i~mNM@K30C0r$uP!ieA;o=L`b4A(GE36?UoD!F3JNHUJ6aQd80 z1g|tC-6^C|dxR^P2l|)3PS)xk=^$&#))x93v1Se1!O0Pae;#ebiYJ``<8)K5vAs>l zx!dfGmwldK#BbmP;;^Oot;Ro-s WZkU}>6KmoC0000M< delta 221 zcmV<303!dq1cw44iBL{Q4GJ0x0000DNk~Le00009000092nGNE0N{}Z5RoA?e*m0G zL_t(|0fmm?4T3-ng { + groupOrder.forEach((key) => { if (res.data.data[key]) { - resultObj["seriesList"].push({ name: key, themeColor: themeMap[key], data: res.data.data[key] }) + resultObj["seriesList"].push({ + name: key, + themeColor: themeMap[key], + data: res.data.data[key] + }) } }) this.chartData = resultObj @@ -693,7 +697,7 @@ export const useGroupMemberStore = defineStore("groupMember", { fontSize: 12, opacity: 0.8 } - ], + ] }), actions: { // 获取时间轴 @@ -1158,9 +1162,9 @@ export const useAnomalousGroup = defineStore("anomalousGroup", { const xAxisData = res.data.xaxisData.map((item) => utcStringToHHMMSS(item)) const yAxisRange = res.data.yaxisRange const themeColors = { - 社团一: "#2AB8FD", - 社团二: "#02D7DA", - 社团三: "#FFDA09" + 社团一: "#00d6da", + 社团二: "#fddc33", + 社团三: "#32b6fb" } const seriesList = res.data.seriesList.map((item) => ({ data: item.data.map((item) => item.toFixed(2)), diff --git a/src/views/GroupEvolution/components/groupGraph.vue b/src/views/GroupEvolution/components/groupGraph.vue index cc83095..c802eb5 100644 --- a/src/views/GroupEvolution/components/groupGraph.vue +++ b/src/views/GroupEvolution/components/groupGraph.vue @@ -3,13 +3,13 @@
-
+
{{ item.text }}
-
+
{{ item.text }}
@@ -41,7 +41,6 @@ import group2Leg from "@/assets/images/groupEvolution/legends-group2.png" import group3Leg from "@/assets/images/groupEvolution/legends-group3.png" import abnormalLeg from "@/assets/images/groupEvolution/legends-abnormal-group.png" - const props = defineProps({ store: { required: true @@ -49,15 +48,15 @@ const props = defineProps({ }) const legendsMap = { normalGroup: [ - { icon: group1Leg, text: '群体一' }, - { icon: group2Leg, text: '群体二' }, - { icon: group3Leg, text: '群体三' }, + { icon: group1Leg, text: "群体一" }, + { icon: group2Leg, text: "群体二" }, + { icon: group3Leg, text: "群体三" } ], abnormalGroup: [ - { icon: group1Leg, text: '社团组一' }, - { icon: group2Leg, text: '社团组二' }, - { icon: group3Leg, text: '社团组三' }, - { icon: abnormalLeg, text: '疑似异常社团' }, + { icon: group1Leg, text: "社团组一" }, + { icon: group2Leg, text: "社团组二" }, + { icon: group3Leg, text: "社团组三" }, + { icon: abnormalLeg, text: "疑似异常社团" } ] } const emit = defineEmits(["click:pointerDownAndSlide"]) @@ -398,11 +397,18 @@ watch( width: 160px; height: auto; /* 高度自适应内容 */ right: 2%; - top: 60%; - background: linear-gradient(286.05deg, rgba(0, 82, 125, 0.48) 32.99%, rgba(0, 200, 255, 0.2304) 233.73%); + background: linear-gradient( + 286.05deg, + rgba(0, 82, 125, 0.48) 32.99%, + rgba(0, 200, 255, 0.2304) 233.73% + ); border: 1px solid; border-radius: 5px; - border-image-source: linear-gradient(153.08deg, rgba(183, 222, 255, 0.32) 3.37%, rgba(58, 161, 248, 0.064) 83.16%); + border-image-source: linear-gradient( + 153.08deg, + rgba(183, 222, 255, 0.32) 3.37%, + rgba(58, 161, 248, 0.064) 83.16% + ); padding: 10px; /* 添加内边距 */ gap: 10px; /* 设置项间距 */ .legend-item {