statisTop.vue 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <template>
  2. <div class="panel statisTop">
  3. <ul>
  4. <li>
  5. <div>
  6. <p><span class="num text-orange">{{falarmCount.count}}</span> 条</p>
  7. <p>告警总数</p>
  8. </div>
  9. </li>
  10. <li>
  11. <div>
  12. <p><span class="num text-orange">{{falarmCount.unCount}}</span> 条</p>
  13. <p>未处理告警数</p>
  14. </div>
  15. </li>
  16. </ul>
  17. <ul>
  18. <li>
  19. <div>
  20. <p><span class="num text-blue">{{fsiteCount.normalCount}}</span> 个</p>
  21. <p>总站点数</p>
  22. </div>
  23. </li>
  24. <li>
  25. <div>
  26. <p><span class="num text-blue">-</span> kW</p>
  27. <p>总实时负荷</p>
  28. </div>
  29. </li>
  30. </ul>
  31. <ul>
  32. <li>
  33. <div>
  34. <p><span class="num text-yellow">{{fpersonalCount.maintain}}</span> 名</p>
  35. <p>运维人员</p>
  36. </div>
  37. </li>
  38. <li>
  39. <div>
  40. <p><span class="num text-yellow">{{fpersonalCount.power}}</span> 名</p>
  41. <p>电力人员</p>
  42. </div>
  43. </li>
  44. </ul>
  45. <div class="panel-footer">
  46. </div>
  47. </div>
  48. </template>
  49. <script>
  50. export default {
  51. props: ["falarmCount","fpersonalCount","fsiteCount"],
  52. name: "",
  53. components: {},
  54. methods: {
  55. },
  56. };
  57. </script>
  58. <style>
  59. </style>