<template>
  <div>
    <Row :gutter="20">
      <Col span="8">
        <Card :bordered="false">
          <p slot="title" style="text-align: center;">重点人员数量地域统计</p>
          <div style="height: 300px;">
            <peopleArea ref="peopleArea"></peopleArea>
          </div>
        </Card>
      </Col>
      <Col span="8">
        <Card :bordered="false">
          <p slot="title" style="text-align: center;">重点人员走访次数统计</p>
          <div style="height: 300px;">
            <peopleVisit ref="peopleVisit"></peopleVisit>
          </div>
        </Card>
      </Col>
      <Col span="8">
        <Card :bordered="false">
          <p slot="title" style="text-align: center;">重点人员类型统计</p>
          <div style="height: 300px;">
            <peopleType ref="peopleType"></peopleType>
          </div>
        </Card>
      </Col>
    </Row>
  </div>
</template>

<script>
import peopleArea from './components/peopleArea.vue'
import peopleVisit from './components/peopleVisit.vue'
import peopleType from './components/peopleType.vue'
export default {
  components: {
    peopleArea,
    peopleVisit,
    peopleType
  },
  data () {
    return {}
  },
  computed: {
    userInfo () {
      return JSON.parse(localStorage.getItem('userinfo'))
    }
  },
  watch: {},
  mounted () {},
  methods: {}
}
</script>

<style lang='less' scoped>

</style>
