diff --git a/src/views/documentTool/documentSplit/modules/SplitTreeOrderModal.vue b/src/views/documentTool/documentSplit/modules/SplitTreeOrderModal.vue index 78ec106..d04559e 100644 --- a/src/views/documentTool/documentSplit/modules/SplitTreeOrderModal.vue +++ b/src/views/documentTool/documentSplit/modules/SplitTreeOrderModal.vue @@ -26,6 +26,7 @@ :replaceFields="{key: 'id'}" class="draggable-tree" draggable + @check="treeCheck" @dragstart="changeDraggingStatus(true)" @dragend="changeDraggingStatus(false)" @drop="onDrop"> @@ -63,6 +64,7 @@ export default { confirmLoading: false, selectedKeys: [], expandedKeys: [], + checkedNodeDataList: [], // 勾选的节点数据 treeData: [], checkTreeKeys: {}, // 选择的树节点key dragging: false, @@ -78,6 +80,11 @@ export default { } }, methods: { + // 点击复选框触发 + treeCheck (checkedKeys, { checkedNodes }) { + this.checkedNodeDataList = checkedNodes.map(node => node.data.props.dataRef) + console.log(this.checkedNodeDataList) + }, // 修改拖拽状态 changeDraggingStatus (status) { this.dragging = status @@ -130,7 +137,7 @@ export default { } } // 复选框勾选的节点 - params.sourceId = this.checkTreeKeys.checked.join(',') + params.sourceId = this.checkedNodeDataList.sort((a, b) => a.displaySeq - b.displaySeq).map(item => item.id).join(',') // 拖拽到节点的父节点id params.targetId = info.node.dataRef.parentId || (this.getParentNode(this.treeData, info.node.eventKey) || {}).id this.treeNodeSort(params) @@ -138,7 +145,7 @@ export default { } // 拖拽到节点内部 // console.log('拖拽全部参数', info) - const sourceId = this.checkTreeKeys.checked.join(',') + const sourceId = this.checkedNodeDataList.sort((a, b) => a.displaySeq - b.displaySeq).map(item => item.id).join(',') const targetId = info.node.eventKey // 序号,拖拽到节点里面,就把序号设置成最后一个节点的序号 let displaySeq = info.node.dataRef.displaySeq @@ -284,6 +291,7 @@ export default { this.model = {} this.treeData = [] this.expandedKeys = [] + this.checkedNodes = [] this.visible = false }, handleCancel () {