From 87317f44d9cc20ad70b6971168667e1c843e03d8 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Fri, 26 Aug 2022 01:16:50 +0800 Subject: [PATCH] 添加上传进度条 添加日志统计文字 --- src/components/layouts/baseLayout.vue | 49 ++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 46 insertions(+), 3 deletions(-) diff --git a/src/components/layouts/baseLayout.vue b/src/components/layouts/baseLayout.vue index a168c40..91552a4 100644 --- a/src/components/layouts/baseLayout.vue +++ b/src/components/layouts/baseLayout.vue @@ -5,13 +5,22 @@ <tag-Header /> </a-layout-header> - <router-view></router-view> + <keep-alive> + <router-view @showMyVideo="showMyVideo" @detailBackAction="detailBackAction"></router-view> + </keep-alive> <a-layout-footer> <AplayerBox /> <tagFooter /> + <MyVideo ref="MyVideo" @closeMyVideo="closeMyVideo"/> + + <a-button v-if="miniVideoPlayData!=null && showMiniBox" class="fadeInRight" + style="position: fixed;right: 0px;bottom: 130px;" @click="showMyVideo(miniVideoPlayData)"> + {{miniBoxContent}} + <a-icon type="youtube" style="transform: scale(1.5);" /> + </a-button> </a-layout-footer> - + <a-back-top> <a-icon type="up" />回到顶部 </a-back-top> @@ -20,22 +29,50 @@ </template> <script> + // Dplayer Api地址 + // http://dplayer.js.org/ import tagHeader from "../fixed/header.vue" import tagFooter from "../fixed/footer.vue" import AplayerBox from "../mini/Aplayer.vue" + import MyVideo from "../group/MyVideo.vue" export default { components: { tagHeader, tagFooter, AplayerBox, + MyVideo, }, data() { return { - + miniVideoPlayData: null, + firstQuery: true, + showMiniBox: false, + miniBoxContent: "视频盒子", } }, methods: { + showMyVideo(param) { + this.miniVideoPlayData = param; + this.$refs.MyVideo.showModal(param); + }, + detailBackAction(param) { + this.miniVideoPlayData = param; + this.closeMyVideo() + }, + closeMyVideo() { + if (this.firstQuery) { + this.firstQuery = !this.firstQuery; + this.showMiniBox = !this.showMiniBox; + this.$notification.info({ + message: '视频盒子最小化啦..', + placement: 'bottomRight', + }); + setTimeout(() => { + this.miniBoxContent = ""; + }, 6000); + } + }, // 下载文件 down: function() { console.log(111); @@ -90,6 +127,10 @@ } } + .ant-timeline-item-head { + background-color: transparent !important; + } + } span, @@ -110,6 +151,8 @@ -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; } + + .fadeInLeft { -webkit-animation-name: "fadeInLeft"; -- Gitblit v1.9.1