<template>
  <div class="gl-page-content-grey accuracy-board">
    <summaryList class="list"></summaryList>
    <summaryCharts class="chart"></summaryCharts>
  </div>
</template>

<script lang="ts" setup>
import summaryCharts from './simulation/summaryCharts.vue';
import summaryList from './simulation/summaryList.vue';
</script>

<style lang="scss" scoped>
.accuracy-board {
  width: 100%;
  height: 100%;
  // padding: 16px;
  overflow: hidden;
  // display: flex;
  // flex-direction: column;
  .list {
    width: 100%;
    height: calc(65% - 12px);
    overflow: auto;
    margin-bottom: 12px;
    background-color: #fff;
  }
  .chart {
    width: 100%;
    // flex: 1;  // flex方案在全屏返回时会有问题
    height: 35%;
  }
}
</style>
