[update 拆分拖拽] 修改排序按默认排序

This commit is contained in:
danshihao
2024-09-26 14:55:59 +08:00
parent ef6c098eb4
commit 2cff8da54b
@@ -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 () {