<template>
  <!-- 首页 -->
  <div class="app-container homePage flex flex-v">
    <el-button type="primary" @click="toRYBox" style="width: 200px">打开融云通讯录</el-button>

    <ModelRongYun :RYdialogShow="dialogShow" @OneDialogHide="dialogHide"></ModelRongYun>
  </div>
</template>

<script setup name="homePage">
import ModelRongYun from '@/views/RongyunCommunication/ModelRongYun/index.vue'; //融云调用
import bus from '@/utils/util';

const dialogShow = ref(false);

const dialogHide = val => {
  if (!val) {
    dialogShow.value = false;
  }
};

const toRYBox = () => {
  dialogShow.value = true;
  bus.emit('showRy');
};

// 模拟手动打开融云弹框
// setTimeout(() => {
//   dialogShow.value = true;
//   bus.emit('showRy');
// }, 1000);
</script>

<style scoped lang="scss">
.homePage {
  height: 100%;
}
</style>