<script setup lang="ts"> import { ref } from 'vue' import { logSchema } from './mailLog.data' import { BasicModal, useModalInner } from '@/components/Modal' import { Description, useDescription } from '@/components/Description/index' defineOptions({ name: 'MailLogModal' }) const logData = ref() const [registerModalInner, { closeModal }] = useModalInner((record: Recordable) => { logData.value = record }) const [registerDescription] = useDescription({ column: 1, schema: logSchema, data: logData, labelStyle: { width: '100px', }, }) </script> <template> <BasicModal v-bind="$attrs" title="发送邮件详情" width="800px" @register="registerModalInner" @ok="closeModal"> <Description @register="registerDescription" /> </BasicModal> </template>