fix: 过滤组件标题不同仪表板大小时显示位置不同问题

This commit is contained in:
wangjiahao 2021-12-31 15:34:05 +08:00
parent a313f0e280
commit 69d53f0bb6
2 changed files with 16 additions and 5 deletions

View File

@ -12,6 +12,7 @@
:id="'component' + config.id"
class="component-custom"
:style="getComponentStyleDefault(config.style)"
style="overflow: hidden"
:out-style="config.style"
:element="config"
:in-screen="inScreen"

View File

@ -87,8 +87,7 @@ export default {
computed: {
sizeInfo() {
let size
if (this.duHeight > this.inputMaxSize) {
} else if (this.duHeight > this.inputLargeSize) {
if (this.duHeight > this.inputLargeSize) {
size = 'medium'
} else if (this.duHeight > this.inputSmallSize) {
size = 'small'
@ -101,6 +100,14 @@ export default {
'curCanvasScale'
])
},
watch: {
element: {
handler() {
this.watchSize()
},
deep: true
}
},
mounted() {
this.watchSize()
},
@ -121,13 +128,15 @@ export default {
return
}
const titleWidth = this.$refs.deTitle.offsetWidth
this.duHeight = height - titleWidth
this.$nextTick(() => {
let min = this.element.style.fontSize * 2 + 50
let numRange = 0
let min = this.element.style.fontSize * 2 + 30
if (this.element.component === 'de-number-range') {
min = this.element.style.fontSize * 2 + 80
min = this.element.style.fontSize * 2 + 55
numRange = 25
}
if (height < min) {
this.duHeight = height - numRange
this.mainClass = 'condition-main-line'
if (deContentContainer) {
@ -135,6 +144,7 @@ export default {
deContentContainer.style.marginLeft = (titleWidth + 15) + 'px'
}
} else {
this.duHeight = height - titleWidth + numRange
this.mainClass = ''
if (deContentContainer) {
deContentContainer.style.top = '2em'