From 319450d701f43877fe73d184a6bb10edfbd5ca72 Mon Sep 17 00:00:00 2001
From: fit2-zhao <yong.zhao@fit2cloud.com>
Date: Wed, 17 Mar 2021 18:44:59 +0800
Subject: [PATCH 1/2] =?UTF-8?q?style(=E6=8E=A5=E5=8F=A3=E8=87=AA=E5=8A=A8?=
 =?UTF-8?q?=E5=8C=96):=20=E6=AD=A5=E9=AA=A4=E6=9C=80=E5=A4=A7=E5=8C=96?=
 =?UTF-8?q?=E6=97=B6=E5=86=85=E5=AE=B9=E8=BF=87=E5=A4=9A=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../scenario/common/ApiBaseComponent.vue      | 32 ++++---
 .../scenario/maximize/MaximizeScenario.vue    | 83 +++++++++++--------
 .../scenario/maximize/MsLeftContainer.vue     |  8 ++
 3 files changed, 77 insertions(+), 46 deletions(-)

diff --git a/frontend/src/business/components/api/automation/scenario/common/ApiBaseComponent.vue b/frontend/src/business/components/api/automation/scenario/common/ApiBaseComponent.vue
index a2462b7669..837b8e655c 100644
--- a/frontend/src/business/components/api/automation/scenario/common/ApiBaseComponent.vue
+++ b/frontend/src/business/components/api/automation/scenario/common/ApiBaseComponent.vue
@@ -1,21 +1,23 @@
 <template>
-  <el-card class="api-component">
+  <el-card>
     <div class="header" @click="active(data)">
       <slot name="beforeHeaderLeft">
         <div v-if="data.index" class="el-step__icon is-text" style="margin-right: 10px;" :style="{'color': color, 'background-color': backgroundColor}">
           <div class="el-step__icon-inner">{{data.index}}</div>
         </div>
-        <el-tag class="ms-left-buttion" size="small" :style="{'color': color, 'background-color': backgroundColor}">{{title}}</el-tag>
+        <el-tag class="ms-left-btn" size="small" :style="{'color': color, 'background-color': backgroundColor}">{{title}}</el-tag>
         <el-tag size="mini" v-if="data.method">{{data.method}}</el-tag>
       </slot>
 
-      <span @click.stop>
+      <span>
         <slot name="headerLeft">
           <i class="icon el-icon-arrow-right" :class="{'is-active': data.active}"
              @click="active(data)" v-if="data.type!='scenario'  && !isMax "/>
-          <el-input :draggable="draggable" v-if="isShowInput && isShowNameInput" size="mini" v-model="data.name" class="name-input"
-                    @blur="isShowInput = false" :placeholder="$t('commons.input_name')" ref="nameEdit" :disabled="data.disabled"/>
-          <span v-else>
+          <span @click.stop v-if="isShowInput && isShowNameInput">
+            <el-input :draggable="draggable" size="mini" v-model="data.name" class="name-input"
+                      @blur="isShowInput = false" :placeholder="$t('commons.input_name')" ref="nameEdit" :disabled="data.disabled"/>
+          </span>
+          <span :class="isMax?'ms-step-name':'scenario-name'" v-else>
             {{data.name}}
             <i class="el-icon-edit" style="cursor:pointer" @click="editName" v-tester v-if="data.referenced!='REF' && !data.disabled"/>
           </span>
@@ -159,7 +161,8 @@
     margin-right: 5px;
   }
 
-  .ms-left-buttion {
+  .ms-left-btn {
+    font-size: 13px;
     margin-right: 15px;
   }
 
@@ -173,15 +176,24 @@
     margin-right: 10px;
   }
 
-  .node-title {
+  .ms-step-name {
     display: inline-block;
-    margin: 0px;
+    font-size: 13px;
+    margin: 0 5px;
     overflow-x: hidden;
     padding-bottom: 0;
     text-overflow: ellipsis;
     vertical-align: middle;
     white-space: nowrap;
-    width: 100px;
+    width: 180px;
+  }
+
+  .scenario-name {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: 13px;
+    width: 100%;
   }
 
   /deep/ .el-step__icon {
diff --git a/frontend/src/business/components/api/automation/scenario/maximize/MaximizeScenario.vue b/frontend/src/business/components/api/automation/scenario/maximize/MaximizeScenario.vue
index b1e3c1d553..f926d9e4fe 100644
--- a/frontend/src/business/components/api/automation/scenario/maximize/MaximizeScenario.vue
+++ b/frontend/src/business/components/api/automation/scenario/maximize/MaximizeScenario.vue
@@ -5,21 +5,32 @@
       <ms-aside-container>
         <!-- 场景步骤内容 -->
         <div v-loading="loading">
-          <el-tree node-key="resourceId" :props="props" :data="scenarioDefinition"
+          <el-tree node-key="resourceId"
+                   :props="props"
+                   :data="scenarioDefinition"
                    :default-expanded-keys="expandedNode"
                    :expand-on-click-node="false"
                    highlight-current
                    @node-expand="nodeExpand"
                    @node-collapse="nodeCollapse"
                    :allow-drop="allowDrop" @node-drag-end="allowDrag" @node-click="nodeClick" v-if="!loading" draggable>
-                    <span class="custom-tree-node father" slot-scope="{ node, data}">
-                      <!-- 步骤组件-->
-                       <ms-component-config :isMax="true" :type="data.type" :scenario="data" :response="response" :currentScenario="currentScenario"
-                                            :currentEnvironmentId="currentEnvironmentId" :node="node" :project-list="projectList" :env-map="projectEnvMap"
-                                            @remove="remove" @copyRow="copyRow" @suggestClick="suggestClick" @refReload="refReload" @openScenario="openScenario"/>
-                    </span>
+              <span class="custom-tree-node father" slot-scope="{ node, data}">
+                <!-- 步骤组件-->
+                 <ms-component-config
+                   :isMax="true"
+                   :type="data.type"
+                   :scenario="data"
+                   :response="response"
+                   :currentScenario="currentScenario"
+                   :currentEnvironmentId="currentEnvironmentId"
+                   :node="node"
+                   :project-list="projectList"
+                   :env-map="projectEnvMap"
+                   @remove="remove" @copyRow="copyRow"
+                   @suggestClick="suggestClick"
+                   @refReload="refReload" @openScenario="openScenario"/>
+              </span>
           </el-tree>
-
           <div @click="fabClick">
             <vue-fab id="fab" mainBtnColor="#783887" size="small" :global-options="globalOptions"
                      :click-auto-close="false">
@@ -41,39 +52,39 @@
 
       <ms-main-container>
         <!-- 第一层当前节点内容-->
-        <ms-component-config :isMax="false"
-                             :showBtn="false"
-                             :type="selectedTreeNode.type"
-                             :scenario="selectedTreeNode"
-                             :response="response"
-                             :currentScenario="currentScenario"
-                             :currentEnvironmentId="currentEnvironmentId"
-                             :node="selectedNode"
-                             :project-list="projectList"
-                             :env-map="projectEnvMap"
-                             :draggable="false"
-                             @remove="remove" @copyRow="copyRow" @suggestClick="suggestClick" @refReload="refReload" @openScenario="openScenario"
-                             v-if="selectedTreeNode && selectedNode"/>
+        <ms-component-config
+          :isMax="false"
+          :showBtn="false"
+          :type="selectedTreeNode.type"
+          :scenario="selectedTreeNode"
+          :response="response"
+          :currentScenario="currentScenario"
+          :currentEnvironmentId="currentEnvironmentId"
+          :node="selectedNode"
+          :project-list="projectList"
+          :env-map="projectEnvMap"
+          :draggable="false"
+          @remove="remove" @copyRow="copyRow" @suggestClick="suggestClick" @refReload="refReload" @openScenario="openScenario"
+          v-if="selectedTreeNode && selectedNode"/>
         <!-- 请求下还有的子步骤-->
         <div v-if="selectedTreeNode && selectedTreeNode.hashTree && showNode(selectedTreeNode)">
           <div v-for="item in selectedTreeNode.hashTree" :key="item.id" class="ms-col-one">
-            <ms-component-config :showBtn="false"
-                                 :isMax="false"
-                                 :type="item.type"
-                                 :scenario="item"
-                                 :response="response"
-                                 :currentScenario="currentScenario"
-                                 :currentEnvironmentId="currentEnvironmentId"
-                                 :project-list="projectList"
-                                 :env-map="projectEnvMap"
-                                 :draggable="false"
-                                 @remove="remove" @copyRow="copyRow" @suggestClick="suggestClick"
-                                 @refReload="refReload" @openScenario="openScenario"
-                                 v-if="selectedTreeNode && selectedNode"/>
-
+            <ms-component-config
+              :showBtn="false"
+              :isMax="false"
+              :type="item.type"
+              :scenario="item"
+              :response="response"
+              :currentScenario="currentScenario"
+              :currentEnvironmentId="currentEnvironmentId"
+              :project-list="projectList"
+              :env-map="projectEnvMap"
+              :draggable="false"
+              @remove="remove" @copyRow="copyRow" @suggestClick="suggestClick"
+              @refReload="refReload" @openScenario="openScenario"
+              v-if="selectedTreeNode && selectedNode"/>
           </div>
         </div>
-
       </ms-main-container>
     </ms-container>
 
diff --git a/frontend/src/business/components/api/automation/scenario/maximize/MsLeftContainer.vue b/frontend/src/business/components/api/automation/scenario/maximize/MsLeftContainer.vue
index 7e0d92babd..7e71ecd51b 100644
--- a/frontend/src/business/components/api/automation/scenario/maximize/MsLeftContainer.vue
+++ b/frontend/src/business/components/api/automation/scenario/maximize/MsLeftContainer.vue
@@ -43,6 +43,14 @@
     position: relative;
   }
 
+  .scenario-aside {
+    position: relative;
+    border-radius: 4px;
+    border: 1px solid #EBEEF5;
+    box-sizing: border-box;
+  }
+
+
   .hiddenBottom i {
     margin-left: -2px;
   }

From 17ebeda90b2b389b24a0817376fb0a723ec5b94e Mon Sep 17 00:00:00 2001
From: fit2-zhao <yong.zhao@fit2cloud.com>
Date: Wed, 17 Mar 2021 19:02:28 +0800
Subject: [PATCH 2/2] =?UTF-8?q?style(=E6=8E=A5=E5=8F=A3=E8=87=AA=E5=8A=A8?=
 =?UTF-8?q?=E5=8C=96):=20=E7=BB=88=E6=AD=A2=E4=BA=8B=E4=BB=B6=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 backend/src/main/java/io/metersphere/xpack                    | 2 +-
 .../api/automation/scenario/common/ApiBaseComponent.vue       | 4 ++--
 frontend/src/business/components/xpack                        | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/backend/src/main/java/io/metersphere/xpack b/backend/src/main/java/io/metersphere/xpack
index adefde265f..efd6af73b7 160000
--- a/backend/src/main/java/io/metersphere/xpack
+++ b/backend/src/main/java/io/metersphere/xpack
@@ -1 +1 @@
-Subproject commit adefde265ff12d4ea909353c3f46008f8a8e17e7
+Subproject commit efd6af73b7c5cc53cd4515772000bc1436c49837
diff --git a/frontend/src/business/components/api/automation/scenario/common/ApiBaseComponent.vue b/frontend/src/business/components/api/automation/scenario/common/ApiBaseComponent.vue
index 837b8e655c..31e8805ba4 100644
--- a/frontend/src/business/components/api/automation/scenario/common/ApiBaseComponent.vue
+++ b/frontend/src/business/components/api/automation/scenario/common/ApiBaseComponent.vue
@@ -12,14 +12,14 @@
       <span>
         <slot name="headerLeft">
           <i class="icon el-icon-arrow-right" :class="{'is-active': data.active}"
-             @click="active(data)" v-if="data.type!='scenario'  && !isMax "/>
+             @click="active(data)" v-if="data.type!='scenario' && data.type!='JmeterElement' && !isMax " @click.stop/>
           <span @click.stop v-if="isShowInput && isShowNameInput">
             <el-input :draggable="draggable" size="mini" v-model="data.name" class="name-input"
                       @blur="isShowInput = false" :placeholder="$t('commons.input_name')" ref="nameEdit" :disabled="data.disabled"/>
           </span>
           <span :class="isMax?'ms-step-name':'scenario-name'" v-else>
             {{data.name}}
-            <i class="el-icon-edit" style="cursor:pointer" @click="editName" v-tester v-if="data.referenced!='REF' && !data.disabled"/>
+            <i class="el-icon-edit" style="cursor:pointer" @click="editName" v-tester v-if="data.referenced!='REF' && !data.disabled" @click.stop/>
           </span>
         </slot>
         <slot name="behindHeaderLeft" v-if="!isMax"></slot>
diff --git a/frontend/src/business/components/xpack b/frontend/src/business/components/xpack
index b2571e06e8..f278121988 160000
--- a/frontend/src/business/components/xpack
+++ b/frontend/src/business/components/xpack
@@ -1 +1 @@
-Subproject commit b2571e06e8b211821409115cc2c4a7c52cbac1db
+Subproject commit f2781219889c2f993436bcc3ea90038f588fa73e