test/MeterSphere
1
0
Fork 0
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git synced 2024-12-03 04:28:51 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

fix(测试跟踪): 用户组无用例复制及删除权限时样式问题

Browse Source 
--bug=1024873 --user=宋昌昌 【测试跟踪】github#23104,【用户组与权限】功能用例-不勾选“删除”权限，在功能用例页面，下面的删除是置灰，但是用例详情里的删除是红色，样式能否统一。 https://www.tapd.cn/55049933/s/1355850
This commit is contained in:
song-cc-rock 2023-03-27 12:06:36 +08:00 committed by fit2-zhao
parent 8e705e8463
commit beca98484d
2 changed files with 40 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
framework/sdk-parent/frontend/src/assets/module/figma/icon_copy_outlined_disable.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 523 B

93
test-track/frontend/src/business/case/components/TestCaseEdit.vue
View File

@ -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>