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