<script lang="ts" setup>
import { useRight } from "./useRight";

const { line1Option, line2Option, line3Option } = useRight();
</script>

<template>
  <div>
    <zh-module
      class="h-1/3"
      title="储能充能统计"
      EnTitle="energy storage power"
      showIcon
    >
      <v-charts class="h-full" type="line" :options="line1Option" />
    </zh-module>
    <zh-module class="h-1/3" title="储能充放电量" EnTitle="discharge" showIcon>
      <v-charts class="h-full" type="line" :options="line2Option" />
    </zh-module>
    <zh-module
      class="h-1/3"
      title="放电深度与次数"
      EnTitle="discharge"
      showIcon
    >
      <v-charts class="h-full" type="line" :options="line3Option" />
    </zh-module>
  </div>
</template>
