多维表格
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

40 lines
1.0 KiB

<script setup lang="ts">
import { useProject, useTabs } from '#imports'
import MdiSettingIcon from '~icons/mdi/cog'
const { tables } = useProject()
const { addTab } = useTabs()
const settingsDlg = ref(false)
</script>
<template>
<div class="nc-treeview-container flex flex-column">
<a-menu class="flex-1 overflow-y-auto">
<a-menu-item
v-for="table in tables"
:key="table.id"
class="p-2 text-sm pointer"
@click="addTab({ type: 'table', title: table.title, id: table.id })"
>
{{ table.title }}
</a-menu-item>
</a-menu>
<div class="cursor-pointer nc-team-settings pa-4 flex align-center hover:bg-gray-200/20" @click="settingsDlg = true">
<MdiSettingIcon class="mr-2" />
<span> {{ $t('title.teamAndSettings') }}</span>
</div>
<a-modal v-model:visible="settingsDlg" width="max(90vw, 600px)"> Team and settings </a-modal>
</div>
</template>
<style scoped>
.pointer {
cursor: pointer;
}
.nc-treeview-container {
height: calc(100vh - var(--header-height));
}
</style>