PC_FiveFollowing/src/views/home/components/statisTop.vue

<template>
  <div class="panel statisTop">
    <ul>
      <li>
        <div>
          <p><span class="num text-orange">{{falarmCount.count}}</span> 条</p>
          <p>告警总数</p>
        </div>
      </li>
      <li>
        <div>
          <p><span class="num text-orange">{{falarmCount.unCount}}</span> 条</p>
          <p>未处理告警数</p>
        </div>
      </li>
    </ul>

    <ul>
      <li>
        <div>
          <p><span class="num text-blue">{{fsiteCount.normalCount}}</span> 个</p>
          <p>总站点数</p>
        </div>
      </li>
      <li>
        <div>
          <p><span class="num text-blue">-</span> kW</p>
          <p>总实时负荷</p>
        </div>
      </li>
    </ul>

    <ul>
      <li>
        <div>
          <p><span class="num text-yellow">{{fpersonalCount.maintain}}</span> 名</p>
          <p>运维人员</p>
        </div>
      </li>
      <li>
        <div>
          <p><span class="num text-yellow">{{fpersonalCount.power}}</span> 名</p>
          <p>电力人员</p>
        </div>
      </li>
    </ul>

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

<style>


</style>