<template>
  <div class="system-setting-container gray-box-shadow">
    <a-tabs defaultActiveKey="1" tabPosition="left">
      <!-- 统计分析 -->
      <a-tab-pane key="1" tab="统计分析">
        <SystemAnalysis/>
      </a-tab-pane>
      <!-- 安全设置 -->
      <a-tab-pane key="2" tab="安全设置">
        <SecurityConfig/>
      </a-tab-pane>
      <!-- IP 操作 -->
      <a-tab-pane key="3" tab="IP 过滤器配置">
        <IpConfig/>
      </a-tab-pane>
      <!-- 其他设置 -->
      <a-tab-pane key="4" tab="其他设置">
        <OtherConfig/>
      </a-tab-pane>
      <!-- 线程池指标 -->
      <a-tab-pane key="5" tab="线程池指标">
        <ThreadMetrics/>
      </a-tab-pane>
      <!-- 关于 -->
      <a-tab-pane key="6" tab="关于">
        <SystemAbout/>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script>

import SystemAnalysis from '@/components/system/SystemAnalysis'

export default {
  name: 'SystemSetting',
  components: {
    SystemAnalysis,
    SecurityConfig: () => import('@/components/system/SecurityConfig'),
    IpConfig: () => import('@/components/system/IpConfig'),
    OtherConfig: () => import('@/components/system/OtherConfig'),
    ThreadMetrics: () => import('@/components/system/ThreadMetrics'),
    SystemAbout: () => import('@/components/system/SystemAbout')
  }
}
</script>

<style lang="less" scoped>

.system-setting-container {
  background: #FFF;
  padding: 8px 16px;
  border-radius: 2px;
}
</style>
