refactor: tab支持图层侧拖拽排序
This commit is contained in:
parent
ac4f18810b
commit
9f95018a61
@ -13,7 +13,7 @@
|
|||||||
<el-color-picker
|
<el-color-picker
|
||||||
:effect="themes"
|
:effect="themes"
|
||||||
v-model="seniorStyleSetting.linkageIconColor"
|
v-model="seniorStyleSetting.linkageIconColor"
|
||||||
:trigger-width="197"
|
:trigger-width="100"
|
||||||
is-custom
|
is-custom
|
||||||
:predefine="state.predefineColors"
|
:predefine="state.predefineColors"
|
||||||
@change="themeChange"
|
@change="themeChange"
|
||||||
@ -30,7 +30,7 @@
|
|||||||
<el-color-picker
|
<el-color-picker
|
||||||
v-model="seniorStyleSetting.drillLayerColor"
|
v-model="seniorStyleSetting.drillLayerColor"
|
||||||
:effect="themes"
|
:effect="themes"
|
||||||
:trigger-width="197"
|
:trigger-width="100"
|
||||||
is-custom
|
is-custom
|
||||||
:predefine="state.predefineColors"
|
:predefine="state.predefineColors"
|
||||||
@change="themeChange"
|
@change="themeChange"
|
||||||
|
|||||||
@ -74,14 +74,6 @@ const closeEditComponentName = () => {
|
|||||||
|
|
||||||
const dragOnEnd = ({ oldIndex, newIndex }) => {
|
const dragOnEnd = ({ oldIndex, newIndex }) => {
|
||||||
const source = componentData.value[newIndex]
|
const source = componentData.value[newIndex]
|
||||||
const comLength = componentData.value.length
|
|
||||||
// 还原数组
|
|
||||||
componentData.value.splice(newIndex, 1)
|
|
||||||
componentData.value.splice(oldIndex, 0, source)
|
|
||||||
const target = componentData.value[comLength - 1 - oldIndex]
|
|
||||||
// 反向移动数组
|
|
||||||
componentData.value.splice(comLength - 1 - oldIndex, 1)
|
|
||||||
componentData.value.splice(comLength - 1 - newIndex, 0, target)
|
|
||||||
dvMainStore.setCurTabName(source.title)
|
dvMainStore.setCurTabName(source.title)
|
||||||
eventBus.emit('onTabSortChange-' + tabElement.value?.id)
|
eventBus.emit('onTabSortChange-' + tabElement.value?.id)
|
||||||
snapshotStore.recordSnapshotCache()
|
snapshotStore.recordSnapshotCache()
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user