fix: dynamics select style

Author: wangdan-fit2cloud

ui/src/components/dynamics-form/constructor/items/MultiSelectConstructor.vue

@@ -8,7 +8,11 @@
 
     <el-row style="width: 100%" :gutter="10">
       <el-radio-group @change="formValue.option_list = []" v-model="formValue.assignment_method">
-        <el-radio :value="item.value" size="large" v-for="(item,index) in assignment_method_option_list" :key="index"
+        <el-radio
+          :value="item.value"
+          size="large"
+          v-for="(item, index) in assignment_method_option_list"
+          :key="index"
           >{{ item.label }}
           <el-popover
             width="300px"
@@ -129,6 +133,7 @@
       :reserve-keyword="false"
       v-model="formValue.default_value"
       :teleported="false"
+      popper-class="custom-select-popper"
     >
       <el-option
         v-for="(option, index) in formValue.option_list"

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

@@ -125,7 +125,7 @@
       />
     </div>
 
-    <el-select v-model="formValue.default_value" :teleported="false">
+    <el-select v-model="formValue.default_value" :teleported="false" popper-class="custom-select-popper">
       <el-option
         v-for="(option, index) in formValue.option_list"
         :key="index"

ui/src/styles/app.scss

@@ -609,3 +609,7 @@ h5 {
     display: inline-block;
   }
 }
+.custom-select-popper {
+  max-width: 100%;
+}
+