From 9f09e3a4fe8ca412f445babcb2da55694253d591 Mon Sep 17 00:00:00 2001
From: "wangmingyong@163.com" <wangmingyong@163.com>
Date: Fri, 28 Aug 2026 16:44:44 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=B3=E6=89=A7=E6=B3=95=E7=AB=AF?=
 =?UTF-8?q?=E8=A7=86=E9=A2=91=E9=A6=96=E5=B8=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../nos/components/NosDetailMaterialsTab.vue    | 14 +++++++++++++-
 .../views/enforcement/nos/nosCloudRecord.vue    | 17 +++++++++++++++--
 2 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/zdxt-web-client/zdxt-efcode-enforcement-app/src/views/enforcement/nos/components/NosDetailMaterialsTab.vue b/zdxt-web-client/zdxt-efcode-enforcement-app/src/views/enforcement/nos/components/NosDetailMaterialsTab.vue
index 258841a3..b512a2b0 100644
--- a/zdxt-web-client/zdxt-efcode-enforcement-app/src/views/enforcement/nos/components/NosDetailMaterialsTab.vue
+++ b/zdxt-web-client/zdxt-efcode-enforcement-app/src/views/enforcement/nos/components/NosDetailMaterialsTab.vue
@@ -26,7 +26,7 @@
         <div class="material-media">
           <template v-for="(url, fileIndex) in item.itemValue" :key="fileIndex">
             <div v-if="isVideo(url)" class="media-item media-item--video" @click="onPreview(url, item.itemValue)">
-              <video :src="resolveMediaUrl(url)" muted preload="metadata" class="video-thumb"></video>
+              <video :src="resolveMediaUrl(url)" muted preload="metadata" class="video-thumb" @loadedmetadata="onVideoLoadedMeta"></video>
               <van-icon name="play-circle-o" class="play-icon" />
             </div>
             <div v-else-if="isPdf(url)" class="media-item media-item--pdf" @click="onPreview(url, item.itemValue)">
@@ -226,6 +226,18 @@ const minDate = new Date()
 
 const resolveMediaUrl = (url) => toFullFileUrl(url)
 
+// 视频 metadata 加载后，seek 到 0.5s 跳过开头黑帧作为封面
+const onVideoLoadedMeta = (e) => {
+  const v = e.target
+  if (!v || !isFinite(v.duration)) return
+  const target = Math.min(0.5, v.duration / 2)
+  try {
+    v.currentTime = target
+  } catch (err) {
+    // 忽略 seek 异常
+  }
+}
+
 const pickerDate = ref([String(minDate.getFullYear()), String(minDate.getMonth() + 1).padStart(2, '0'), String(minDate.getDate()).padStart(2, '0')])
 
 const onAuditChange = (item) => {
diff --git a/zdxt-web-client/zdxt-efcode-enforcement-app/src/views/enforcement/nos/nosCloudRecord.vue b/zdxt-web-client/zdxt-efcode-enforcement-app/src/views/enforcement/nos/nosCloudRecord.vue
index c69a5b1e..71b9c3cb 100644
--- a/zdxt-web-client/zdxt-efcode-enforcement-app/src/views/enforcement/nos/nosCloudRecord.vue
+++ b/zdxt-web-client/zdxt-efcode-enforcement-app/src/views/enforcement/nos/nosCloudRecord.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="cloud-record-page app_content">
-    <van-nav-bar title="执法监督码" left-arrow @click-left="onBack" />
+    <!-- <van-nav-bar title="执法监督码" left-arrow @click-left="onBack" /> -->
 
     <div class="cloud-record-body">
       <van-tabs
@@ -29,7 +29,7 @@
                 <div class="section-card">
                   <div class="section-title">云视频</div>
                   <div v-if="cloudVideo" class="video-wrap" @click="showVideoPreview = true">
-                    <video :src="cloudVideo" muted preload="metadata" class="video-thumb" />
+                    <video :src="cloudVideo" muted preload="metadata" class="video-thumb" @loadedmetadata="onVideoLoadedMeta" />
                     <van-icon name="play-circle-o" class="play-icon" />
                   </div>
                   <div v-else class="media-placeholder">暂无视频</div>
@@ -107,6 +107,19 @@ const applyDetailData = (data) => {
   recordId.value = data.id || ''
 }
 
+// 视频 metadata 加载后，seek 到 0.5s 跳过开头黑帧作为封面
+const onVideoLoadedMeta = (e) => {
+  const v = e.target
+  if (!v || !isFinite(v.duration)) return
+  // 跳过开头黑帧：取 0.5s 与视频时长一半的较小值，避免短视频越界
+  const target = Math.min(0.5, v.duration / 2)
+  try {
+    v.currentTime = target
+  } catch (err) {
+    // 忽略 seek 异常
+  }
+}
+
 const fetchDetail = async () => {
   const taskId = route.query.id
   if (!taskId) {