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

页面1动态贴文完毕

Browse Source
This commit is contained in:
qumeng039@126.com 2025-08-05 14:39:54 +08:00
parent 31de894358
commit 0439769bc8
1 changed files with 32 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
src/views/GroupEvolution/component/groupPost.vue
View File

@ -20,19 +20,35 @@
@click="handleLeaderPost(post)"
>
<div class="post-type">
<img src="@/assets/images/groupEvolution/group_icon.png" alt="">
<img src="@/assets/images/groupEvolution/group_icon.png" alt="" />
</div>
<span class="timestamp">{{ post.timestamp }}</span>
<span class="author" v-if="props.moduleName == '群体识别发现'">【{{ post.groupCategory }}】&nbsp;&nbsp;的节点数增加<span style="color: #9DF9FE;">{{ post.nodeAddCount }}</span>个，&nbsp;&nbsp;连边增加<span style="color: #9DF9FE;">{{ post.edgeAddCount }}</span>个
<span class="timestamp">{{ TansTimestamp(post.time, "YYYY.MM.DD HH:mm:ss") }}</span>
<span class="author" v-if="props.moduleName == '群体识别发现'"
>【{{ post.type }}】&nbsp;&nbsp;的节点数{{ post.nodeChange < 0 ? "减少" : "增加"
}}<span style="color: #9df9fe">{{ Math.abs(post.nodeChange) }}</span
>个，&nbsp;&nbsp;连边{{ post.edgeChange < 0 ? "减少" : "增加"
}}<span style="color: #9df9fe">{{ Math.abs(post.edgeChange) }}</span
>个
</span>
<span class="author" v-else-if="props.moduleName == '群体结构演化分析'">【{{ post.groupCategory }}】&nbsp;&nbsp;的内部连边增加<span style="color: #9DF9FE;">{{ post.innerEdgeAddCount }}</span>条，&nbsp;&nbsp;外部连边增加<span style="color: #9DF9FE;">{{ post.outerEdgeAddCount }}</span>条
<span class="author" v-else-if="props.moduleName == '群体结构演化分析'"
>【{{ post.groupCategory }}】&nbsp;&nbsp;的内部连边增加<span style="color: #9df9fe">{{
post.innerEdgeAddCount
}}</span
>条，&nbsp;&nbsp;外部连边增加<span style="color: #9df9fe">{{
post.outerEdgeAddCount
}}</span
>条
</span>
<span class="author" v-else-if="props.moduleName == '群体成员演化分析'">【{{ post.groupCategory }}】&nbsp;&nbsp;的成员数目增加了<span style="color: #9DF9FE;">{{ post.memberAddCount }}</span>位
<span class="author" v-else-if="props.moduleName == '群体成员演化分析'"
>【{{ post.groupCategory }}】&nbsp;&nbsp;的成员数目增加了<span style="color: #9df9fe">{{
post.memberAddCount
}}</span
>位
</span>
</div>
</div>
<div v-else class="scrolling-content">
<div
<div
v-for="(post, index) in posts"
:key="index"
:class="{ highlighted: post.highlighted }"
@ -40,7 +56,7 @@
>
<div class="post-type">
<div class="type-left">
<img class="title-img" :src="abnormalPostItemTitle" alt="">
<img class="title-img" :src="abnormalPostItemTitle" alt="" />
<span class="title-text">{{ post.abnormalGroup }}</span>
</div>
<div class="type-right">
@ -75,7 +91,8 @@
import abnormalPostItemTitle from "@/assets/images/abnormalGroup/abnormal-action-analysis-item-title.png"
import groupEvolutionTitle from "@/assets/images/groupEvolution/group-evolution-analysis-titlt.png"
import abnormalTitle from "@/assets/images/abnormalGroup/abnormal-action-analysis-title.png"
import { ref, computed, defineProps, defineEmits, onMounted, onBeforeUnmount } from "vue";
import { ref, computed, defineProps, defineEmits, onMounted, onBeforeUnmount } from "vue"
import { TansTimestamp } from "@/utils/transform"
const props = defineProps({
posts: {
type: Array,
@ -139,12 +156,12 @@ function resumeScroll() {
}
onMounted(() => {
console.log("打印moudleName:");
console.log(props.moduleName);
console.log(props.posts);
startScroll();
});
console.log("打印moudleName:")
console.log(props.moduleName)
console.log(props.posts)
startScroll()
})
onBeforeUnmount(() => {
pauseScroll()
})
@ -218,7 +235,7 @@ onBeforeUnmount(() => {
position: absolute;
top: 0;
left: 0;
color: #8EFBFF;
color: #8efbff;
font-family: PingFang SC;
font-weight: 400;
font-style: Medium;