<template>
    <div class="Feedback">
        <span @click="goFeedback()">
            <el-icon>
                <ChatRound />
            </el-icon>
            <br />
            反馈
        </span>
        <!-- <el-icon><DArrowRight /></el-icon> -->
    </div>
    <el-dialog v-model="dialogVisible" :before-close="handleClose" width=500>
        <template #header>
            <div class="dialog-header img_text_middle">
                <el-icon>
                    <ChatRound />
                </el-icon>
                <span class="warning_text" style="margin-left: 8px;">其他问题</span>
            </div>
        </template>
        <el-input v-model="textarea1" style="" type="textarea" placeholder="请描述你使用过程遇到的问题，我们会持续修改优化"
            :autosize="{ minRows: 4, maxRows: 4 }">

        </el-input>
        <template #footer>
            <div class="dialog-footer">
                <el-button type="primary" @click="updateReduction()">
                    确认
                </el-button>
                <el-button @click="dialogVisible = false">取消</el-button>
            </div>
        </template>
    </el-dialog>
</template>
<script setup>
import { ref, onMounted } from 'vue';
import { ChatRound } from '@element-plus/icons-vue'
import { ElMessage } from 'element-plus'
const dialogVisible = ref(false)
const textarea1 = ref("")

const goFeedback = () => {
    // top.location.href = "https://bbs.cocorobo.cn/"
    dialogVisible.value = true
}
const updateReduction = () => {
    if (textarea1.value != "") {
        dialogVisible.value = false
        ElMessage({
            message: '反馈问题提交成功',
            type: 'success',
        })
    } else {
        ElMessage({
            message: '请输入您要反馈的意见',
            type: 'warning',
        })
    }

}
</script>
<style lang="scss" scoped>
.Feedback {
    position: fixed;
    bottom: 50px;
    right: 30px;
    background: #fff;
    padding: 10px 0;
    border-radius: 30px;
    text-align: center;
    box-shadow: 1px 2px 1px 2px #f1f1f1;

    span {
        display: inline-block;
        padding: 10px 8px;
        cursor: pointer;
        font-size: 14px;
    }
}
</style>