<template>
  <div class="layout-col-detail">
    <el-toolbar>
      <el-button @click="backListPage" type="primary" size="medium" round class="shadow-primary"><i class="fa fa-chevron-left"></i> 返回上页</el-button>
    </el-toolbar>
    <component :is="type"></component>
  </div>
</template>

<script>
import realTimeLog from './components/RealTimeLog.vue'
import sqlLog from './components/SqlLog.vue'
import securityLog from './components/SecurityLog.vue'
import cronLog from './components/CronLog.vue'
import userLog from './components/UserLog.vue'
import userLoginLog from './components/UserLoginLog.vue'
import downLog from './components/DownLog.vue'
import userOperateLog from './components/UserOperateLog.vue'
import contentOperateLog from './components/ContentOperateLog.vue'
import publishTaskLog from './components/PublishTaskLog.vue'
import moduleLog from './components/ModuleLog.vue'
import templateLog from './components/TemplateLog.vue'

export default {
  components: {
    realtimelog: realTimeLog,
    sqllog: sqlLog,
    securitylog: securityLog,
    cronlog: cronLog,
    userlog: userLog,
    userloginlog: userLoginLog,
    downlog: downLog,
    useroperatelog: userOperateLog,
    contentoperate: contentOperateLog,
    publishtask: publishTaskLog,
    modulelog: moduleLog,
    templatelog: templateLog
  },

  props: {
    type: String
  },

  methods: {
    backListPage () {
      this.$router.push({path: '/platform/log'})
    }
  }
}
</script>

<style scoped>

</style>
