center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

fix(数据大屏): 修复tab组件内组件在坐标系里的定位不正确问题

Browse Source
This commit is contained in:
wangjiahao 2024-10-10 12:41:10 +08:00
parent 91c7394263
commit c0b08dc917
1 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
core/core-frontend/src/custom-component/common/DeRuler.vue
View File

@ -21,7 +21,7 @@ const props = defineProps({
const labelInterval = 5
const { canvasStyleData, curComponent } = storeToRefs(dvMainStore)
const { canvasStyleData, curComponent, componentData } = storeToRefs(dvMainStore)
const rulerSize = computed(() =>
props.direction === 'horizontal' ? canvasStyleData.value.width : canvasStyleData.value.height
@ -41,13 +41,27 @@ const curComponentSize = computed(() => {
}
})
// 计算复合画布内部组件偏移量
const parentStyle = computed(() => {
const style = { left: 0, top: 0 }
if (curComponent.value && curComponent.value.canvasId !== 'canvas-main') {
componentData.value.forEach(item => {
if (curComponent.value.canvasId.index(item.id) > -1) {
style.left = item.style.left
style.top = item.style.top
}
})
}
return style
})
const curComponentShadow = computed(() => {
if (curComponent.value) {
return {
left:
(props.direction === 'horizontal'
? curComponent.value.style.left
: curComponent.value.style.top) + 'px',
? curComponent.value.style.left + parentStyle.value.left
: curComponent.value.style.top + parentStyle.value.top) + 'px',
width:
(props.direction === 'horizontal'
? curComponent.value.style.width