<template>
  <div class="Portal">
    <!-- 头部 -->
    <div class="doorHead">
      <div class="header-name">开封市海绵综合管理平台</div>
    </div>

    <!-- <div class="contentRes">
      <div class="contentResCenter" v-for="(item, index) in topMenus" :key="item.name" @click="gotoPath(item)">
        <div class="title">{{ item.meta.title }}</div>
      </div>
    </div> -->
  </div>
</template>

<script setup>
import usePermissionStore from '@/store/modules/permission';
import { useRouter } from 'vue-router';
import bus from '@/utils/mitt';
const router = useRouter();
const permissionStore = usePermissionStore();
const activeIndex = ref({});
const menuList = ref([]);
// const routers = computed(() => permissionStore.sidebarRouters);
// const topMenus = computed(() => {
//   let topMenus = [];
//   routers.value.map(menu => {
//     if (menu.hidden !== true) {
//       // 兼容顶部栏一级菜单内部跳转
//       if (menu.path === '/') {
//         topMenus.push(menu.children[0]);
//       } else {
//         topMenus.push(menu);
//       }
//     }
//   });
//   return topMenus;
// });

onMounted(() => {});
onBeforeUnmount(() => {});
</script>

<style lang="scss" scoped>
.Portal {
  width: 100%;
  height: 100%;
  position: relative;
  background: url('@/assets/images/transition/bg_img.png') no-repeat;
  background-size: 100% 100%;

  .doorHead {
    width: 100%;
    height: 80px;
    background: url('@/assets/images/login/top.png') no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    .header-name {
      font-size: 30px;
      font-family: YouSheBiaoTiHei;
      font-weight: 300;
      color: #ffffff;
    }
  }
  .contentRes {
    width: 100%;
    height: 300px;
    // background: red;
  }
}
</style>