<template>
  <!-- 列表页 -->
  <TaskList v-if="showType === 'list'"
                    @goAdd="showAdd"
                    @goImport="showImport"/>
  <!-- 添加页 -->
  <TaskAdd v-else-if="showType === 'add'"
            @goList="showList"/>
  <!-- 导入页 -->
  <TaskImport v-else-if="showType === 'import'"
            @goList="showList"/>
</template>

<script>

  import TaskList from './modules/TaskList'
  import TaskAdd from './modules/TaskAdd'
  import TaskImport from './modules/TaskImport'

  export default {
    name: 'TaskMain',
    components: {
      TaskList,
      TaskAdd,
      TaskImport,
    },
    data () {
      return {
        description: '稽核任务管理主页面',
        showType: 'list',
      }
    },
    methods: {
      // 显示列表页面
      showList() {
        this.showType = 'list'
      },
      // 显示添加页面
      showAdd() {
        this.showType = 'add'
      },
      // 显示导入页面
      showImport(param) {
        this.showType = 'import'
      },
    }
  }
</script>

<style scoped>

</style>