修改时间轴精确度

src/components/timeAxis.vue

@@ -9,7 +9,11 @@
         placement="bottom"
         effect="light"
       >
-        <div class="time-section" :style="{ left: getTimeSectionLeft(time) + 5 + 'px' }"></div>
+        <div
+          class="time-section"
+          :style="{ left: getTimeSectionLeft(time) + 'px' }"
+          @pointerdown.stop="handleSectionPointerDown(time)"
+        ></div>
       </el-tooltip>
 
       <div class="progress-bar" :style="trackStyle"></div>
@@ -154,7 +158,7 @@ const play = () => {
 const getTimeFromPosition = (position) => {
   const ratio = Math.max(0, Math.min(1, position / axisWidth))
   const timeOffset = totalDuration * ratio
-  return new Date(startTimeMs + timeOffset)
+  return TansTimestamp(startTimeMs + timeOffset, "YYYY-MM-DD HH:mm:ss")
 }
 
 // 在时间轴上点击任意时间
@@ -203,6 +207,17 @@ const handlePointPointerDown = (e) => {
   document.addEventListener("pointerup", handlePointerUp)
 }
 
+// 点击时间段时的处理函数
+const timeSectionWidth = 4 // 与样式保持一致
+const handleSectionPointerDown = (time) => {
+  pause()
+  // 计算该时间点的中心位置
+  const left = getTimeSectionLeft.value(time) + timeSectionWidth / 2
+  currentPosition.value = left
+  currentTime.value = TansTimestamp(new Date(time), "YYYY-MM-DD HH:mm:ss")
+  emit("click:pointerDown", currentTime.value)
+}
+
 //重置时间轴
 const reset = () => {
   currentPosition.value = props.initPosition

src/views/GroupEvolution/component/groupGraph.vue

@@ -6,7 +6,7 @@
       <TimeAxis
         v-if="timeList.length"
         :time-list="timeList"
-        :is-auto-play="false"
+        :is-auto-play="true"
         :start-time="new Date(timeList[0])"
         :end-time="new Date(timeList[timeList.length - 1])"
         @click:pointerDown="handlePointerDown"

src/views/GroupEvolution/component/groupPost.vue

@@ -91,7 +91,7 @@
 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, defineProps, defineEmits, onMounted, onBeforeUnmount } from "vue"
+import { ref, defineProps, defineEmits, onMounted, onBeforeUnmount, watch, nextTick } from "vue"
 import { TansTimestamp } from "@/utils/transform"
 const props = defineProps({
   posts: {
@@ -154,6 +154,19 @@ function resumeScroll() {
   startScroll()
 }
 
+//当贴文列表更新，自动滚动到最底
+watch(
+  () => props.posts,
+  () => {
+    nextTick(() => {
+      if (listRef.value) {
+        listRef.value.scrollTop = listRef.value.scrollHeight
+      }
+    })
+  },
+  { deep: true }
+)
+
 onMounted(() => {
   startScroll()
 })

src/views/GroupEvolution/groupIdentifyDiscovery/index.vue

@@ -75,6 +75,10 @@ const handleOpenPostDialog = (post) => {
 }
 
 const handleChangeXAxis = (utcTime) => {
+  const timeList = groupDiscoveryStore.timeList
+  console.log(utcTime)
+
+  if (!timeList.includes(utcTime)) return
   groupDiscoveryStore.initialPostByUtcTime(utcTime) //随着时间轴变动，更新贴文列表
 }