<!--
 * @Description:社会治安事件排名
 * @Author: 王晓颖
 * @Date: 2020-09-07 15:55:45
 -->
<template>
  <single-layout title="高发案件" @click="getData">
    <div style="width:100%;height:100%;">
      <dv-scroll-ranking-board :config="config" style="height:100%;font-size:0.1rem !important;"  />
    </div>
  </single-layout>
</template>

<script>
import SimplePieChart from '@/components/pieChart/simplePieChart'
import Corner1 from '@/components/corner/Corner1'
import ChartLayout from '@/components/layout/chartLayout'
import {fetchTopTenCase} from '@/api/cityManage'
import SingleLayout from '../../../../../components/layout/singleLayout'
export default {
  name: 'SocialSecurityRank',
  components: {SingleLayout, ChartLayout, Corner1, SimplePieChart},
  data () {
    return {
      config: {
        rowNum: 4,
        waitTime: 200000,
        data: [
          {value: '', name: '乱丢垃圾'},
          {value: '', name: '施工噪声'},
          {value: '', name: '道路不洁'},
          {value: '', name: '施工废弃物'},
          {value: '', name: '绿化弃料'},
          {value: '', name: '施工占道'},
          {value: '', name: '易腐垃圾'}
        ]
      }
    }
  },
  created () {
    // this.getData()
  },
  methods: {
    getData () {
      fetchTopTenCase().then(response => {
        if (response.code === 200) {
          this.config = {
            rowNum: 4,
            waitTime: 200000,
            data: response.data
          }
        }
      })
    }
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>

</style>