From beca98484dc973fc53098757561597cf791010e0 Mon Sep 17 00:00:00 2001
From: song-cc-rock <changchang.song@fit2cloud.com>
Date: Mon, 27 Mar 2023 12:06:36 +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=E6=88=B7=E7=BB=84=E6=97=A0=E7=94=A8=E4=BE=8B=E5=A4=8D?=
 =?UTF-8?q?=E5=88=B6=E5=8F=8A=E5=88=A0=E9=99=A4=E6=9D=83=E9=99=90=E6=97=B6?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1024873 --user=宋昌昌 【测试跟踪】github#23104,【用户组与权限】功能用例-不勾选“删除”权限，在功能用例页面，下面的删除是置灰，但是用例详情里的删除是红色，样式能否统一。 https://www.tapd.cn/55049933/s/1355850
---
 .../figma/icon_copy_outlined_disable.svg      |  3 +
 .../business/case/components/TestCaseEdit.vue | 93 ++++++++-----------
 2 files changed, 40 insertions(+), 56 deletions(-)
 create mode 100644 framework/sdk-parent/frontend/src/assets/module/figma/icon_copy_outlined_disable.svg

diff --git a/framework/sdk-parent/frontend/src/assets/module/figma/icon_copy_outlined_disable.svg b/framework/sdk-parent/frontend/src/assets/module/figma/icon_copy_outlined_disable.svg
new file mode 100644
index 0000000000..a04e0694c5
--- /dev/null
+++ b/framework/sdk-parent/frontend/src/assets/module/figma/icon_copy_outlined_disable.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 8V20H15V8H5ZM17 7V21.1111C17 21.602 16.5821 22 16.0667 22H3.93333C3.41787 22 3 21.602 3 21.1111V6.88889C3 6.39797 3.41787 6 3.93333 6H16C16.5523 6 17 6.44772 17 7ZM20.7071 2.29289C20.8881 2.47386 21 2.72386 21 3V15.5C21 15.7761 20.7761 16 20.5 16H19.5C19.2239 16 19 15.7761 19 15.5V4H9.5C9.22386 4 9 3.77614 9 3.5V2.5C9 2.22386 9.22386 2 9.5 2H20C20.2761 2 20.5261 2.11193 20.7071 2.29289Z" fill="#646A73"/>
+</svg>
diff --git a/test-track/frontend/src/business/case/components/TestCaseEdit.vue b/test-track/frontend/src/business/case/components/TestCaseEdit.vue
index a95de262c8..00ccac0313 100644
--- a/test-track/frontend/src/business/case/components/TestCaseEdit.vue
+++ b/test-track/frontend/src/business/case/components/TestCaseEdit.vue
@@ -180,18 +180,19 @@
                     <div class="title">{{ $t("case.added_to_public_case") }}</div>
                   </div>
                   <div class="split"></div>
-                  <div class="copy-row sub-opt-row" @click="copyRow" :style="!hasCopyPermission ? 'cursor: not-allowed' : 'cursor: pointer'">
+                  <div class="copy-row sub-opt-row" @click="copyRow">
                     <div class="icon">
-                      <i class="el-icon-copy-document"></i>
+                      <img :src="!hasDeletePermission ? '/assets/module/figma/icon_copy_outlined_disable.svg' : '/assets/module/figma/icon_copy_outlined.svg'" alt=""/>
                     </div>
-                    <div class="title">{{ $t("commons.copy") }}</div>
+                    <div class="title" :style="!hasDeletePermission ? 'color: rgb(187, 187, 187); cursor: not-allowed;' : 'cursor: pointer;'">{{ $t("commons.copy") }}</div>
                   </div>
                   <div class="split"></div>
-                  <div class="delete-row sub-opt-row" @click="deleteRow" :style="!hasDeletePermission ? 'cursor: not-allowed' : 'cursor: pointer'">
+                  <div class="delete-row sub-opt-row" @click="deleteRow">
                     <div class="icon">
-                      <i class="el-icon-delete"></i>
+                      <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">{{ $t("commons.delete") }}</div>
+                    <div class="title" :style="!hasDeletePermission ? 'color: rgb(187, 187, 187); cursor: not-allowed;' : 'cursor: pointer;'">{{ $t("commons.delete") }}</div>
                   </div>
                 </div>
                 <div slot="reference">{{ $t("case.more") }}</div>
@@ -2234,38 +2235,18 @@ export default {
 }
 </style>
 <style>
-.attachment-popover {
-  padding: 0 !important;
-  height: 80px;
-  min-width: 120px !important;
-}
-
-.more-opt-item-popover .sub-opt-row .icon img {
-  width: 15px;
-  height: 15px;
-}
-
-.more-opt-item-popover .add-public-row .icon {
-  color: #646a73;
-  margin-top: 4px;
-}
-.more-opt-item-popover .add-public-row .title {
-  color: #1f2329;
-  margin-right: 10px;
-}
-.more-opt-item-popover .add-public-row:hover {
-  background-color: rgba(31, 35, 41, 0.1);
-}
-
+/* 用例编辑头部操作更多popover样式 */
 .more-opt-item-popover {
   padding: 0 !important;
   min-width: 118px !important;
 }
+
 .more-opt-item-popover .opt-row {
   display: flex;
   flex-direction: column;
   align-items: center;
 }
+
 .more-opt-item-popover .sub-opt-row {
   display: flex;
   width: 100%;
@@ -2274,52 +2255,52 @@ export default {
   line-height: 32px;
   cursor: pointer;
 }
-.more-opt-item-popover .sub-opt-row .icon {
-  margin-left: 13px;
-  margin-right: 9.33px;
+
+.more-opt-item-popover .sub-opt-row:hover {
+  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 .title {
   font-family: "PingFang SC";
   font-style: normal;
   font-weight: 400;
   font-size: 14px;
   line-height: 22px;
-  /* identical to box height, or 157% */
-
   display: flex;
   align-items: center;
   letter-spacing: -0.1px;
+  color: #1f2329;
+  margin-right: 10px;
 }
+
 .more-opt-item-popover .split {
   width: 170px;
   height: 1px;
   background-color: rgba(31, 35, 41, 0.15);
 }
 
-.more-opt-item-popover .copy-row:hover {
-  background-color: rgba(31, 35, 41, 0.1);;
-}
-
-.more-opt-item-popover .copy-row .icon {
-  color: #646a73;
-}
-.more-opt-item-popover .copy-row .title {
-  color: #1f2329;
-}
-
-.more-opt-item-popover .delete-row:hover {
-  background-color: rgba(31, 35, 41, 0.1)!important;
-}
-
-.more-opt-item-popover .delete-row .icon {
-  color: #f54a45;
-}
-.more-opt-item-popover .delete-row .title {
-  color: #f54a45;
-}
-
 .more-opt-item-popover .delete-row {
   background-color: transparent;
   padding: 0;
 }
+
+.more-opt-item-popover .delete-row .title {
+  color: #f54a45;
+}
+
+/* 附件上传popover样式 */
+.attachment-popover {
+  padding: 0 !important;
+  height: 80px;
+  min-width: 120px !important;
+}
 </style>