34 lines
862 B
Vue
34 lines
862 B
Vue
|
<template>
|
||
|
|
<split-pane :min-percent="10" :default-percent="15" split="vertical" style="height: calc(100vh - 110px)">
|
||
|
|
<template slot="paneL">
|
||
|
|
<SideMenu @handleNodeClick="handleNodeClick"></SideMenu>
|
||
|
|
</template>
|
||
|
|
<template slot="paneR">
|
||
|
|
<RightList ref="listRef"></RightList>
|
||
|
|
</template>
|
||
|
|
</split-pane>
|
||
|
|
</template>
|
||
|
|
<script lang="ts">
|
||
|
|
import { defineComponent, ref } from 'vue'
|
||
|
|
import SplitPane from 'vue-splitpane'
|
||
|
|
import SideMenu from './SideMenu.vue'
|
||
|
|
import RightList from './List.vue'
|
||
|
|
|
||
|
|
export default defineComponent({
|
||
|
|
components: { SplitPane, SideMenu, RightList },
|
||
|
|
setup() {
|
||
|
|
const listRef = ref()
|
||
|
|
function handleNodeClick(node: any) {
|
||
|
|
const { type, id } = node;
|
||
|
|
if (type === 'module') {
|
||
|
|
listRef.value.init(node)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return {
|
||
|
|
listRef,
|
||
|
|
handleNodeClick
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|
||
|
|
</script>
|