<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 dncApi from '@/api/dnc'
|
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('reloadDocumentListData', this.reloadDocumentListData)
|
this.$bus.$on('tableMenuItemMethodTrigger', this.triggerCorrespondingMethod)
|
},
|
methods: {
|
/**
|
* 控制右键菜单开启
|
* @param record 当前表格行信息
|
*/
|
handleTableContextMenuOpen(record) {
|
this.currentRightClickedTableRowInfo = Object.assign({}, record)
|
console.log('currentRightClickedTableRowInfo', this.currentRightClickedTableRowInfo)
|
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)
|
})
|
}
|
},
|
|
/**
|
* 文档以及NC程序导入/出库/入库成功后触发重新加载文档列表
|
* @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)
|
}
|
},
|
|
/**
|
* 点击下载时触发下载当前文档
|
*/
|
handleDownload() {
|
const that = this
|
const { docId, docName } = this.currentRightClickedTableRowInfo
|
dncApi.downloadDocumentApi({ id: docId, docName })
|
.then(res => {
|
if (res && !res.success) {
|
that.$notification.error({
|
message: '消息',
|
description: res.message
|
})
|
}
|
})
|
.catch(err => {
|
that.$notification.error({
|
message: '消息',
|
description: err.message
|
})
|
})
|
},
|
|
/**
|
* 点击出库时触发当前文档出库
|
* @param menuLabel
|
*/
|
handlePull(menuLabel) {
|
const that = this
|
const { docId, docName, param, attributionId } = this.currentRightClickedTableRowInfo
|
this.$confirm({
|
title: '提示',
|
content: `确认${menuLabel}吗？`,
|
okText: '确认',
|
cancelText: '取消',
|
onOk: () => {
|
dncApi.documentOutboundApi({ id: docId, docName })
|
.then(res => {
|
console.log('res------------------', res)
|
if (res.success) {
|
this.reloadDocumentListData({ docClassCode: param, attributionId })
|
that.$notification.success({
|
message: '消息',
|
description: `${menuLabel}成功`
|
})
|
} else {
|
that.$notification.error({
|
message: '消息',
|
description: res.message
|
})
|
}
|
})
|
.catch(err => {
|
that.$notification.error({
|
message: '消息',
|
description: err.message
|
})
|
})
|
}
|
})
|
},
|
|
/**
|
* 点击取消出库时触发当前文档取消出库
|
* @param menuLabel
|
*/
|
handleCancelPull(menuLabel) {
|
const that = this
|
const { docId, param, attributionId } = this.currentRightClickedTableRowInfo
|
this.$confirm({
|
title: '提示',
|
content: `确认${menuLabel}吗？`,
|
okText: '确认',
|
cancelText: '取消',
|
onOk: () => {
|
dncApi.documentCancelOutboundApi(docId)
|
.then(res => {
|
if (res.success) {
|
this.reloadDocumentListData({ docClassCode: param, attributionId })
|
that.$notification.success({
|
message: '消息',
|
description: res.message
|
})
|
} else {
|
that.$notification.error({
|
message: '消息',
|
description: res.message
|
})
|
}
|
})
|
.catch(err => {
|
that.$notification.error({
|
message: '消息',
|
description: err.message
|
})
|
})
|
}
|
})
|
},
|
|
|
/**
|
* 点击发布时触发当前文档发布
|
* @param menuLabel
|
*/
|
handlePublish(menuLabel) {
|
const that = this
|
const { docId, param, attributionId } = this.currentRightClickedTableRowInfo
|
this.$confirm({
|
title: '提示',
|
content: `确认${menuLabel}吗？`,
|
okText: '确认',
|
cancelText: '取消',
|
onOk: () => {
|
dncApi.documentPublishApi(docId)
|
.then(res => {
|
if (res.success) {
|
this.reloadDocumentListData({ docClassCode: param, attributionId })
|
this.$bus.$emit('reloadMainBottomTableData', 'documentVersion')
|
that.$notification.success({
|
message: '消息',
|
description: res.message
|
})
|
} else {
|
that.$notification.error({
|
message: '消息',
|
description: res.message
|
})
|
}
|
})
|
.catch(err => {
|
that.$notification.error({
|
message: '消息',
|
description: err.message
|
})
|
})
|
}
|
})
|
},
|
|
/**
|
* 点击重新发布时触发当前文档重新发布退回上一版本
|
* @param menuLabel
|
*/
|
handleRepublish(menuLabel) {
|
const that = this
|
const { docId, param, attributionId } = this.currentRightClickedTableRowInfo
|
this.$confirm({
|
title: '提示',
|
content: `确认${menuLabel}吗？`,
|
okText: '确认',
|
cancelText: '取消',
|
onOk: () => {
|
dncApi.documentRepublishApi(docId)
|
.then(res => {
|
if (res.success) {
|
this.reloadDocumentListData({ docClassCode: param, attributionId })
|
that.$notification.success({
|
message: '消息',
|
description: res.message
|
})
|
} else {
|
that.$notification.error({
|
message: '消息',
|
description: res.message
|
})
|
}
|
})
|
.catch(err => {
|
that.$notification.error({
|
message: '消息',
|
description: err.message
|
})
|
})
|
}
|
})
|
},
|
|
/**
|
* 点击归档时触发当前文档归档且后续无法继续发布或归档
|
* @param menuLabel
|
*/
|
handlePigeonhole(menuLabel) {
|
const that = this
|
const { docId, param, attributionId } = this.currentRightClickedTableRowInfo
|
this.$confirm({
|
title: '提示',
|
content: `${menuLabel}后不可取消，确认${menuLabel}吗？`,
|
okText: '确认',
|
cancelText: '取消',
|
onOk: () => {
|
dncApi.documentPigeonholeApi(docId)
|
.then(res => {
|
if (res.success) {
|
this.reloadDocumentListData({ docClassCode: param, attributionId })
|
that.$notification.success({
|
message: '消息',
|
description: res.message
|
})
|
} else {
|
that.$notification.error({
|
message: '消息',
|
description: res.message
|
})
|
}
|
})
|
.catch(err => {
|
that.$notification.error({
|
message: '消息',
|
description: err.message
|
})
|
})
|
}
|
})
|
},
|
|
/**
|
* 控制右键菜单点击关闭
|
*/
|
handleMenuClose() {
|
this.$refs.tableContextMenuRef.menuVisible = false
|
document.body.removeEventListener('click', this.handleMenuClose)
|
},
|
|
triggerCorrespondingMethod({ methodName, modalTitle }) {
|
if (this[methodName]) this[methodName](modalTitle)
|
}
|
}
|
}
|
</script>
|
|
<style scoped>
|
/deep/ .ant-table-tbody .ant-table-row {
|
cursor: pointer;
|
}
|
</style>
|
