From 780c1858c9d8f3adf17287ddc4c717833e305c65 Mon Sep 17 00:00:00 2001 From: feige <791364011@qq.com> Date: 星期日, 16 六月 2024 13:47:39 +0800 Subject: [PATCH] Merge branch 'master' of http://47.93.189.255:8099/r/zhangshi_app_web --- ruoyi-ui/src/views/meeting/replay.vue | 43 +++++++++++++++++++++++++++++++++++++------ 1 files changed, 37 insertions(+), 6 deletions(-) diff --git a/ruoyi-ui/src/views/meeting/replay.vue b/ruoyi-ui/src/views/meeting/replay.vue index 439b303..3f56b4f 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> @@ -13,6 +13,7 @@ <hr> <!-- 鎼滅储 --> + <el-form :model="queryParams1"> <el-row> <el-form-item label="" prop="people"> @@ -33,7 +34,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 +43,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 +52,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 +61,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 +95,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 +185,7 @@ bottom: 5px; left: 100px; } +.video{ + object-fit: cover; +} </style> -- Gitblit v1.9.1