refactor: refine extension settings page (#6231)

#### What type of PR is this?

/area ui
/kind improvement
/milestone 2.17.x

#### What this PR does / why we need it:

完善插件扩展设置页面:

1. 完善 i18n。
2. 将入口移动至插件页面右上角的操作按钮区域。

#### Does this PR introduce a user-facing change?

```release-note
None 
```
This commit is contained in:
Ryan Wang
2024-07-01 14:43:17 +08:00
committed by GitHub
parent f3f48e2753
commit d92bb4398e
8 changed files with 80 additions and 21 deletions

View File

@@ -10,6 +10,7 @@ import {
IconAddCircle,
IconPlug,
IconRefreshLine,
IconSettings,
VButton,
VCard,
VDropdown,
@@ -160,16 +161,27 @@ onMounted(() => {
<IconPlug class="mr-2 self-center" />
</template>
<template #actions>
<VButton
v-permission="['system:plugins:manage']"
type="secondary"
@click="pluginInstallationModalVisible = true"
>
<template #icon>
<IconAddCircle class="h-full w-full" />
</template>
{{ $t("core.common.buttons.install") }}
</VButton>
<VSpace>
<VButton
size="sm"
@click="$router.push({ name: 'PluginExtensionPointSettings' })"
>
<template #icon>
<IconSettings class="h-full w-full" />
</template>
{{ $t("core.plugin.actions.extension-point-settings") }}
</VButton>
<VButton
v-permission="['system:plugins:manage']"
type="secondary"
@click="pluginInstallationModalVisible = true"
>
<template #icon>
<IconAddCircle class="h-full w-full" />
</template>
{{ $t("core.common.buttons.install") }}
</VButton>
</VSpace>
</template>
</VPageHeader>