jwai/amber-ui-re
1
0
Fork 0
forked from Leaf/amber-ui
Code Pull Requests Activity

增加 应用对接

Browse Source
This commit is contained in:
Twilight 2024-09-14 19:26:52 +08:00
parent ba59c4cab2
commit b12d348997
1 changed files with 71 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
src/components/settings/AssistantSettings.vue
View File

@ -98,11 +98,52 @@
<n-divider />
<div>
<div class="flex justify-between align-middle items-center">
<n-h3>助理共享</n-h3>
<n-button tertiary @click="showCreateDialog = true">
新建助理
</n-button>
<n-h3>应用对接（原助理共享）</n-h3>
<n-popconfirm @positive-click="createAssistantShare">
<template #trigger>
<n-button tertiary> 新建对接 </n-button>
</template>
<div>
API Key 默认是没有请求限制的。为了防止 API Key
滥用，对外发布时，我们建议您包装一个 UI 界面（比如使用 PHP
等做一个请求限制），来防止 API Key 滥用。
<br />
当然，如果您在自己的私有应用中使用，可以忽略此建议。
</div>
</n-popconfirm>
</div>
<n-list hoverable clickable v-if="assistantShares.length">
<n-list-item v-for="c in assistantShares" :key="c.id">
<n-thing>
<div class="flex justify-between items-center">
<div>
{{ c.token }}
</div>
<div>
<n-popconfirm @positive-click="deleteAssistantShare(c.id ?? 0)">
<template #trigger>
<n-button
quaternary
circle
type="warning"
>
<template #icon>
<n-icon size="16" class="cursor-pointer">
<TrashBinOutline />
</n-icon>
</template>
</n-button>
</template>
<div>
删除后，应用将无法访问此助理。
</div>
</n-popconfirm>
</div>
</div>
</n-thing>
</n-list-item>
</n-list>
</div>
</n-drawer-content>
</n-drawer>
@ -194,9 +235,8 @@ const showEditAssistant = async (id: number) => {
currentAssistantId.value = id;
currentAssistant.value =
(await getApi().Assistant.apiV1AssistantsIdGet(id)).data.data ?? {};
await getAssistantsShares();
assistantShares.value =
(await getApi().Assistant.apiV1AssistantsIdSharesGet(id)).data.data ?? [];
getTools();
};
@ -206,6 +246,7 @@ const editAssistant = async () => {
currentAssistant.value
);
await getAssistants();
await getAssistantsShares();
};
const getTools = async () => {
@ -256,6 +297,30 @@ const getAssistants = async () => {
(await getApi().Assistant.apiV1AssistantsGet()).data.data ?? [];
};
const getAssistantsShares = async () => {
assistantShares.value =
(
await getApi().Assistant.apiV1AssistantsIdSharesGet(
currentAssistantId.value
)
).data.data ?? [];
};
const createAssistantShare = async () => {
await getApi().Assistant.apiV1AssistantsIdSharesPost(
currentAssistantId.value
);
await getAssistantsShares();
};
const deleteAssistantShare = async (id: number) => {
await getApi().Assistant.apiV1AssistantsIdSharesShareIdDelete(
currentAssistantId.value,
id
);
await getAssistantsShares();
};
getChats();
getLibraries();
getAssistants();