<template>
  <j-modal
    :title="title"
    :width="1200"
    :visible="visible"
    :maskClosable="false"
    switchFullscreen
    @ok="handleOk"
    @cancel="handleCancel">
     <${Format.humpToShortbar(entityName)}-form ref="realForm" @ok="submitCallback"/>
  </j-modal>
</template>

<script>

 import ${entityName}Form from './${entityName}Form'
 export default {
     name: '${entityName}Modal',
     components: {
       ${entityName}Form
     },
     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>