<template>
    <div>
      <div class="contain-block" style="width:calc(40% - 20px);margin-right:20px;">
        <span class="contain-title-leftblock">系统集成统计</span>
        <div class="contain-data" ><integrateStatistics ref="chart" style="height: calc(100% - 15px);"></integrateStatistics></div>
      </div>
      <div class="contain-block">
        <span class="contain-title-leftblock">表号功能号总览</span>
        <div class="contain-data"><tabFunNumOverview ref="table"></tabFunNumOverview></div>
      </div>
    </div>
</template>

<script>

import integrateStatistics from '@/components/point/report/integrateStatistics'
import tabFunNumOverview from '@/components/point/report/tabFunNumOverview'

export default {
    components: {
      integrateStatistics,
      tabFunNumOverview
    },
    data() {
        return {

        }
    },
    methods:{

    },
    mounted() {

    }
}
</script>

<style lang="less" scoped>
  .contain-block{
    float:left;
    height:100%;
    background:white;
    width:60%;
  }
  .contain-title-leftblock{
    height:30px;
    line-height:30px;
    border-left:8px solid black;
    display:inline-block;
    margin:8px 8px;
    font-weight:600;
    padding-left:8px;
    cursor: default;
  }
  .contain-data{
    overflow:auto;
    height:calc(100% - 50px);
  }
</style>