38 lines
1.1 KiB
Vue
38 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
const menu = [{
|
|
label: 'Создать план помещения',
|
|
|
|
items: [
|
|
{ label: 'Загрузить изображение', to: '/plan/upload' },
|
|
{ label: 'Разметить помещения', to: '/plan/mark' },
|
|
{ label: 'Указать начальную точку', to: '/plan/set' },
|
|
]
|
|
// command: router.go('/1')
|
|
}]
|
|
</script>
|
|
<template>
|
|
<div class="grid grid-cols-12 gap-4">
|
|
<div class="header">
|
|
<span>Административная панель интерактивного стола</span>
|
|
</div>
|
|
<div class="sidebar">
|
|
<Menu :model="menu">
|
|
<template #item="{ item, props }">
|
|
<NuxtLink class="flex align-items-center" v-bind="props.action" :to="item.to">{{ item.label }}</NuxtLink>
|
|
</template>
|
|
</Menu>
|
|
</div>
|
|
<div class="content">
|
|
<NuxtPage />
|
|
</div>
|
|
<div class="footer">
|
|
<div class="col-span-4">
|
|
Кустарщина
|
|
</div>
|
|
<div class="col-span-4">
|
|
<a href="#">demo</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|