feat: 1. 本地化思源黑体的字体包并优先使用。

2. 添加权限映射表和全局查看权限的hook,便于路由控制不同权限按钮显示/隐藏。
3. 删除评查点分组的部分旧api方法。
4. 对接评查点分组接口,文档类型接口, 提示词管理接口, 入口模块管理的接口。
5. 优化角色权限管理的接口,完善不用地区的访问权限认证。
6. 优化主页交叉评查和设置的入口样式和布局。
7. 优化评查点分组,评查规则的功能权限校验。
This commit is contained in:
2025-11-29 10:37:35 +08:00
parent 61facf5d71
commit 30e100ef3e
29 changed files with 2527 additions and 2126 deletions
+352 -232
View File
@@ -1,21 +1,22 @@
import { postgrestGet, postgrestPut, postgrestPost, postgrestDelete, type PostgrestParams } from '../postgrest-client';
import { apiRequest } from '../axios-client';
import { formatDate } from '../../utils';
// 提示词模板接口
// 提示词模板接口(数据库格式)
export interface PromptTemplate {
id: number;
template_name: string;
template_code: string | null;
template_type: string;
description: string | null;
template_content: string;
variables: Record<string, string>; // 变量定义
template_abbreviation: string | null;
variables: Record<string, string> | null;
status: number;
version: string;
created_by: number;
created_by: number | null;
created_at: string;
updated_at: string;
template_code?: string; // 模板代码(VLM_Extraction 类型时使用)
template_abbreviation?: string; // 模板简称(VLM_Extraction 类型时使用)
is_active?: boolean;
}
// 提示词模板前端接口
@@ -32,8 +33,8 @@ export interface PromptTemplateUI {
created_by_username?: string; // 创建者用户名
created_at: string;
updated_at: string;
template_code?: string; // 模板代码VLM_Extraction 类型时使用)
template_abbreviation?: string; // 模板简称VLM_Extraction 类型时使用)
template_code?: string; // 模板代码
template_abbreviation?: string; // 模板简称
}
// 搜索参数接口
@@ -45,25 +46,65 @@ export interface PromptSearchParams {
pageSize?: number;
}
// API 响应格式
interface ApiResponse<T> {
code: number;
message: string;
data: T;
}
// 列表响应格式
interface ListResponse {
total: number;
page: number;
page_size: number;
items: PromptTemplate[];
}
// 类型选项
interface TypeOption {
value: string;
label: string;
count: number;
}
// 默认的模板类型列表(当没有指定类型时使用)
const DEFAULT_TEMPLATE_TYPES = [
'LLM_Extraction',
'VLM_Extraction',
'Evaluation',
'Summary',
'Common'
];
/**
* 从不同格式的 API 响应中提取数据
* @param responseData API 响应数据
* @returns 提取后的数据或 null
* 构建请求选项(包括 JWT token)
* @param method HTTP 方法
* @param data 请求数据(可选)
* @param jwt JWT token(可选)
* @returns 请求选项
*/
function extractApiData<T>(responseData: unknown): T | null {
if (!responseData) return null;
// 格式1: { code: number, msg: string, data: T }
if (typeof responseData === 'object' && responseData !== null &&
'code' in responseData &&
'data' in responseData &&
(responseData as { data: unknown }).data) {
return (responseData as { data: T }).data;
function buildRequestOptions(method: 'GET' | 'POST' | 'PUT' | 'DELETE', data?: unknown, jwt?: string) {
const options: {
method: string;
data?: unknown;
headers?: Record<string, string>;
} = {
method,
};
if (data !== undefined) {
options.data = data;
}
// 格式2: 直接是数据对象
return responseData as T;
// 如果提供了 JWT token(服务端调用时),添加到 headers
if (jwt) {
options.headers = {
'Authorization': `Bearer ${jwt}`,
};
}
return options;
}
/**
@@ -96,32 +137,31 @@ function mapStatusToAPI(status: string): number {
/**
* 将数据库模板转换为UI模板
* @param template 数据库模板(可能包含关联的用户信息)
* @param template 数据库模板
* @returns UI模板
*/
export function convertToUITemplate(template: PromptTemplate & { sso_users?: { username: string } }): PromptTemplateUI {
export function convertToUITemplate(template: PromptTemplate): PromptTemplateUI {
return {
id: template.id ? template.id.toString() : '',
template_name: template.template_name,
template_type: template.template_type as "LLM_Extraction" | "VLM_Extraction" | "Evaluation" | "Summary" | "Common",
description: template.description || '',
template_content: template.template_content,
variables: template.variables || {}, // 如果variables为null,则使用空对象
variables: template.variables || {},
status: mapStatusToUI(template.status),
version: template.version,
created_by: template.created_by,
created_by_username: template.sso_users?.username, // 从关联的用户信息中提取用户名
created_by: template.created_by || 0,
created_at: formatDate(template.created_at),
updated_at: formatDate(template.updated_at),
template_code: template.template_code,
template_abbreviation: template.template_abbreviation
template_code: template.template_code || undefined,
template_abbreviation: template.template_abbreviation || undefined
};
}
/**
* 获取提示词模板列表
* @param searchParams 搜索参数
* @param frontendJWT JWT token (可选)
* @param frontendJWT JWT token (可选,已由 axios-client 自动处理)
* @returns 提示词模板列表和总数
*/
export async function getPromptTemplates(searchParams: PromptSearchParams = {}, frontendJWT?: string): Promise<{
@@ -130,89 +170,71 @@ export async function getPromptTemplates(searchParams: PromptSearchParams = {},
status?: number;
}> {
try {
// console.log('获取提示词模板列表,参数:', searchParams);
const TYPE = 'Common,LLM_Extraction,VLM_Extraction,Evaluation,Summary';
const page = searchParams.page || 1;
const pageSize = searchParams.pageSize || 10;
// 构建查询参数,包含对 sso_users 表的左连接
const params: PostgrestParams = {
select: `id,template_name,template_type,description,template_content,variables,status,version,created_by,created_at,updated_at,template_code,template_abbreviation,sso_users!created_by(username)`,
order: 'updated_at.desc',
headers: {
'Prefer': 'count=exact'
},
limit: pageSize,
offset: (page - 1) * pageSize,
filter: {} as Record<string, string>,
token: frontendJWT
// 构建查询参数
const params: Record<string, string | number | boolean | undefined> = {
page,
page_size: pageSize,
};
// 添加筛选条件
const filter: Record<string, string> = {};
filter['status'] = `gte.0`;
if (searchParams.name) {
filter['template_name'] = `ilike.%${searchParams.name}%`;
params.search = searchParams.name;
}
// 模板类型:如果指定了类型则使用指定的,否则使用默认的 5 个类型
if (searchParams.type) {
filter['template_type'] = `eq.${searchParams.type}`;
}else{
filter['template_type'] = `in.(${TYPE})`;
params.template_type = searchParams.type;
} else {
// 没有指定类型时,默认只查询这 5 个类型
params.template_type = DEFAULT_TEMPLATE_TYPES.join(',');
}
if (searchParams.status) {
let statusValue: number;
switch (searchParams.status) {
case 'active': statusValue = 1; break;
case 'inactive': statusValue = 0; break;
case 'system': statusValue = 2; break;
default: statusValue = -1;
}
if (statusValue >= 0) {
filter['status'] = `eq.${statusValue}`;
}
params.status = mapStatusToAPI(searchParams.status);
}
params.filter = filter;
// 发送API请求
// console.log('API请求参数:', params);
const response = await postgrestGet<PromptTemplate[]>('prompt_templates', params);
const response = await apiRequest<ApiResponse<ListResponse>>(
'/api/v3/prompt-templates',
buildRequestOptions('GET', undefined, frontendJWT),
params
);
if (response.error) {
console.error('API返回错误:', response.error);
return { error: response.error, status: response.status };
}
// 提取API返回的数据
const extractedData = extractApiData<PromptTemplate[]>(response.data);
if (!extractedData) {
console.error('提取数据失败,原始响应:', response.data);
// 检查响应数据
if (!response.data) {
console.error('响应数据为空');
return { error: '获取提示词模板数据失败', status: 500 };
}
// console.log(`成功获取${extractedData.length}条提示词模板数据`);
// 从响应头中获取总数
let totalCount = 0;
const responseWithHeaders = response as { data: PromptTemplate[]; headers: Record<string, string> };
if(responseWithHeaders.headers){
const rangeHeader = responseWithHeaders.headers['content-range'];
if(rangeHeader){
const total = rangeHeader.split('/')[1];
if(total !== '*'){
totalCount = parseInt(total, 10);
}
}
// 解析响应数据
const apiResponse = response.data;
// 支持 code=0 (成功) 和 code=200 (成功) 两种格式
if (apiResponse.code !== 0 && apiResponse.code !== 200) {
console.error('API返回非成功状态码:', apiResponse.code, apiResponse.message);
return { error: apiResponse.message || '获取提示词模板失败', status: response.status };
}
const listData = apiResponse.data;
if (!listData || !listData.items) {
console.error('列表数据格式错误:', listData);
return { error: '获取提示词模板数据失败', status: 500 };
}
// 返回转换后的数据
return {
data: {
templates: extractedData.map(convertToUITemplate),
total: totalCount
templates: listData.items.map(convertToUITemplate),
total: listData.total || 0
}
};
} catch (error) {
@@ -227,7 +249,7 @@ export async function getPromptTemplates(searchParams: PromptSearchParams = {},
/**
* 获取提示词模板详情
* @param id 模板ID
* @param frontendJWT JWT token (可选)
* @param frontendJWT JWT token (可选,已由 axios-client 自动处理)
* @returns 提示词模板详情
*/
export async function getPromptTemplate(id: string, frontendJWT?: string): Promise<{
@@ -239,28 +261,32 @@ export async function getPromptTemplate(id: string, frontendJWT?: string): Promi
if (!id) {
return { error: '模板ID不能为空', status: 400 };
}
const params: PostgrestParams = {
select: `id,template_name,template_type,description,template_content,variables,status,version,created_by,created_at,updated_at,template_code,template_abbreviation,sso_users!created_by(username)`,
filter: {
'id': `eq.${id}`
},
token: frontendJWT
};
const response = await postgrestGet<PromptTemplate[]>('prompt_templates', params);
const response = await apiRequest<ApiResponse<PromptTemplate>>(
`/api/v3/prompt-templates/${id}`,
buildRequestOptions('GET', undefined, frontendJWT)
);
if (response.error) {
return { error: response.error, status: response.status };
}
const extractedData = extractApiData<PromptTemplate[]>(response.data);
if (!extractedData || extractedData.length === 0) {
if (!response.data) {
return { error: '获取提示词模板详情失败', status: 500 };
}
const apiResponse = response.data;
// 支持 code=0 (成功) 和 code=200 (成功) 两种格式
if (apiResponse.code !== 0 && apiResponse.code !== 200) {
return { error: apiResponse.message || '获取提示词模板详情失败', status: response.status };
}
if (!apiResponse.data) {
return { error: '未找到指定模板', status: 404 };
}
return { data: convertToUITemplate(extractedData[0]) };
return { data: convertToUITemplate(apiResponse.data) };
} catch (error) {
console.error('获取提示词模板详情失败:', error);
return {
@@ -274,7 +300,7 @@ export async function getPromptTemplate(id: string, frontendJWT?: string): Promi
* 创建提示词模板
* @param template 提示词模板数据
* @param userId 当前用户ID
* @param frontendJWT JWT token (可选)
* @param frontendJWT JWT token (可选,已由 axios-client 自动处理)
* @returns 创建的提示词模板
*/
export async function createPromptTemplate(template: Partial<PromptTemplateUI>, userId: number, frontendJWT?: string): Promise<{
@@ -288,59 +314,47 @@ export async function createPromptTemplate(template: Partial<PromptTemplateUI>,
return { error: '模板名称、类型和内容不能为空', status: 400 };
}
// 验证用户ID
if (!userId) {
return { error: '用户ID不能为空', status: 400 };
}
// 准备变量数据
let variablesData: Record<string, string> = {};
if (typeof template.variables === 'string') {
try {
variablesData = JSON.parse(template.variables);
} catch (e) {
console.error('解析变量JSON失败:', e);
}
} else if (template.variables) {
variablesData = template.variables;
}
// 准备API数据
const apiTemplate: Partial<PromptTemplate> = {
const apiTemplate = {
template_name: template.template_name,
template_code: template.template_code || `custom_${Date.now()}`, // 如果没有提供 code,自动生成
template_type: template.template_type,
description: template.description || null,
template_content: template.template_content,
variables: variablesData,
template_abbreviation: template.template_abbreviation || null,
variables: template.variables || {},
status: mapStatusToAPI(template.status || 'active'),
version: template.version || 'v1.0',
created_by: userId, // 使用当前登录用户ID
template_code: template.template_code,
template_abbreviation: template.template_abbreviation
};
if(apiTemplate){
// console.log('apiTemplate', apiTemplate);
// throw new Error('测试错误');
}
const response = await postgrestPost<PromptTemplate, Partial<PromptTemplate>>(
'prompt_templates',
apiTemplate,
frontendJWT
const response = await apiRequest<ApiResponse<PromptTemplate>>(
'/api/v3/prompt-templates',
buildRequestOptions('POST', apiTemplate, frontendJWT)
);
if (response.error) {
return { error: response.error, status: response.status };
}
const extractedData = extractApiData<PromptTemplate>(response.data);
if (!extractedData) {
if (!response.data) {
return { error: '创建提示词模板失败', status: 500 };
}
return { data: convertToUITemplate(extractedData) };
const apiResponse = response.data;
// 支持 code=0 (成功) 和 code=200 (成功) 两种格式
if (apiResponse.code !== 0 && apiResponse.code !== 200) {
return { error: apiResponse.message || '创建提示词模板失败', status: response.status };
}
if (!apiResponse.data) {
return { error: '创建提示词模板失败', status: 500 };
}
return { data: convertToUITemplate(apiResponse.data) };
} catch (error) {
console.error('创建提示词模板失败:', error);
return {
@@ -354,7 +368,7 @@ export async function createPromptTemplate(template: Partial<PromptTemplateUI>,
* 更新提示词模板
* @param id 模板ID
* @param template 提示词模板数据
* @param frontendJWT JWT token (可选)
* @param frontendJWT JWT token (可选,已由 axios-client 自动处理)
* @returns 更新后的提示词模板
*/
export async function updatePromptTemplate(id: string, template: Partial<PromptTemplateUI>, frontendJWT?: string): Promise<{
@@ -366,81 +380,67 @@ export async function updatePromptTemplate(id: string, template: Partial<PromptT
if (!id) {
return { error: '模板ID不能为空', status: 400 };
}
// 准备变量数据
let variablesData: Record<string, string> = {};
if (typeof template.variables === 'string') {
try {
variablesData = JSON.parse(template.variables);
} catch (e) {
console.error('解析变量JSON失败:', e);
}
} else if (template.variables) {
variablesData = template.variables;
}
// 准备API数据
const apiTemplate: Partial<PromptTemplate> = {};
// 准备API数据(只传需要更新的字段)
const apiTemplate: Record<string, unknown> = {};
if (template.template_name !== undefined) {
apiTemplate.template_name = template.template_name;
}
if (template.template_type !== undefined) {
apiTemplate.template_type = template.template_type;
}
if (template.description !== undefined) {
apiTemplate.description = template.description;
}
if (template.template_content !== undefined) {
apiTemplate.template_content = template.template_content;
}
if (template.variables !== undefined) {
apiTemplate.variables = variablesData;
}
if (template.status !== undefined) {
apiTemplate.status = mapStatusToAPI(template.status);
}
if (template.version !== undefined) {
apiTemplate.version = template.version;
}
if (template.template_code !== undefined) {
apiTemplate.template_code = template.template_code;
}
if (template.template_type !== undefined) {
apiTemplate.template_type = template.template_type;
}
if (template.description !== undefined) {
apiTemplate.description = template.description;
}
if (template.template_content !== undefined) {
apiTemplate.template_content = template.template_content;
}
if (template.template_abbreviation !== undefined) {
apiTemplate.template_abbreviation = template.template_abbreviation;
}
// if(apiTemplate){
// console.log('apiTemplate', apiTemplate);
// throw new Error('测试错误');
// }
if (template.variables !== undefined) {
apiTemplate.variables = template.variables;
}
const response = await postgrestPut<PromptTemplate, Partial<PromptTemplate>>(
'prompt_templates',
apiTemplate,
{ id },
frontendJWT
if (template.status !== undefined) {
apiTemplate.status = mapStatusToAPI(template.status);
}
const response = await apiRequest<ApiResponse<PromptTemplate>>(
`/api/v3/prompt-templates/${id}`,
buildRequestOptions('PUT', apiTemplate, frontendJWT)
);
if (response.error) {
return { error: response.error, status: response.status };
}
const extractedData = extractApiData<PromptTemplate>(response.data);
if (!extractedData) {
if (!response.data) {
return { error: '更新提示词模板失败', status: 500 };
}
return { data: convertToUITemplate(extractedData) };
const apiResponse = response.data;
// 支持 code=0 (成功) 和 code=200 (成功) 两种格式
if (apiResponse.code !== 0 && apiResponse.code !== 200) {
return { error: apiResponse.message || '更新提示词模板失败', status: response.status };
}
if (!apiResponse.data) {
return { error: '更新提示词模板失败', status: 500 };
}
return { data: convertToUITemplate(apiResponse.data) };
} catch (error) {
console.error('更新提示词模板失败:', error);
return {
@@ -453,7 +453,7 @@ export async function updatePromptTemplate(id: string, template: Partial<PromptT
/**
* 删除提示词模板
* @param id 模板ID
* @param frontendJWT JWT token (可选)
* @param frontendJWT JWT token (可选,已由 axios-client 自动处理)
* @returns 成功或失败信息
*/
export async function deletePromptTemplate(id: string, frontendJWT?: string): Promise<{
@@ -466,21 +466,26 @@ export async function deletePromptTemplate(id: string, frontendJWT?: string): Pr
return { error: '模板ID不能为空', status: 400 };
}
// 使用真实删除替代状态更新
const response = await postgrestDelete<PromptTemplate>(
'prompt_templates',
{
filter: {
'id': `eq.${id}`
},
token: frontendJWT
}
const response = await apiRequest<ApiResponse<{ message: string }>>(
`/api/v3/prompt-templates/${id}`,
buildRequestOptions('DELETE', undefined, frontendJWT)
);
if (response.error) {
return { error: response.error, status: response.status };
}
if (!response.data) {
return { error: '删除提示词模板失败', status: 500 };
}
const apiResponse = response.data;
// 支持 code=0 (成功) 和 code=200 (成功) 两种格式
if (apiResponse.code !== 0 && apiResponse.code !== 200) {
return { error: apiResponse.message || '删除提示词模板失败', status: response.status };
}
return { success: true };
} catch (error) {
console.error('删除提示词模板失败:', error);
@@ -494,7 +499,7 @@ export async function deletePromptTemplate(id: string, frontendJWT?: string): Pr
/**
* 获取指定类型的提示词模板选项
* @param templateType 模板类型(如 'VLM_Extraction', 'LLM_Extraction' 等)
* @param frontendJWT JWT token (可选)
* @param frontendJWT JWT token (可选,已由 axios-client 自动处理)
* @returns 模板选项列表 { value: template_code, label: template_abbreviation }
*/
export async function getPromptTemplateOptions(templateType: string, frontendJWT?: string): Promise<{
@@ -507,35 +512,49 @@ export async function getPromptTemplateOptions(templateType: string, frontendJWT
return { error: '模板类型不能为空', status: 400 };
}
const params: PostgrestParams = {
select: 'template_code,template_abbreviation',
filter: {
'template_type': `eq.${templateType}`,
'status': 'gte.0' // 只查询有效状态的模板
},
order: 'template_abbreviation.asc', // 按标签排序
token: frontendJWT
// 使用列表接口,筛选指定类型并只获取需要的字段
const params = {
template_type: templateType,
page: 1,
page_size: 500, // 获取足够多的选项
};
const response = await postgrestGet<Array<{ template_code: string; template_abbreviation: string }>>('prompt_templates', params);
const response = await apiRequest<ApiResponse<ListResponse>>(
'/api/v3/prompt-templates',
buildRequestOptions('GET', undefined, frontendJWT),
params
);
if (response.error) {
console.error('获取提示词模板选项失败:', response.error);
return { error: response.error, status: response.status };
}
const extractedData = extractApiData<Array<{ template_code: string; template_abbreviation: string }>>(response.data);
if (!extractedData) {
if (!response.data) {
console.error('提取提示词模板选项数据失败');
return { error: '获取提示词模板选项失败', status: 500 };
}
const apiResponse = response.data;
// 支持 code=0 (成功) 和 code=200 (成功) 两种格式
if (apiResponse.code !== 0 && apiResponse.code !== 200) {
return { error: apiResponse.message || '获取提示词模板选项失败', status: response.status };
}
const listData = apiResponse.data;
if (!listData || !listData.items) {
return { error: '获取提示词模板选项失败', status: 500 };
}
// 转换为选项格式
const options = extractedData.map(item => ({
value: item.template_code,
label: item.template_abbreviation
}));
const options = listData.items
.filter(item => item.template_code && item.template_abbreviation) // 只保留有 code 和 abbreviation 的
.map(item => ({
value: item.template_code!,
label: item.template_abbreviation!
}));
return { data: options };
} catch (error) {
@@ -545,4 +564,105 @@ export async function getPromptTemplateOptions(templateType: string, frontendJWT
status: 500
};
}
}
}
/**
* 获取提示词模板类型列表
* @param frontendJWT JWT token (可选,已由 axios-client 自动处理)
* @returns 类型选项列表
*/
export async function getPromptTemplateTypes(frontendJWT?: string): Promise<{
data?: TypeOption[];
error?: string;
status?: number;
}> {
try {
const response = await apiRequest<ApiResponse<{ items: TypeOption[] }>>(
'/api/v3/prompt-templates/types',
buildRequestOptions('GET', undefined, frontendJWT)
);
if (response.error) {
console.error('获取提示词模板类型失败:', response.error);
return { error: response.error, status: response.status };
}
if (!response.data) {
console.error('提取提示词模板类型数据失败');
return { error: '获取提示词模板类型失败', status: 500 };
}
const apiResponse = response.data;
// 支持 code=0 (成功) 和 code=200 (成功) 两种格式
if (apiResponse.code !== 0 && apiResponse.code !== 200) {
return { error: apiResponse.message || '获取提示词模板类型失败', status: response.status };
}
if (!apiResponse.data || !apiResponse.data.items) {
return { error: '获取提示词模板类型失败', status: 500 };
}
return { data: apiResponse.data.items };
} catch (error) {
console.error('获取提示词模板类型出错:', error);
return {
error: error instanceof Error ? error.message : '获取提示词模板类型失败',
status: 500
};
}
}
/**
* 复制提示词模板
* @param id 原模板ID
* @param newCode 新模板代码(可选)
* @param frontendJWT JWT token (可选,已由 axios-client 自动处理)
* @returns 复制后的新模板
*/
export async function duplicatePromptTemplate(id: string, newCode?: string, frontendJWT?: string): Promise<{
data?: PromptTemplateUI;
error?: string;
status?: number;
}> {
try {
if (!id) {
return { error: '模板ID不能为空', status: 400 };
}
const params = newCode ? { new_code: newCode } : undefined;
const response = await apiRequest<ApiResponse<PromptTemplate>>(
`/api/v3/prompt-templates/${id}/duplicate`,
buildRequestOptions('POST', undefined, frontendJWT),
params
);
if (response.error) {
return { error: response.error, status: response.status };
}
if (!response.data) {
return { error: '复制提示词模板失败', status: 500 };
}
const apiResponse = response.data;
// 支持 code=0 (成功) 和 code=200 (成功) 两种格式
if (apiResponse.code !== 0 && apiResponse.code !== 200) {
return { error: apiResponse.message || '复制提示词模板失败', status: response.status };
}
if (!apiResponse.data) {
return { error: '复制提示词模板失败', status: 500 };
}
return { data: convertToUITemplate(apiResponse.data) };
} catch (error) {
console.error('复制提示词模板出错:', error);
return {
error: error instanceof Error ? error.message : '复制提示词模板失败',
status: 500
};
}
}