diff --git a/js/pages/dataAnalysisOctober/engineeringSafetyAnalysis.js b/js/pages/dataAnalysisOctober/engineeringSafetyAnalysis.js index 911b2b7..279d0fa 100644 --- a/js/pages/dataAnalysisOctober/engineeringSafetyAnalysis.js +++ b/js/pages/dataAnalysisOctober/engineeringSafetyAnalysis.js @@ -631,7 +631,13 @@ function initEnvironmentRecordTable() { { field: 'airQuality', title: '空气质量', width: '6%', align: 'center' }, { title: '视频查看', width: '6%', align: 'center', templet: function (d) { - return '查看'; + const videoUrl = d.videoUrl || d.video || ''; + if (videoUrl) { + // 将视频URL编码后传递 + return '查看'; + } else { + return '暂无视频'; + } } }, { field: 'analysis', title: '分析改进', width: '6%', align: 'center' }, @@ -663,9 +669,37 @@ function queryRecords() { } // 查看视频 -function viewVideo(monitoringPointNumber) { - layer.msg('查看视频: ' + monitoringPointNumber, { icon: 1 }); - // 后续实现视频查看功能 +function viewVideo(videoUrlEncoded) { + try { + // 解码视频URL + const videoUrl = decodeURIComponent(videoUrlEncoded); + + // 设置视频源 + const videoPlayer = document.getElementById('videoPlayer'); + if (videoPlayer) { + videoPlayer.src = videoUrl; + videoPlayer.load(); + } + + // 显示弹框 + $('#videoModal').addClass('show'); + } catch (e) { + console.error('解析视频URL失败:', e); + layer.msg('视频URL格式错误', { icon: 2 }); + } +} + +// 关闭视频查看弹框 +function closeVideoModal() { + const videoPlayer = document.getElementById('videoPlayer'); + if (videoPlayer) { + // 暂停视频并清空源 + videoPlayer.pause(); + videoPlayer.src = ''; + } + + // 隐藏弹框 + $('#videoModal').removeClass('show'); } // 分析与改进 diff --git a/pages/dataAnalysisOctober/engineeringSafetyAnalysis.html b/pages/dataAnalysisOctober/engineeringSafetyAnalysis.html index 3c3b6b1..6e5d4d6 100644 --- a/pages/dataAnalysisOctober/engineeringSafetyAnalysis.html +++ b/pages/dataAnalysisOctober/engineeringSafetyAnalysis.html @@ -87,6 +87,24 @@ + +
+ + +
+