1318 lines
40 KiB
JavaScript
1318 lines
40 KiB
JavaScript
import { defineStore } from "pinia"
|
||
import nodePrefix from "@/assets/images/groupEvolution/node-prefix.png"
|
||
import edgePrefix from "@/assets/images/groupEvolution/edge-prefix.png"
|
||
import splitImg from "@/assets/images/groupMember/splitImg.png"
|
||
import mergeImg from "@/assets/images/groupMember/mergeImg.png"
|
||
import shrinkImg from "@/assets/images/groupMember/shrinkImg.png"
|
||
import expamdImg from "@/assets/images/groupMember/expamdImg.png"
|
||
import defaultAvatar from "@/assets/images/avatar/default.png"
|
||
|
||
import {
|
||
getGroupEvolutionGroupList,
|
||
getGroupEvolutionGroupScaleChart,
|
||
getGroupEvolutionTimeLine,
|
||
getPostByUtcTime,
|
||
getGroupMemberInfo,
|
||
getStructuralEvolutionChart,
|
||
getStructuralEvolutionAnalysisChart,
|
||
getStructuralEvolutionAnalysisTimeLine,
|
||
getStructuralEvolutionAnalysisInfoList,
|
||
getStructuralEvolutionAnalysisPost,
|
||
getGroupMemberInfoList,
|
||
getGroupMemberTimeLine,
|
||
getGroupMemberChart,
|
||
getGroupMemberEvolutionInfoByTime,
|
||
getGroupMemberEvolutionAnalysisChart,
|
||
getStructuralEvolutionAnalysisGraph,
|
||
getGroupMemberEvolutionAnalysisGraph,
|
||
|
||
// 4.异常群体捕捉
|
||
getAbnormalGroupTimeLine,
|
||
getAbnormalGroupList,
|
||
getAbnormalGroupInteractionChart,
|
||
getAbnormalGroupBehaviorPosts,
|
||
getAbnormalGroupBehaviorDetail,
|
||
getRelationGraphByUtcTime
|
||
} from "@/service/api/groupEvolution"
|
||
import { TansTimestamp, utcStringToHHMMSS, getMaxCeiled, parsePercentage } from "@/utils/transform"
|
||
import groupDiscoveryTitle from "@/assets/images/groupEvolution/graph-title.png"
|
||
import groupStructTitle from "@/assets/images/head/evolutionStruct-title.png"
|
||
import groupAnalysis from "@/assets/images/head/groupAnlysis-title.png"
|
||
import groupAbnormal from "@/assets/images/head/groupAnlysis-title.png"
|
||
export const useGroupDiscoveryStore = defineStore("groupDiscovery", {
|
||
state: () => ({
|
||
groupList: [],
|
||
graphTitle: groupDiscoveryTitle,
|
||
chartData: {},
|
||
timeList: [],
|
||
graph: {},
|
||
groupMemberInfo: {},
|
||
chartsData: {
|
||
topSelfMedia: {
|
||
xAxis: [
|
||
"15:57:46",
|
||
"16:57:55",
|
||
"17:57:32",
|
||
"18:58:03",
|
||
"19:58:03",
|
||
"20:58:04",
|
||
"21:57:47",
|
||
"22:58:12"
|
||
],
|
||
yAxis: [0.5, 1.0, 1.5, 2.0, 2.5],
|
||
data: [1.0, 0.99, 1.0, 1.0, 1.01, 2.03, 1.2, 0.99]
|
||
},
|
||
officialMedia: {
|
||
xAxis: [
|
||
"15:57:46",
|
||
"16:57:55",
|
||
"17:57:32",
|
||
"18:58:03",
|
||
"19:58:03",
|
||
"20:58:04",
|
||
"21:57:47",
|
||
"22:58:12"
|
||
],
|
||
yAxis: [0.8, 1.0, 1.2, 1.4, 1.6, 1.8, 2.0, 2.2],
|
||
data: [1.0, 0.99, 1.0, 1.0, 1.01, 2.03, 1.2, 0.99]
|
||
},
|
||
ordinaryMedia: {
|
||
xAxis: [
|
||
"15:57:46",
|
||
"16:57:55",
|
||
"17:57:32",
|
||
"18:58:03",
|
||
"19:58:03",
|
||
"20:58:04",
|
||
"21:57:47",
|
||
"22:58:12"
|
||
],
|
||
yAxis: [0, 1.0, 2.0, 3.0],
|
||
data: [1.08, 2.54, 1.47, 1.03, 0.98, 0.99, 1.0, 1.12]
|
||
}
|
||
},
|
||
wordCloudData: [
|
||
{
|
||
text: "主权权益",
|
||
top: 115.5,
|
||
left: 215.5,
|
||
width: 80,
|
||
height: 22,
|
||
fontSize: 13,
|
||
opacity: 1
|
||
},
|
||
{
|
||
text: "局座预言",
|
||
top: 80,
|
||
left: 69.5,
|
||
width: 73,
|
||
height: 22,
|
||
fontSize: 12,
|
||
opacity: 0.7
|
||
},
|
||
{
|
||
text: "吃瓜",
|
||
top: 72.5,
|
||
left: 132.5,
|
||
width: 50,
|
||
height: 22,
|
||
fontSize: 12,
|
||
opacity: 1
|
||
},
|
||
{
|
||
text: "中国海警",
|
||
top: 140,
|
||
left: 212.5,
|
||
width: 130,
|
||
height: 40,
|
||
fontSize: 22,
|
||
opacity: 0.8
|
||
},
|
||
{
|
||
text: "菲律宾",
|
||
top: 150,
|
||
left: 50,
|
||
width: 81,
|
||
height: 22,
|
||
fontSize: 14,
|
||
opacity: 0.8
|
||
},
|
||
{
|
||
text: "手指",
|
||
top: 200.5,
|
||
left: 38.5,
|
||
width: 73,
|
||
height: 19,
|
||
fontSize: 12,
|
||
opacity: 0.7
|
||
},
|
||
{
|
||
text: "装甲船",
|
||
top: 50,
|
||
left: 160.5,
|
||
width: 73,
|
||
height: 19,
|
||
fontSize: 12,
|
||
opacity: 0.7
|
||
},
|
||
{
|
||
text: "登检",
|
||
top: 211.5,
|
||
left: 143.5,
|
||
width: 50,
|
||
height: 19,
|
||
fontSize: 12,
|
||
opacity: 1
|
||
},
|
||
{ text: "执法", top: 176.5, left: 15.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 },
|
||
{ text: "现场画面", top: 110, left: 26, width: 90, height: 22, fontSize: 14, opacity: 1 },
|
||
{ text: "渔民", top: 103.5, left: 95.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 },
|
||
{ text: "包夹", top: 57.5, left: 72.5, width: 49, height: 19, fontSize: 12, opacity: 0.6 },
|
||
{ text: "枪支", top: 77.5, left: 264.5, width: 49, height: 19, fontSize: 12, opacity: 0.7 },
|
||
{ text: "解决", top: 195.5, left: 287.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 },
|
||
{
|
||
text: "大刀长矛",
|
||
top: 186,
|
||
left: 200.5,
|
||
width: 70,
|
||
height: 19,
|
||
fontSize: 12,
|
||
opacity: 0.8
|
||
}
|
||
],
|
||
posts: []
|
||
}),
|
||
actions: {
|
||
//获取群体列表数据
|
||
async initializeGroupList(time = "") {
|
||
const res = await getGroupEvolutionGroupList(time)
|
||
if (res.code != 200) return
|
||
const iconMap = {
|
||
节点数: nodePrefix,
|
||
连边数: edgePrefix
|
||
}
|
||
this.groupList = res.data
|
||
this.groupList.forEach((item) => {
|
||
item.list = item.list.map((statistic) => ({
|
||
...statistic,
|
||
iconImg: iconMap[statistic.name]
|
||
}))
|
||
})
|
||
},
|
||
|
||
//获取群体规模演化图数据
|
||
async initializeGroupScaleChart() {
|
||
const res = await getGroupEvolutionGroupScaleChart()
|
||
if (res.code != 200) return
|
||
let resultObj = {}
|
||
const themeMap = {
|
||
群体一: "#00d6da",
|
||
群体二: "#fddc33",
|
||
群体三: "#32b6fb"
|
||
}
|
||
resultObj["xAxisData"] = res.data.timeList.map((item) => TansTimestamp(item, "HH:mm:ss"))
|
||
resultObj["yAxisRange"] = res.data.scale
|
||
resultObj["seriesList"] = []
|
||
|
||
// 定义明确的群体顺序
|
||
const groupOrder = ["群体一", "群体二", "群体三"]
|
||
groupOrder.forEach((key) => {
|
||
if (res.data.data[key]) {
|
||
resultObj["seriesList"].push({
|
||
name: key,
|
||
themeColor: themeMap[key],
|
||
data: res.data.data[key]
|
||
})
|
||
}
|
||
})
|
||
this.chartData = resultObj
|
||
},
|
||
|
||
//获取时间轴参数
|
||
async initialGraphTimestamp() {
|
||
const res = await getGroupEvolutionTimeLine()
|
||
if (res.code != 200) return
|
||
this.timeList = res.data
|
||
},
|
||
|
||
async initialGraphByUtcTime(utcTime = "") {
|
||
const setColor = (groupId) => {
|
||
const colorMap = {
|
||
0: "50,141,120",
|
||
1: "133,129,48",
|
||
6: "12,112,144"
|
||
}
|
||
return colorMap[parseInt(groupId)]
|
||
}
|
||
const res = await getRelationGraphByUtcTime(utcTime)
|
||
if (res.code != 200) return
|
||
const newSet = new Set()
|
||
this.graph["links"] = res.data.links.map((link) => ({
|
||
source: link.source,
|
||
target: link.target,
|
||
color: setColor(link.type)
|
||
}))
|
||
this.graph["nodes"] = res.data.nodes
|
||
.filter((node) => {
|
||
if (!newSet.has(node.name)) {
|
||
newSet.add(node.name)
|
||
return true
|
||
}
|
||
return false
|
||
})
|
||
.map((node) => {
|
||
return {
|
||
id: node.name,
|
||
label: node.name,
|
||
type: node.groupId
|
||
}
|
||
})
|
||
},
|
||
|
||
// 通过时间来获取帖文列表
|
||
//根据时间参数获取贴文数据
|
||
async initialPostByUtcTime(utcTime) {
|
||
const res = await getPostByUtcTime(utcTime)
|
||
if (res.code != 200) return
|
||
this.posts = res.data
|
||
},
|
||
|
||
// 悬浮显示群体中的成员
|
||
async initialGroupMemberInfo(time = "2024-06-19T07:57:46Z") {
|
||
const res = await getGroupMemberInfo(time)
|
||
if (res.code != 200) return
|
||
const groupOne = []
|
||
const groupTwo = []
|
||
const groupThree = []
|
||
res.data.forEach((item) => {
|
||
if (item.groupId == 0) {
|
||
groupOne.push(item.userId)
|
||
} else if (item.groupId == 1) {
|
||
groupTwo.push(item.userId)
|
||
} else if (item.groupId == 6) {
|
||
groupThree.push(item.userId)
|
||
}
|
||
})
|
||
this.groupMemberInfo = {
|
||
0: groupOne,
|
||
1: groupTwo,
|
||
6: groupThree
|
||
}
|
||
}
|
||
},
|
||
persist: true // 开启持久化
|
||
})
|
||
|
||
export const useGroupStructureStore = defineStore("groupStructure", {
|
||
state: () => ({
|
||
groupList: [],
|
||
groupMemberInfo: {},
|
||
graphTitle: groupStructTitle,
|
||
graph: {},
|
||
timeList: [],
|
||
chartData: {},
|
||
chartsData: {},
|
||
wordCloudData: [
|
||
{
|
||
text: "主权权益",
|
||
top: 115.5,
|
||
left: 215.5,
|
||
width: 80,
|
||
height: 22,
|
||
fontSize: 13,
|
||
opacity: 1
|
||
},
|
||
{
|
||
text: "局座预言",
|
||
top: 80,
|
||
left: 69.5,
|
||
width: 73,
|
||
height: 22,
|
||
fontSize: 12,
|
||
opacity: 0.7
|
||
},
|
||
{
|
||
text: "吃瓜",
|
||
top: 72.5,
|
||
left: 132.5,
|
||
width: 50,
|
||
height: 22,
|
||
fontSize: 12,
|
||
opacity: 1
|
||
},
|
||
{
|
||
text: "中国海警",
|
||
top: 140,
|
||
left: 212.5,
|
||
width: 130,
|
||
height: 40,
|
||
fontSize: 22,
|
||
opacity: 0.8
|
||
},
|
||
{
|
||
text: "菲律宾",
|
||
top: 150,
|
||
left: 50,
|
||
width: 81,
|
||
height: 22,
|
||
fontSize: 14,
|
||
opacity: 0.8
|
||
},
|
||
{
|
||
text: "手指",
|
||
top: 200.5,
|
||
left: 38.5,
|
||
width: 73,
|
||
height: 19,
|
||
fontSize: 12,
|
||
opacity: 0.7
|
||
},
|
||
{
|
||
text: "装甲船",
|
||
top: 50,
|
||
left: 160.5,
|
||
width: 73,
|
||
height: 19,
|
||
fontSize: 12,
|
||
opacity: 0.7
|
||
},
|
||
{
|
||
text: "登检",
|
||
top: 211.5,
|
||
left: 143.5,
|
||
width: 50,
|
||
height: 19,
|
||
fontSize: 12,
|
||
opacity: 1
|
||
},
|
||
{ text: "执法", top: 176.5, left: 15.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 },
|
||
{ text: "现场画面", top: 110, left: 26, width: 90, height: 22, fontSize: 14, opacity: 1 },
|
||
{ text: "渔民", top: 103.5, left: 95.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 },
|
||
{ text: "包夹", top: 57.5, left: 72.5, width: 49, height: 19, fontSize: 12, opacity: 0.6 },
|
||
{ text: "枪支", top: 77.5, left: 264.5, width: 49, height: 19, fontSize: 12, opacity: 0.7 },
|
||
{ text: "解决", top: 195.5, left: 287.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 },
|
||
{
|
||
text: "大刀长矛",
|
||
top: 186,
|
||
left: 200.5,
|
||
width: 70,
|
||
height: 19,
|
||
fontSize: 12,
|
||
opacity: 0.8
|
||
}
|
||
],
|
||
posts: [
|
||
{
|
||
id: 1,
|
||
time: "2024-01-04 0:03:16",
|
||
groupCategory: "群体一",
|
||
innerEdgeAddCount: 8,
|
||
outerEdgeAddCount: 2
|
||
},
|
||
{
|
||
id: 2,
|
||
time: "2024-02-03 12:58:53",
|
||
groupCategory: "群体一",
|
||
innerEdgeAddCount: 8,
|
||
outerEdgeAddCount: 2
|
||
},
|
||
{
|
||
id: 3,
|
||
time: "2024-02-22 17:13:44",
|
||
groupCategory: "群体二",
|
||
innerEdgeAddCount: 13,
|
||
outerEdgeAddCount: 3
|
||
},
|
||
{
|
||
id: 4,
|
||
time: "2024-02-23 17:54:46",
|
||
groupCategory: "群体三",
|
||
innerEdgeAddCount: 1,
|
||
outerEdgeAddCount: 2
|
||
},
|
||
{
|
||
id: 5,
|
||
time: "2024-03-14 09:58:12",
|
||
groupCategory: "群体三",
|
||
innerEdgeAddCount: 1,
|
||
outerEdgeAddCount: 2
|
||
},
|
||
{
|
||
id: 6,
|
||
time: "2024-03-23 21:20:40",
|
||
groupCategory: "群体三",
|
||
innerEdgeAddCount: 1,
|
||
outerEdgeAddCount: 2
|
||
},
|
||
{
|
||
id: 7,
|
||
time: "2024-03-23 21:42:36",
|
||
groupCategory: "群体三",
|
||
innerEdgeAddCount: 1,
|
||
outerEdgeAddCount: 2
|
||
},
|
||
{
|
||
id: 8,
|
||
time: "2024-04-06 18:17:30",
|
||
groupCategory: "群体三",
|
||
innerEdgeAddCount: 1,
|
||
outerEdgeAddCount: 2
|
||
},
|
||
{
|
||
id: 9,
|
||
time: "2024-04-06 19:19:50",
|
||
groupCategory: "群体三",
|
||
innerEdgeAddCount: 1,
|
||
outerEdgeAddCount: 2
|
||
},
|
||
{
|
||
id: 10,
|
||
time: "2024-05-16 00:22:18",
|
||
groupCategory: "群体三",
|
||
innerEdgeAddCount: 1,
|
||
outerEdgeAddCount: 2
|
||
}
|
||
]
|
||
}),
|
||
actions: {
|
||
// 初始化timeList
|
||
async initializeStructuralEvolutionAnalysisTimeLine() {
|
||
const res = await getStructuralEvolutionAnalysisTimeLine()
|
||
this.timeList = res.data
|
||
},
|
||
// 初始化群体结构演化分析信息列表
|
||
async initializeStructuralEvolutionAnalysisInfoList(time = "2024-06-19T07:57:46Z") {
|
||
const res = await getStructuralEvolutionAnalysisInfoList(time)
|
||
this.groupList = res.data.map((item) => ({
|
||
id: item.id,
|
||
type: item.type,
|
||
name: item.name,
|
||
focusedTopic: item.focusedTopic,
|
||
innerNum: parsePercentage(item.innerNum),
|
||
outerNum: parsePercentage(item.outerNum)
|
||
}))
|
||
},
|
||
// 悬浮显示群体中的成员
|
||
async initialGroupMemberInfo(time = "2024-06-19T07:57:46Z") {
|
||
const res = await getGroupMemberInfo(time)
|
||
if (res.code != 200) return
|
||
const groupOne = []
|
||
const groupTwo = []
|
||
const groupThree = []
|
||
res.data.forEach((item) => {
|
||
if (item.groupId == 0) {
|
||
groupOne.push(item.userId)
|
||
} else if (item.groupId == 1) {
|
||
groupTwo.push(item.userId)
|
||
} else if (item.groupId == 6) {
|
||
groupThree.push(item.userId)
|
||
}
|
||
})
|
||
this.groupMemberInfo = {
|
||
0: groupOne,
|
||
1: groupTwo,
|
||
6: groupThree
|
||
}
|
||
},
|
||
|
||
// 初始化全局连通性演化图--左下方
|
||
async initializeStructuralEvolutionChart() {
|
||
const res = await getStructuralEvolutionChart()
|
||
this.chartData = {
|
||
xAxisData: res.data.xaxisData.map((item) => utcStringToHHMMSS(item)),
|
||
seriesList: [
|
||
{
|
||
name: "",
|
||
data: res.data.seriesList[0].data,
|
||
themeColor: "#2AB8FD"
|
||
}
|
||
],
|
||
yAxisRange: { min: 0, max: 1, interval: 0.2 }
|
||
}
|
||
},
|
||
|
||
// 初始化群体结构演化分析图表--右上方
|
||
async initializeStructuralEvolutionAnalysisChart() {
|
||
const res = await getStructuralEvolutionAnalysisChart()
|
||
const topSelfMedia = res.data.topSelfMedia.map((item) => ({
|
||
id: item.id,
|
||
name: item.name,
|
||
chart: {
|
||
xAxisData: item.chart.xaxisData.map((item) => utcStringToHHMMSS(item)),
|
||
yAxisRange: {
|
||
min: item.name === "内部密度指数演化" ? 20.0 : 0,
|
||
max:
|
||
item.name === "内部密度指数演化"
|
||
? 20.5
|
||
: Math.ceil(item.chart.yaxisRange.max / 5) * 5,
|
||
interval:
|
||
item.name === "内部密度指数演化" ? 0.1 : Math.ceil(item.chart.yaxisRange.max / 5)
|
||
},
|
||
seriesList: item.chart.seriesList.map((item) => ({
|
||
data: item.data,
|
||
name: item.name,
|
||
themeColor: "#2AB8FD"
|
||
}))
|
||
}
|
||
}))
|
||
const officalMedia = res.data.officalMedia.map((item) => ({
|
||
id: item.id,
|
||
name: item.name,
|
||
chart: {
|
||
xAxisData: item.chart.xaxisData.map((item) => utcStringToHHMMSS(item)),
|
||
yAxisRange: {
|
||
min: item.name === "内部密度指数演化" ? 20.0 : 0,
|
||
max:
|
||
item.name === "内部密度指数演化"
|
||
? 20.5
|
||
: Math.ceil(item.chart.yaxisRange.max / 5) * 5,
|
||
interval:
|
||
item.name === "内部密度指数演化" ? 0.1 : Math.ceil(item.chart.yaxisRange.max / 5)
|
||
},
|
||
seriesList: item.chart.seriesList.map((item) => ({
|
||
data: item.data,
|
||
name: item.name,
|
||
themeColor: "#2AB8FD"
|
||
}))
|
||
}
|
||
}))
|
||
const ordinaryMedia = res.data.ordinaryMedia.map((item) => ({
|
||
id: item.id,
|
||
name: item.name,
|
||
chart: {
|
||
xAxisData: item.chart.xaxisData.map((item) => utcStringToHHMMSS(item)),
|
||
yAxisRange: {
|
||
min: item.name === "内部密度指数演化" ? 20.0 : 0,
|
||
max:
|
||
item.name === "内部密度指数演化"
|
||
? 20.5
|
||
: Math.ceil(item.chart.yaxisRange.max / 5) * 5,
|
||
interval:
|
||
item.name === "内部密度指数演化" ? 0.1 : Math.ceil(item.chart.yaxisRange.max / 5)
|
||
},
|
||
seriesList: item.chart.seriesList.map((item) => ({
|
||
data: item.data,
|
||
name: item.name,
|
||
themeColor: "#2AB8FD"
|
||
}))
|
||
}
|
||
}))
|
||
|
||
this.chartsData = {
|
||
topSelfMedia,
|
||
officalMedia,
|
||
ordinaryMedia
|
||
}
|
||
},
|
||
|
||
async initialGraphByUtcTime(utcTime = "") {
|
||
const setColor = (groupId) => {
|
||
const colorMap = {
|
||
0: "50,141,120",
|
||
1: "133,129,48",
|
||
6: "12,112,144"
|
||
}
|
||
return colorMap[parseInt(groupId)]
|
||
}
|
||
const res = await getStructuralEvolutionAnalysisGraph(utcTime)
|
||
if (res.code != 200) return
|
||
const newSet = new Set()
|
||
this.graph["links"] = res.data.links.map((link) => ({
|
||
source: link.source,
|
||
target: link.target,
|
||
color: setColor(link.type)
|
||
}))
|
||
this.graph["nodes"] = res.data.nodes
|
||
.filter((node) => {
|
||
if (!newSet.has(node.name)) {
|
||
newSet.add(node.name)
|
||
return true
|
||
}
|
||
return false
|
||
})
|
||
.map((node) => {
|
||
return {
|
||
id: node.name,
|
||
label: node.name,
|
||
type: node.groupId
|
||
}
|
||
})
|
||
this.graph["newLinks"] = res.data?.newAddRelation ?? []
|
||
},
|
||
// 初始化群体结构演化分析的群体演化信息-中下-随时间轴变化
|
||
async initializeStructuralPost(time = "2024-06-19T07:57:46Z") {
|
||
const res = await getStructuralEvolutionAnalysisPost(time)
|
||
this.posts = res.data.map((item) => ({
|
||
id: item.id,
|
||
time: TansTimestamp(item.time, "YYYY.MM.DD HH:mm:ss"),
|
||
groupCategory: item.groupCategory,
|
||
innerEdgeAddCount: item.innerEdgeAddCount,
|
||
outerEdgeAddCount: item.outerEdgeAddCount
|
||
}))
|
||
}
|
||
},
|
||
persist: true // 开启持久化
|
||
})
|
||
|
||
export const useGroupMemberStore = defineStore("groupMember", {
|
||
state: () => ({
|
||
groupList: [],
|
||
groupMemberInfo: {},
|
||
graphTitle: groupAnalysis,
|
||
timeList: [],
|
||
graph: {},
|
||
chartData: {},
|
||
chartsData: {},
|
||
posts: [],
|
||
wordCloudData: [
|
||
{
|
||
text: "主权权益",
|
||
top: 115.5,
|
||
left: 215.5,
|
||
width: 80,
|
||
height: 22,
|
||
fontSize: 13,
|
||
opacity: 1
|
||
},
|
||
{
|
||
text: "局座预言",
|
||
top: 80,
|
||
left: 69.5,
|
||
width: 73,
|
||
height: 22,
|
||
fontSize: 12,
|
||
opacity: 0.7
|
||
},
|
||
{
|
||
text: "吃瓜",
|
||
top: 72.5,
|
||
left: 132.5,
|
||
width: 50,
|
||
height: 22,
|
||
fontSize: 12,
|
||
opacity: 1
|
||
},
|
||
{
|
||
text: "中国海警",
|
||
top: 140,
|
||
left: 212.5,
|
||
width: 130,
|
||
height: 40,
|
||
fontSize: 22,
|
||
opacity: 0.8
|
||
},
|
||
{
|
||
text: "菲律宾",
|
||
top: 150,
|
||
left: 50,
|
||
width: 81,
|
||
height: 22,
|
||
fontSize: 14,
|
||
opacity: 0.8
|
||
},
|
||
{
|
||
text: "手指",
|
||
top: 200.5,
|
||
left: 38.5,
|
||
width: 73,
|
||
height: 19,
|
||
fontSize: 12,
|
||
opacity: 0.7
|
||
},
|
||
{
|
||
text: "装甲船",
|
||
top: 50,
|
||
left: 160.5,
|
||
width: 73,
|
||
height: 19,
|
||
fontSize: 12,
|
||
opacity: 0.7
|
||
},
|
||
{
|
||
text: "登检",
|
||
top: 211.5,
|
||
left: 143.5,
|
||
width: 50,
|
||
height: 19,
|
||
fontSize: 12,
|
||
opacity: 1
|
||
},
|
||
{ text: "执法", top: 176.5, left: 15.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 },
|
||
{ text: "现场画面", top: 110, left: 26, width: 90, height: 22, fontSize: 14, opacity: 1 },
|
||
{ text: "渔民", top: 103.5, left: 95.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 },
|
||
{ text: "包夹", top: 57.5, left: 72.5, width: 49, height: 19, fontSize: 12, opacity: 0.6 },
|
||
{ text: "枪支", top: 77.5, left: 264.5, width: 49, height: 19, fontSize: 12, opacity: 0.7 },
|
||
{ text: "解决", top: 195.5, left: 287.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 },
|
||
{
|
||
text: "大刀长矛",
|
||
top: 186,
|
||
left: 200.5,
|
||
width: 70,
|
||
height: 19,
|
||
fontSize: 12,
|
||
opacity: 0.8
|
||
}
|
||
]
|
||
}),
|
||
actions: {
|
||
// 获取时间轴
|
||
async initializeGroupMemberTimeLine() {
|
||
const res = await getGroupMemberTimeLine()
|
||
this.timeList = res.data
|
||
},
|
||
// 群体成员演化信息列表-左上
|
||
async initializeGroupList(time = "2024-06-19T07:57:46Z") {
|
||
const res = await getGroupMemberInfoList(time)
|
||
const groupList = res.data.map((item) => ({
|
||
id: item.id,
|
||
type: item.type,
|
||
focusedTopic: item.focusedTopic,
|
||
value: item.value.map((item) => item.toFixed(2))
|
||
// value: item.value.map(item => (item * 100 + 20).toFixed(2))
|
||
}))
|
||
this.groupList = groupList
|
||
},
|
||
|
||
// 悬浮显示群体中的成员
|
||
async initialGroupMemberInfo(time = "2024-06-19T07:57:46Z") {
|
||
const res = await getGroupMemberInfo(time)
|
||
if (res.code != 200) return
|
||
const groupOne = []
|
||
const groupTwo = []
|
||
const groupThree = []
|
||
res.data.forEach((item) => {
|
||
if (item.groupId == 0) {
|
||
groupOne.push(item.userId)
|
||
} else if (item.groupId == 1) {
|
||
groupTwo.push(item.userId)
|
||
} else if (item.groupId == 6) {
|
||
groupThree.push(item.userId)
|
||
}
|
||
})
|
||
this.groupMemberInfo = {
|
||
0: groupOne,
|
||
1: groupTwo,
|
||
6: groupThree
|
||
}
|
||
},
|
||
async initializeGroupMemberChart() {
|
||
const res = await getGroupMemberChart()
|
||
const xAxisData = res.data.xaxisData.map((item) => utcStringToHHMMSS(item))
|
||
const yAxisRange = res.data.yaxisRange
|
||
const themeColors = ["#2AB8FD", "#02D7DA", "#FFDA09", "#EB57B0"]
|
||
const seriesList = res.data.seriesList.map((item) => ({
|
||
data: item.data.map((item) => item.toFixed(2)),
|
||
name: item.name,
|
||
themeColor: themeColors[item.id - 1]
|
||
}))
|
||
this.chartData = {
|
||
xAxisData,
|
||
yAxisRange,
|
||
seriesList
|
||
}
|
||
},
|
||
async initialPostByUtcTime(utcTime) {
|
||
const res = await getGroupMemberEvolutionInfoByTime(utcTime)
|
||
this.posts = res.data
|
||
},
|
||
async initializeGroupMemberEvolutionAnalysisChart() {
|
||
const res = await getGroupMemberEvolutionAnalysisChart()
|
||
const themeColors = {
|
||
分裂演化: "#2AB8FD",
|
||
合并演化: "#02D7DA",
|
||
收缩演化: "#FFDA09",
|
||
扩展演化: "#EB57B0"
|
||
}
|
||
const topSelfMedia = res.data.topSelfMedia.map((item) => ({
|
||
id: item.id,
|
||
name: item.name,
|
||
chart: {
|
||
xAxisData: item.chart.xaxisData.map((item) => utcStringToHHMMSS(item)),
|
||
yAxisRange: {
|
||
min: item.name === "合并演化" || item.name === "扩展演化" ? 19 : 0,
|
||
max:
|
||
item.name === "合并演化" || item.name === "扩展演化"
|
||
? 21
|
||
: Math.ceil(item.chart.yaxisRange.max / 5) * 5,
|
||
interval:
|
||
item.name === "合并演化" || item.name === "扩展演化"
|
||
? 0.4
|
||
: Math.ceil(item.chart.yaxisRange.max / 5)
|
||
},
|
||
seriesList: item.chart.seriesList.map((item) => ({
|
||
data: item.data.map((item) => item.toFixed(2)),
|
||
name: item.name,
|
||
themeColor: themeColors[item.name]
|
||
}))
|
||
}
|
||
}))
|
||
|
||
const officalMedia = res.data.officalMedia.map((item) => ({
|
||
id: item.id,
|
||
name: item.name,
|
||
chart: {
|
||
xAxisData: item.chart.xaxisData.map((item) => utcStringToHHMMSS(item)),
|
||
yAxisRange: {
|
||
min: item.name === "合并演化" || item.name === "扩展演化" ? 19.0 : 0,
|
||
max:
|
||
item.name === "合并演化" || item.name === "扩展演化"
|
||
? 21.0
|
||
: Math.ceil(item.chart.yaxisRange.max / 5) * 5,
|
||
interval:
|
||
item.name === "合并演化" || item.name === "扩展演化"
|
||
? 0.4
|
||
: Math.ceil(item.chart.yaxisRange.max / 5)
|
||
},
|
||
seriesList: item.chart.seriesList.map((item) => ({
|
||
data: item.data.map((item) => item.toFixed(2)),
|
||
name: item.name,
|
||
themeColor: themeColors[item.name]
|
||
}))
|
||
}
|
||
}))
|
||
|
||
const ordinaryMedia = res.data.ordinaryMedia.map((item) => ({
|
||
id: item.id,
|
||
name: item.name,
|
||
chart: {
|
||
xAxisData: item.chart.xaxisData.map((item) => utcStringToHHMMSS(item)),
|
||
yAxisRange: {
|
||
min: item.name === "合并演化" ? 19 : 0,
|
||
max: item.name === "合并演化" ? 21 : Math.ceil(item.chart.yaxisRange.max / 5) * 5,
|
||
interval: item.name === "合并演化" ? 0.4 : Math.ceil(item.chart.yaxisRange.max / 5)
|
||
},
|
||
seriesList: item.chart.seriesList.map((item) => ({
|
||
data: item.data.map((item) => item.toFixed(2)),
|
||
name: item.name,
|
||
themeColor: themeColors[item.name]
|
||
}))
|
||
}
|
||
}))
|
||
|
||
this.chartsData = {
|
||
topSelfMedia: topSelfMedia,
|
||
officalMedia: officalMedia,
|
||
ordinaryMedia: ordinaryMedia
|
||
}
|
||
},
|
||
|
||
async initialGraphByUtcTime(utcTime = "") {
|
||
const setColor = (groupId) => {
|
||
const colorMap = {
|
||
0: "50,141,120",
|
||
1: "133,129,48",
|
||
6: "12,112,144"
|
||
}
|
||
return colorMap[parseInt(groupId)]
|
||
}
|
||
const res = await getGroupMemberEvolutionAnalysisGraph(utcTime)
|
||
if (res.code != 200) return
|
||
const newSet = new Set()
|
||
this.graph["links"] = res.data.links.map((link) => ({
|
||
source: link.source,
|
||
target: link.target,
|
||
color: setColor(link.type)
|
||
}))
|
||
this.graph["nodes"] = res.data.nodes
|
||
.filter((node) => {
|
||
if (!newSet.has(node.name)) {
|
||
newSet.add(node.name)
|
||
return true
|
||
}
|
||
return false
|
||
})
|
||
.map((node) => {
|
||
return {
|
||
id: node.name,
|
||
label: node.name,
|
||
type: node.groupId
|
||
}
|
||
})
|
||
this.graph["newNodes"] = res.data?.newAddUser ?? []
|
||
}
|
||
},
|
||
persist: true // 开启持久化
|
||
})
|
||
|
||
// —— 时间门槛 ——
|
||
const T0 = "2024-06-19T07:57:46Z" // 默认渲染出全部节点
|
||
const TA = "2024-06-19T08:57:55Z" // A 组异常开始
|
||
const TB = "2024-06-19T10:58:03Z" // B 组异常开始
|
||
const TC = "2024-06-19T12:58:04Z" // C 组异常开始
|
||
|
||
export const useAnomalousGroup = defineStore("anomalousGroup", {
|
||
state: () => ({
|
||
groupList: [],
|
||
graph: {},
|
||
timeList: [],
|
||
graphTitle: groupAbnormal,
|
||
wordCloudData: [
|
||
{
|
||
text: "局座",
|
||
top: 115.5,
|
||
left: 220.5,
|
||
width: 80,
|
||
height: 40,
|
||
fontSize: 28,
|
||
opacity: 1
|
||
},
|
||
{ text: "折叠屏", top: 160.5, left: 69.5, width: 105, height: 35, fontSize: 20, opacity: 1 },
|
||
{
|
||
text: "蹬鼻子上脸",
|
||
top: 50.5,
|
||
left: 132.5,
|
||
width: 90,
|
||
height: 22,
|
||
fontSize: 12,
|
||
opacity: 1
|
||
},
|
||
{
|
||
text: "菲律宾",
|
||
top: 171.5,
|
||
left: 200.5,
|
||
width: 81,
|
||
height: 22,
|
||
fontSize: 14,
|
||
opacity: 0.8
|
||
},
|
||
{
|
||
text: "中国海警",
|
||
top: 120.5,
|
||
left: 30.5,
|
||
width: 100,
|
||
height: 24,
|
||
fontSize: 16,
|
||
opacity: 1
|
||
},
|
||
{
|
||
text: "船",
|
||
top: 223.5,
|
||
left: 230.5,
|
||
width: 50,
|
||
height: 22,
|
||
fontSize: 14,
|
||
opacity: 0.8
|
||
},
|
||
{
|
||
text: "斧头",
|
||
top: 200.5,
|
||
left: 38.5,
|
||
width: 40,
|
||
height: 19,
|
||
fontSize: 12,
|
||
opacity: 0.7
|
||
},
|
||
{
|
||
text: "执法",
|
||
top: 223.5,
|
||
left: 130.5,
|
||
width: 60,
|
||
height: 19,
|
||
fontSize: 12,
|
||
opacity: 0.7
|
||
},
|
||
{
|
||
text: "登检",
|
||
top: 200.5,
|
||
left: 143.5,
|
||
width: 60,
|
||
height: 19,
|
||
fontSize: 12,
|
||
opacity: 1
|
||
},
|
||
{ text: "蹲下", top: 176.5, left: 15.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 },
|
||
{ text: "邦邦邦邦", top: 87.5, left: 20.5, width: 106, height: 22, fontSize: 14, opacity: 1 }
|
||
/* { text: "抱头", top: 103.5, left: 95.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 },
|
||
{ text: "包夹", top: 57.5, left: 72.5, width: 49, height: 19, fontSize: 12, opacity: 0.6 },
|
||
{ text: "吃瓜", top: 77.5, left: 264.5, width: 49, height: 19, fontSize: 12, opacity: 0.7 },
|
||
{ text: "手指", top: 195.5, left: 287.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 } */
|
||
],
|
||
abnormalContentList: [],
|
||
chartData: {
|
||
xAxisData: ["t0", "t1", "t2", "t3", "t4", "t5", "t6"],
|
||
yAxisRange: { min: 0, max: 5, interval: 1 },
|
||
seriesList: [
|
||
{
|
||
name: "社团组一",
|
||
themeColor: "#2AB8FD",
|
||
data: [0, 5, 4, 3, 0, 5, 0]
|
||
},
|
||
{
|
||
name: "社团组二",
|
||
themeColor: "#02D7DA",
|
||
data: [3, 0, 1, 0, 3, 5, 0]
|
||
},
|
||
{
|
||
name: "社团组三",
|
||
themeColor: "#FFDA09",
|
||
data: [5, 0, 4, 0, 3, 0, 0]
|
||
}
|
||
]
|
||
},
|
||
posts: [
|
||
{
|
||
id: 1,
|
||
abnormalGroup: "G02与G07互动方式出现显著异常",
|
||
explanation: "持续异常行为已累积显著，疑似某组织突然发动“”信息攻击“或”舆论战“",
|
||
firstDiscoverTime: "2024.06.20",
|
||
duration: 6,
|
||
JS: 0.3,
|
||
CUSUM: 6.21,
|
||
KS: 0.02
|
||
},
|
||
{
|
||
id: 2,
|
||
abnormalGroup: "GO4与G08互动方式出现显著异常",
|
||
firstDiscoverTime: "2024.06.23",
|
||
duration: 4,
|
||
explanation: "疑似“统一指令”或“操控集群”在某时段被同时激活",
|
||
JS: 0.41,
|
||
CUSUM: 5.0,
|
||
KS: 0.05
|
||
},
|
||
{
|
||
id: 3,
|
||
abnormalGroup: "G02与G07互动方式出现显著异常",
|
||
firstDiscoverTime: "2024.07.25",
|
||
duration: 6,
|
||
explanation: "疑似群体间短时高强度联动",
|
||
JS: 0.41,
|
||
CUSUM: 5.0,
|
||
KS: 0.02
|
||
}
|
||
],
|
||
currentUtc: T0,
|
||
graphData: {
|
||
nodes: [
|
||
{ id: "G01_A", type: "0", isAnomaly: false, label: "G01" },
|
||
{ id: "G02_A", type: "0", isAnomaly: true, label: "G02" },
|
||
{ id: "G03_A", type: "0", isAnomaly: false, label: "G03" },
|
||
{ id: "G04_A", type: "0", isAnomaly: false, label: "G04" },
|
||
{ id: "G05_A", type: "0", isAnomaly: false, label: "G05" },
|
||
{ id: "G06_A", type: "0", isAnomaly: false, label: "G06" },
|
||
{ id: "G07_A", type: "0", isAnomaly: true, label: "G07" },
|
||
{ id: "G08_A", type: "0", isAnomaly: false, label: "G08" },
|
||
{ id: "G09_A", type: "0", isAnomaly: false, label: "G09" },
|
||
{ id: "G10_A", type: "0", isAnomaly: false, label: "G10" },
|
||
{ id: "G11_A", type: "0", isAnomaly: false, label: "G11" },
|
||
{ id: "G12_A", type: "0", isAnomaly: false, label: "G12" },
|
||
|
||
{ id: "G01_B", type: "1", isAnomaly: false, label: "G01" },
|
||
{ id: "G02_B", type: "1", isAnomaly: false, label: "G02" },
|
||
{ id: "G03_B", type: "1", isAnomaly: false, label: "G03" },
|
||
{ id: "G04_B", type: "1", isAnomaly: true, label: "G04" },
|
||
{ id: "G05_B", type: "1", isAnomaly: false, label: "G05" },
|
||
{ id: "G06_B", type: "1", isAnomaly: false, label: "G06" },
|
||
{ id: "G07_B", type: "1", isAnomaly: false, label: "G07" },
|
||
{ id: "G08_B", type: "1", isAnomaly: true, label: "G08" },
|
||
{ id: "G09_B", type: "1", isAnomaly: false, label: "G09" },
|
||
{ id: "G10_B", type: "1", isAnomaly: false, label: "G10" },
|
||
{ id: "G11_B", type: "1", isAnomaly: false, label: "G11" },
|
||
{ id: "G12_B", type: "1", isAnomaly: false, label: "G12" },
|
||
|
||
{ id: "G01_C", type: "6", isAnomaly: false, label: "G01" },
|
||
{ id: "G02_C", type: "6", isAnomaly: false, label: "G02" },
|
||
{ id: "G03_C", type: "6", isAnomaly: true, label: "G03" },
|
||
{ id: "G04_C", type: "6", isAnomaly: false, label: "G04" },
|
||
{ id: "G05_C", type: "6", isAnomaly: false, label: "G05" },
|
||
{ id: "G06_C", type: "6", isAnomaly: true, label: "G06" },
|
||
{ id: "G07_C", type: "6", isAnomaly: false, label: "G07" },
|
||
{ id: "G08_C", type: "6", isAnomaly: false, label: "G08" },
|
||
{ id: "G09_C", type: "6", isAnomaly: false, label: "G09" },
|
||
{ id: "G10_C", type: "6", isAnomaly: false, label: "G10" },
|
||
{ id: "G11_C", type: "6", isAnomaly: false, label: "G11" },
|
||
{ id: "G12_C", type: "6", isAnomaly: false, label: "G12" }
|
||
],
|
||
links: [
|
||
/* —— 组内：A 环 —— */
|
||
{ source: "G01_A", target: "G02_A", type: "0" },
|
||
{ source: "G02_A", target: "G03_A", type: "0" },
|
||
{ source: "G03_A", target: "G04_A", type: "0" },
|
||
{ source: "G04_A", target: "G05_A", type: "0" },
|
||
{ source: "G05_A", target: "G06_A", type: "0" },
|
||
{ source: "G06_A", target: "G07_A", type: "0" },
|
||
{ source: "G07_A", target: "G08_A", type: "0" },
|
||
{ source: "G08_A", target: "G09_A", type: "0" },
|
||
{ source: "G09_A", target: "G10_A", type: "0" },
|
||
{ source: "G10_A", target: "G11_A", type: "0" },
|
||
{ source: "G11_A", target: "G12_A", type: "0" },
|
||
{ source: "G12_A", target: "G01_A", type: "0" },
|
||
/* —— A 组：异常节点额外连边（突出）—— */
|
||
{ source: "G02_A", target: "G05_A", type: "0" },
|
||
{ source: "G02_A", target: "G08_A", type: "0" },
|
||
{ source: "G02_A", target: "G11_A", type: "0" },
|
||
{ source: "G07_A", target: "G10_A", type: "0" },
|
||
{ source: "G07_A", target: "G01_A", type: "0" },
|
||
{ source: "G07_A", target: "G04_A", type: "0" },
|
||
|
||
/* —— 组内：B 环 —— */
|
||
{ source: "G01_B", target: "G02_B", type: "1" },
|
||
{ source: "G02_B", target: "G03_B", type: "1" },
|
||
{ source: "G03_B", target: "G04_B", type: "1" },
|
||
{ source: "G04_B", target: "G05_B", type: "1" },
|
||
{ source: "G05_B", target: "G06_B", type: "1" },
|
||
{ source: "G06_B", target: "G07_B", type: "1" },
|
||
{ source: "G07_B", target: "G08_B", type: "1" },
|
||
{ source: "G08_B", target: "G09_B", type: "1" },
|
||
{ source: "G09_B", target: "G10_B", type: "1" },
|
||
{ source: "G10_B", target: "G11_B", type: "1" },
|
||
{ source: "G11_B", target: "G12_B", type: "1" },
|
||
{ source: "G12_B", target: "G01_B", type: "1" },
|
||
/* —— B 组：异常节点额外连边 —— */
|
||
{ source: "G04_B", target: "G07_B", type: "1" },
|
||
{ source: "G04_B", target: "G10_B", type: "1" },
|
||
{ source: "G04_B", target: "G01_B", type: "1" },
|
||
{ source: "G08_B", target: "G11_B", type: "1" },
|
||
{ source: "G08_B", target: "G02_B", type: "1" },
|
||
{ source: "G08_B", target: "G05_B", type: "1" },
|
||
|
||
/* —— 组内：C 环 —— */
|
||
{ source: "G01_C", target: "G02_C", type: "6" },
|
||
{ source: "G02_C", target: "G03_C", type: "6" },
|
||
{ source: "G03_C", target: "G04_C", type: "6" },
|
||
{ source: "G04_C", target: "G05_C", type: "6" },
|
||
{ source: "G05_C", target: "G06_C", type: "6" },
|
||
{ source: "G06_C", target: "G07_C", type: "6" },
|
||
{ source: "G07_C", target: "G08_C", type: "6" },
|
||
{ source: "G08_C", target: "G09_C", type: "6" },
|
||
{ source: "G09_C", target: "G10_C", type: "6" },
|
||
{ source: "G10_C", target: "G11_C", type: "6" },
|
||
{ source: "G11_C", target: "G12_C", type: "6" },
|
||
{ source: "G12_C", target: "G01_C", type: "6" },
|
||
/* —— C 组：异常节点额外连边 —— */
|
||
{ source: "G03_C", target: "G06_C", type: "6" },
|
||
{ source: "G03_C", target: "G09_C", type: "6" },
|
||
{ source: "G03_C", target: "G12_C", type: "6" },
|
||
{ source: "G06_C", target: "G09_C", type: "6" },
|
||
{ source: "G06_C", target: "G12_C", type: "6" },
|
||
{ source: "G06_C", target: "G03_C", type: "6" },
|
||
|
||
/* —— 跨组连边 —— */
|
||
{ source: "G02_A", target: "G04_B", type: "0" },
|
||
{ source: "G07_A", target: "G08_B", type: "0" },
|
||
{ source: "G01_A", target: "G05_B", type: "0" },
|
||
{ source: "G05_A", target: "G10_B", type: "0" },
|
||
|
||
{ source: "G04_B", target: "G03_C", type: "1" },
|
||
{ source: "G08_B", target: "G06_C", type: "1" },
|
||
{ source: "G02_B", target: "G09_C", type: "1" },
|
||
{ source: "G11_B", target: "G01_C", type: "1" },
|
||
|
||
{ source: "G03_C", target: "G02_A", type: "6" },
|
||
{ source: "G06_C", target: "G07_A", type: "6" },
|
||
{ source: "G04_C", target: "G09_A", type: "6" },
|
||
{ source: "G12_C", target: "G06_A", type: "6" }
|
||
],
|
||
meta: {
|
||
groups: [
|
||
{ id: "A", anomalies: ["G02_A", "G07_A"] },
|
||
{ id: "B", anomalies: ["G04_B", "G08_B"] },
|
||
{ id: "C", anomalies: ["G03_C", "G06_C"] }
|
||
]
|
||
}
|
||
},
|
||
graphAbnormalData: {
|
||
groupA: ["G02_A", "G07_A"],
|
||
groupB: ["G04_B", "G08_B"],
|
||
groupC: ["G03_C", "G06_C"],
|
||
abnormalNodesT1: ["G02_A", "G07_A"],
|
||
abnormalNodesT2: ["G04_B", "G08_B"],
|
||
abnormalNodesT3: ["G02_A", "G07_A", "G04_B", "G08_B", "G03_C", "G06_C"]
|
||
}
|
||
}),
|
||
actions: {
|
||
// 获取时间轴数据-中间时间轴
|
||
async initializeAbnormalGroupTimeLine() {
|
||
const res = await getAbnormalGroupTimeLine()
|
||
if (res.code === 200) {
|
||
this.timeList = res.data
|
||
}
|
||
},
|
||
// 异常用户组展示-左上
|
||
async initializeAbnormalGroupList() {
|
||
const res = await getAbnormalGroupList()
|
||
if (res.code === 200) {
|
||
this.groupList = res.data
|
||
}
|
||
},
|
||
// 全局异常互动时刻表-左下
|
||
async initializeAbnormalGroupInteractionChart() {
|
||
const res = await getAbnormalGroupInteractionChart()
|
||
|
||
const xAxisData = res.data.xaxisData.map((item) => utcStringToHHMMSS(item))
|
||
const yAxisRange = res.data.yaxisRange
|
||
const themeColors = {
|
||
社团组一: "#00d6da",
|
||
社团组二: "#fddc33",
|
||
社团组三: "#32b6fb"
|
||
}
|
||
const seriesList = res.data.seriesList.map((item) => ({
|
||
data: item.data.map((item) => item.toFixed(2)),
|
||
name: item.name,
|
||
themeColor: themeColors[item.name]
|
||
}))
|
||
this.chartData = {
|
||
xAxisData,
|
||
yAxisRange,
|
||
seriesList
|
||
}
|
||
},
|
||
// 异常行为分析-中下
|
||
async initializeAbnormalGroupPosts(time = "2024-06-19T07:57:46Z") {
|
||
const res = await getAbnormalGroupBehaviorPosts(time)
|
||
if (res.code === 200) {
|
||
this.posts = res.data.map((item) => ({
|
||
id: item.id,
|
||
abnormalGroup: item.abnormalGroup,
|
||
explanation: item.explanation,
|
||
firstDiscoverTime: TansTimestamp(item.firstDiscoverTime, "YYYY-MM-DD"),
|
||
duration: item.duration,
|
||
JS: parseFloat(item.js),
|
||
CUSUM: parseFloat(item.cusum),
|
||
KS: parseFloat(item.ks)
|
||
}))
|
||
}
|
||
},
|
||
|
||
// 异常互动详情-右上
|
||
async initializeAbnormalGroupInteractionDetail(time = "2024-06-19T07:57:46Z") {
|
||
const res = await getAbnormalGroupBehaviorDetail(time)
|
||
if (res.code === 200) {
|
||
this.abnormalContentList = res.data
|
||
}
|
||
},
|
||
// 用于画中间组件的圆
|
||
async initialGraphByUtcTime(utcIso) {
|
||
this.currentUtc = utcIso
|
||
// 1) 复制 nodes 并上色
|
||
const nodes = this.graphData.nodes.map((n) => {
|
||
return {
|
||
id: n.id,
|
||
label: n.label,
|
||
type: n.type, // 0=A, 1=B, 6=C（组件里 colorMap 已按这三个上色/分组）
|
||
isAnomaly: n.isAnomaly
|
||
}
|
||
})
|
||
|
||
this.graph["nodes"] = nodes
|
||
|
||
const setColor = (type) => {
|
||
const colorMap = {
|
||
0: "50,141,120",
|
||
1: "133,129,48",
|
||
6: "12,112,144"
|
||
}
|
||
return colorMap[type]
|
||
}
|
||
|
||
const links = this.graphData.links.map((l) => ({
|
||
source: l.source,
|
||
target: l.target,
|
||
color: setColor(l.type)
|
||
}))
|
||
this.graph["links"] = links
|
||
}
|
||
},
|
||
persist: true // 开启持久化
|
||
})
|