duanhao/SocialNetworks_duan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

结构

Browse Source
This commit is contained in:
duanhao 2025-08-07 10:02:49 +08:00
parent 63d74ff930
commit 9f09f413bd
3 changed files with 22 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/store/groupEvolution/index.js
View File

@ -241,28 +241,31 @@ export const useGroupStructureStore = defineStore("groupStructure", {
groupList: [ groupList: [
{ {
id: 1, id: 1,
type: "头部自媒体", type: "群体一",
focusedTopic: "#中国海警首次登检菲律宾运补船只",
statistics: [ statistics: [
{ id: 1, iconImg: nodePrefix, name: "内部密度指数", value: 293 }, { id: 1, iconImg: nodePrefix, name: "内部", value: 293 },
{ id: 2, iconImg: edgePrefix, name: "外部拓展指数", value: 21389 } { id: 2, iconImg: edgePrefix, name: "外部", value: 21389 }
], ],
mediaList: [] mediaList: []
}, },
{ {
id: 2, id: 2,
type: "官方媒体", type: "群体二",
focusedTopic: "#外交部回应中国海警缴获菲土乓枪支",
statistics: [ statistics: [
{ id: 1, iconImg: nodePrefix, name: "内部密度指数", value: 293 }, { id: 1, iconImg: nodePrefix, name: "内部", value: 293 },
{ id: 2, iconImg: edgePrefix, name: "外部拓展指数", value: 21389 } { id: 2, iconImg: edgePrefix, name: "外部", value: 21389 }
], ],
mediaList: {} mediaList: {}
}, },
{ {
id: 3, id: 3,
type: "普通自媒体", type: "群体三",
focusedTopic: "#社会群体对中国海警缴获菲土乓枪支",
statistics: [ statistics: [
{ id: 1, iconImg: nodePrefix, name: "内部密度指数", value: 293 }, { id: 1, iconImg: nodePrefix, name: "内部", value: 293 },
{ id: 2, iconImg: edgePrefix, name: "外部拓展指数", value: 21389 } { id: 2, iconImg: edgePrefix, name: "外部", value: 21389 }
], ],
mediaList: [] mediaList: []
} }

16
src/views/GroupEvolution/groupStructure/components/groupPanel.vue
View File

@ -10,15 +10,17 @@
alt="" alt=""
/> />
<div class="group-item-title-type">{{ group.type }}</div> <div class="group-item-title-type">{{ group.type }}</div>
<div class="title-content">关注话题:&nbsp;&nbsp;{{ group.title }}</div> <div class="title-content">关注话题:&nbsp;&nbsp;{{ group.focusedTopic }}</div>
</div> </div>
<div class="group-item-statistics"> <div class="group-item-statistics">
<div class="statistics-item"> <div class="statistics-item" v-for="item in group.statistics" :key="item.id">
<img :src="statistic.iconImg" alt="" class="sta-prefix" /> <div class="statistics-item-name">
<div class="statistics-content"> {{ item.name }}
<div class="sta-name">{{ statistic.name }}</div> </div>
<div class="sta-count">{{ statistic.value }}</div> <div class="statistics-item-value">
<!-- 轨道 -->
<div class="track"></div>
<div></div>
</div> </div>
</div> </div>
</div> </div>

2
src/views/GroupEvolution/groupStructure/index.vue
View File

@ -70,7 +70,7 @@
<script setup> <script setup>
import { ref } from "vue"; import { ref } from "vue";
import GroupPanel from "../component/groupPanel.vue"; import GroupPanel from "./components/groupPanel.vue";
import GroupChart from "../component/groupChart.vue"; import GroupChart from "../component/groupChart.vue";
import GroupPost from "../component/groupPost.vue"; import GroupPost from "../component/groupPost.vue";
import GroupAnalysis from "./components/groupAnalysis.vue"; import GroupAnalysis from "./components/groupAnalysis.vue";