From 0ac2b73ecfe659bc3ebbb9f7c3aa07bbc4496264 Mon Sep 17 00:00:00 2001
From: song-cc-rock <changchang.song@fit2cloud.com>
Date: Mon, 20 Feb 2023 15:01:33 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=B5=8B=E8=AF=95=E8=B7=9F=E8=B8=AA):=20?=
 =?UTF-8?q?=E5=85=B3=E8=81=94=E6=B5=8B=E8=AF=95=E7=94=A8=E4=BE=8B=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=E5=B7=A6=E4=BE=A7=E6=A8=A1=E5=9D=97=E6=A0=91=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1023374 --user=宋昌昌 【测试跟踪】功能用例-编辑-关联测试用例弹框-切换项目-名称和下拉图标重叠 https://www.tapd.cn/55049933/s/1338257
---
 .../environment/snippet/ext/module/ApiModuleHeader.vue    | 6 +++++-
 .../case/components/case/relate/ApiScenarioModule.vue     | 3 ++-
 .../case/components/common/CaseRelevanceSideDialog.vue    | 2 +-
 .../src/business/case/components/common/SelectMenu.vue    | 8 +++++---
 4 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/framework/sdk-parent/frontend/src/components/environment/snippet/ext/module/ApiModuleHeader.vue b/framework/sdk-parent/frontend/src/components/environment/snippet/ext/module/ApiModuleHeader.vue
index 508f7c3703..a7e5bae483 100644
--- a/framework/sdk-parent/frontend/src/components/environment/snippet/ext/module/ApiModuleHeader.vue
+++ b/framework/sdk-parent/frontend/src/components/environment/snippet/ext/module/ApiModuleHeader.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <el-row>
+    <el-row class="search-row">
       <el-col :span="8">
         <el-select class="protocol-select" size="small" v-model="condition.protocol">
           <el-option
@@ -232,4 +232,8 @@ export default {
   width: 174px;
   padding-left: 3px;
 }
+
+.search-row {
+  margin-bottom: 12px;
+}
 </style>
diff --git a/test-track/frontend/src/business/case/components/case/relate/ApiScenarioModule.vue b/test-track/frontend/src/business/case/components/case/relate/ApiScenarioModule.vue
index df070bd803..73271e1f6e 100644
--- a/test-track/frontend/src/business/case/components/case/relate/ApiScenarioModule.vue
+++ b/test-track/frontend/src/business/case/components/case/relate/ApiScenarioModule.vue
@@ -20,6 +20,7 @@
     >
       <template v-slot:header>
         <ms-search-bar
+          style="margin-bottom: 15px"
           :show-operator="false"
           :condition="condition"
           :commands="null"
@@ -212,7 +213,7 @@ export default {
 
 <style scoped>
 .node-tree {
-  margin-top: 15px;
+  margin-top: 15px!important;
   margin-bottom: 15px;
 }
 
diff --git a/test-track/frontend/src/business/case/components/common/CaseRelevanceSideDialog.vue b/test-track/frontend/src/business/case/components/common/CaseRelevanceSideDialog.vue
index 51aa7d8e51..c3951fb2ad 100644
--- a/test-track/frontend/src/business/case/components/common/CaseRelevanceSideDialog.vue
+++ b/test-track/frontend/src/business/case/components/common/CaseRelevanceSideDialog.vue
@@ -72,7 +72,7 @@
               v-if="multipleProject"
               width="155px"
               :current-data="currentProject"
-              :title="$t('case.project')"
+              :title="$t('case.project') + ':'"
               @dataChange="changeProject"
             />
             <slot name="aside"> </slot>
diff --git a/test-track/frontend/src/business/case/components/common/SelectMenu.vue b/test-track/frontend/src/business/case/components/common/SelectMenu.vue
index ef83b9e03b..bb622088c0 100644
--- a/test-track/frontend/src/business/case/components/common/SelectMenu.vue
+++ b/test-track/frontend/src/business/case/components/common/SelectMenu.vue
@@ -68,6 +68,9 @@ export default {
   margin-right: px2rem(10);
   margin-bottom: px2rem(17);
 }
+.select-menu {
+  margin-bottom: px2rem(18);
+}
 .select-menu :deep(.el-input__inner) {
   border: none;
   padding-left: 0px !important;
@@ -75,10 +78,10 @@ export default {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
-  width: px2rem(100);
+  width: px2rem(80);
 }
 .select-menu :deep(.el-select--small) {
-  width: px2rem(82) !important;
+  width: px2rem(80) !important;
 }
 .select-menu :deep(.el-input__suffix-inner .el-select__caret::before) {
   color: #646a73;
@@ -86,7 +89,6 @@ export default {
 
 .span-name {
   display: inline-block;
-  max-width: 300px;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;