<template>
   <div class="_energy">
    <layout>
        <template #left>
            <div style="height: 100%;display: flex;flex-direction: column;overflow: hidden;">
                <deviceList/>
            </div>
        </template>
        <template #content>
            <p>照明</p>
        </template>
        <template #right>
            <div style="height: 100%;display: flex;flex-direction: column;overflow: hidden;">
                <running style="flex: 1;"/>
                <switchAll  style="flex: 1;"/>
               <eventList style="flex: 1;"/>
            </div>
        </template>
    </layout>
   </div>
</template>

<script setup name="Role">
import layout from "@/components/layout_/index.vue";
import deviceList from './modules/deviceList.vue'
import running from './modules/running.vue'
import eventList from './modules/eventList.vue'
import switchAll from './modules/switchAll.vue'


</script> 
<style lang="scss">
._energy{
    height: 100%;
}
</style>
