<!--
 * @Description: 各类数据统计
 * @Author: 王晓颖
 * @Date: 2021-07-14 09:01:58
 -->
<template>
  <container1 title="各类数据统计">
    <a-row type="flex" justify="start" style="height:32%;margin-bottom: 0.1rem">
      <a-col v-for="item of data" :span="6" :key="item.name" style="height:100%;;padding:0.05rem">
        <simple-block :data="item">
          <!--<div style="padding:0.3rem">-->
            <!--<a-icon :type="item.icon" theme="twoTone" :style="{fontSize:'0.5rem'}"/>-->
          <!--</div>-->
        </simple-block>
      </a-col>
    </a-row>
  </container1>
</template>

<script>
  import Container1 from "@/components/container/container1";
  import SimpleBlock from "@/components/block/simpleBlock";
  export default {
    name: "statisticCount",
    components: {SimpleBlock, Container1},
    data(){
      return {
        data:[
          {name:'部件', value:'231', unit:'个',icon:'setting'},
          {name:'垃圾桶', value:'24', unit:'个', icon:'delete'},
          {name:'公厕', value:'2', unit:'个', icon:'bank'},
          {name:'交通指示灯', value:'34', unit:'个', icon:'car'},
          {name:'摄像头', value:'14', unit:'个', icon:'video-camera'},
          {name:'路灯单灯监测仪', value:'89', unit:'个', icon:'bulb'},
          // {name:'路灯单灯监测仪', value:'225', unit:'个', icon:'plus-circle'},
          {name:'井盖状态监测仪', value:'136', unit:'个', icon:'plus-circle'},
          {name:'液位监测仪', value:'7', unit:'个', icon:'sliders'},
          {name:'有害气体监测仪', value:'3', unit:'个', icon:'alert'},
          {name:'噪声记录仪', value:'7', unit:'个', icon:'sound'},
          {name:'消防栓防盗水监测仪', value:'4', unit:'个', icon:'build'},
          {name:'管线电子标识器', value:'134', unit:'个', icon:'environment'},

        ]
      }
    },
  }
</script>

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

</style>