新增、编辑表单组件

子组件

 // 打开抽屉
const onOpen = (record) => {
    visible.value = true
    if (record) {
        let recordData = cloneDeep(record)
        formData.value = Object.assign({}, recordData)
    }
}

父组件

<!--新增-->
<a-button type="primary" @click="formRef.onOpen()" v-if="hasPerm('auditHistoryAdd')">
        <template #icon>
                <plus-outlined />
        </template>
        新增
</a-button>
<!--编辑-->
<a-button type="primary" @click="formRef.onOpen(record)" v-if="hasPerm('auditHistoryAdd')">
        <template #icon>
                <plus-outlined />
        </template>
        编辑
</a-button>