test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/locale/en-US/common.ts
View File

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

1
frontend/src/locale/zh-CN/common.ts
View File

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

29
frontend/src/views/api-test/management/components/management/api/preview/index.vue
View File

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

34
frontend/src/views/api-test/management/components/management/case/caseDetail.vue
View File

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

27
frontend/src/views/api-test/scenario/detail/index.vue
View File

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