<template>
|
<app-layout-row>
|
<app-layout-col :span="5">
|
<group-list v-bind="groupListProps"/>
|
</app-layout-col>
|
<app-layout-col :span="19" :padding-left="15">
|
<param-table v-bind="paramTableProps"/>
|
</app-layout-col>
|
</app-layout-row>
|
</template>
|
|
<script setup>
|
|
import GroupList from './GroupList';
|
import ParamTable from './ParamTable';
|
|
const groupListRef = ref();
|
const paramTableRef = ref();
|
|
const props = defineProps({
|
subCurrent: {
|
type: Function,
|
default: () => {
|
}
|
}
|
});
|
|
const paramTableProps = {
|
ref: paramTableRef,
|
subCurrent(row) {
|
props.subCurrent(row);
|
}
|
}
|
|
const groupListProps = {
|
ref: groupListRef,
|
subActive(active) {
|
props.subCurrent({add: active});
|
paramTableRef.value.onActive(active);
|
}
|
}
|
|
const onReload = (bool) => {
|
paramTableRef.value.onReload(bool);
|
}
|
|
defineExpose({
|
onReload
|
});
|
|
</script>
|
