<template> <j-modal :title="title" :width="1200" :visible="visible" :maskClosable="false" switchFullscreen @ok="handleOk" :okButtonProps="{ class:{'jee-hidden': disableSubmit} }" @cancel="handleCancel"> <cycle-count-detail-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit"/> </j-modal> </template> <script> import CycleCountDetailForm from './CycleCountDetailForm' export default { name: 'CycleCountDetailModal', components: { CycleCountDetailForm }, data() { return { title:'', 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.handleOk(); }, submitCallback(){ this.$emit('ok'); this.visible = false; }, handleCancel () { this.close() } } } </script> <style scoped> </style>