<template>
  <h2 style="text-align: center">{{msg}}</h2>
  <div>
    <doughnutchart_1 :sql.sync="sql" :condition.sync="condition"></doughnutchart_1>
  </div>
  <div>
    <doughnutchart_2 :sql.sync="sql" :condition.sync="condition"></doughnutchart_2>
  </div>
  <div>
    <doughnutchart_3 :sql.sync="sql" :condition.sync="condition"></doughnutchart_3>
  </div>
</template>

<script>
  import * as Util from '../../Util'

  export default {
    title: '数据模型',
    data() {
      return {
        msg: '客户服务数据分析模型',
        condition: {startDate: '2017-1-1',endDate: '2018-10-10'},
        sql: 'rs/sql/usernum',
      }
    },
  }
</script>

<style scoped>
  div{
    width: 400px;height: 400px;float: left;margin: 2px;
  }
</style>
