style(接口测试): 关注和分享图标增加提示

This commit is contained in:
teukkk 2024-04-16 14:54:01 +08:00 committed by 刘瑞斌
parent b0b68147d3
commit 149aeb2525
5 changed files with 58 additions and 34 deletions

View File

@ -84,6 +84,7 @@ export default {
'common.copySuccess': 'Copy successfully',
'common.copyNotSupport': 'Your browser does not support automatic copying. Please copy manually.',
'common.fork': 'Fork',
'common.notForked': 'Not Forked',
'common.forked': 'Forked',
'common.more': 'More',
'common.recycle': 'Recycle Bin',

View File

@ -85,6 +85,7 @@ export default {
'common.copySuccess': '复制成功',
'common.copyNotSupport': '您的浏览器不支持自动复制,请手动复制',
'common.fork': '关注',
'common.notForked': '未关注',
'common.forked': '已关注',
'common.more': '更多',
'common.recycle': '回收站',

View File

@ -7,16 +7,25 @@
:simple-show-count="4"
>
<template #titleAppend>
<MsIcon
v-permission="['PROJECT_API_DEFINITION:READ+UPDATE']"
:loading="followLoading"
:type="previewDetail.follow ? 'icon-icon_collect_filled' : 'icon-icon_collection_outlined'"
:class="`${previewDetail.follow ? 'text-[rgb(var(--warning-6))]' : 'text-[var(--color-text-4)]'}`"
class="cursor-pointer"
:size="16"
@click="toggleFollowReview"
/>
<MsIcon type="icon-icon_share1" class="cursor-pointer text-[var(--color-text-4)]" :size="16" @click="share" />
<a-tooltip :content="t(previewDetail.follow ? 'common.forked' : 'common.notForked')">
<MsIcon
v-permission="['PROJECT_API_DEFINITION:READ+UPDATE']"
:loading="followLoading"
:type="previewDetail.follow ? 'icon-icon_collect_filled' : 'icon-icon_collection_outlined'"
:class="`${previewDetail.follow ? 'text-[rgb(var(--warning-6))]' : 'text-[var(--color-text-4)]'}`"
class="cursor-pointer"
:size="16"
@click="toggleFollowReview"
/>
</a-tooltip>
<a-tooltip :content="t('report.detail.api.copyLink')">
<MsIcon
type="icon-icon_share1"
class="cursor-pointer text-[var(--color-text-4)]"
:size="16"
@click="share"
/>
</a-tooltip>
<apiStatus :status="previewDetail.status" size="small" />
</template>
<template #type="{ value }">

View File

@ -33,21 +33,25 @@
<a-tab-pane key="detail" :title="t('case.detail')" class="px-[18px] py-[16px]">
<MsDetailCard :title="`【${caseDetail.num}】${caseDetail.name}`" :description="description" class="mb-[8px]">
<template v-if="!props.isDrawer" #titleAppend>
<MsIcon
v-permission="['PROJECT_API_DEFINITION_CASE:READ+UPDATE']"
:loading="followLoading"
:type="caseDetail.follow ? 'icon-icon_collect_filled' : 'icon-icon_collection_outlined'"
:class="`${caseDetail.follow ? 'text-[rgb(var(--warning-6))]' : 'text-[var(--color-text-4)]'}`"
class="cursor-pointer"
:size="16"
@click="follow"
/>
<MsIcon
type="icon-icon_share1"
class="cursor-pointer text-[var(--color-text-4)]"
:size="16"
@click="share"
/>
<a-tooltip :content="t(caseDetail.follow ? 'common.forked' : 'common.notForked')">
<MsIcon
v-permission="['PROJECT_API_DEFINITION_CASE:READ+UPDATE']"
:loading="followLoading"
:type="caseDetail.follow ? 'icon-icon_collect_filled' : 'icon-icon_collection_outlined'"
:class="`${caseDetail.follow ? 'text-[rgb(var(--warning-6))]' : 'text-[var(--color-text-4)]'}`"
class="cursor-pointer"
:size="16"
@click="follow"
/>
</a-tooltip>
<a-tooltip :content="t('report.detail.api.copyLink')">
<MsIcon
type="icon-icon_share1"
class="cursor-pointer text-[var(--color-text-4)]"
:size="16"
@click="share"
/>
</a-tooltip>
</template>
<template #type="{ value }">
<apiMethodName :method="value as RequestMethods" tag-size="small" is-tag />

View File

@ -3,15 +3,24 @@
<div class="px-[24px] pt-[16px]">
<MsDetailCard :title="`【${scenario.num}】${scenario.name}`" :description="description" class="!py-[8px]">
<template #titleAppend>
<MsIcon
:loading="followLoading"
:type="scenario.follow ? 'icon-icon_collect_filled' : 'icon-icon_collection_outlined'"
:class="`${scenario.follow ? 'text-[rgb(var(--warning-6))]' : 'text-[var(--color-text-4)]'}`"
class="cursor-pointer"
:size="16"
@click="toggleFollowReview"
/>
<MsIcon type="icon-icon_share1" class="cursor-pointer text-[var(--color-text-4)]" :size="16" @click="share" />
<a-tooltip :content="t(scenario.follow ? 'common.forked' : 'common.notForked')">
<MsIcon
:loading="followLoading"
:type="scenario.follow ? 'icon-icon_collect_filled' : 'icon-icon_collection_outlined'"
:class="`${scenario.follow ? 'text-[rgb(var(--warning-6))]' : 'text-[var(--color-text-4)]'}`"
class="cursor-pointer"
:size="16"
@click="toggleFollowReview"
/>
</a-tooltip>
<a-tooltip :content="t('report.detail.api.copyLink')">
<MsIcon
type="icon-icon_share1"
class="cursor-pointer text-[var(--color-text-4)]"
:size="16"
@click="share"
/>
</a-tooltip>
<apiStatus :status="scenario.status" size="small" />
</template>
<template #priority="{ value }">