92 lines
2.3 KiB
Vue
92 lines
2.3 KiB
Vue
<!-- app/components/home/OcsConfigCard.vue - OCS AnswererWrapper 配置片段 -->
|
|
<script lang="ts" setup>
|
|
import { RefreshCw } from "lucide-vue-next";
|
|
|
|
import { Button } from "@/components/ui/button";
|
|
import {
|
|
Card,
|
|
CardAction,
|
|
CardContent,
|
|
CardHeader,
|
|
CardTitle
|
|
} from "@/components/ui/card";
|
|
import { useAuthStore } from "@/stores/auth";
|
|
|
|
const authStore = useAuthStore();
|
|
const origin = ref("http://localhost:3000");
|
|
|
|
const refreshing = ref(false);
|
|
|
|
const handleRefreshToken = async () => {
|
|
refreshing.value = true;
|
|
await authStore.refreshApiToken();
|
|
refreshing.value = false;
|
|
};
|
|
|
|
/** 浏览器端读取当前站点地址，避免文档里写死 localhost 或生产域名 */
|
|
onMounted(() => {
|
|
origin.value = window.location.origin;
|
|
});
|
|
|
|
/** 与旧 Python 项目的 ocs_config_example.json 保持同样字段；登录后自动填入 apiToken */
|
|
const configText = computed(() => {
|
|
const data: Record<string, string> = {
|
|
title: "${title}",
|
|
type: "${type}",
|
|
options: "${options}",
|
|
token: ""
|
|
};
|
|
|
|
if (authStore.user?.apiToken) {
|
|
data.token = authStore.user.apiToken;
|
|
}
|
|
|
|
return JSON.stringify(
|
|
[
|
|
{
|
|
name: "AI智能题库",
|
|
homepage: origin.value,
|
|
url: `${origin.value}/api/search`,
|
|
method: "get",
|
|
contentType: "json",
|
|
data,
|
|
handler:
|
|
"return (res)=> res.code === 1 ? [res.question, res.answer] : [res.msg, undefined]"
|
|
}
|
|
],
|
|
null,
|
|
2
|
|
);
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<Card>
|
|
<CardHeader>
|
|
<CardTitle>OCS 配置</CardTitle>
|
|
<CardAction>
|
|
<div class="flex items-center gap-2">
|
|
<Button
|
|
v-if="authStore.user?.apiToken && authStore.isOnline"
|
|
variant="outline"
|
|
size="sm"
|
|
:disabled="refreshing"
|
|
@click="handleRefreshToken"
|
|
>
|
|
<RefreshCw :class="['size-4', refreshing ? 'animate-spin' : '']" />
|
|
刷新 Token
|
|
</Button>
|
|
<CopyCom :text="configText" :timeout="1200" :disabled="refreshing" />
|
|
</div>
|
|
</CardAction>
|
|
</CardHeader>
|
|
|
|
<CardContent>
|
|
<pre
|
|
class="h-89.5 overflow-x-auto overflow-y-hidden rounded-2xl bg-muted p-4 text-xs leading-5 text-muted-foreground"
|
|
><code>{{ configText }}</code>
|
|
</pre>
|
|
</CardContent>
|
|
</Card>
|
|
</template>
|