<!--
 * @Description: 管网安全度测评
 * @Author: 王晓颖
 * @Date: 2021-07-15 11:17:46
 -->
<template>
  <container1 title="管网运行状态">
    <div style="width: 100%;height: 100%;padding: 0.1rem; display: flex;">
      <div style="width:50%;height:100%">
        <simple-block :data="data1" style="height:50%;width:100%">
          <a-icon type="setting" theme="twoTone" :style="{fontSize:'0.25rem'}"/>
        </simple-block>
        <simple-block :data="data2" style="height:50%;width:100%">
          <a-icon type="bell" theme="twoTone" :style="{fontSize:'0.25rem'}"/>
        </simple-block>
      </div>
      <div style="width:50%;height:100%">
        <radar1 title="" :cdata="radar" :indicator="radarIndicator"/>
      </div>
    </div>
  </container1>
</template>

<script>
  import Container1 from "@/components/container/container1"
  import Radar1 from "@/components/echart/radar/radar1"
  import SimpleBlock from "../../../components/block/simpleBlock";
  export default {
    name: "PipeSafety",
    components: {SimpleBlock, Radar1, Container1},
    data(){
      return {
        data1: {name:'管网监控设备总数', value:'59981', unit:'个',icon:'setting'},
        data2: {name:'管网报警数', value:'59981', unit:'次',icon:'alert'},
        radar: [
          {name:'管线健康度', data:[5,6,3,8,5], color:'#28f8de', shadowColor:'rgba(0,0,0,.2)' },
        ],
        radarIndicator:[
          { name: "监控覆盖", max: 10 },
          { name: "井盖情况", max: 10 },
          { name: "液位情况", max: 10 },
          { name: "开挖情况", max: 10 },
          { name: "有害气体", max: 10 }
        ]
      }
    },
  }
</script>

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

</style>