1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
| <template>
| <app-list-wrapper v-bind="listWrapperProps">
| <app-list-tree
| v-bind="treeProps"
| >
| </app-list-tree>
| </app-list-wrapper>
| </template>
|
| <script setup>
| import {useI18n} from 'vue-i18n';
|
| const {t} = useI18n();
| import {useAppStore, useEntityStore} from '@/store/modules/index.js';
|
| const treeRef = ref();
|
| const entityStore = useEntityStore();
| const appStore = useAppStore();
|
| const props = defineProps({
| subActive: {
| type: Function,
| default: () => {
| }
| }
| });
|
| const treeProps = {
| ref: treeRef,
| expandOnClickNode: false,
| nodeKey: 'id',
| props: {
| children: 'children',
| label: 'name',
| },
| defaultExpandAll: true,
| subRequest: async () => {
| const {data} = await entityStore.getEntityTree({
| dataName: "sys_interface_monitor",
| orderBy: "",
| filter: "1=1"
| });
| return data['entityset'];
| },
| subActive: props.subActive,
| }
|
| const listWrapperProps = {
| title: t('views.log.logInterface.IndexPage.InterfaceList.title'),
| complementHeight: 95,
| };
|
| </script>
|
|