<template>
  <div class="widget-statisticalAnalysis">
    <!--专题切换-->
    <ThemeSwitch />
    <!--进度模块-->
    <ProgressModule v-if="currentActive == 'progress'" />
    <!--质量模块-->
    <QulityModule v-if="currentActive == 'quality'" />
    <!--安全模块-->
    <SecurityModule v-if="currentActive == 'security'" />
  </div>
</template>

<script lang="ts">
import { Vue, Component, Prop } from 'vue-property-decorator'
import ThemeSwitch from './ThemeSwitch.vue'
import ProgressModule from './progressModule/index.vue'
import QulityModule from './qualityModule/index.vue'
import SecurityModule from './securityModule/index.vue'
//统计分析模块
@Component({
  name: 'statisticalAnalysis',
  components: { ThemeSwitch, ProgressModule, QulityModule, SecurityModule }
})
export default class statisticalAnalysis extends Vue {
  get currentActive() {
    return this.$store.state.bigScreen.currentStatisticalActive
  }
}
</script>

<style></style>