perf: module/endpoint编辑框param固定高度

nezha-fronted/src/assets/stylus/main.scss

@@ -1120,16 +1120,15 @@ li{
 .param-box {
   border: 1px solid #DCDFE6;
   border-radius: 4px;
-  padding: 0 10px;
 }
 .param-box-endpoint {
   height: 325px;
 }
 .param-box-module {
-  min-height: 258px;
+  height: 258px;
 }
 .param-box-row {
-  padding: 7px 0 0 0;
+  padding: 7px 10px 0 10px;
   position: relative;
 }
 .param-box-row:last-of-type {

nezha-fronted/src/components/common/rightBox/editEndpointBox.vue

@@ -138,6 +138,7 @@
               </div>
             </template>
             <div v-if="rightBox.isEdit" class="param-box param-box-module">
+              <el-scrollbar ref="paramBoxScrollbar" style="height: 100%">
                 <div class="param-box-row" v-for="(item, index) in endpoint.paramObj">
                   <el-form-item class="param-box-row-key" :rules="{required: true, message: $t('validate.required'), trigger: 'blur'}" :prop="'paramObj.' + index + '.key'">
                     <el-input placeholder="key" size="mini" v-model="item.key"></el-input>
@@ -148,6 +149,7 @@
                   </el-form-item>
                   <span class="param-box-row-symbol" @click="removeParam(index)"><i class="nz-icon nz-icon-minus-square"></i></span>
                 </div>
+              </el-scrollbar>
             </div>
             <div v-else v-for="(item, index) in endpoint.paramObj" v-if="!rightBox.isEdit">
               <div  class="right-box-form-content-txt">{{item.key}}={{item.value}}</div>
@@ -254,6 +256,7 @@
       // 新增param
       addParam() {
         this.endpoint.paramObj.push({key: '', value: ''});
+        this.$refs.paramBoxScrollbar.update();
       },
 
       // 移除单个param

nezha-fronted/src/components/common/rightBox/moduleBox.vue

@@ -265,6 +265,7 @@
             </template>
 
             <div v-if="rightBox.isEdit" class="param-box param-box-module">
+              <el-scrollbar ref="paramBoxScrollbar" style="height: 100%">
                 <div class="param-box-row" v-for="(item, index) in currentModule.paramObj">
                   <el-form-item class="param-box-row-key" :rules="{required: true, message: $t('validate.required'), trigger: 'blur'}" :prop="'paramObj.' + index + '.key'">
                     <el-input placeholder="key" size="mini" v-model="item.key"></el-input>
@@ -275,6 +276,7 @@
                   </el-form-item>
                   <span class="param-box-row-symbol" :id="'moduel-remove-param-'+index" @click="removeParam(index)"><i class="nz-icon nz-icon-minus-square"></i></span>
                 </div>
+              </el-scrollbar>
             </div>
             <div v-for="(item, index) in currentModule.paramObj" v-if="!rightBox.isEdit">
               <div  class="right-box-form-content-txt">{{item.key}}={{item.value}}</div>
@@ -613,6 +615,7 @@
       // 新增param
       addParam: function() {
         this.currentModule.paramObj.push({key: '', value: ''});
+        this.$refs.paramBoxScrollbar.update();
       },
 
       // 移除单个param