From af029bdfb645bd2b75fbab687c1a5f45b428d801 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Thu, 11 Aug 2022 18:53:48 +0800 Subject: [PATCH] 优化上传逻辑,月台添加mini播放弹窗 --- src/components/group/MyVideo.vue | 43 ++++++++++++++++++++++++++++++------------- 1 files changed, 30 insertions(+), 13 deletions(-) diff --git a/src/components/group/MyVideo.vue b/src/components/group/MyVideo.vue index 2e69c63..4efcec7 100644 --- a/src/components/group/MyVideo.vue +++ b/src/components/group/MyVideo.vue @@ -1,30 +1,50 @@ <template> <div class="myModal"> - <a-modal v-model="visible" title="" :footer="null" :mask="false" :maskClosable="false" :placement="placement" - :bodyStyle="{'overflow':'overlay','maxHeight': '550px'}"> - <div>11</div> - + <a-modal v-model="visible" title="视频盒子" :footer="null" :mask="false" :maskClosable="true" + :bodyStyle="{'overflow':'overlay','maxHeight': '750px'}"> + <videoDetail ref="videoDetail"></videoDetail> </a-modal> </div> </template> <script> - import { - history - } from '../../api/blogArticleComment.js' + import videoDetail from "../mini/box16-videoDetail.vue" export default { + components: { + videoDetail, + }, + watch: { + // '$route'(to, from) { + // if ("mdDetail" === to.name) { + // this.articleId = this.$route.query.id; + // this.articleFileType = this.$route.query.articleFileType; + // } + // }, + articleId: function(newValue, oldValue) { + if (newValue == undefined || newValue == null || newValue == "") { + this.showMsg = true; + this.errorMsg = "日志id参数缺失"; + } else { + this.$nextTick(function() { + this.$refs.myComment.updateCommentList(this.articleId); + }) + } + }, + }, data() { return { visible: false, - placement: "bottom" + articleId: "", } }, - beforeMount() {}, methods: { - showModal() { + showModal(param) { this.visible = true; + this.$nextTick(function() { + this.$refs.videoDetail.showVideo(param) + }) }, handleCancel(e) { this.visible = false; @@ -35,7 +55,4 @@ </script> <style scoped> - a { - color: black; - } </style> -- Gitblit v1.9.1