From f3c84eeac2ae2dda1dc62d174607577ed1e3f388 Mon Sep 17 00:00:00 2001
From: shaohuzhang1 <shaohu.zhang@fit2cloud.com>
Date: Mon, 28 Oct 2024 15:16:33 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E4=B8=8B=E6=8B=89?=
 =?UTF-8?q?=E6=A1=86=E5=AD=97=E6=95=B0=E5=A4=AA=E5=A4=9A,=E8=B6=85?=
 =?UTF-8?q?=E5=87=BA=E9=83=A8=E5=88=86=E9=9A=90=E8=97=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../constructor/items/SingleSelectConstructor.vue        | 6 +++++-
 .../dynamics-form/items/select/SingleSelect.vue          | 9 +++++++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/ui/src/components/dynamics-form/constructor/items/SingleSelectConstructor.vue b/ui/src/components/dynamics-form/constructor/items/SingleSelectConstructor.vue
index 2b895f381..4e4f2a065 100644
--- a/ui/src/components/dynamics-form/constructor/items/SingleSelectConstructor.vue
+++ b/ui/src/components/dynamics-form/constructor/items/SingleSelectConstructor.vue
@@ -31,7 +31,7 @@
     prop="default_value"
     :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
         v-for="(option, index) in formValue.option_list"
         :key="index"
@@ -94,4 +94,8 @@ onMounted(() => {
 :deep(.el-form-item__label) {
   display: block;
 }
+
+:deep(.el-select-dropdown) {
+  max-width: 400px;
+}
 </style>
diff --git a/ui/src/components/dynamics-form/items/select/SingleSelect.vue b/ui/src/components/dynamics-form/items/select/SingleSelect.vue
index 379908e83..062210048 100644
--- a/ui/src/components/dynamics-form/items/select/SingleSelect.vue
+++ b/ui/src/components/dynamics-form/items/select/SingleSelect.vue
@@ -1,8 +1,9 @@
 <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
       v-for="(item, index) in option_list"
       :key="index"
+      teleported
       :label="label(item)"
       :value="item[valueField]"
     >
@@ -60,4 +61,8 @@ const label = (option: any) => {
   return option[textField.value]
 }
 </script>
-<style lang="scss"></style>
+<style lang="scss" scoped>
+:deep(.el-select-dropdown) {
+  max-width: 400px;
+}
+</style>