Newer
Older
DH_Apicture / src / views / RongyunCommunication / ryindex.vue
@zhangqy zhangqy on 29 Nov 843 bytes first commit
  1. <template>
  2. <!-- 首页 -->
  3. <div class="app-container homePage flex flex-v">
  4. <el-button type="primary" @click="toRYBox" style="width: 200px">打开融云通讯录</el-button>
  5.  
  6. <ModelRongYun :RYdialogShow="dialogShow" @OneDialogHide="dialogHide"></ModelRongYun>
  7. </div>
  8. </template>
  9.  
  10. <script setup name="homePage">
  11. import ModelRongYun from '@/views/RongyunCommunication/ModelRongYun/index.vue'; //融云调用
  12. import bus from '@/utils/util';
  13.  
  14. const dialogShow = ref(false);
  15.  
  16. const dialogHide = val => {
  17. if (!val) {
  18. dialogShow.value = false;
  19. }
  20. };
  21.  
  22. const toRYBox = () => {
  23. dialogShow.value = true;
  24. bus.emit('showRy');
  25. };
  26.  
  27. // 模拟手动打开融云弹框
  28. // setTimeout(() => {
  29. // dialogShow.value = true;
  30. // bus.emit('showRy');
  31. // }, 1000);
  32. </script>
  33.  
  34. <style scoped lang="scss">
  35. .homePage {
  36. height: 100%;
  37. }
  38. </style>