<template>
  <div class="AppConflictMediation">
    <keep-alive :include="['List']">
      <component :is="currentPage" v-bind="$props"/>
    </keep-alive>
  </div>
</template>

<script>
import List from './components/List'
import Detail from './components/Detail'

export default {
  name: 'AppConflictMediation',
  label: '矛盾调解',
  props: {
    instance: Function,
    dict: Object
  },
  computed: {
    currentPage: v => v.$route.hash == "#add" ? Detail : List
  },
  components: {
    List,
    Detail
  }
}
</script>

<style lang="scss">
.AppConflictMediation {
  height: 100%;
}
</style>
