From aa0481c047a57977d23ea2e1e2015866c9d4b201 Mon Sep 17 00:00:00 2001
From: yz3456 <2753272399@qq.com>
Date: 星期一, 25 三月 2024 23:59:15 +0800
Subject: [PATCH] 完善了一些家庭会议模块1

---
 ruoyi-ui/src/views/meeting/replay.vue |   40 +++++++++++++++++++++++++++++++++++-----
 1 files changed, 35 insertions(+), 5 deletions(-)

diff --git a/ruoyi-ui/src/views/meeting/replay.vue b/ruoyi-ui/src/views/meeting/replay.vue
index 439b303..a0110e7 100644
--- a/ruoyi-ui/src/views/meeting/replay.vue
+++ b/ruoyi-ui/src/views/meeting/replay.vue
@@ -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