<template>
  <div class="panel statisTop">
    <h2>数据统计</h2>
    <ul class="one">
      <li>
        <div>
          <img src="../../../assets/images/alarmingIcon.png" alt="">
          <p>告警</p>
        </div>
      </li>
      <li>
        <div>
          <img src="../../../assets/images/stationIcon.png" alt="">
          <p>总站</p>
        </div>
      </li>
      <li>
        <div>
          <img src="../../../assets/images/memberIcon.png" alt="">
          <p>人员</p>
        </div>
      </li>
      
      
    </ul>
    <ul class="two">
      <li>
        <div>
          <p><span class="num text-red">{{falarmCount.count}}</span> 条</p>
          <p>告警总数(条)</p>
        </div>
      </li>
      <li>
        <div>
          <p><span class="num text-blue">{{fsiteCount.count}}</span> 个</p>
          <p>总站点数(个)</p>
        </div>
      </li>
      <li>
        <div>
          <p><span class="num text-dBlue">{{fpersonalCount.maintain}}</span> 名</p>
          <p>运维人员(名)</p>
        </div>
      </li>
    </ul>

    <ul class="three">
      <li>
        <div>
          <p><span class="num text-red">{{falarmCount.unCount}}</span> 条</p>
          <p>未处理告警数(条)</p>
        </div>
      </li>
      <li>
        <div>
          <p><span class="num text-blue">{{fepLoad}}</span> kW</p>
          <p>总实时负荷(个)</p>
        </div>
      </li>
      <li>
        <div>
          <p><span class="num text-dBlue">{{fpersonalCount.power}}</span> 名</p>
          <p>电力人员(名)</p>
        </div>
      </li>
      
    </ul>

    

    <div class="panel-footer">
      
    </div>
  </div>
</template>
<script>
export default {
  props: ["falarmCount","fpersonalCount","fsiteCount","fepLoad"],
  name: "",
  components: {},
  methods: {
 
  },
};
</script>

<style>


</style>
