From b439336f0e404d9d9aebd800fb5ad00d8b20210d Mon Sep 17 00:00:00 2001
From: yz3456 <2753272399@qq.com>
Date: 星期二, 11 六月 2024 14:07:21 +0800
Subject: [PATCH] 修改直播模块
---
ruoyi-ui/src/views/meeting/replay.vue | 42 ++++++++++++++++++++++++++++++++++++------
1 files changed, 36 insertions(+), 6 deletions(-)
diff --git a/ruoyi-ui/src/views/meeting/replay.vue b/ruoyi-ui/src/views/meeting/replay.vue
index 439b303..1b7330e 100644
--- a/ruoyi-ui/src/views/meeting/replay.vue
+++ b/ruoyi-ui/src/views/meeting/replay.vue
@@ -1,5 +1,5 @@
<template>
- <div class="app-container" style="width: 1500px; height: 800px;">
+ <div class="app-container" style="width: 100%; height: 800px;">
<!-- 鍥炲埌椤堕儴 -->
<el-backtop :bottom="150" :right="30">
<el-button type="primary" circle class="el-icon-top"></el-button>
@@ -33,7 +33,7 @@
<div class="module">
<span class="span1">涓瀹跺涵浼氳</span>
<span class="span2">2010-8-26 12:00</span>
- <el-button class="huifang" type="primary" plain >鍥炴斁</el-button>
+ <el-button class="huifang" type="primary" plain @click="show">鍥炴斁</el-button>
<div class="tubiao"><i class="el-icon-view">10000</i></div>
<p class="author">鍙戣捣鑰�</p>
</div>
@@ -42,7 +42,7 @@
<div class="module">
<span class="span1">涓瀹跺涵浼氳</span>
<span class="span2">2010-8-26 12:00</span>
- <el-button class="huifang" type="primary" plain >鍥炴斁</el-button>
+ <el-button class="huifang" type="primary" plain @click="show">鍥炴斁</el-button>
<div class="tubiao"><i class="el-icon-view">10000</i></div>
<p class="author">鍙戣捣鑰�</p>
</div>
@@ -51,7 +51,7 @@
<div class="module">
<span class="span1">涓瀹跺涵浼氳</span>
<span class="span2">2010-8-26 12:00</span>
- <el-button class="huifang" type="primary" plain >鍥炴斁</el-button>
+ <el-button class="huifang" type="primary" plain @click="show">鍥炴斁</el-button>
<div class="tubiao"><i class="el-icon-view">10000</i></div>
<p class="author">鍙戣捣鑰�</p>
</div>
@@ -60,13 +60,32 @@
<div class="module">
<span class="span1">涓瀹跺涵浼氳</span>
<span class="span2">2010-8-26 12:00</span>
- <el-button class="huifang" type="primary" plain >鍥炴斁</el-button>
+ <el-button class="huifang" type="primary" plain @click="show">鍥炴斁</el-button>
<div class="tubiao"><i class="el-icon-view">10000</i></div>
<p class="author">鍙戣捣鑰�</p>
</div>
</el-col>
</el-row>
<!-- </el-form> -->
+
+ <!-- 鍥炶瑙嗛寮圭獥 -->
+ <el-dialog
+ :visible.sync="dialogVisible"
+ width="50%"
+ height="100%"
+ :before-close="handleClose"
+ >
+
+ <h4>涓瀹跺涵浼氳</h4>
+ <el-divider />
+ <video id="video" class="video" controls width="100%%" height="480" >
+ <source src="../../assets/images/娴嬭瘯.mp4" type="video/mp4">
+ </video>
+<!-- <span slot="footer" class="dialog-footer">
+ <el-button @click="dialogVisible = false">鍙� 娑�</el-button>
+ </span> -->
+ </el-dialog>
+
</div>
</template>
<script>
@@ -75,11 +94,19 @@
return {
queryParams1: [],
vList: [],
+ dialogVisible: false,
}
},
methods: {
-
+ show(){
+ this.dialogVisible = true
+ },
+ handleClose(){
+ this.dialogVisible = false;
+ const video = document.getElementById("video")
+ video.pause()
+ }
}
}
</script>
@@ -157,4 +184,7 @@
bottom: 5px;
left: 100px;
}
+.video{
+ object-fit: cover;
+}
</style>
--
Gitblit v1.9.1