[update 拆分拖拽] 修改排序按默认排序
This commit is contained in:
@@ -26,6 +26,7 @@
|
|||||||
:replaceFields="{key: 'id'}"
|
:replaceFields="{key: 'id'}"
|
||||||
class="draggable-tree"
|
class="draggable-tree"
|
||||||
draggable
|
draggable
|
||||||
|
@check="treeCheck"
|
||||||
@dragstart="changeDraggingStatus(true)"
|
@dragstart="changeDraggingStatus(true)"
|
||||||
@dragend="changeDraggingStatus(false)"
|
@dragend="changeDraggingStatus(false)"
|
||||||
@drop="onDrop">
|
@drop="onDrop">
|
||||||
@@ -63,6 +64,7 @@ export default {
|
|||||||
confirmLoading: false,
|
confirmLoading: false,
|
||||||
selectedKeys: [],
|
selectedKeys: [],
|
||||||
expandedKeys: [],
|
expandedKeys: [],
|
||||||
|
checkedNodeDataList: [], // 勾选的节点数据
|
||||||
treeData: [],
|
treeData: [],
|
||||||
checkTreeKeys: {}, // 选择的树节点key
|
checkTreeKeys: {}, // 选择的树节点key
|
||||||
dragging: false,
|
dragging: false,
|
||||||
@@ -78,6 +80,11 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
// 点击复选框触发
|
||||||
|
treeCheck (checkedKeys, { checkedNodes }) {
|
||||||
|
this.checkedNodeDataList = checkedNodes.map(node => node.data.props.dataRef)
|
||||||
|
console.log(this.checkedNodeDataList)
|
||||||
|
},
|
||||||
// 修改拖拽状态
|
// 修改拖拽状态
|
||||||
changeDraggingStatus (status) {
|
changeDraggingStatus (status) {
|
||||||
this.dragging = 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
|
// 拖拽到节点的父节点id
|
||||||
params.targetId = info.node.dataRef.parentId || (this.getParentNode(this.treeData, info.node.eventKey) || {}).id
|
params.targetId = info.node.dataRef.parentId || (this.getParentNode(this.treeData, info.node.eventKey) || {}).id
|
||||||
this.treeNodeSort(params)
|
this.treeNodeSort(params)
|
||||||
@@ -138,7 +145,7 @@ export default {
|
|||||||
}
|
}
|
||||||
// 拖拽到节点内部
|
// 拖拽到节点内部
|
||||||
// console.log('拖拽全部参数', info)
|
// 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
|
const targetId = info.node.eventKey
|
||||||
// 序号,拖拽到节点里面,就把序号设置成最后一个节点的序号
|
// 序号,拖拽到节点里面,就把序号设置成最后一个节点的序号
|
||||||
let displaySeq = info.node.dataRef.displaySeq
|
let displaySeq = info.node.dataRef.displaySeq
|
||||||
@@ -284,6 +291,7 @@ export default {
|
|||||||
this.model = {}
|
this.model = {}
|
||||||
this.treeData = []
|
this.treeData = []
|
||||||
this.expandedKeys = []
|
this.expandedKeys = []
|
||||||
|
this.checkedNodes = []
|
||||||
this.visible = false
|
this.visible = false
|
||||||
},
|
},
|
||||||
handleCancel () {
|
handleCancel () {
|
||||||
|
|||||||
Reference in New Issue
Block a user