<template>
|
<app-layout-row>
|
<app-layout-col :span="6">
|
<interface-list v-bind="interfaceListProps"/>
|
</app-layout-col>
|
<app-layout-col :span="18" :padding-left="15">
|
<interface-table v-bind="interfaceTableProps"/>
|
</app-layout-col>
|
</app-layout-row>
|
</template>
|
|
<script setup>
|
|
const props = defineProps({
|
subActive: {
|
type: Function,
|
default: () => {
|
}
|
}
|
});
|
|
import InterfaceList from './InterfaceList';
|
import InterfaceTable from './InterfaceTable';
|
|
const interfaceListRef = ref();
|
const interfaceTableRef = ref();
|
|
const interfaceTableProps = {
|
ref: interfaceTableRef,
|
}
|
|
|
const interfaceListProps = {
|
ref: interfaceListRef,
|
subActive: (val) => {
|
interfaceTableRef.value.setActive(val);
|
}
|
}
|
|
</script>
|