<template>
  <div class="container">
    <managementList :management="management" class="common-width"/>
    <layoutStackAreaChart class="common-width"/> 
    <layoutChartRadar class="common-width"/>
  </div>
</template>

<script>
import managementList from './components/managementList.vue';
import layoutStackAreaChart from './components/layoutStackAreaChart.vue';
import layoutChartRadar from './components/layoutChartRadar.vue';
export default {
    name:'managementPanel',
    components:{
      managementList,
      layoutStackAreaChart,
      layoutChartRadar
    },
    data() {
      return{
        management:[
          {
            title:'集团公司用户',
            count:'50',
            icon:'device'
          },
          {
            title:'集团公司用户',
            count:'50',
            icon:'device'
          },
          {
            title:'集团公司用户',
            count:'50',
            icon:'device'
          },
          {
            title:'集团公司用户',
            count:'50',
            icon:'device'
          },
          {
            title:'集团公司用户',
            count:'50',
            icon:'device'
          },
          {
            title:'集团公司用户',
            count:'50',
            icon:'device'
          },
          {
            title:'集团公司用户',
            count:'50',
            icon:'device'
          },
        ]
      }
    }
}
</script>

<style lang="scss" scoped>
.container{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  .common-width{
      width: 33%;
  }
}
</style>