<template lang="html">
  <div style="text-align: center;height: auto;">
    <h2>{{title}}</h2>
  </div>
  <div>
    <collection></collection>
  </div>
  <div>
    <charge-gas style="width: 60%;float: left"></charge-gas>
    <user-number style="width: 40%;float: left"></user-number>
  </div>
  <div>
    <sellinganalysis></sellinganalysis>
  </div>
  <div>
    <sales-comparison></sales-comparison>
  </div>
</template>

<script>
    import UserNumber from "./UserNumber";
    export default {
      components: {UserNumber},
      title: '数据总览',
      data() {
        return {
          title: '**燃气公司分析图一览表'
        }
      }

    }
</script>

<style scoped>
  div{
    background-color: #eeeeee;
    margin-bottom: 15px;
    padding: 10px;
  }
</style>
