From b6bbaddc5e8b5d3eec94e12536ef527f80f9cba5 Mon Sep 17 00:00:00 2001
From: song-cc-rock <changchang.song@fit2cloud.com>
Date: Mon, 8 May 2023 18:54:26 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=B5=8B=E8=AF=95=E8=B7=9F=E8=B8=AA):=20?=
 =?UTF-8?q?=E7=BC=96=E8=BE=91=E7=94=A8=E4=BE=8B=E6=9B=B4=E5=A4=9A=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E5=9B=BE=E6=A0=87=E5=AD=97=E4=BD=93=E6=B2=A1=E5=AF=B9?=
 =?UTF-8?q?=E9=BD=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1025908 --user=宋昌昌 【测试跟踪】功能用例-查看-更多-图标和字没对齐 https://www.tapd.cn/55049933/s/1370053
---
 .../business/case/components/TestCaseEdit.vue | 39 +++++++------------
 1 file changed, 15 insertions(+), 24 deletions(-)

diff --git a/test-track/frontend/src/business/case/components/TestCaseEdit.vue b/test-track/frontend/src/business/case/components/TestCaseEdit.vue
index a0bda66e47..929c474209 100644
--- a/test-track/frontend/src/business/case/components/TestCaseEdit.vue
+++ b/test-track/frontend/src/business/case/components/TestCaseEdit.vue
@@ -164,35 +164,26 @@
                     v-if="!casePublic"
                     @click="addPublic"
                   >
-                    <div class="icon">
-                      <img src="/assets/module/figma/icon_add-folder_outlined.svg" alt="" />
-                    </div>
-                    <div class="title">{{ $t("case.add_to_public_case") }}</div>
+                    <svg-icon icon-class="icon_add-folder_outlined" class-name="opt-icon"/>
+                    <span class="title">{{ $t("case.add_to_public_case") }}</span>
                   </div>
                   <div
                     class="add-public-row sub-opt-row"
                     v-if="!isPublicShow && casePublic"
                     @click="removePublic"
                   >
-                    <div class="icon">
-                      <img src="/assets/module/figma/icon_yes_outlined.svg" alt="" />
-                    </div>
-                    <div class="title">{{ $t("case.added_to_public_case") }}</div>
+                    <svg-icon icon-class="icon_yes_outlined" class-name="opt-icon"/>
+                    <span class="title">{{ $t("case.added_to_public_case") }}</span>
                   </div>
                   <div class="split"></div>
                   <div class="copy-row sub-opt-row" @click="copyRow">
-                    <div class="icon">
-                      <img :src="!hasCopyPermission ? '/assets/module/figma/icon_copy_outlined_disable.svg' : '/assets/module/figma/icon_copy_outlined.svg'" alt=""/>
-                    </div>
-                    <div class="title" :style="!hasCopyPermission ? 'color: rgb(187, 187, 187); cursor: not-allowed;' : 'cursor: pointer;'">{{ $t("commons.copy") }}</div>
+                    <svg-icon :icon-class="!hasCopyPermission ? 'icon_copy_outlined_disable' : 'icon_copy_outlined'" class-name="opt-icon"/>
+                    <span class="title" :style="!hasCopyPermission ? 'color: rgb(187, 187, 187); cursor: not-allowed;' : 'cursor: pointer;'">{{ $t("commons.copy") }}</span>
                   </div>
                   <div class="split"></div>
                   <div class="delete-row sub-opt-row" @click="deleteRow">
-                    <div class="icon">
-                      <img :src="!hasDeletePermission ? '/assets/module/figma/icon_delete-trash_outlined_disable.svg' :
-                      '/assets/module/figma/icon_delete-trash_outlined_red.svg'" alt=""/>
-                    </div>
-                    <div class="title" :style="!hasDeletePermission ? 'color: rgb(187, 187, 187); cursor: not-allowed;' : 'cursor: pointer;'">{{ $t("commons.delete") }}</div>
+                    <svg-icon :icon-class="!hasDeletePermission ? 'icon_delete-trash_outlined_disable' : 'icon_delete-trash_outlined_red'" class-name="opt-icon"/>
+                    <span class="title" :style="!hasDeletePermission ? 'color: rgb(187, 187, 187); cursor: not-allowed;' : 'cursor: pointer;'">{{ $t("commons.delete") }}</span>
                   </div>
                 </div>
                 <div slot="reference">{{ $t("case.more") }}</div>
@@ -2275,13 +2266,13 @@ export default {
   background-color: rgba(31, 35, 41, 0.1);
 }
 
-.more-opt-item-popover .sub-opt-row .icon img {
-  width: 15px;
-  height: 15px;
-}
-
-.more-opt-item-popover .sub-opt-row .icon {
-  margin: 4px 9.33px 0 13px;
+.more-opt-item-popover .sub-opt-row .opt-icon {
+  position: relative;
+  top: 10px;
+  left: 13px;
+  margin-right: 23px;
+  width: 1.2em;
+  height: 1.2em;
 }
 
 .more-opt-item-popover .sub-opt-row .title {