<!--
 * @Description:拥堵路口排名
 * @Author: 王晓颖
 * @Date: 2020-09-07 15:55:45
 -->
<template>
  <single-layout title="高发事件">
    <div style="width:100%;height:100%;padding:0rem">
      <dv-scroll-ranking-board :config="config" style="height:100%;font-size:0.1rem !important;"  />
    </div>
    <corner1 slot="corner"/>
  </single-layout>
</template>

<script>
import SimplePieChart from '@/components/pieChart/simplePieChart'
import { fetchCaseRoadRank } from '@/api/smartTraffic'
import SingleLayout from '@/components/layout/singleLayout'
import mockData from '../../../../../../static/city.json'
export default {
  name: 'trafficCaseRank',
  components: {SingleLayout, SimplePieChart},
  data () {
    return {
      config: {
        rowNum: 4,
        waitTime: 200000,
        data: [
          {value: 0, name: '追尾'},
          {value: 0, name: '超车'},
          {value: 0, name: '直行'},
          {value: 0, name: '左转弯'},
          {value: 0, name: '右转弯'}
        ]
      }
    }
  },
  created () {
    this.getData()
  },
  methods: {
    getData () {
      this.config.data = mockData.traffic.event.rank
      // fetchCaseRoadRank().then(response => {
      //   if (response.code === 200) {
      //     this.config = {
      //       rowNum: 5,
      //       waitTime: 200000,
      //       data: response.data
      //     }
      //   }
      // })
    }
  }
}
</script>

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

</style>