<template>
  <div>
    <el-tabs v-model="activeName" style="padding-left: 10px" @tab-click="handleClick">
      <el-tab-pane label="事件档案" name="event">
        <event />
      </el-tab-pane>
      <el-tab-pane label="隐患档案" name="pitfall">
        <pitfall />
      </el-tab-pane>
      <el-tab-pane label="风险档案" name="risk">
        <risk />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import Base from '@/views/base/base'
import BaseData from '@/views/base/baseData'
import Event from '@/views/archives/event'
import Pitfall from '@/views/archives/pitfall'
import Risk from '@/views/archives/risk'

export default {
    name: 'KnowledgeALL',
    components: {
        Event, Pitfall, Risk
    },
    mixins: [Base, BaseData],
    data() {
        return {
            activeName: 'event'
        }
    },
    mounted() {

    },
    methods: {
        handleClick(tab, event) {
            // //console.log(tab, event)

        }
    }
}
</script>

<style scoped>

</style>
