style(接口测试): 修复创建接口时自定义字段较多时展示不全

api-test/frontend/src/business/definition/components/CustomAsideContainer.vue

@@ -0,0 +1,68 @@
+<template>
+  <el-aside width="300px" class="ms-aside-container">
+    <div class="node-tree">
+      <slot></slot>
+    </div>
+    <ms-horizontal-drag-bar />
+  </el-aside>
+</template>
+
+<script>
+import MsHorizontalDragBar from 'metersphere-frontend/src/components/dragbar/MsLeft2RightDragBar';
+
+export default {
+  name: 'MsAsideContainer',
+  components: { MsHorizontalDragBar },
+};
+</script>
+
+<style scoped>
+.ms-aside-container {
+  border: 1px solid #e6e6e6;
+  padding: 10px 0 10px 10px;
+  border-radius: 2px;
+  box-sizing: border-box;
+  background-color: #fff;
+  border-right: 0px;
+  position: relative;
+  overflow: visible;
+}
+.ms-aside-container .node-tree{
+  height: calc(100vh - 115px);
+  overflow: auto;
+  padding-right: 10px;
+  /**兼容 firefox */
+  padding-bottom: 0;
+}
+.hiddenBottom {
+  width: 8px;
+  height: 50px;
+  /*top: calc((100vh - 80px)/3);*/
+  right: -10px;
+  /*top: 0;*/
+  line-height: 50px;
+  border-radius: 0 15px 15px 0;
+  background-color: #acb7c1;
+  display: inline-block;
+  position: absolute;
+  cursor: pointer;
+  opacity: 0.4;
+  font-size: 2px;
+  margin-left: 1px;
+}
+
+.hiddenBottom i {
+  margin-left: -2px;
+}
+
+.hiddenBottom:hover {
+  background-color: #783887;
+  opacity: 0.8;
+  width: 12px;
+}
+
+.hiddenBottom:hover i {
+  margin-left: 0;
+  color: white;
+}
+</style>

api-test/frontend/src/business/definition/components/EditCompleteContainer.vue

@@ -1,6 +1,6 @@
 <template>
   <ms-container v-if="isShow && !loading">
-    <ms-aside-container>
+    <ms-aside-container >
       <api-base-info
         ref="apiBaseInfo"
         :api-template="apiTemplate"
@@ -11,7 +11,7 @@
         :is-form-alive="isFormAlive"
         :maintainer-options="maintainerOptions"
         :module-options="moduleOptions"
-        style="overflow: auto" />
+      />
     </ms-aside-container>
     <ms-main-container class="ms-api-main-container">
       <el-button-group v-if="currentApi.id" style="z-index: 10; position: fixed">
@@ -158,7 +158,7 @@ export default {
     MsApiCaseList,
     ApiBaseInfo,
     MsMainContainer: () => import('metersphere-frontend/src/components/MsMainContainer'),
-    MsAsideContainer: () => import('metersphere-frontend/src/components/MsAsideContainer'),
+    MsAsideContainer: () => import('./CustomAsideContainer.vue'),
     MsContainer: () => import('metersphere-frontend/src/components/MsContainer'),
   },
   data() {