From b63af54422a24d39972c9e71b2e7c6bfd7a1972f Mon Sep 17 00:00:00 2001
From: song-cc-rock <changchang.song@fit2cloud.com>
Date: Fri, 21 Apr 2023 17:41:33 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=B5=8B=E8=AF=95=E8=B7=9F=E8=B8=AA):=20?=
 =?UTF-8?q?=E7=94=A8=E4=BE=8B=E7=BC=96=E8=BE=91=E6=AD=A5=E9=AA=A4=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../frontend/src/i18n/lang/en-US.js           |  1 +
 .../frontend/src/i18n/lang/zh-CN.js           |  1 +
 .../frontend/src/i18n/lang/zh-TW.js           |  1 +
 .../case/components/case/CaseStepItem.vue     | 82 ++-----------------
 4 files changed, 10 insertions(+), 75 deletions(-)

diff --git a/framework/sdk-parent/frontend/src/i18n/lang/en-US.js b/framework/sdk-parent/frontend/src/i18n/lang/en-US.js
index 07669ee150..4f730cff63 100644
--- a/framework/sdk-parent/frontend/src/i18n/lang/en-US.js
+++ b/framework/sdk-parent/frontend/src/i18n/lang/en-US.js
@@ -4,6 +4,7 @@ import test_track from "./track/en-US";
 
 const message = {
   commons: {
+    insert: "Insert",
     pre_page: "Pre page",
     next_page: "Next page",
     already_pre_page: "It's already page one",
diff --git a/framework/sdk-parent/frontend/src/i18n/lang/zh-CN.js b/framework/sdk-parent/frontend/src/i18n/lang/zh-CN.js
index a7450c92de..80ba0b636e 100644
--- a/framework/sdk-parent/frontend/src/i18n/lang/zh-CN.js
+++ b/framework/sdk-parent/frontend/src/i18n/lang/zh-CN.js
@@ -4,6 +4,7 @@ import test_track from "./track/zh-CN";
 
 const message = {
   commons: {
+    insert: "插入",
     pre_page: "上一页",
     next_page: "下一页",
     already_pre_page: "已经是第一页",
diff --git a/framework/sdk-parent/frontend/src/i18n/lang/zh-TW.js b/framework/sdk-parent/frontend/src/i18n/lang/zh-TW.js
index 48c5ee9024..eb3e42b2f4 100644
--- a/framework/sdk-parent/frontend/src/i18n/lang/zh-TW.js
+++ b/framework/sdk-parent/frontend/src/i18n/lang/zh-TW.js
@@ -4,6 +4,7 @@ import test_track from "./track/zh-TW";
 
 const message = {
   commons: {
+    insert: "插入",
     pre_page: "上一頁",
     next_page: "下一頁",
     already_pre_page: "已經是第一頁",
diff --git a/test-track/frontend/src/business/case/components/case/CaseStepItem.vue b/test-track/frontend/src/business/case/components/case/CaseStepItem.vue
index 8fcfb167bb..5277b2cf8a 100644
--- a/test-track/frontend/src/business/case/components/case/CaseStepItem.vue
+++ b/test-track/frontend/src/business/case/components/case/CaseStepItem.vue
@@ -54,67 +54,14 @@
           />
         </template>
       </el-table-column>
-      <el-table-column :label="$t('commons.operating')" min-width="8%">
+      <el-table-column :label="$t('commons.operating')" min-width="12%">
         <template v-slot:default="scope">
-          <el-popover
-            placement="bottom-start"
-            trigger="hover"
-            popper-class="case-step-item-popover"
-            :visible-arrow="false"
-          >
-            <div class="opt-row">
-              <div
-                class="add-row sub-opt-row"
-                :class="{'disable-row' : readOnly}"
-                @click="handleAddStep(scope.$index, scope.row)"
-              >
-                <div class="icon">
-                  <i class="el-icon-plus"></i>
-                </div>
-                <div class="title">{{ $t("case.insert_steps") }}</div>
-              </div>
-              <div class="split"></div>
-              <div
-                class="copy-row sub-opt-row"
-                :class="{'disable-row' : readOnly}"
-                @click="handleCopyStep(scope.$index, scope.row)"
-              >
-                <div class="icon">
-                  <i class="el-icon-copy-document"></i>
-                </div>
-                <div class="title">{{ $t("case.copy_this_step") }}</div>
-              </div>
-              <div class="split"></div>
-              <div
-                class="delete-row sub-opt-row"
-                @click="handleDeleteStep(scope.$index, scope.row)"
-                :class="
-                  readOnly || (scope.$index == 0 && form.steps.length <= 1)
-                    ? 'opt-readonly disable-row'
-                    : ''
-                "
-              >
-                <div class="icon">
-                  <i class="el-icon-delete"></i>
-                </div>
-                <div class="title">{{ $t("commons.delete") }}</div>
-              </div>
-            </div>
-            <i slot="reference" class="el-icon-more"></i>
-          </el-popover>
+          <el-link type="primary" :disabled="readOnly" class="opt-item" :underline="false" @click="handleAddStep(scope.$index, scope.row)">{{ $t("commons.insert") }}</el-link>
+          <el-link type="primary" :disabled="readOnly" class="opt-item" :underline="false" @click="handleCopyStep(scope.$index, scope.row)">{{ $t("commons.copy") }}</el-link>
+          <el-link type="primary" :disabled="readOnly || (scope.$index === 0 && form.steps.length <= 1)" class="opt-item delete-item" :underline="false" @click="handleDeleteStep(scope.$index, scope.row)">{{ $t("commons.delete") }}</el-link>
         </template>
       </el-table-column>
     </el-table>
-    <div class="add-step-row" :class="{'disable-row' : readOnly}">
-      <div class="add-step-hover" style="display: flex; padding-right: 1rem">
-        <div class="add-icon" @click="handleAddStepStandAlone">
-          <i class="el-icon-plus"></i>
-        </div>
-        <div class="add-label" @click="handleAddStepStandAlone">
-          {{ $t("case.add_steps") }}
-        </div>
-      </div>
-    </div>
   </el-form-item>
 </template>
 
@@ -170,17 +117,6 @@ export default {
         this.saveCase();
       }, 500);
     },
-    handleAddStepStandAlone() {
-      if (this.readOnly) {
-        return;
-      }
-      let step = {};
-      let index = this.form.steps.length || 0;
-      step.num = index + 1;
-      step.desc = "";
-      step.result = "";
-      this.form.steps.splice(index + 1, 0, step);
-    },
     handleAddStep(index, data) {
       let step = {};
       step.num = data.num + 1;
@@ -408,12 +344,8 @@ i.el-icon-more:hover {
   background-color: transparent;
   padding: 0;
 }
-.opt-readonly {
-  pointer-events: none;
-  color: #fab6b6;
-  cursor: not-allowed;
-}
-.add-step-hover:hover{
-  background-color: rgba(117, 36, 101, 0.1);
+
+.opt-item {
+  margin-right: 10px;
 }
 </style>