diff --git a/src/components/timeAxis.vue b/src/components/timeAxis.vue index 50dbbc2..295cff8 100644 --- a/src/components/timeAxis.vue +++ b/src/components/timeAxis.vue @@ -9,7 +9,11 @@ placement="bottom" effect="light" > -
+
@@ -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 diff --git a/src/views/GroupEvolution/component/groupGraph.vue b/src/views/GroupEvolution/component/groupGraph.vue index 52429fd..280bb34 100644 --- a/src/views/GroupEvolution/component/groupGraph.vue +++ b/src/views/GroupEvolution/component/groupGraph.vue @@ -6,7 +6,7 @@ props.posts, + () => { + nextTick(() => { + if (listRef.value) { + listRef.value.scrollTop = listRef.value.scrollHeight + } + }) + }, + { deep: true } +) + onMounted(() => { startScroll() }) diff --git a/src/views/GroupEvolution/groupIdentifyDiscovery/index.vue b/src/views/GroupEvolution/groupIdentifyDiscovery/index.vue index 9163fa0..546bde5 100644 --- a/src/views/GroupEvolution/groupIdentifyDiscovery/index.vue +++ b/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) //随着时间轴变动,更新贴文列表 }