|
@@ -7,7 +7,8 @@
|
|
|
<br />
|
|
|
反馈
|
|
|
</span>
|
|
|
- <!-- <el-icon><DArrowRight /></el-icon> -->
|
|
|
+ <br />
|
|
|
+ <span @click="dialogVisible2 = true">客服</span>
|
|
|
</div>
|
|
|
<el-dialog v-model="dialogVisible" :before-close="handleClose" width=500>
|
|
|
<template #header>
|
|
@@ -31,18 +32,33 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
+ <el-drawer v-model="dialogVisible2" width="100%" :direction="rtl" :size="Full_Screen?' 100%':'30%'" :with-header="false">
|
|
|
+ <div slot="title" style="text-align: right;">
|
|
|
+ <img style="cursor: pointer;width: 30px;" :src="!Full_Screen?FullScreen:noFullScreen" @click="Full_Screen = !Full_Screen" alt="">
|
|
|
+ </div>
|
|
|
+ <div style="height: calc(100% - 32px);">
|
|
|
+ <iframe width="100%" height="100%" src="https://aichat.cocorobo.cn/#/?id=335951a7-65ec-40e9-ae91-2971464ade4e&type=agent" frameborder="0" scrolling="no"></iframe>
|
|
|
+ </div>
|
|
|
+ </el-drawer>
|
|
|
</template>
|
|
|
<script setup>
|
|
|
import { ref, onMounted } from 'vue';
|
|
|
import { ChatRound } from '@element-plus/icons-vue'
|
|
|
import { ElMessage } from 'element-plus'
|
|
|
+import FullScreen from '@/assets/icon/fullScreen.png'
|
|
|
+import noFullScreen from '@/assets/icon/nofullScreen.png'
|
|
|
const dialogVisible = ref(false)
|
|
|
const textarea1 = ref("")
|
|
|
+const dialogVisible2 = ref(true)
|
|
|
+const Full_Screen = ref(false)
|
|
|
|
|
|
const goFeedback = () => {
|
|
|
// top.location.href = "https://bbs.cocorobo.cn/"
|
|
|
dialogVisible.value = true
|
|
|
}
|
|
|
+const CustomerService = () => {
|
|
|
+ top.location.href = "https://bbs.cocorobo.cn/"
|
|
|
+}
|
|
|
const updateReduction = () => {
|
|
|
if (textarea1.value != "") {
|
|
|
dialogVisible.value = false
|