vpp/src/views/dailyPlanning/index.vue

<template>
  <div class="app-container">
    <div class="topBanner">
      <div class="topLogo"></div>
    </div>
    <div class="main-container">
      <div class="main-card">
        <div class="barBox">
          <div class="barTitle">
            信息总览
          </div>
        </div>
        <div class="barBox">
          <div class="barTitle">
            告警信息
          </div>
        </div>
        <div class="barBox">
          <div class="barTitle">
            风电发电功率
          </div>
        </div>
      </div>
      <div class="main-card">
        <div class="barBox">
          <div class="barTitle">
            负荷用电功率
          </div>
        </div>
        <div class="barBox">
          <div class="barTitle">
            联络线信息
          </div>
        </div>
        <div class="barBox">
          <div class="barTitle">
            光伏发电功率
          </div>
        </div>
      </div>
      <div class="main-card">
        <div class="barBox">
          <div class="barTitle">
            储能发电/用电功率
          </div>
        </div>
        <div class="barBox">
          <div class="barTitle">
            断面信息
          </div>
        </div>
        <div class="barBox">
          <div class="barTitle">
            火电发电功率
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "dailyPlanning"
}
</script>

<style scoped>
</style>