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

Merge pull request #12879 from dataease/pr@dev-v2@chart-symbolic-map-custom-range

Browse Source 
style(图表): 符号地图自定义区间输入框添加校验
This commit is contained in:
jianneng-fit2cloud 2024-10-24 14:49:05 +08:00 committed by GitHub
commit 64a762a686
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
core/core-frontend/src/views/chart/components/editor/editor-style/components/BasicStyleSelector.vue
View File

@ -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"
>
</el-input>
@ -529,7 +542,7 @@ onMounted(() => {
v-model="state.basicStyleForm.mapSymbolSizeMax"
class="basic-input-number"
:controls="false"
@change="changeBasicStyle('mapSymbolSizeMax')"
@blur="mapCustomRangeValidate('mapSymbolSizeMax')"
:disabled="!customSymbolicMapSizeRange"
>
</el-input>