|
|
@ -215,7 +215,7 @@ const addTableTab = (table: TableType) => { |
|
|
|
@contextmenu="setMenuContext('main')" |
|
|
|
@contextmenu="setMenuContext('main')" |
|
|
|
> |
|
|
|
> |
|
|
|
<MdiTable class="mr-1 text-gray-500" /> |
|
|
|
<MdiTable class="mr-1 text-gray-500" /> |
|
|
|
<span class="flex-grow text-bold" |
|
|
|
<span class="flex-grow text-bold nc-project-tree" |
|
|
|
>{{ $t('objects.tables') }} <template v-if="tables?.length">({{ tables.length }})</template></span |
|
|
|
>{{ $t('objects.tables') }} <template v-if="tables?.length">({{ tables.length }})</template></span |
|
|
|
> |
|
|
|
> |
|
|
|
<MdiPlus v-t="['c:table:create:navdraw']" class="text-gray-500" @click.stop="tableCreateDlg = true" /> |
|
|
|
<MdiPlus v-t="['c:table:create:navdraw']" class="text-gray-500" @click.stop="tableCreateDlg = true" /> |
|
|
@ -231,17 +231,19 @@ const addTableTab = (table: TableType) => { |
|
|
|
v-for="table in tables" |
|
|
|
v-for="table in tables" |
|
|
|
:key="table.id" |
|
|
|
:key="table.id" |
|
|
|
v-t="['a:table:open']" |
|
|
|
v-t="['a:table:open']" |
|
|
|
:class="{ hidden: !filteredTables?.includes(table) }" |
|
|
|
:class="[{ hidden: !filteredTables?.includes(table) }, `nc-project-tree-tbl nc-project-tree-tbl-${table.title}`]" |
|
|
|
class="!pl-1 py-1 !h-[28px] !my-0 text-sm cursor-pointer group" |
|
|
|
class="!pl-1 py-1 !h-[28px] !my-0 text-sm cursor-pointer group" |
|
|
|
:data-order="table.order" |
|
|
|
:data-order="table.order" |
|
|
|
:data-id="table.id" |
|
|
|
:data-id="table.id" |
|
|
|
@click="addTableTab(table)" |
|
|
|
@click="addTableTab(table)" |
|
|
|
> |
|
|
|
> |
|
|
|
<div class="flex align-center gap-1 h-full" @contextmenu="setMenuContext('table', table)"> |
|
|
|
<div class="flex align-center gap-1 h-full" @contextmenu="setMenuContext('table', table)"> |
|
|
|
<MdiDrag class="transition-opacity opacity-0 group-hover:opacity-100 text-gray-500 nc-drag-icon cursor-move" /> |
|
|
|
<MdiDrag |
|
|
|
|
|
|
|
:class="`transition-opacity opacity-0 group-hover:opacity-100 text-gray-500 nc-drag-icon cursor-move nc-child-draggable-icon-${table.title}`" |
|
|
|
|
|
|
|
/> |
|
|
|
<component :is="icon(table)" class="text-[10px] text-gray-500" /> |
|
|
|
<component :is="icon(table)" class="text-[10px] text-gray-500" /> |
|
|
|
|
|
|
|
|
|
|
|
<span class="text-xs flex-1 ml-2">{{ table.title }}</span> |
|
|
|
<span class="nc-tbl-title text-xs flex-1 ml-2">{{ table.title }}</span> |
|
|
|
<a-dropdown :trigger="['click']" @click.stop> |
|
|
|
<a-dropdown :trigger="['click']" @click.stop> |
|
|
|
<MdiMenuIcon class="transition-opacity opacity-0 group-hover:opacity-100" /> |
|
|
|
<MdiMenuIcon class="transition-opacity opacity-0 group-hover:opacity-100" /> |
|
|
|
<template #overlay> |
|
|
|
<template #overlay> |
|
|
|