From 022bb34123fcdb2afe2aafa66a9b4e3f4a3345c2 Mon Sep 17 00:00:00 2001 From: duanhao Date: Tue, 5 Aug 2025 17:46:21 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A8=A1=E5=9D=973=E6=8E=A5=E5=8F=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../abnormal-group-item-title.png | Bin 0 -> 246 bytes .../abnormal-user-group-node-icon.png | Bin 0 -> 1891 bytes .../abnormal-user-group-post-icon.png | Bin 0 -> 1888 bytes .../abnormal-user-group-title.png | Bin 0 -> 19669 bytes src/service/api/groupEvolution.js | 7 + src/store/groupEvolution/index.js | 100 +++---- .../components/anomalousContentInfo.vue | 244 ++++++++---------- .../abnormalGroup/components/groupPanel.vue | 165 ++++++++++++ .../GroupEvolution/abnormalGroup/index.vue | 10 +- .../groupMember/components/groupPanel.vue | 27 +- .../GroupEvolution/groupMember/index.vue | 6 +- 11 files changed, 369 insertions(+), 190 deletions(-) create mode 100644 src/assets/images/abnormalGroup/abnormal-group-item-title.png create mode 100644 src/assets/images/abnormalGroup/abnormal-user-group-node-icon.png create mode 100644 src/assets/images/abnormalGroup/abnormal-user-group-post-icon.png create mode 100644 src/assets/images/abnormalGroup/abnormal-user-group-title.png create mode 100644 src/views/GroupEvolution/abnormalGroup/components/groupPanel.vue diff --git a/src/assets/images/abnormalGroup/abnormal-group-item-title.png b/src/assets/images/abnormalGroup/abnormal-group-item-title.png new file mode 100644 index 0000000000000000000000000000000000000000..9054b63c8cddcb336c4957d0690739307af63ce1 GIT binary patch literal 246 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 literal 0 HcmV?d00001 diff --git a/src/service/api/groupEvolution.js b/src/service/api/groupEvolution.js index d5e2d51..f456613 100644 --- a/src/service/api/groupEvolution.js +++ b/src/service/api/groupEvolution.js @@ -19,3 +19,10 @@ export function getGroupEvolutionTimeLine() { export function getPostByUtcTime(utcTime) { return http.get(`/groupEvolution/identify/posts?date=${utcTime}`) } + + +// 3.群体成员演化分析 +// 3.1 群体成员演化信息列表信息 +export function getGroupMemberInfoList() { + return http.get(`/groupEvolution/groupMember/infoList`) +} \ No newline at end of file diff --git a/src/store/groupEvolution/index.js b/src/store/groupEvolution/index.js index bcd8ef5..a5f706c 100644 --- a/src/store/groupEvolution/index.js +++ b/src/store/groupEvolution/index.js @@ -11,7 +11,8 @@ import { getGroupEvolutionGroupList, getGroupEvolutionGroupScaleChart, getGroupEvolutionTimeLine, - getPostByUtcTime + getPostByUtcTime, + getGroupMemberInfoList } from "@/service/api/groupEvolution" import { TansTimestamp } from "@/utils/transform" @@ -530,58 +531,13 @@ export const useGroupMemberStore = defineStore("groupMember", { id: 1, type: "群体一", focusedTopic: "#中国海警首次登检菲律宾#", - series: [ - { - type: "radar", - data: [ - { - value: [10, 5, 15, 5], - symbol: "circle", - symbolSize: 5, - itemStyle: { - color: "#01D7DA" // 圆点颜色 - }, - areaStyle: { - color: "rgba(87, 196, 255, 0.3)" // 区域填充 - }, - // 点之间的连线 - lineStyle: { - color: "#0374FE", - type: "dashed", - width: 1 - } - } - ] - } - ] + value: [10, 5, 15, 5], }, { id: 2, type: "群体二", focusedTopic: "#中国海警首次登检菲律宾#", - series: [ - { - type: "radar", - data: [ - { - value: [10, 20, 15, 5], - symbol: "circle", - symbolSize: 5, - itemStyle: { - color: "#01D7DA" // 圆点颜色 - }, - areaStyle: { - color: "rgba(87, 196, 255, 0.3)" // 区域填充 - }, - lineStyle: { - color: "#0374FE", - type: "dashed", - width: 1 - } - } - ] - } - ] + value: [10, 20, 15, 5], } ], groupMemberList: [ @@ -956,12 +912,58 @@ export const useGroupMemberStore = defineStore("groupMember", { { text: "手指", top: 195.5, left: 287.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 } ] }), - actions: {}, + actions: { + async initializeGroupList() { + const res = await getGroupMemberInfoList() + const groupList = res.data.map(item => ({ + id: item.id, + type: item.type, + focusedTopic: item.focusedTopic, + value: item.value + })) + this.groupList = groupList + console.log("测试获取groupList:",res); + } + }, persist: false // 开启持久化 }) export const useAnomalousGroup = defineStore("anomalousGroup", { state: () => ({ + groupList: [ + { + id:1, + type: "异常社团组一", + abnormalGroup: [ + { + groupId: "G02", + nodeCount: 112, + postNum: 21 + }, + { + groupId: "G07", + nodeCount: 183, + postNum: 13 + } + ] + }, + { + id:2, + type: "异常社团组二", + abnormalGroup: [ + { + groupId: "G04", + nodeCount: 86, + postNum: 12 + }, + { + groupId: "G08", + nodeCount: 143, + postNum: 7 + } + ] + } + ], wordCloudData: [ { text: "局座", diff --git a/src/views/GroupEvolution/abnormalGroup/components/anomalousContentInfo.vue b/src/views/GroupEvolution/abnormalGroup/components/anomalousContentInfo.vue index 65e6130..4b1401d 100644 --- a/src/views/GroupEvolution/abnormalGroup/components/anomalousContentInfo.vue +++ b/src/views/GroupEvolution/abnormalGroup/components/anomalousContentInfo.vue @@ -1,11 +1,11 @@ @@ -88,121 +71,112 @@ const props = defineProps({ .title { margin-top: -7px; } - .content-item { - width: 100%; - height: 100%; - .anomalousContent-list { - width: 100%; - height: 500px; - overflow: auto; - .content-item { - width: 100%; - padding-left: 24px; - padding-bottom: 20px; - .content-item-title { - position: relative; - .content-item-title-icon { - width: 160px; - } - .content-item-title-text { - position: absolute; - top: 7px; - color: #8efbff; - left: 12px; - font-size: 14px; - } - } - .content-item-users { - display: flex; - .user-item { - display: flex; - align-items: center; - margin-top: 16px; - padding-right: 20px; - .user-avatar { - width: 20px; - height: 20px; - margin-right: 6px; - } - .user-name { - font-family: "PingFang SC"; - color: #fff; - font-size: 16px; - font-style: Bold; - font-weight: 400; - } - } - } - .commit-item { - margin-top: 14px; - padding-bottom: 12px; - width: 304px; - height: 100%; + .anomalousContent-list { + height: 490px; + overflow: auto; + .content-item { + width: 100%; + padding-left: 24px; + padding-bottom: 20px; + .content-item-title { + position: relative; + .content-item-title-icon { + width: 130px; + } + .content-item-title-text { + position: absolute; + top: 3px; + color: #8efbff; + left: 12px; + font-size: 14px; + } + } + .content-item-users { + padding-top: 16px; + padding-bottom: 16px; + display: flex; + justify-content: flex-start; + gap: 16px; + .user-item { + display: flex; + align-items: center; + color: #fff; + font-family: PingFang SC; + font-weight: 400; + font-style: Bold; + font-size: 16px; + .user-avatar { + margin-right: 6px; + width: 20px; + height: 20px; + } + } + } + .commit-item { + width: 304px; + padding-top: 14px; + padding-left: 10px; + padding-right: 10px; + padding-bottom: 14px; + background: linear-gradient(0deg, rgba(13, 39, 67, 0.66), rgba(13, 39, 67, 0.66)), + linear-gradient(270deg, rgba(147, 210, 255, 0.06) 0%, rgba(147, 210, 255, 0.16) 100%); + .commit-content-text { + color: #fff; + font-family: PingFang SC; + font-weight: 400; + font-style: Regular; + font-size: 14px; + } + .commit-statistic { + display: flex; + align-items: center; + gap: 16px; + padding-top: 8px; + .like-item { + display: flex; + align-items: center; + justify-content: center; + gap: 8px; + width: 54px; color: #fff; - font-family: PingFang SC; - font-weight: 400; - font-style: Regular; - font-size: 14px; - background: linear-gradient(0deg, rgba(13, 39, 67, 0.66), rgba(13, 39, 67, 0.66)), - linear-gradient(270deg, rgba(147, 210, 255, 0.06) 0%, rgba(147, 210, 255, 0.16) 100%); - .commit-content { - width: 284px; - margin-left: 10px; - padding-top: 12px; - padding-bottom: 8px; - } - .commit-statistic { - display: flex; - padding-left: 10px; - padding-right: 10px; - .like-item { - display: flex; - align-items: center; - margin-right: 20px; - .like-count { - margin-left: 8px; - } - - } - .comment-num-item { - display: flex; - align-items: center; - margin-right: 16px; - .comment-count { - margin-left: 8px; - } - } - .transmit-item { - display: flex; - align-items: center; - .transmit-count { - margin-left: 8px; - } - } - } - } + } + .comment-num-item { + display: flex; + align-items: center; + justify-content: center; + gap: 8px; + width: 54px; + color: #fff; + } + .transmit-item { + display: flex; + align-items: center; + gap: 8px; + justify-content: center; + width: 54px; + color: #fff; + } } } } - /* 滚动条整体样式 - WebKit浏览器 */ - .anomalousContent-list::-webkit-scrollbar { - width: 5px; /* 垂直滚动条宽度 */ - height: 5px; /* 水平滚动条高度 */ - } - - /* 滚动条滑块 */ - .anomalousContent-list::-webkit-scrollbar-thumb { - background: rgba(147, 210, 255, 0.3); /* 蓝色半透明滑块 */ - border-radius: 4px; - } - - /* 鼠标悬停在滑块上的效果 */ - .anomalousContent-list::-webkit-scrollbar-thumb:hover { - background: rgba(147, 210, 255, 0.5); /* 更明显的蓝色 */ - } - .title { - margin-top: -7px; - } + } + /* 滚动条整体样式 - WebKit浏览器 */ + .anomalousContent-list::-webkit-scrollbar { + width: 5px; /* 垂直滚动条宽度 */ + height: 5px; /* 水平滚动条高度 */ + } + /* 滚动条滑块 */ + .anomalousContent-list::-webkit-scrollbar-thumb { + background: rgba(147, 210, 255, 0.3); /* 蓝色半透明滑块 */ + border-radius: 4px; + } + /* 鼠标悬停在滑块上的效果 */ + .anomalousContent-list::-webkit-scrollbar-thumb:hover { + background: rgba(147, 210, 255, 0.5); /* 更明显的蓝色 */ + } + .title { + margin-top: -7px; + } } diff --git a/src/views/GroupEvolution/abnormalGroup/components/groupPanel.vue b/src/views/GroupEvolution/abnormalGroup/components/groupPanel.vue new file mode 100644 index 0000000..42bbc26 --- /dev/null +++ b/src/views/GroupEvolution/abnormalGroup/components/groupPanel.vue @@ -0,0 +1,165 @@ + + + + + \ No newline at end of file diff --git a/src/views/GroupEvolution/abnormalGroup/index.vue b/src/views/GroupEvolution/abnormalGroup/index.vue index a804da5..ca4964b 100644 --- a/src/views/GroupEvolution/abnormalGroup/index.vue +++ b/src/views/GroupEvolution/abnormalGroup/index.vue @@ -5,7 +5,9 @@
-
+
+ +
- +
@@ -57,12 +59,14 @@