<template>
  <div style="height: 100vh;width: 100%;background-color: #F5F6F8;display: flex;">
    <div style="width: 12%;background-color: white;margin-top: 2%;margin-left: 10%;height: 82vh;">
        <div style="text-align: center;">
            <svg-icon icon-class="头像" style="height: 70px;width: 70PX;margin-top: -15%;"/>
        </div>
        <div style="text-align: center;margin-top: 4%;">
            北京金水公司
        </div>
        <el-menu  default-active="/workSpace"  class="custom-menu"  style="width: 100%;;margin-top: 10%;" router>
            <el-menu-item  index="/workSpace" @click="pushTo">
                <svg-icon icon-class="产品工作台" style="height: 1rem;width:1rem;"/>
                <span style="margin-left: 2%;">工作台</span>
            </el-menu-item>
            <el-sub-menu index="111" >
                <template #title>
                    <svg-icon icon-class="申请" style="height: 1rem;width:1rem;"/>
                    <span style="margin-left: 2%;">我的申请</span>
                </template>
                <el-menu-item-group>
                    <el-menu-item index="/shenqing">信息资源申请</el-menu-item>
                </el-menu-item-group>
            </el-sub-menu>
            <el-sub-menu index="122" >
                <template #title>
                    <svg-icon icon-class="收藏" style="height: 1rem;width:1rem;"/>
                    <span style="margin-left: 2%;">浏览收藏</span>
                </template>
                <el-menu-item-group>
                    <el-menu-item index="/ziyuan">资源浏览记录</el-menu-item>
                </el-menu-item-group>
            </el-sub-menu>
            <el-menu-item index="/fankui">
                <svg-icon icon-class="我的待办" style="height: 1rem;width:1rem;"/>
                <span style="margin-left: 2%;">问题反馈</span>
            </el-menu-item>
            <el-sub-menu index="1" >
                <template #title>
                    <svg-icon icon-class="配置管理" style="height: 1rem;width:1rem;"/>
                    <span style="margin-left: 2%;">配置管理</span>
                </template>
                <el-menu-item-group>
                    <el-menu-item index="/yingyong">应用管理</el-menu-item>
                </el-menu-item-group>
            </el-sub-menu>
        </el-menu>
    </div>
    <div style="width: 67%;background-color: white;margin-top: 2%;margin-left: 1%;height: 82%;background-color: ;">
        <router-view></router-view>
    </div>
  </div>
</template>
<script setup>
import { ref, onMounted } from 'vue';
const router = useRouter();
function pushTo(){
    router.push('/workSpace');
}
onMounted(() => {
    pushTo()
});
</script>
<style scoped>

.custom-menu {
  border-right: none !important;
}

</style>