<template>
|
<app-layout-row>
|
<app-layout-col :span="5">
|
<type-list v-bind="typeListProps"/>
|
</app-layout-col>
|
<app-layout-col :span="19" :padding-left="15">
|
<interface-table v-bind="interfaceTableProps"/>
|
</app-layout-col>
|
</app-layout-row>
|
</template>
|
|
<script setup>
|
|
import TypeList from './TypeList';
|
import InterfaceTable from './InterfaceTable';
|
|
const typeListRef = ref();
|
const interfaceTableRef = ref();
|
|
const interfaceTableProps = {
|
ref: interfaceTableRef,
|
}
|
|
|
const typeListProps = {
|
ref: typeListRef,
|
subActive(active) {
|
interfaceTableRef.value.onActive(active);
|
}
|
}
|
|
</script>
|