<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===5||currentTreeNodeInfo.type===6">
|
<NcDocumentTableList ref="ncDocumentTableListRef" :currentTreeNodeInfo="currentTreeNodeInfo"
|
@handleTableContextMenuOpen="handleTableContextMenuOpen" :size="tableContainerSize"/>
|
</a-tab-pane>
|
|
<a-tab-pane :key="1" tab="其他文档" v-else>
|
<OtherDocumentTableList ref="otherDocumentTableListRef" :currentTreeNodeInfo="currentTreeNodeInfo"
|
@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)
|
this.$bus.$on('importFileSuccess', this.reloadDocumentListData)
|
},
|
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
|
// 清空上一节点已经加载过得文档列表tabKey
|
if (treeNodeInfo.type === 5 || treeNodeInfo.type === 6) {
|
this.$nextTick(() => {
|
if (this.$refs.ncDocumentTableListRef) this.$refs.ncDocumentTableListRef.loadData(1)
|
})
|
} else {
|
this.$nextTick(() => {
|
if (this.$refs.otherDocumentTableListRef) this.$refs.otherDocumentTableListRef.loadData(1)
|
})
|
}
|
},
|
|
/**
|
* 上传文件成功后触发
|
* @param docClassCode 文档类别
|
* @param attributionId 节点Id
|
*/
|
reloadDocumentListData({ docClassCode, attributionId }) {
|
// 如果上传的文档不是所属于当前所展示节点的文档则不重新获取文档列表
|
if (this.currentTreeNodeInfo.id !== attributionId) return
|
if (docClassCode === 'NC') {
|
if (this.$refs.ncDocumentTableListRef) this.$refs.ncDocumentTableListRef.loadData(1)
|
} else {
|
if (this.$refs.otherDocumentTableListRef) this.$refs.otherDocumentTableListRef.loadData(1)
|
}
|
},
|
|
/**
|
* 控制右键菜单点击关闭
|
*/
|
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>
|
