568 lines
16 KiB
JavaScript
568 lines
16 KiB
JavaScript
import { defineStore } from "pinia"
|
|
import {
|
|
getGroupUserListFromInteraction,
|
|
getGroupUserListFromTriangle,
|
|
getGroupUserListFromSocial,
|
|
getInteractionPostList,
|
|
getSocialPostList,
|
|
getInteractionHiddenPostList,
|
|
getInteractionCommunityNodes,
|
|
getInteractionCommunityDetailNodes,
|
|
getInteractionCommunityStatistics
|
|
} from "@/service/api/linkPrediction"
|
|
|
|
import defaultAvatar from "@/assets/images/avatar/default.png"
|
|
import nodePrefix from "@/assets/images/linkPrediction/icon/node-count-prefix.png"
|
|
import communityPrefix from "@/assets/images/linkPrediction/icon/community-count-prefix.png"
|
|
import hiddenPrefix from "@/assets/images/linkPrediction/icon/hidden-count-prefix.png"
|
|
|
|
export const useCharacterInteractionStore = defineStore("characterInteraction", {
|
|
state: () => ({
|
|
userList: [], //用户组列表
|
|
userChartList: [], //组相关性
|
|
posts: [],
|
|
communityNodeList: [],
|
|
curComponent: "CommunityNode",
|
|
curSelecedGroupIds: [],
|
|
communityDetailNodeList: [],
|
|
curSelectedGroup: [],
|
|
anlysisList: [
|
|
{
|
|
id: 1,
|
|
title: "平均评论数",
|
|
unit: "数量",
|
|
xAxis: [0, 20, 40, 60, 80, 100],
|
|
max: 100,
|
|
rows: [
|
|
{ label: "目标用户", value: 98.8, type: "leader" },
|
|
{ label: "所有用户", value: 0.01, type: "user" }
|
|
]
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "平均转发次数",
|
|
unit: "数量",
|
|
xAxis: [0, 3, 6, 9, 12, 16, 18],
|
|
max: 18,
|
|
rows: [
|
|
{ label: "目标用户", value: 17, type: "leader" },
|
|
{ label: "所有用户", value: 0.01, type: "user" }
|
|
]
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "互动时间间隔",
|
|
unit: "秒",
|
|
xAxis: [0, 30, 60, 90, 120, 150],
|
|
max: 150,
|
|
rows: [
|
|
{ label: "目标用户", value: 3.63, type: "leader", highlight: false },
|
|
{ label: "所有用户", value: 127.63, type: "user" }
|
|
]
|
|
}
|
|
],
|
|
wordCloudData: [
|
|
{
|
|
text: "佩洛西",
|
|
top: 115.5,
|
|
left: 215.5,
|
|
width: 109,
|
|
height: 40,
|
|
fontSize: 28,
|
|
opacity: 1
|
|
},
|
|
{ text: "中国", top: 183.5, left: 69.5, width: 73, height: 35, fontSize: 22, opacity: 1 },
|
|
{
|
|
text: "中国人民解放军",
|
|
top: 72.5,
|
|
left: 132.5,
|
|
width: 123,
|
|
height: 22,
|
|
fontSize: 12,
|
|
opacity: 1
|
|
},
|
|
{
|
|
text: "中美关系",
|
|
top: 171.5,
|
|
left: 212.5,
|
|
width: 81,
|
|
height: 22,
|
|
fontSize: 14,
|
|
opacity: 0.8
|
|
},
|
|
{ text: "台独", top: 135.5, left: 42.5, width: 57, height: 24, fontSize: 16, opacity: 1 },
|
|
{
|
|
text: "台海和平",
|
|
top: 228.5,
|
|
left: 230.5,
|
|
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: 241.5,
|
|
left: 130.5,
|
|
width: 73,
|
|
height: 19,
|
|
fontSize: 12,
|
|
opacity: 0.7
|
|
},
|
|
{
|
|
text: "有力反制",
|
|
top: 211.5,
|
|
left: 143.5,
|
|
width: 73,
|
|
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: 36.5, width: 53, 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 }
|
|
],
|
|
|
|
statisticsList: [
|
|
{ id: 1, icon: nodePrefix, name: "节点数", key: "nodesCount" },
|
|
{ id: 2, icon: communityPrefix, name: "社团数", key: "groupCount" },
|
|
{ id: 3, icon: hiddenPrefix, name: "隐关系数", key: "hiddenInteractionCount" }
|
|
],
|
|
statisticsDetailList: [
|
|
{ id: 1, icon: nodePrefix, name: "节点数", key: "nodesCount" },
|
|
{ id: 2, icon: communityPrefix, name: "社团数", key: "groupCount" },
|
|
{ id: 3, icon: hiddenPrefix, name: "隐关系数", key: "hiddenInteractionCount" }
|
|
]
|
|
}),
|
|
actions: {
|
|
async initGroupList() {
|
|
const res = await getGroupUserListFromInteraction()
|
|
if (res.code != 200) {
|
|
return
|
|
}
|
|
this.userList = res.data.userList
|
|
},
|
|
|
|
initGroupCorrelationForChart() {
|
|
this.userChartList = this.userList
|
|
},
|
|
async initInteractionPostList(userGroupId) {
|
|
const res = await getInteractionPostList(userGroupId)
|
|
if (res.code != 200) return
|
|
this.posts = res.data
|
|
},
|
|
async initGraphCommunityNode() {
|
|
const res = await getInteractionCommunityNodes()
|
|
if (res.code != 200) return
|
|
this.communityNodeList = res.data
|
|
},
|
|
async initGraphCommunityDetailNode(ids, time = "2024.05.16 16:56:04") {
|
|
this.curSelecedGroupIds = ids
|
|
const res = await getInteractionCommunityDetailNodes(ids, time)
|
|
if (res.code != 200) return
|
|
this.statisticsDetailList = this.statisticsDetailList.map((item) => ({
|
|
...item,
|
|
count: res.data.communityStatistics[item.key]
|
|
}))
|
|
this.communityDetailNodeList = res.data.userRelation
|
|
},
|
|
async initGraphStatistics() {
|
|
const res = await getInteractionCommunityStatistics()
|
|
this.statisticsList = this.statisticsList.map((item) => ({
|
|
...item,
|
|
count: res.data[item.key]
|
|
}))
|
|
}
|
|
},
|
|
persist: true // 开启持久化
|
|
})
|
|
|
|
export const useSocialGroupsStore = defineStore("socialGroups", {
|
|
state: () => ({
|
|
userList: [],
|
|
userChartList: [
|
|
{
|
|
id: 1,
|
|
group: [
|
|
{ id: 1, name: "Polo Hun", avatar: defaultAvatar, fancy: 634, post: 32 },
|
|
{ id: 2, name: "楊政子", avatar: defaultAvatar, fancy: 5556, post: 23 },
|
|
{ id: 3, name: "楊政子", avatar: defaultAvatar, fancy: 5556, post: 23 }
|
|
],
|
|
number: "0.60"
|
|
},
|
|
{
|
|
id: 2,
|
|
group: [
|
|
{
|
|
id: 7,
|
|
name: "一人一讚 馬總統感恩有您 永遠支...",
|
|
avatar: defaultAvatar,
|
|
fancy: 0,
|
|
post: 0
|
|
},
|
|
{
|
|
id: 8,
|
|
name: "一人一讚 馬總統感恩有您 永遠支...",
|
|
avatar: defaultAvatar,
|
|
fancy: 564,
|
|
post: 13
|
|
},
|
|
{
|
|
id: 9,
|
|
name: "一人一讚 馬總統感恩有您 永遠支...",
|
|
avatar: defaultAvatar,
|
|
fancy: 564,
|
|
post: 13
|
|
}
|
|
],
|
|
number: 0.45
|
|
},
|
|
{
|
|
id: 3,
|
|
group: [
|
|
{
|
|
id: 10,
|
|
name: "一人一讚 馬總統感恩有您 永遠支...",
|
|
avatar: defaultAvatar,
|
|
fancy: 0,
|
|
post: 0
|
|
},
|
|
{
|
|
id: 11,
|
|
name: "一人一讚 馬總統感恩有您 永遠支...",
|
|
avatar: defaultAvatar,
|
|
fancy: 564,
|
|
post: 13
|
|
},
|
|
{
|
|
id: 12,
|
|
name: "一人一讚 馬總統感恩有您 永遠支...",
|
|
avatar: defaultAvatar,
|
|
fancy: 564,
|
|
post: 13
|
|
}
|
|
],
|
|
number: 0.32
|
|
}
|
|
],
|
|
posts: [],
|
|
anlysisList: [
|
|
{
|
|
id: 1,
|
|
title: "平均评论数",
|
|
unit: "数量",
|
|
xAxis: [0, 20, 40, 60, 80, 100],
|
|
max: 100,
|
|
rows: [
|
|
{ label: "目标用户", value: 37.33, type: "leader" },
|
|
{ label: "所有用户", value: 0.06, type: "user" }
|
|
]
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "平均转发次数",
|
|
unit: "数量",
|
|
xAxis: [0, 0.1, 0.2, 0.3, 0.4, 0.5],
|
|
max: 0.5,
|
|
rows: [
|
|
{ label: "目标用户", value: 0.31, type: "leader" },
|
|
{ label: "所有用户", value: 0.004, type: "user" }
|
|
]
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "互动时间间隔",
|
|
unit: "秒",
|
|
xAxis: [0, 100, 200, 300, 400, 500],
|
|
max: 600,
|
|
rows: [
|
|
{ label: "目标用户", value: 42.55, type: "leader", highlight: false },
|
|
{ label: "所有用户", value: 582.23, type: "user" }
|
|
]
|
|
}
|
|
],
|
|
wordCloudData: [
|
|
{
|
|
text: "佩洛西",
|
|
top: 115.5,
|
|
left: 215.5,
|
|
width: 109,
|
|
height: 40,
|
|
fontSize: 28,
|
|
opacity: 1
|
|
},
|
|
{ text: "中国", top: 183.5, left: 69.5, width: 73, height: 35, fontSize: 22, opacity: 1 },
|
|
{
|
|
text: "中国人民解放军",
|
|
top: 72.5,
|
|
left: 132.5,
|
|
width: 123,
|
|
height: 22,
|
|
fontSize: 12,
|
|
opacity: 1
|
|
},
|
|
{
|
|
text: "中美关系",
|
|
top: 171.5,
|
|
left: 212.5,
|
|
width: 81,
|
|
height: 22,
|
|
fontSize: 14,
|
|
opacity: 0.8
|
|
},
|
|
{ text: "台独", top: 135.5, left: 42.5, width: 57, height: 24, fontSize: 16, opacity: 1 },
|
|
{
|
|
text: "台海和平",
|
|
top: 228.5,
|
|
left: 230.5,
|
|
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: 241.5,
|
|
left: 130.5,
|
|
width: 73,
|
|
height: 19,
|
|
fontSize: 12,
|
|
opacity: 0.7
|
|
},
|
|
{
|
|
text: "有力反制",
|
|
top: 211.5,
|
|
left: 143.5,
|
|
width: 73,
|
|
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: 36.5, width: 53, 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 }
|
|
]
|
|
}),
|
|
actions: {
|
|
async initGroupList() {
|
|
const res = await getGroupUserListFromTriangle()
|
|
if (res.code != 200) return
|
|
this.userList = res.data.userList
|
|
},
|
|
async initPostList(outoIncrement) {
|
|
const res = await getSocialPostList(outoIncrement)
|
|
if (res.code != 200) return
|
|
if (this.posts.length != 0) {
|
|
this.posts.push(...res.data)
|
|
} else {
|
|
this.posts = res.data
|
|
}
|
|
}
|
|
},
|
|
persist: true // 开启持久化
|
|
})
|
|
|
|
export const useCharacterHiddenStore = defineStore("characterHidden", {
|
|
state: () => ({
|
|
userList: [],
|
|
userChartList: [
|
|
{
|
|
id: 1,
|
|
group: [
|
|
{ id: 1, name: "Polo Hun", avatar: defaultAvatar, fancy: 634, post: 32 },
|
|
{ id: 2, name: "楊政子", avatar: defaultAvatar, fancy: 5556, post: 23 }
|
|
],
|
|
number: "0.36"
|
|
},
|
|
{
|
|
id: 2,
|
|
group: [
|
|
{
|
|
id: 7,
|
|
name: "一人一讚 馬總統感恩有您 永遠支...",
|
|
avatar: defaultAvatar,
|
|
fancy: 0,
|
|
post: 0
|
|
},
|
|
{
|
|
id: 8,
|
|
name: "一人一讚 馬總統感恩有您 永遠支...",
|
|
avatar: defaultAvatar,
|
|
fancy: 564,
|
|
post: 13
|
|
}
|
|
],
|
|
number: 0.28
|
|
},
|
|
{
|
|
id: 3,
|
|
group: [
|
|
{
|
|
id: 9,
|
|
name: "一人一讚 馬總統感恩有您 永遠支...",
|
|
avatar: defaultAvatar,
|
|
fancy: 0,
|
|
post: 0
|
|
},
|
|
{
|
|
id: 10,
|
|
name: "一人一讚 馬總統感恩有您 永遠支...",
|
|
avatar: defaultAvatar,
|
|
fancy: 564,
|
|
post: 13
|
|
}
|
|
],
|
|
number: 0.24
|
|
}
|
|
],
|
|
posts: [],
|
|
|
|
anlysisList: [
|
|
{
|
|
id: 1,
|
|
title: "平均评论数",
|
|
unit: "数量",
|
|
xAxis: [0, 20, 40, 60, 80, 100],
|
|
max: 100,
|
|
rows: [
|
|
{ label: "目标用户", value: 90.8, type: "leader" },
|
|
{ label: "所有用户", value: 0.01, type: "user" }
|
|
]
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "平均转发次数",
|
|
unit: "数量",
|
|
xAxis: [0, 3, 6, 9, 12, 16, 18],
|
|
max: 18,
|
|
rows: [
|
|
{ label: "目标用户", value: 17, type: "leader" },
|
|
{ label: "所有用户", value: 0.01, type: "user" }
|
|
]
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "互动时间间隔",
|
|
unit: "秒",
|
|
xAxis: [0, 30, 60, 90, 120, 150],
|
|
max: 150,
|
|
rows: [
|
|
{ label: "目标用户", value: 3.63, type: "leader", highlight: false },
|
|
{ label: "所有用户", value: 127.63, type: "user" }
|
|
]
|
|
}
|
|
],
|
|
wordCloudData: [
|
|
{
|
|
text: "佩洛西",
|
|
top: 115.5,
|
|
left: 215.5,
|
|
width: 109,
|
|
height: 40,
|
|
fontSize: 28,
|
|
opacity: 1
|
|
},
|
|
{ text: "中国", top: 183.5, left: 69.5, width: 73, height: 35, fontSize: 22, opacity: 1 },
|
|
{
|
|
text: "中国人民解放军",
|
|
top: 72.5,
|
|
left: 132.5,
|
|
width: 123,
|
|
height: 22,
|
|
fontSize: 12,
|
|
opacity: 1
|
|
},
|
|
{
|
|
text: "中美关系",
|
|
top: 171.5,
|
|
left: 212.5,
|
|
width: 81,
|
|
height: 22,
|
|
fontSize: 14,
|
|
opacity: 0.8
|
|
},
|
|
{ text: "台独", top: 135.5, left: 42.5, width: 57, height: 24, fontSize: 16, opacity: 1 },
|
|
{
|
|
text: "台海和平",
|
|
top: 228.5,
|
|
left: 230.5,
|
|
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: 241.5,
|
|
left: 130.5,
|
|
width: 73,
|
|
height: 19,
|
|
fontSize: 12,
|
|
opacity: 0.7
|
|
},
|
|
{
|
|
text: "有力反制",
|
|
top: 211.5,
|
|
left: 143.5,
|
|
width: 73,
|
|
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: 36.5, width: 53, 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 }
|
|
]
|
|
}),
|
|
actions: {
|
|
async initGroupList() {
|
|
const res = await getGroupUserListFromSocial()
|
|
if (res.code != 200) return
|
|
this.userList = res.data.userList
|
|
},
|
|
async initPostList(autoIncrement) {
|
|
const res = await getInteractionHiddenPostList(autoIncrement)
|
|
if (res.code != 200) return
|
|
if (this.posts.length != 0) this.posts.push(...res.data)
|
|
else this.posts = res.data
|
|
}
|
|
},
|
|
persist: true // 开启持久化
|
|
})
|