|
|
@ -16,6 +16,7 @@ |
|
|
var option = { |
|
|
var option = { |
|
|
"authInit":true, |
|
|
"authInit":true, |
|
|
openUrl: '{{ siteUrl }}', |
|
|
openUrl: '{{ siteUrl }}', |
|
|
|
|
|
token: '{{ uniqueToken }}', |
|
|
isShowTip: true, // 初始化成功后,界面右下角会自动创建 “联系客服按钮”, 如无需默认展示,则填写false即可,默认为true |
|
|
isShowTip: true, // 初始化成功后,界面右下角会自动创建 “联系客服按钮”, 如无需默认展示,则填写false即可,默认为true |
|
|
mobileIcon: '', // 手机端悬浮客服图片 |
|
|
mobileIcon: '', // 手机端悬浮客服图片 |
|
|
pcIcon: '', // pc端悬浮客服图片 |
|
|
pcIcon: '', // pc端悬浮客服图片 |
|
|
@ -39,22 +40,35 @@ |
|
|
</template> |
|
|
</template> |
|
|
<script setup lang="ts"> |
|
|
<script setup lang="ts"> |
|
|
import { defineProps, defineEmits } from 'vue'; |
|
|
import { defineProps, defineEmits } from 'vue'; |
|
|
|
|
|
import { getInfo } from '@/api/login'; |
|
|
const props = defineProps<{ |
|
|
const props = defineProps<{ |
|
|
tokeninfo?: any; |
|
|
tokeninfo?: any; |
|
|
siteUrl?: string; |
|
|
siteUrl?: string; |
|
|
}>(); |
|
|
}>(); |
|
|
|
|
|
|
|
|
const emit = defineEmits<{ (e: 'cgetCopy', id: string): void }>(); |
|
|
const emit = defineEmits<{ (e: 'cgetCopy', id: string): void }>(); |
|
|
|
|
|
const uniqueToken = ref(''); |
|
|
function jiazai() { |
|
|
function jiazai() { |
|
|
const token = props.tokeninfo?.token_md5 || ''; |
|
|
// const token = props.tokeninfo?.token_md5 || ''; |
|
|
|
|
|
const token = uniqueToken.value || ''; |
|
|
window.open(`${location.origin}/chat/index?token=${token}&noCanClose=1`); |
|
|
window.open(`${location.origin}/chat/index?token=${token}&noCanClose=1`); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
async function fetchUniqueToken() { |
|
|
|
|
|
const res = await getInfo(); |
|
|
|
|
|
console.log(res.data.tokenInfo); |
|
|
|
|
|
if (res.data && res.data.tokenInfo) { |
|
|
|
|
|
uniqueToken.value = res.data.tokenInfo.uniqueToken || ''; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
function getCopy(id: string) { |
|
|
function getCopy(id: string) { |
|
|
emit('cgetCopy', id); |
|
|
emit('cgetCopy', id); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
onMounted(() => { |
|
|
|
|
|
fetchUniqueToken(); |
|
|
|
|
|
}); |
|
|
</script> |
|
|
</script> |
|
|
<style> |
|
|
<style> |
|
|
.a { |
|
|
.a { |
|
|
|