<template>
    <el-dialog
        class='ba-operate-dialog'
        v-model='dialogVisible'
        :title='title'
    >
        <span>This is a message</span>
        <template #footer>
      <span class='dialog-footer'>
        <el-button @click='dialogVisible = false'>取消</el-button>
        <el-button type='primary' @click='submit'>
          确认
        </el-button>
      </span>
        </template>
    </el-dialog>
</template>
<script lang='ts' setup>
import { ref } from 'vue'

const dialogVisible = ref(false)
const title = ref('新增菜单')
const open = (text: string, data?: anyObj) => {
    title.value = text
    dialogVisible.value = true
}
const submit = () => {
    dialogVisible.value = false
}

defineExpose({ open })


</script>