事件脉络分析

src/store/keyNodeRecognition/index.js

@@ -64,6 +64,7 @@ import jizhetuan from "@/assets/anchorAvatar/jiangxiayunfei.png"
 import qianjuzhangbenren from "@/assets/anchorAvatar/qianjuzhangbenren.png"
 import feidie from "@/assets/anchorAvatar/fei_die_gg.png"
 import shenghaiyiwanmi from "@/assets/anchorAvatar/shenhaiyiwanmi.png"
+import diguaxiong from "@/assets/anchorAvatar/diguaxiong.png"
 
 import anchorList from "@/assets/json/anchor_community.json"
 import communityList from "@/assets/json/community_nodes.json"
@@ -522,7 +523,175 @@ export const useKeyNodeRecognitionStore = defineStore("keyNodeRecognition", {
         comment: 362,
         transmit: 741,
         content: `【#环球时报社评#：#中方对菲律宾的善意和耐心不是无止境的#】在菲律宾近来不断公开否认"君子协定"、后被中方以铁证打脸之后，马尼拉又开始了新的政治表演。15日，5艘商业渔船上约200人从菲律宾高调驶向黄岩岛海域"维权"，预计16日到达黄岩岛。菲律宾官方派出海岸警卫队的船为这支所谓"民间船队"护航，一些西方媒体也迅速跟进。这一套配合相当熟练的操作，我们此前已经在菲方于南海生事的好几次事件当中看到。`
+      },
+      {
+        id: 11,
+        timestamp: "2024-01-05 08:08:02",
+        author: "爱锤盾海桃-霆恩启副",
+        influence: 39,
+        highlighted: false,
+        like: 1,
+        comment: 0,
+        transmit: 0,
+        content: `转发微博`
+      },
+      {
+        id: 12,
+        timestamp: "2024-01-06 13:28:06",
+        author: "苍龙飞天79",
+        influence: 3,
+        highlighted: false,
+        like: 3,
+        comment: 0,
+        transmit: 4,
+        content: `#南部战区南海海域例行巡航#【管姚：任何搅局南海的军事活动，都尽在中方掌握之中】#直说热评# 南部战区的官宣，最早是由其官方公众号以“权威发布”形式，于周三晚间21时30分公告，中国军网也在当晚22时转发。直新闻特约评论员管姚指出，就权威发布内容看，非常简短，不到100字，但信息量不小。既然是例行巡航，又在新年伊始，基本可以确认，这是新年的首次行动，而且类似涉及这种海空军力的多军兵种行动，也必将常态化长期化，基于坚决捍卫国家主权安全和海洋权益的战略目标，按照既定计划并因应态势发展，贯穿2024年全年。通告最后一句，“任何搅局南海、制造热点的军事活动尽在掌握之中”，在我看来，这是极具针对性的点睛之笔，南部战区的“尽在掌握”说，当然不是中国军人的随便表态。对此，昨天在南海相关海域活动的美菲军方，应该是有真切态势感知的。 管姚：任何搅局南海的军事活动，都尽在中方掌握之中来源：直新闻`
+      },
+      {
+        id: 13,
+        timestamp: "2024-04-07 10:26:26",
+        author: "平安泸县",
+        influence: 3,
+        highlighted: false,
+        like: 8,
+        comment: 9,
+        transmit: 0,
+        content: `【#南部战区位南海海域组织联合海空战巡#】`
+      },
+      {
+        id: 14,
+        timestamp: "2024-03-21 18:06:59",
+        author: "盖世英雄玉椒龙",
+        influence: 2,
+        highlighted: false,
+        like: 361,
+        comment: 12,
+        transmit: 118,
+        content: `#菲律宾34人非法登临铁线礁# 翻译，菲律宾34人组团来碰瓷`
+      },
+      {
+        id: 15,
+        timestamp: "2024-03-05 12:48:11",
+        author: "环球时报",
+        influence: 0,
+        highlighted: false,
+        like: 6949,
+        comment: 968,
+        transmit: 242,
+        content: `#菲海警船故意冲撞中方海警艇致轻微刮蹭#【中国海警局新闻发言人就菲律宾船只非法侵闯仁爱礁发表谈话】中国海警局新闻发言人甘羽表示，3月5日，菲律宾违背自身承诺，刻意派出2艘海警船、2艘运补船擅闯中国南沙群岛仁爱礁邻近海域，向其非法“坐滩”军舰运送物资。中国海警严格依法管控予以规制，出于人道主义对菲运送必需生活物资的1艘船只作出临时性特殊安排，现场处置合理合法、专业规范。期间，菲海警4407号船无视中方一再警告，违反《国际海上避碰规则》，以不专业、危险方式，故意冲撞中方正常执法的海警21555艇，导致发生轻微刮蹭，责任完全在菲方。菲方言而无信，蓄意碰瓷滋事，恶意煽宣炒作，持续破坏南海地区和平稳定。中国海警始终严阵以待，随时坚决回击任何侵权挑衅行径，坚决维护国家领土主权和海洋权益。（中国海警）`
+      },
+      {
+        id: 16,
+        timestamp: "2024-02-25 16:06:04",
+        author: "江夏云飞",
+        influence: 50,
+        highlighted: false,
+        like: 0,
+        comment: 0,
+        transmit: 0,
+        content: `//@沈逸:干得漂亮弱弱的提个建议：个人强烈建议，遇到🐸的那些伪海巡船，或者喊话驱离，或者要求停船接受检查，或者实施紧追，最好能够登临。上次金门登临检查🐸船，效果拔群，大家期待有持续更新。`
+      },
+      {
+        id: 17,
+        timestamp: "2024-03-21 20:52:01",
+        author: "唐宁20150903",
+        influence: 20,
+        highlighted: false,
+        like: 0,
+        comment: 0,
+        transmit: 0,
+        content: `转发微博`
+      },
+      {
+        id: 18,
+        timestamp: "2024-03-16 17:10:41",
+        author: "钻石狗Boss",
+        influence: 53,
+        highlighted: false,
+        like: 2,
+        comment: 0,
+        transmit: 2,
+        content: `来而不往，非礼也`
+      },
+      {
+        id: 19,
+        timestamp: "2024-02-22 17:16:37",
+        author: "乐之567",
+        influence: 5,
+        highlighted: false,
+        like: 0,
+        comment: 0,
+        transmit: 0,
+        content: `转发微博`
+      },
+      {
+        id: 20,
+        timestamp: "2024-02-25 16:51:06",
+        author: "地瓜熊老六",
+        influence: 0,
+        highlighted: false,
+        like: 854,
+        comment: 79,
+        transmit: 18,
+        content: `#福建海警在金门附近海域执法巡查#坚决支持福建海警执法巡查，我更关心的是：我们的福建渔民现在可以去金门捕鱼了吗？如果有捕鱼的视频就更好了。`
+      },
+      {
+        id: 21,
+        timestamp: "2024-05-15 19:32:06",
+        author: "CGTN记者团",
+        influence: 0,
+        highlighted: false,
+        like: 990,
+        comment: 112,
+        transmit: 49,
+        content: `【#中国海警喊话警告菲律宾非法侵闯船只#】5月15日，菲律宾非法船只不顾中方一再劝阻和警告，执意侵闯我国管辖海域。中国海警喊话警告非法侵闯船只，看现场⬇️ #CGTN在一线# CGTN记者团的微博视频】`
+      },
+      {
+        id: 22,
+        timestamp: "2024-02-25 16:50:43",
+        author: "钱局长本人",
+        influence: 0,
+        highlighted: false,
+        like: 84,
+        comment: 8,
+        transmit: 8,
+        content: `大陆海警厦金执法很争气！三招还能争势，关键时刻，美方“掉链子”（©王云飞评论）#福建海警在金门附近海域执法巡查##中国海警在厦金海域开展执法巡查行动##台湾# 钱局长本人的微博视频`
+      },
+      {
+        id: 23,
+        timestamp: "2024-02-25 16:10:02",
+        author: "肥_谍_gg",
+        influence: 26,
+        highlighted: false,
+        like: 0,
+        comment: 0,
+        transmit: 0,
+        content: `转发微博`
+      },
+      {
+        id: 24,
+        timestamp: "2024-05-23 14:30:32",
+        author: "深海一万米",
+        influence: 12,
+        highlighted: false,
+        like: 1,
+        comment: 0,
+        transmit: 0,
+        content: `#中国海警发声##福建海警舰艇编队开展综合执法演练#`
       }
+      /* 
+      ,
+      {
+        id: ,
+        timestamp: "",
+        author: "",
+        influence: ,
+        highlighted: false,
+        like: ,
+        comment: ,
+        transmit: ,
+        content: `` 
+      }
+      */
     ],
 
     //根据时间切换不同的子数组
@@ -1689,7 +1858,7 @@ export const useKeyNodeRecognitionStore = defineStore("keyNodeRecognition", {
         ]
       },
       地瓜熊老六: {
-        avatar: tangning,
+        avatar: diguaxiong,
         earlistTime: "2024-02-25 16:51:06",
         postTotal: 8,
         postTransmitedTotal: 128,

src/views/KeyNodeDiscern/anchorRecommendation/components/anchorPost.vue

@@ -14,7 +14,7 @@
       <div class="scrolling-content">
         <div
           class="post-item"
-          v-for="(post, index) in posts"
+          v-for="(post, index) in sortedPosts"
           :key="index"
           :class="{ highlighted: post.highlighted }"
           @click="handleLeaderPost(post)"
@@ -48,6 +48,12 @@ const props = defineProps({
     default: () => []
   }
 })
+// 添加计算属性对posts按timestamp升序排序
+const sortedPosts = computed(() => {
+  return [...props.posts].sort((a, b) => {
+    return new Date(a.timestamp) - new Date(b.timestamp)
+  })
+})
 
 const emit = defineEmits(["click:openDialog"])
 const animationDuration = computed(() => `${props.posts.length * 3}s`)

src/views/KeyNodeDiscern/opinionLeader/index.vue

@@ -152,8 +152,8 @@ const analysisChartData = ref([
 const wordCloudData = ref([
   {
     text: "Pelosi",
-    top: 115.5,
+    top: 50.5,
-    left: 215.5,
+    left: 132.5,
     width: 109,
     height: 40,
     fontSize: 28,
@@ -162,8 +162,8 @@ const wordCloudData = ref([
   { text: "China", top: 183.5, left: 69.5, width: 73, height: 35, fontSize: 22, opacity: 1 },
   {
     text: "中国人民解放军",
-    top: 60.5,
+    top: 115.5,
-    left: 132.5,
+    left: 215.5,
     width: 123,
     height: 22,
     fontSize: 12,
@@ -215,8 +215,24 @@ const wordCloudData = ref([
     fontSize: 12,
     opacity: 1
   },
-  { text: "White House", top: 160.5, left: 15.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 },
+  {
-  { text: "Internal Affairs", top: 80.5, left: 30.5, width: 53, height: 22, fontSize: 14, opacity: 1 },
+    text: "White House",
+    top: 160.5,
+    left: 15.5,
+    width: 49,
+    height: 19,
+    fontSize: 12,
+    opacity: 0.8
+  },
+  {
+    text: "Internal Affairs",
+    top: 80.5,
+    left: 30.5,
+    width: 53,
+    height: 22,
+    fontSize: 14,
+    opacity: 1
+  },
   { text: "访台", top: 110.5, left: 95.5, width: 49, height: 19, fontSize: 12, opacity: 0.8 },
   { text: "Territory", top: 40.5, left: 72.5, width: 49, height: 19, fontSize: 12, opacity: 0.6 },
   { text: "Principle", top: 77.5, left: 264.5, width: 49, height: 19, fontSize: 12, opacity: 0.7 },