<!--
 * @Description:物联网设备数量
 * @Author: 王晓颖
 * @Date: 2020-11-30 17:40:37
 -->
<template>
  <chart-layout title="物联网建设" @click="getData">
    <div style="width:100%;height:100%;padding:0.15rem">
      <dv-scroll-ranking-board :config="config" style="height:100%;font-size:0.1rem !important;"  />
    </div>
    <Corner1/>
  </chart-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'
export default {
  name: 'DeviceCount',
  components: {ChartLayout, Corner1, SimplePieChart},
  data () {
    return {
      config: {
        rowNum: 4,
        waitTime: 200000,
        data: [
          {value: 0, name: '井盖状态监测仪'},
          {value: 0, name: '液位检测仪'},
          {value: 0, name: '有害气体监测仪'},
          {value: 0, name: '燃气智能监测终端'},
          {value: 0, name: '噪声记录仪'},
          {value: 0, name: '消防栓防盗水监测仪'},
          {value: 0, name: '摄像头'},
          {value: 0, name: '路灯'}
        ]
      }
    }
  },
  created () {
    this.getData()
  },
  methods: {
    getData () {
      // fetchTopTenCase().then(response => {
      //   if (response.code == 200) {
      //     this.config = {
      //       rowNum: 5,
      //       waitTime: 200000,
      //       data: response.data
      //     }
      //   }
      // })
    }
  }
}
</script>

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

</style>