<template> <j-modal :title="title" :width="width" :visible="visible" switchFullscreen @ok="handleOk" :okButtonProps="{ class:{'jee-hidden': disableSubmit} }" @cancel="handleCancel" cancelText="关闭"> <cycle-count-preference-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit"></cycle-count-preference-form> </j-modal> </template> <script> import CycleCountPreferenceForm from './CycleCountPreferenceForm' export default { name: 'CycleCountPreferenceModal', components: { CycleCountPreferenceForm }, 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>