<template>
  <div>
    <el-button size="small" type="primary" icon="el-icon-plus" @click="drawer = true">新 建</el-button>
    <el-drawer
      title="创建角色"
      :visible.sync="drawer"
      append-to-body
      size="80%"
      direction="rtl">
      <div class="drawer__panel">
        <roleContentTemp :data="{roleid:'0'}" @onSuccess="onSuccess">
          <el-button slot="cancel" size="small" @click="drawer = false" class="normal-btn-width">取 消</el-button>
        </roleContentTemp>
      </div>
    </el-drawer>
  </div>
</template>

<script>
import roleContentTemp from './roleContent.vue'
export default {
  data () {
    return{
      dialogFormVisible:false,
      drawer:false,
      form:{
        "roleid":0,
        "rolename":"",
        "remarks":""
      }
    }
  },
  components:{
    roleContentTemp
  },
  methods:{
    onSuccess () {
      this.$emit('onSuccess')
    }
  }
}

</script>
<style>
</style>