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

<template>
  <div class="panel statisTop">
    <ul>
      <li>
        <div>
          <p><span class="num text-orange">135</span> 条</p>
          <p>告警总数</p>
        </div>
      </li>
      <li>
        <div>
          <p><span class="num text-orange">50</span> 条</p>
          <p>未处理告警数</p>
        </div>
      </li>
    </ul>

    <ul>
      <li>
        <div>
          <p><span class="num text-blue">100</span> 个</p>
          <p>总站点数</p>
        </div>
      </li>
      <li>
        <div>
          <p><span class="num text-blue">1000</span> kW</p>
          <p>总实时负荷</p>
        </div>
      </li>
    </ul>

    <ul>
      <li>
        <div>
          <p><span class="num text-yellow">36</span> 名</p>
          <p>运维人员</p>
        </div>
      </li>
      <li>
        <div>
          <p><span class="num text-yellow">8</span> 名</p>
          <p>电力人员</p>
        </div>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  name: "statisTop",
  components: {},
  methods: {
    // Site_details(){
    //   this.$router.push({ path: '/Site_details'});//, query: { title: title }
    // }
  },
};
</script>

<style>


</style>