<template>
  <div class="box-bg">
    <div class="title-value">
      <div class="word">饱和量仪表盘</div>
    </div>
    <div  class="dashboardFather" :style="{ width: '96%', height: '96%',margin: 'auto 3% auto 5%' }" id="saturate">
    <div :style="{ width: '46%', height: '96%'}">
        <!-- 停车位 -->
            <dashboard-one /> 
    </div>
    <div :style="{ width: '46%', height: '96%'}">
        <!-- 使用面积 -->
            <dashboard-tow /> 
    </div>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import DashboardOne from 'comp/dashboardOne.vue'
import DashboardTow from 'comp/dashboardTow.vue'
export default defineComponent({
  name: 'saturate',
  components:{
      DashboardOne,
      DashboardTow
  },
  data() {
    return {
      myCharts: {},
      temps: [],
    }
  },

  

  
})
</script>

<style scoped>
@import '../views/style.css';
.saturate {
  width: 1440rem;
  height: 1110rem;
}
</style>
