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)" @click="handleLeaderPost(post)"
> >
<div class="post-type"> <div class="post-type">
<img src="@/assets/images/groupEvolution/group_icon.png" alt=""> <img src="@/assets/images/groupEvolution/group_icon.png" alt="" />
</div> </div>
<span class="timestamp">{{ post.timestamp }}</span> <span class="timestamp">{{ TansTimestamp(post.time, "YYYY.MM.DD HH:mm:ss") }}</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="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>
<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>
<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> </span>
</div> </div>
</div> </div>
<div v-else class="scrolling-content"> <div v-else class="scrolling-content">
<div <div
v-for="(post, index) in posts" v-for="(post, index) in posts"
:key="index" :key="index"
:class="{ highlighted: post.highlighted }" :class="{ highlighted: post.highlighted }"
@ -40,7 +56,7 @@
> >
<div class="post-type"> <div class="post-type">
<div class="type-left"> <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> <span class="title-text">{{ post.abnormalGroup }}</span>
</div> </div>
<div class="type-right"> <div class="type-right">
@ -75,7 +91,8 @@
import abnormalPostItemTitle from "@/assets/images/abnormalGroup/abnormal-action-analysis-item-title.png" import abnormalPostItemTitle from "@/assets/images/abnormalGroup/abnormal-action-analysis-item-title.png"
import groupEvolutionTitle from "@/assets/images/groupEvolution/group-evolution-analysis-titlt.png" import groupEvolutionTitle from "@/assets/images/groupEvolution/group-evolution-analysis-titlt.png"
import abnormalTitle from "@/assets/images/abnormalGroup/abnormal-action-analysis-title.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({ const props = defineProps({
posts: { posts: {
type: Array, type: Array,
@ -139,12 +156,12 @@ function resumeScroll() {
} }
onMounted(() => { onMounted(() => {
console.log("打印moudleName:"); console.log("打印moudleName:")
console.log(props.moduleName); console.log(props.moduleName)
console.log(props.posts); console.log(props.posts)
startScroll(); startScroll()
}); })
onBeforeUnmount(() => { onBeforeUnmount(() => {
pauseScroll() pauseScroll()
}) })
@ -218,7 +235,7 @@ onBeforeUnmount(() => {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
color: #8EFBFF; color: #8efbff;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;
font-style: Medium; font-style: Medium;