bonus
/
smart-car-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

视频管理修改

This commit is contained in:
cwchen 2026-01-20 14:04:41 +08:00
parent b75e4d381b
commit df33711f2f
1 changed files with 6 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/views/device/video/index.vue
View File

@ -9,10 +9,10 @@
</span> </span>
</div> </div>
<div class="top-right"> <div class="top-right">
<div class="timestamp"> <!-- <div class="timestamp">
<i class="el-icon-time"></i> <i class="el-icon-time"></i>
{{ currentTime }} {{ currentTime }}
</div> </div> -->
<div class="draw-line-buttons"> <div class="draw-line-buttons">
<el-button type="default" plain class="fullscreen-btn" @click="toggleFullscreen" <el-button type="default" plain class="fullscreen-btn" @click="toggleFullscreen"
icon="el-icon-full-screen"> icon="el-icon-full-screen">
@ -70,7 +70,7 @@
<el-card class="video-card" shadow="never" :body-style="{ padding: '0', height: '100%' }"> <el-card class="video-card" shadow="never" :body-style="{ padding: '0', height: '100%' }">
<div class="video-wrapper"> <div class="video-wrapper">
<div class="video-container" ref="videoContainer"> <div class="video-container" ref="videoContainer">
<video ref="videoPlayer" class="video-player" :src="videoUrl" autoplay muted controls <video ref="videoPlayer" class="video-player" :src="videoUrl" autoplay muted
@loadedmetadata="handleVideoLoaded" @error="handleVideoError" controlsList="nofullscreen"> @loadedmetadata="handleVideoLoaded" @error="handleVideoError" controlsList="nofullscreen">
您的浏览器不支持视频播放 您的浏览器不支持视频播放
</video> </video>
@ -149,10 +149,10 @@ export default {
} }
}, },
mounted() { mounted() {
this.updateTime() /* this.updateTime()
this.timer = setInterval(() => { this.timer = setInterval(() => {
this.updateTime() this.updateTime()
}, 1000) }, 1000) */
// 初始化 ResizeObserver 监听容器大小变化 // 初始化 ResizeObserver 监听容器大小变化
this.initResizeObserver() this.initResizeObserver()
@ -810,14 +810,7 @@ export default {
gap: 12px; gap: 12px;
} }
.device-control-buttons {
display: flex;
align-items: center;
gap: 12px;
margin-left: 12px;
padding-left: 12px;
border-left: 1px solid #e4e7ed;
}
} }
} }