Дмитрий
bc77c84e4c
Разделы вне 5 нижних вкладок: Дашборд, Отчёты, Настройки (реквизиты), Импорт, Помощь. Ни один экран не выкидываем.
36 lines
1.3 KiB
Vue
36 lines
1.3 KiB
Vue
<script setup lang="ts">
|
|
/**
|
|
* Выезжающее «Ещё» для телефона: разделы вне 5 нижних вкладок.
|
|
* Ни один экран не выкидываем — Настройки (реквизиты), Отчёты, Импорт, Помощь, Дашборд
|
|
* доступны отсюда. Полнота функций — на десктопе; на телефоне вкладка работает, но урезана.
|
|
*/
|
|
const open = defineModel<boolean>('open', { default: false });
|
|
|
|
interface Item {
|
|
title: string;
|
|
to: string;
|
|
}
|
|
const items: Item[] = [
|
|
{ title: 'Дашборд', to: '/dashboard' },
|
|
{ title: 'Отчёты', to: '/reports' },
|
|
{ title: 'Настройки', to: '/settings' },
|
|
{ title: 'Импорт данных', to: '/import' },
|
|
{ title: 'Помощь', to: '/help' },
|
|
];
|
|
</script>
|
|
|
|
<template>
|
|
<v-navigation-drawer v-model="open" temporary location="right" width="280">
|
|
<v-list nav>
|
|
<v-list-item
|
|
v-for="i in items"
|
|
:key="i.to"
|
|
:to="i.to"
|
|
:title="i.title"
|
|
data-testid="more-item"
|
|
@click="open = false"
|
|
/>
|
|
</v-list>
|
|
</v-navigation-drawer>
|
|
</template>
|