<template>
  <div class="app-container">
    <el-row :gutter="10">
      <el-col :sm="12" :xs="24">
        <el-card class="box-card">
          <div slot="header" class="clearfix">
            <span>字典列表</span>
          </div>
          <dictionary ref="dictionary" @dictionaryClick="dictionaryClick" @resetItem="resetItem" />
        </el-card>
      </el-col>
      <el-col :sm="12" :xs="24">
        <el-card class="box-card">
          <div slot="header" class="clearfix">
            <span>字典详情</span>
          </div>
          <dictionary-item ref="dictionaryItem" />
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import Dictionary from './Dictionary'
import DictionaryItem from './DictionaryItem'

export default {
  name: 'DictionaryManage',
  components: { Dictionary, DictionaryItem },
  filters: {

  },
  data () {
    return {

    }
  },
  computed: {

  },
  watch: {

  },
  mounted () {

  },
  methods: {
    dictionaryClick (row) {
      this.$refs.dictionaryItem.dictionaryClick(row)
    },
    resetItem () {
      this.$refs.dictionaryItem.dictionaryClick({ id: -1 })
    }
  }
}
</script>
<style lang="scss" scoped>
.el-card /deep/ .el-card__body {
  padding: 0px;
}
</style>
