Merge pull request #4307 from dataease/pr@dev@fix_richtext

fix(视图): 修复当指标或维度过多时，使用富文本视图选择参数，参数超过一屏显示不全问题 #4300

frontend/src/components/canvas/components/editor/FieldsList.vue

@@ -1,5 +1,5 @@
 <template>
-  <div @mousedown="fieldsAreaDown">
+  <div @mousedown="fieldsAreaDown" class="field-main">
     <el-button
       v-for="(field) in fields"
       :key="field.id"
@@ -29,15 +29,10 @@ export default {
     }
   },
   data() {
-    return {
-    }
-  },
-  computed: {
-
-  },
-  watch: {
-
+    return {}
   },
+  computed: {},
+  watch: {},
   mounted() {
   },
   methods: {
@@ -53,11 +48,18 @@ export default {
 </script>
 
 <style scoped>
-.field-area{
+.field-main {
+  width: 183px;
+  max-height: 300px;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.field-area {
   width: 174px;
   margin: 4px 0 0 0;
   text-align: left;
-  margin-left: 0px!important;
+  margin-left: 0px !important;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;