From c04a17f1eac8de96ecb532f231974789e82f8a4e Mon Sep 17 00:00:00 2001 From: jianneng-fit2cloud Date: Thu, 24 Oct 2024 14:47:29 +0800 Subject: [PATCH] =?UTF-8?q?style(=E5=9B=BE=E8=A1=A8):=20=E7=AC=A6=E5=8F=B7?= =?UTF-8?q?=E5=9C=B0=E5=9B=BE=E8=87=AA=E5=AE=9A=E4=B9=89=E5=8C=BA=E9=97=B4?= =?UTF-8?q?=E8=BE=93=E5=85=A5=E6=A1=86=E6=B7=BB=E5=8A=A0=E6=A0=A1=E9=AA=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/BasicStyleSelector.vue | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/BasicStyleSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/BasicStyleSelector.vue index 6dee12afbd..57e155178e 100644 --- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/BasicStyleSelector.vue +++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/BasicStyleSelector.vue @@ -237,6 +237,19 @@ const customSymbolicMapSizeRange = computed(() => { let { extBubble } = JSON.parse(JSON.stringify(props.chart)) return ['symbolic-map'].includes(props.chart.type) && extBubble?.length > 0 }) +const mapCustomRangeValidate = prop => { + if (!state.basicStyleForm.mapSymbolSizeMin || state.basicStyleForm.mapSymbolSizeMin < 0) { + state.basicStyleForm.mapSymbolSizeMin = 0 + } + if (!state.basicStyleForm.mapSymbolSizeMax || state.basicStyleForm.mapSymbolSizeMax < 1) { + state.basicStyleForm.mapSymbolSizeMax = 1 + } + if (state.basicStyleForm.mapSymbolSizeMax < state.basicStyleForm.mapSymbolSizeMin) { + ElMessage.warning('第二个区间值必须大于第一个区间值') + return + } + changeBasicStyle(prop) +} onMounted(() => { init() }) @@ -512,7 +525,7 @@ onMounted(() => { v-model="state.basicStyleForm.mapSymbolSizeMin" class="basic-input-number" :controls="false" - @change="changeBasicStyle('mapSymbolSizeMin')" + @blur="mapCustomRangeValidate('mapSymbolSizeMin')" :disabled="!customSymbolicMapSizeRange" > @@ -529,7 +542,7 @@ onMounted(() => { v-model="state.basicStyleForm.mapSymbolSizeMax" class="basic-input-number" :controls="false" - @change="changeBasicStyle('mapSymbolSizeMax')" + @blur="mapCustomRangeValidate('mapSymbolSizeMax')" :disabled="!customSymbolicMapSizeRange" >