<template>
|
<a-tabs v-model="activeTabKey" @contextmenu.native="e=>e.preventDefault()"
|
v-if="Object.keys(currentTreeNodeInfo).length!==0">
|
<a-tab-pane :key="1" tab="NC文档" v-if="currentTreeNodeInfo.type!==1">
|
<NcDocumentTableList @handleTableContextMenuOpen="handleTableContextMenuOpen" :size="tableContainerSize"/>
|
</a-tab-pane>
|
|
<a-tab-pane :key="2" tab="其他文档">
|
<OtherDocumentTableList @handleTableContextMenuOpen="handleTableContextMenuOpen" :size="tableContainerSize"/>
|
</a-tab-pane>
|
|
<TableContextMenu :tableRowInfo="currentRightClickedTableRowInfo" ref="tableContextMenuRef"/>
|
</a-tabs>
|
</template>
|
|
<script>
|
import NcDocumentTableList from './Document/NcDocumentTableList'
|
import OtherDocumentTableList from './Document/OtherDocumentTableList'
|
import TableContextMenu from '../../../common/TableContextMenu'
|
|
export default {
|
name: 'ProductStructureMainTop',
|
components: { TableContextMenu, OtherDocumentTableList, NcDocumentTableList },
|
data() {
|
return {
|
activeTabKey: '1',
|
tableContainerSize: 'small',
|
currentRightClickedTableRowInfo: {},
|
currentTreeNodeInfo: {}
|
}
|
},
|
created() {
|
this.$bus.$on('sendCurrentTreeNodeInfo', this.receiveCurrentTreeNodeInfo)
|
},
|
methods: {
|
/**
|
* 控制右键菜单开启
|
* @param record 当前表格行信息
|
*/
|
handleTableContextMenuOpen(record) {
|
this.currentRightClickedTableRowInfo = Object.assign({}, record)
|
this.$refs.tableContextMenuRef.currentMenuLevel = record.param
|
this.$refs.tableContextMenuRef.menuStyle.top = event.clientY + 'px'
|
this.$refs.tableContextMenuRef.menuStyle.left = event.clientX + 'px'
|
this.$refs.tableContextMenuRef.menuVisible = true
|
document.body.addEventListener('click', this.handleMenuClose)
|
},
|
|
/**
|
* 接收树组件传来的当前选中的树节点信息
|
* @param treeNodeInfo
|
*/
|
receiveCurrentTreeNodeInfo(treeNodeInfo) {
|
// 从树组件接受树节点信息后从父组件流入子组件
|
this.currentTreeNodeInfo = treeNodeInfo
|
if (treeNodeInfo.type !== 1) this.activeTabKey = 1
|
else this.activeTabKey = 2
|
},
|
|
/**
|
* 控制右键菜单点击关闭
|
*/
|
handleMenuClose() {
|
this.$refs.tableContextMenuRef.menuVisible = false
|
document.body.removeEventListener('click', this.handleMenuClose)
|
}
|
}
|
}
|
</script>
|
|
<style scoped>
|
/deep/ .ant-table-tbody .ant-table-row {
|
cursor: pointer;
|
}
|
</style>
|
