<template> <j-modal :title="title" :width="width" :visible="visible" switchFullscreen @ok="handleOk" :okButtonProps="{ class:{'jee-hidden': disableSubmit} }" @cancel="handleCancel" cancelText="关闭"> <container-edit-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit"></container-edit-form> </j-modal> </template> <script> import ContainerEditForm from './ContainerEditForm' export default { name: 'ContainerEditModal', components: { ContainerEditForm }, data() { return { title: '', width: 800, visible: false, disableSubmit: false } }, methods: { add() { this.visible = true this.$nextTick(() => { this.$refs.realForm.add(); }) }, edit(record) { this.visible = true this.$nextTick(() => { this.$refs.realForm.edit(record); }) }, close() { this.$emit('close'); this.visible = false; }, handleOk() { this.$refs.realForm.submitForm(); }, submitCallback() { this.$emit('ok'); this.visible = false; }, handleCancel() { this.close() } } } </script>