From fa8accd747f9c779046d2b4468d5fbb6b5d2d76c Mon Sep 17 00:00:00 2001
From: metersphere-bot <78466014+metersphere-bot@users.noreply.github.com>
Date: Tue, 22 Mar 2022 17:41:48 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E6=8E=A5=E5=8F=A3=E6=B5=8B=E8=AF=95):?=
 =?UTF-8?q?=20=E4=BC=98=E5=8C=96dubbo=E8=B0=83=E8=AF=95=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=20(#11787)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1011521 --user=王孝刚
【接口测试】dubbo协议-api-test-增加前置操作后-断言规则tab页显示隐藏-需要点击右侧的>才能看到
https://www.tapd.cn/55049933/s/1123428

Co-authored-by: wxg0103 <727495428@qq.com>
---
 .../request/database/BasisParameters.vue      | 36 ++++++++--------
 .../request/dubbo/BasisParameters.vue         | 43 +++++++++++--------
 2 files changed, 42 insertions(+), 37 deletions(-)

diff --git a/frontend/src/business/components/api/definition/components/request/database/BasisParameters.vue b/frontend/src/business/components/api/definition/components/request/database/BasisParameters.vue
index 630e40bbe4..0ba2a202dc 100644
--- a/frontend/src/business/components/api/definition/components/request/database/BasisParameters.vue
+++ b/frontend/src/business/components/api/definition/components/request/database/BasisParameters.vue
@@ -63,34 +63,34 @@
               </el-tab-pane>
               <!-- 脚本步骤/断言步骤 -->
               <el-tab-pane :label="$t('api_test.definition.request.pre_operation')" name="preOperate" v-if="showScript">
-          <span class="item-tabs" effect="dark" placement="top-start" slot="label">
-            {{ $t('api_test.definition.request.pre_operation') }}
-            <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.preSize > 0">
-              <div class="el-step__icon-inner">{{ request.preSize }}</div>
-            </div>
-          </span>
+                <span class="item-tabs" effect="dark" placement="top-start" slot="label">
+                  {{ $t('api_test.definition.request.pre_operation') }}
+                  <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.preSize > 0">
+                    <div class="el-step__icon-inner">{{ request.preSize }}</div>
+                  </div>
+                </span>
                 <ms-jmx-step :request="request" :apiId="request.id" :response="response" :tab-type="'pre'"
                              ref="preStep"/>
               </el-tab-pane>
               <el-tab-pane :label="$t('api_test.definition.request.post_operation')" name="postOperate"
                            v-if="showScript">
-            <span class="item-tabs" effect="dark" placement="top-start" slot="label">
-            {{ $t('api_test.definition.request.post_operation') }}
-            <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.postSize > 0">
-              <div class="el-step__icon-inner">{{ request.postSize }}</div>
-            </div>
-          </span>
+                  <span class="item-tabs" effect="dark" placement="top-start" slot="label">
+                  {{ $t('api_test.definition.request.post_operation') }}
+                  <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.postSize > 0">
+                    <div class="el-step__icon-inner">{{ request.postSize }}</div>
+                  </div>
+                  </span>
                 <ms-jmx-step :request="request" :apiId="request.id" :response="response" :tab-type="'post'"
                              ref="postStep"/>
               </el-tab-pane>
               <el-tab-pane :label="$t('api_test.definition.request.assertions_rule')" name="assertionsRule"
                            v-if="showScript">
-            <span class="item-tabs" effect="dark" placement="top-start" slot="label">
-            {{ $t('api_test.definition.request.assertions_rule') }}
-            <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.ruleSize > 0">
-              <div class="el-step__icon-inner">{{ request.ruleSize }}</div>
-            </div>
-          </span>
+                  <span class="item-tabs" effect="dark" placement="top-start" slot="label">
+                  {{ $t('api_test.definition.request.assertions_rule') }}
+                  <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.ruleSize > 0">
+                    <div class="el-step__icon-inner">{{ request.ruleSize }}</div>
+                  </div>
+                  </span>
                 <ms-jmx-step :request="request" :apiId="request.id" :response="response" @reload="reloadBody"
                              :tab-type="'assertionsRule'" ref="assertionsRule"/>
               </el-tab-pane>
diff --git a/frontend/src/business/components/api/definition/components/request/dubbo/BasisParameters.vue b/frontend/src/business/components/api/definition/components/request/dubbo/BasisParameters.vue
index 7f155b791b..3600276ba4 100644
--- a/frontend/src/business/components/api/definition/components/request/dubbo/BasisParameters.vue
+++ b/frontend/src/business/components/api/definition/components/request/dubbo/BasisParameters.vue
@@ -4,7 +4,8 @@
       <el-col :span="spanNum" style="padding-bottom: 20px">
         <div style="border:1px #DCDFE6 solid; height: 100%;border-radius: 4px ;width: 100% ;">
 
-          <el-form :model="request" ref="request" label-width="100px" :disabled="isReadOnly" style="margin: 10px">
+          <el-form :model="request" ref="request" label-width="100px" :disabled="isReadOnly" style="margin: 10px"
+                   class="ms-el-tabs__nav-scroll">
 
             <el-form-item :label="$t('api_test.request.dubbo.protocol')" prop="protocol">
               <el-select v-model="request.protocol" size="small">
@@ -39,38 +40,37 @@
 
               <!-- 脚本步骤/断言步骤 -->
               <el-tab-pane :label="$t('api_test.definition.request.pre_operation')" name="preOperate" v-if="showScript">
-          <span class="item-tabs" effect="dark" placement="top-start" slot="label">
-            {{ $t('api_test.definition.request.pre_operation') }}
-            <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.preSize > 0">
+                 <span class="item-tabs" effect="dark" placement="top-start" slot="label">
+                 {{ $t('api_test.definition.request.pre_operation') }}
+              <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.preSize > 0">
               <div class="el-step__icon-inner">{{ request.preSize }}</div>
-            </div>
-          </span>
+              </div>
+                  </span>
                 <ms-jmx-step :request="request" :apiId="request.id" :response="response" :tab-type="'pre'"
                              ref="preStep"/>
               </el-tab-pane>
               <el-tab-pane :label="$t('api_test.definition.request.post_operation')" name="postOperate"
                            v-if="showScript">
-            <span class="item-tabs" effect="dark" placement="top-start" slot="label">
-            {{ $t('api_test.definition.request.post_operation') }}
-            <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.postSize > 0">
-              <div class="el-step__icon-inner">{{ request.postSize }}</div>
-            </div>
-          </span>
+                <span class="item-tabs" effect="dark" placement="top-start" slot="label">
+                {{ $t('api_test.definition.request.post_operation') }}
+                  <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.postSize > 0">
+                  <div class="el-step__icon-inner">{{ request.postSize }}</div>
+                 </div>
+                </span>
                 <ms-jmx-step :request="request" :apiId="request.id" :response="response" :tab-type="'post'"
                              ref="postStep"/>
               </el-tab-pane>
               <el-tab-pane :label="$t('api_test.definition.request.assertions_rule')" name="assertionsRule"
                            v-if="showScript">
-            <span class="item-tabs" effect="dark" placement="top-start" slot="label">
-            {{ $t('api_test.definition.request.assertions_rule') }}
-            <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.ruleSize > 0">
-              <div class="el-step__icon-inner">{{ request.ruleSize }}</div>
-            </div>
-          </span>
+                <span class="item-tabs" effect="dark" placement="top-start" slot="label">
+                {{ $t('api_test.definition.request.assertions_rule') }}
+                <div class="el-step__icon is-text ms-api-col ms-header" v-if="request.ruleSize > 0">
+                  <div class="el-step__icon-inner">{{ request.ruleSize }}</div>
+                </div>
+              </span>
                 <ms-jmx-step :request="request" :apiId="request.id" :response="response" @reload="reloadBody"
                              :tab-type="'assertionsRule'" ref="assertionsRule"/>
               </el-tab-pane>
-
             </el-tabs>
 
           </el-form>
@@ -248,4 +248,9 @@
   /deep/ .el-form-item {
     margin-bottom: 15px;
   }
+
+  .ms-el-tabs__nav-scroll >>> .el-tabs__nav-scroll {
+    width: calc(100% - 10px);
+  }
+
 </style>