zhuchaowe/maxkb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复下拉框字数太多,超出部分隐藏

Browse Source
This commit is contained in:
shaohuzhang1 2024-10-28 15:16:33 +08:00 committed by shaohuzhang1
parent 8cc5f4b6ed
commit f3c84eeac2
2 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/src/components/dynamics-form/constructor/items/SingleSelectConstructor.vue
View File

@ -31,7 +31,7 @@
prop="default_value" prop="default_value"
:rules="formValue.required ? [{ required: true, message: '默认值 为必填属性' }] : []" :rules="formValue.required ? [{ required: true, message: '默认值 为必填属性' }] : []"
> >
<el-select v-model="formValue.default_value"> <el-select v-model="formValue.default_value" :teleported="false" popper-class="default-select">
<el-option <el-option
v-for="(option, index) in formValue.option_list" v-for="(option, index) in formValue.option_list"
:key="index" :key="index"
@ -94,4 +94,8 @@ onMounted(() => {
:deep(.el-form-item__label) { :deep(.el-form-item__label) {
display: block; display: block;
} }
:deep(.el-select-dropdown) {
max-width: 400px;
}
</style> </style>

9
ui/src/components/dynamics-form/items/select/SingleSelect.vue
View File

@ -1,8 +1,9 @@
<template> <template>
<el-select class="m-2" filterable clearable v-bind="$attrs" v-model="_modelValue"> <el-select filterable :teleported="false" clearable v-bind="$attrs" v-model="_modelValue">
<el-option <el-option
v-for="(item, index) in option_list" v-for="(item, index) in option_list"
:key="index" :key="index"
teleported
:label="label(item)" :label="label(item)"
:value="item[valueField]" :value="item[valueField]"
> >
@ -60,4 +61,8 @@ const label = (option: any) => {
return option[textField.value] return option[textField.value]
} }
</script> </script>
<style lang="scss"></style> <style lang="scss" scoped>
:deep(.el-select-dropdown) {
max-width: 400px;
}
</style>