<template>
  <section class="AiDialogBtn">
    <div @click="dialog=true">
      <slot v-if="$scopedSlots.btn" name="btn"/>
      <el-button type="text">{{ text }}</el-button>
    </div>
    <ai-dialog :visible.sync="dialog" :title="dialogTitle" width="1200px" customFooter>
      <slot/>
      <template #footer>
        <el-button @click="dialog=false">关闭</el-button>
      </template>
    </ai-dialog>
  </section>
</template>

<script>
export default {
  name: "AiDialogBtn",
  props: {
    text: {default: "点击弹窗"},
    dialogTitle: {default: "展示信息"}
  },
  data() {
    return {
      dialog: false
    }
  }
}
</script>

<style lang="scss" scoped>
.AiDialogBtn {
}
</style>
