From 1b6f1e454fff0187d4d30dcf0d5819d4f57f1787 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Mon, 29 Aug 2022 01:05:14 +0800
Subject: [PATCH] 新增iframe 播放页 新增日志编辑页

---
 src/components/group/tool.vue |  100 +++++++++++++++++++++++++++++++++++---------------
 1 files changed, 70 insertions(+), 30 deletions(-)

diff --git a/src/components/group/tool.vue b/src/components/group/tool.vue
index d4f319f..83952df 100644
--- a/src/components/group/tool.vue
+++ b/src/components/group/tool.vue
@@ -1,26 +1,50 @@
 <template>
 	<a-affix :offset-top="600">
 
-		<div style="padding-left:5px;">
-			<!-- <a-button @click="showDrawer1">
-				抽屉1
-			</a-button> -->
-			<!-- <a-button @click="showDrawer2">
-				抽屉2
-			</a-button> -->
-			<a-button @click="showPreview">
-				预览
-				<a-icon type="youtube" />
-			</a-button>
-			<a-button @click="showModal">
-				日志
-				<a-icon type="plus-circle" />
-			</a-button>
-			<a-button @click="showScreen">
-				{{screenModel}}
-				<a-icon type="arrows-alt" />
-			</a-button>
-
+		<div style="padding-left:5px;" class="myButton">
+			<div>
+				<a-button @click="()=>this.$router.back(-1)">
+					后退
+					<a-icon type="left" />
+				</a-button>
+				<a-button v-if="!drawerStatus" @click="changeDrawerStatus">
+					展开
+					<a-icon type="down" />
+				</a-button>
+				<a-button v-if="drawerStatus" @click="changeDrawerStatus">
+					合上
+					<a-icon type="up" />
+				</a-button>
+			</div>
+			<div v-if="drawerStatus">
+				<a-button @click="showScreen" v-if="!screen">
+					拉伸
+					<a-icon type="arrows-alt" />
+				</a-button>
+				<a-button @click="showScreen" v-if="screen">
+					缩小
+					<a-icon type="shrink" />
+				</a-button>
+				
+				<a-button @click="showPreview">
+					预览
+					<a-icon type="youtube" />
+				</a-button>
+				<a-button @click="showModal">
+					日志
+					<a-icon type="plus-circle" />
+				</a-button>
+				<a-button @click="addLink" v-if="showHidenButton">
+					加链
+					<a-icon type="smile" />
+				</a-button>
+				<a-button @click="showMessage">
+					<a-badge status="success">
+						<span>消息</span>
+					</a-badge>
+					<a-icon type="message" />
+				</a-button>
+			</div>
 			<!-- <a-button>
 				工具
 				<a-icon type="tool" style="margin-left: 0px;" />
@@ -30,16 +54,32 @@
 </template>
 
 <script>
+	import myConstant from "../../config/myConstant.js"
+
 	export default {
 		data() {
 			return {
 				screen: false,
-				screenModel: "拉伸"
+				showHidenButton: false,
+				drawerStatus: false
+			}
+		},
+		mounted() {
+			let tempVisitorData = localStorage.getItem(myConstant.visitorDataKey);
+			if (tempVisitorData != null && JSON.parse(tempVisitorData).nickName == myConstant.userName) {
+				//this.$message.info("认证成功..")
+				this.showHidenButton = true
 			}
 		},
 		methods: {
-			showDrawer1() {
-				this.$emit('showDrawer1')
+			changeDrawerStatus() {
+				this.drawerStatus = !this.drawerStatus;
+			},
+			addLink() {
+				this.$emit('addLink')
+			},
+			showMessage() {
+				this.$emit('showMessage')
 			},
 			showModal() {
 				this.$emit('showModal')
@@ -49,16 +89,16 @@
 			},
 			showScreen() {
 				this.$emit('showScreen')
-				if (this.screen) {
-					this.screenModel = "拉伸";
-				}else{
-					this.screenModel = "缩小";
-				}
-				this.screen=!this.screen;
+				this.screen = !this.screen;
 			}
 		},
 	}
 </script>
 
-<style>
+<style lang="less">
+	.myButton {
+		button {
+			min-width: 90px;
+		}
+	}
 </style>

--
Gitblit v1.9.1