@@ -97,6 +142,14 @@ function handlePlayClick(e: Event, item: any[], index: number) {
padding: 4px 0.75rem;
}
+.message-item:hover {
+ background-color: var(--ep-bg-color-page);
+}
+
+.message-item.highlighted {
+ background-color: var(--ep-color-primary-light-8) !important;
+}
+
.message-content {
flex: 1;
cursor: pointer;
diff --git a/src/pages/nav/HazardCheckResult/index.vue b/src/pages/nav/HazardCheckResult/index.vue
index fa3ef9e..5925367 100644
--- a/src/pages/nav/HazardCheckResult/index.vue
+++ b/src/pages/nav/HazardCheckResult/index.vue
@@ -113,6 +113,10 @@ const data = ref({
const selectedHazard = ref(-1)
const currentFrame = ref(0)
+
+const videoCurrentTime = computed(() => {
+ return currentFrame.value / 30
+})
const videoDuration = ref(0)
const FPS = 30
const totalFrames = computed(() => {
@@ -143,7 +147,8 @@ function updateCurrentFrame() {
const videoEl = videoRef.value
if (!videoEl)
return
- currentFrame.value = Math.floor(videoEl.currentTime * 30)
+ const newFrame = Math.floor(videoEl.currentTime * 30)
+ currentFrame.value = newFrame
}
function handleVideoLoadedMetadata() {
@@ -229,6 +234,7 @@ function handleJumpToTimePoint(seconds: number) {
// 直接设置 currentTime 实现跳转
videoEl.currentTime = seconds
+ currentFrame.value = Math.floor(seconds * 30)
// 跳转后自动暂停
videoEl.pause()
@@ -244,6 +250,7 @@ function handlePlayAndSeek(item: any[]) {
return
videoEl.currentTime = seconds
+ currentFrame.value = Math.floor(seconds * 30)
videoEl.play()
}
@@ -461,6 +468,7 @@ onMounted(() => {
handleJumpToTimePoint(Number(item[0]))"
@play="(item: any[]) => handlePlayAndSeek(item)"
/>