<template>
  <div class="container normal-panel">
    <el-row :gutter="20">
      <el-col :span="12">
        <storageCapacity></storageCapacity>
      </el-col>
      <el-col :span="12" style="margin-bottom:42px">
        <downloadTraffic></downloadTraffic>
      </el-col>
      <el-col :span="12">
        <fileTypeProportion></fileTypeProportion>
      </el-col>
      <el-col :span="12">
        <modulesProportion></modulesProportion>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import storageCapacity from './modules/storageCapacity.vue'
import downloadTraffic from './modules/downloadTraffic.vue'
import fileTypeProportion from './modules/fileTypeProportion.vue'
import modulesProportion from './modules/modulesProportion.vue'

export default {
  components:{
    storageCapacity,
    downloadTraffic,
    fileTypeProportion,
    modulesProportion
  },
  data () {
    return {}
  }
}

</script>
<style>
</style>