Showing
7 changed files
with
8 additions
and
33 deletions
| 1 | <template> | 1 | <template> |
| 2 | <div> | 2 | <div> |
| 3 | <PageWrapper dense contentFullHeight contentClass="flex"> | 3 | <PageWrapper dense contentFullHeight contentClass="flex"> |
| 4 | - <OrganizationIdTree | ||
| 5 | - class="w-1/4 xl:w-1/5" | ||
| 6 | - @select="handleSelect" | ||
| 7 | - style="position: relative" | ||
| 8 | - ref="organizationIdTreeRef" | ||
| 9 | - /> | 4 | + <OrganizationIdTree @select="handleSelect" ref="organizationIdTreeRef" /> |
| 10 | <BasicTable | 5 | <BasicTable |
| 11 | style="flex: auto" | 6 | style="flex: auto" |
| 12 | @register="registerTable" | 7 | @register="registerTable" |
| 1 | <template> | 1 | <template> |
| 2 | <div> | 2 | <div> |
| 3 | <PageWrapper dense contentFullHeight contentClass="flex"> | 3 | <PageWrapper dense contentFullHeight contentClass="flex"> |
| 4 | - <OrganizationIdTree | ||
| 5 | - class="w-1/4 xl:w-1/5" | ||
| 6 | - @select="handleSelect" | ||
| 7 | - ref="organizationIdTreeRef" | ||
| 8 | - /> | 4 | + <OrganizationIdTree @select="handleSelect" ref="organizationIdTreeRef" /> |
| 9 | <BasicTable | 5 | <BasicTable |
| 10 | style="flex: auto" | 6 | style="flex: auto" |
| 11 | @register="registerTable" | 7 | @register="registerTable" |
| 1 | <template> | 1 | <template> |
| 2 | <div> | 2 | <div> |
| 3 | <PageWrapper dense contentFullHeight contentClass="flex"> | 3 | <PageWrapper dense contentFullHeight contentClass="flex"> |
| 4 | - <OrganizationIdTree | ||
| 5 | - class="w-1/4 xl:w-1/5" | ||
| 6 | - @select="handleSelect" | ||
| 7 | - ref="organizationIdTreeRef" | ||
| 8 | - style="position: relative" | ||
| 9 | - /> | 4 | + <OrganizationIdTree @select="handleSelect" ref="organizationIdTreeRef" /> |
| 10 | <BasicTable | 5 | <BasicTable |
| 11 | style="flex: auto" | 6 | style="flex: auto" |
| 12 | :clickToRowSelect="false" | 7 | :clickToRowSelect="false" |
| @@ -11,6 +11,7 @@ | @@ -11,6 +11,7 @@ | ||
| 11 | :replaceFields="{ key: 'id', title: 'name' }" | 11 | :replaceFields="{ key: 'id', title: 'name' }" |
| 12 | :selectedKeys="selectedKeys" | 12 | :selectedKeys="selectedKeys" |
| 13 | @select="handleSelect" | 13 | @select="handleSelect" |
| 14 | + v-bind="$attrs" | ||
| 14 | /> | 15 | /> |
| 15 | </div> | 16 | </div> |
| 16 | </template> | 17 | </template> |
| @@ -18,6 +19,7 @@ | @@ -18,6 +19,7 @@ | ||
| 18 | import { onMounted, ref } from 'vue'; | 19 | import { onMounted, ref } from 'vue'; |
| 19 | import { BasicTree, TreeItem } from '/@/components/Tree'; | 20 | import { BasicTree, TreeItem } from '/@/components/Tree'; |
| 20 | import { getOrganizationList } from '/@/api/system/system'; | 21 | import { getOrganizationList } from '/@/api/system/system'; |
| 22 | + | ||
| 21 | const emit = defineEmits(['select']); | 23 | const emit = defineEmits(['select']); |
| 22 | const treeData = ref<TreeItem[]>([]); | 24 | const treeData = ref<TreeItem[]>([]); |
| 23 | const selectedKeys = ref<string[]>(); | 25 | const selectedKeys = ref<string[]>(); |
| 1 | <template> | 1 | <template> |
| 2 | <div> | 2 | <div> |
| 3 | <PageWrapper dense contentFullHeight contentClass="flex"> | 3 | <PageWrapper dense contentFullHeight contentClass="flex"> |
| 4 | - <OrganizationIdTree | ||
| 5 | - class="w-1/4 xl:w-1/5" | ||
| 6 | - @select="handleSelect" | ||
| 7 | - ref="organizationIdTreeRef" | ||
| 8 | - style="position: relative" | ||
| 9 | - /> | 4 | + <OrganizationIdTree @select="handleSelect" ref="organizationIdTreeRef" /> |
| 10 | <BasicTable | 5 | <BasicTable |
| 11 | style="flex: auto" | 6 | style="flex: auto" |
| 12 | :clickToRowSelect="false" | 7 | :clickToRowSelect="false" |
| 1 | <template> | 1 | <template> |
| 2 | <div> | 2 | <div> |
| 3 | <PageWrapper dense contentFullHeight contentClass="flex"> | 3 | <PageWrapper dense contentFullHeight contentClass="flex"> |
| 4 | - <OrganizationIdTree | ||
| 5 | - class="w-1/6 xl:w-1/5" | ||
| 6 | - @select="handleSelect" | ||
| 7 | - ref="organizationIdTreeRef" | ||
| 8 | - /> | 4 | + <OrganizationIdTree @select="handleSelect" ref="organizationIdTreeRef" /> |
| 9 | <BasicTable style="flex: auto" @register="registerTable" class="w-5/6 xl:w-4/5"> | 5 | <BasicTable style="flex: auto" @register="registerTable" class="w-5/6 xl:w-4/5"> |
| 10 | <template #toolbar> | 6 | <template #toolbar> |
| 11 | <Authority value="api:yt:device:post"> | 7 | <Authority value="api:yt:device:post"> |
| 1 | <template> | 1 | <template> |
| 2 | <div> | 2 | <div> |
| 3 | <PageWrapper dense contentFullHeight contentClass="flex"> | 3 | <PageWrapper dense contentFullHeight contentClass="flex"> |
| 4 | - <OrganizationIdTree | ||
| 5 | - class="w-1/4 xl:w-1/5" | ||
| 6 | - @select="handleSelect" | ||
| 7 | - ref="organizationIdTreeRef" | ||
| 8 | - /> | 4 | + <OrganizationIdTree @select="handleSelect" ref="organizationIdTreeRef" /> |
| 9 | <BasicTable | 5 | <BasicTable |
| 10 | style="flex: auto" | 6 | style="flex: auto" |
| 11 | :clickToRowSelect="false" | 7 | :clickToRowSelect="false" |