|
|
@@ -0,0 +1,80 @@
|
|
|
+<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>
|
