<template>
    <div>
        <el-card class="box-card" shadow="always" :body-style="{ height: bodyHeight }" style="overflow-y: auto;">
            <div slot="header" class="clearfix">
                <span>{{ title }}</span>
                <el-button style="float: right; padding: 3px 0" type="text" @click="showCard">返回列表</el-button>
            </div>
            222
        </el-card>
    </div>
</template>

<script>
export default {
  name: 'PostAdd',
  props: {
    id: {
      type: String,
      default: undefined
    }
  },
  data () {
    return {
      bodyHeight: document.body.offsetHeight - 130 + 'px',
      title: '岗位编辑',
      // 展示切换
      showOptions: {
        id: undefined,
        showList: true,
        showAdd: false,
        showEdit: false,
        showDetail: false
      }
    }
  },
  created () {
    console.log('id:' + this.id)
  },
  methods: {
    showCard () {
      this.$emit('showCard', this.showOptions)
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
