<template>
	<div class="redressBox" @click="jumpRedressUrl">
		<a-tooltip
			title="纠错"
			v-if="props.isShow.includes(2)"
			:getPopupContainer="(trigger) => trigger.parentElement"
			placement="left"
		>
			<CommentOutlined style="font-size: 40px" />
		</a-tooltip>
		<a-tooltip
			title="技术"
			v-if="props.isShow.includes(1)"
			:getPopupContainer="(trigger) => trigger.parentElement"
			class="ml-2"
			placement="left"
		>
			<CommentOutlined style="font-size: 40px" />
		</a-tooltip>
		<a-tooltip
			title="讨论"
			v-if="props.isShow.includes(3)"
			:getPopupContainer="(trigger) => trigger.parentElement"
			class="ml-2"
			placement="left"
		>
			<CommentOutlined style="font-size: 40px" />
		</a-tooltip>
	</div>
</template>

<script setup>
	import { useRoute, useRouter } from 'vue-router'
	const router = useRouter()
	const props = defineProps({
		isShow:{
			type:Array,
			default:[1,2,3]
		},
		forumData: {
			type: Object,
			default: () => {}
		}
	})
	const jumpRedressUrl = () => {
		router.push({
			path: '/forum/addForum',
			query: props.forumData
		})
	}
</script>

<style lang="less" scoped>
	.redressBox {
		position: fixed;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		right: 20px;
		bottom: 200px;
		color: #969696;
		cursor: pointer;
	}
</style>
