boursecu_admin/src/pages/menuPages/customers/index.vue

<template>
  <div class="h-full min-h-0">
    <BasicMainCard>
      <div class="flex h-full min-h-0 min-w-0 flex-col md:flex-row">
        <!--        {{ menu }}-->
        <BasicMenu width="11rem" :menu="menu" mode="horizontal" class="shrink-0 overflow-auto md:hidden" />
        <BasicMenu
          width="13rem"
          :menu="menu"
          class="hidden min-w-[13.5rem] shrink-0 overflow-auto md:inline"
        />
        <!--        <component :is="selectedComponent" class="mr-5" />-->
        <RouterView class="mt-5 min-h-0 min-w-0 w-full flex-1 overflow-hidden md:mr-5 md:mt-0" />
      </div>
    </BasicMainCard>
  </div>
</template>

<script setup lang="ts">
import BasicMenu from '@/components/BasicMenu/index.vue'
import { useRouterStore } from '@core/stores/router'
import { get } from 'lodash'
//import Nature from '@/pages/menuPages/setting/limitedOrder/index.vue'
//s import test from './limitedOrder'
//import Budget from '@/pages/menuPages/setting/budget/index.vue'
//import ProjectType from '@/pages/menuPages/setting/projectType/index.vue'
//import DocumentType from '@/pages/menuPages/setting/documentType/index.vue'
// import Management from '@/pages/menuPages/setting/management/index.vue'
//import Accessibility from '@/pages/menuPages/setting/accessibility/index.vue'
//import SubmitProcess from '@/pages/menuPages/setting/submitProcess/index.vue'
//import documentGroup from '@/pages/menuPages/setting/documentGroup/index.vue'
//import userType from '@/pages/menuPages/setting/userType/index.vue'

const routerStore = useRouterStore()
const menu = computed(() => {
  const item = routerStore.routes.find((item) => item.name === 'customers')
  //console.log('aaaa', get(item, 'children[0].children', []))
  return get(item, 'children[0].children', [])
})
</script>

<style></style>