<template>
<div class='modal' v-if='<%= singular_table_name %>'> <div class="form"> <div class="header"> <h1>New <%= singular_table_name.titleize %></h1> <div class="close" @click="close">X</div> </div> <div class="content"> <<%= singular_table_name %>-form v-model='<%= singular_table_name %>'/> </div> <div class="footer"> <button @click='create'>创建</button> <button @click='close'>取消</button> </div> </div> </div>
</template>
<script> import <%= singular_table_name %>Form from './_form' export default {
components:{ <%= singular_table_name %>Form }, props:{ <%= singular_table_name %>:{ default:null } }, model:{ prop:"<%= singular_table_name %>", event:"close" }, methods:{ close(){ this.$emit('close',null) }, create(){ this.$emit('create') this.close() } }
} </script>
<style scoped lang='scss'>
</style>