<template>
    <el-container class="layout-tmp h-full">
        <el-header class="layout-header">
            <div class="layout_header">
                <div class="header_left">
                    <div class="header_info">
                        <el-select v-model="projectId">
                            <el-option label="项目名称1" value="1" />
                            <el-option label="项目名称2" value="2" />
                        </el-select>
                    </div>
                </div>
                <div class="header_center">
                    <span>数据可视化展示平台</span>
                </div>
                <div class="header_right">
                    <div class="header_actions">
                        <el-dropdown>
                            <span>用户名</span>
                            <template #dropdown>
                                <el-dropdown-menu>
                                    <el-dropdown-item>退出登录</el-dropdown-item>
                                </el-dropdown-menu>
                            </template>
                        </el-dropdown>
                    </div>
                </div>
            </div>
        </el-header>
        <el-main class="layout-main">
            <router-view />
        </el-main>
    </el-container>
</template>

<script setup>
import { ref } from 'vue'

const projectId = ref('1')
</script>

<style lang="scss">
@import "./layout.scss";
</style>
