TanWenyan/leaudit-platform-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

封装评查点的相关接口，完成评查点列表的简单搜索和查询

Browse Source
This commit is contained in:
yorn
2025-04-02 19:17:44 +08:00
parent 706cea8705
commit 2bde2bd76e
41 changed files with 11174 additions and 609 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/routes/rules-files.tsx
+14 -34
View File
@@ -6,6 +6,8 @@ import { FileIcon } from "~/components/ui/FileIcon";
import { FilterPanel, FilterSelect, SearchFilter } from "~/components/ui/FilterPanel";
import { Pagination } from "~/components/ui/Pagination";
import { Table } from "~/components/ui/Table";
import { FileTypeTag } from "~/components/ui/FileTypeTag";
import { StatusBadge } from "~/components/ui/StatusBadge";
import rulesFilesStyles from "~/styles/pages/rules-files.css?url";
export const links = () => [
@@ -371,22 +373,6 @@ export default function RulesFiles() {
{ value: DateRange.CUSTOM, label: '自定义时间段' }
];
// 获取文件状态对应的图标和类名
const getStatusInfo = (status: ReviewStatus) => {
switch (status) {
case ReviewStatus.PASS:
return { icon: "ri-checkbox-circle-line", className: "success" };
case ReviewStatus.WARNING:
return { icon: "ri-alert-line", className: "warning" };
case ReviewStatus.FAIL:
return { icon: "ri-close-circle-line", className: "error" };
case ReviewStatus.PENDING:
return { icon: "ri-time-line", className: "processing" };
default:
return { icon: "", className: "default" };
}
};
// 定义表格列配置
const columns = [
{
@@ -414,14 +400,11 @@ export default function RulesFiles() {
key: "fileType",
width: "12%",
render: (_: unknown, file: ReviewFile) => (
<span className={`file-type-tag file-type-tag-${file.fileType}`}>
{file.fileType === FileType.CONTRACT && <i className="ri-file-list-3-line"></i>}
{file.fileType === FileType.LICENSE && <i className="ri-vip-crown-line"></i>}
{file.fileType === FileType.PUNISHMENT && <i className="ri-scales-line"></i>}
{file.fileType === FileType.REPORT && <i className="ri-file-chart-line"></i>}
{file.fileType === FileType.OTHER && <i className="ri-file-line"></i>}
{FILE_TYPE_LABELS[file.fileType]}
</span>
<FileTypeTag
type={file.fileType}
text={FILE_TYPE_LABELS[file.fileType]}
showIcon={true}
/>
)
},
{
@@ -440,16 +423,13 @@ export default function RulesFiles() {
title: "评查状态",
key: "reviewStatus",
width: "12%",
render: (_: unknown, file: ReviewFile) => {
const statusInfo = getStatusInfo(file.reviewStatus);
return (
<span className={`status-badge status-badge-${statusInfo.className.replace('status-', '')}`}>
<i className={`${statusInfo.icon} mr-1`}></i>
{REVIEW_STATUS_LABELS[file.reviewStatus]}
{file.issueCount > 0 && ` (${file.issueCount})`}
</span>
);
}
render: (_: unknown, file: ReviewFile) => (
<StatusBadge
status={file.reviewStatus}
text={file.issueCount > 0 ? `${REVIEW_STATUS_LABELS[file.reviewStatus]} (${file.issueCount})` : REVIEW_STATUS_LABELS[file.reviewStatus]}
showIcon={true}
/>
)
},
{
title: "问题摘要",
app/routes/rules._index.tsx
+77 -192
View File
@@ -6,13 +6,13 @@ import { Card } from '~/components/ui/Card';
import { Tag } from '~/components/ui/Tag';
import { StatusDot } from '~/components/ui/StatusDot';
import rulesStyles from "~/styles/pages/rules_index.css?url";
import type { Rule } from '~/models/rule';
import type { Rule, RuleType, RulePriority } from '~/models/rule';
import { RULE_TYPE_LABELS, RULE_TYPE_COLORS, RULE_PRIORITY_LABELS, RULE_PRIORITY_COLORS } from '~/models/rule';
import type { TagColor } from '~/components/ui/Tag';
import { Table } from '~/components/ui/Table';
import { FilterPanel, FilterSelect, SearchFilter } from '~/components/ui/FilterPanel';
import { Pagination } from '~/components/ui/Pagination';
// import { getRulesList } from '~/api/evaluation_points/rules';
import { getRulesList } from '~/api/evaluation_points/rules';
export const links = () => [
{ rel: "stylesheet", href: rulesStyles }
@@ -27,159 +27,47 @@ export const meta: MetaFunction = () => {
];
};
// 模拟数据 - 用于开发阶段展示UI
const mockRules: Rule[] = [
{
id: '1',
code: 'EP001',
name: '合同名称要素检查',
ruleType: 'essential',
ruleGroupId: '1',
groupName: '合同基本要素类检查',
priority: 'high',
description: '检查合同是否包含清晰的合同名称',
checkMethod: 'automatic',
prompt: '查找文档中的合同名称',
isActive: true,
createdAt: '2024-03-15T08:30:00Z',
updatedAt: '2024-03-15T08:30:00Z'
},
{
id: '2',
code: 'EP002',
name: '合同编号要素检查',
ruleType: 'essential',
ruleGroupId: '1',
groupName: '合同基本要素类检查',
priority: 'high',
description: '检查合同是否包含唯一的合同编号',
checkMethod: 'automatic',
prompt: '查找文档中的合同编号',
isActive: true,
createdAt: '2024-03-15T09:15:00Z',
updatedAt: '2024-03-15T09:15:00Z'
},
{
id: '3',
code: 'EP003',
name: '合同主体资格检查',
ruleType: 'legal',
ruleGroupId: '2',
groupName: '销售合同专项检查',
priority: 'medium',
description: '检查合同签署方是否具有合法的主体资格',
checkMethod: 'manual',
prompt: '确认合同签署方的法律主体资格',
isActive: true,
createdAt: '2024-03-16T10:20:00Z',
updatedAt: '2024-03-16T10:20:00Z'
},
{
id: '4',
code: 'EP004',
name: '付款条件检查',
ruleType: 'content',
ruleGroupId: '2',
groupName: '销售合同专项检查',
priority: 'medium',
description: '检查合同中的付款条件是否明确',
checkMethod: 'automatic',
prompt: '提取文档中的付款条件相关内容',
isActive: true,
createdAt: '2024-03-17T11:30:00Z',
updatedAt: '2024-03-17T11:30:00Z'
},
{
id: '5',
code: 'EP005',
name: '违约责任条款检查',
ruleType: 'legal',
ruleGroupId: '3',
groupName: '采购合同专项检查',
priority: 'high',
description: '检查合同是否包含违约责任条款',
checkMethod: 'mixed',
prompt: '提取文档中的违约责任相关条款',
isActive: true,
createdAt: '2024-03-18T13:45:00Z',
updatedAt: '2024-03-18T13:45:00Z'
},
{
id: '6',
code: 'EP006',
name: '合同文本格式检查',
ruleType: 'format',
ruleGroupId: '1',
groupName: '合同基本要素类检查',
priority: 'low',
description: '检查合同文本格式是否符合规范',
checkMethod: 'automatic',
prompt: '检查文档的整体格式规范性',
isActive: false,
createdAt: '2024-03-19T14:50:00Z',
updatedAt: '2024-03-19T14:50:00Z'
},
{
id: '7',
code: 'EP007',
name: '专卖许可证有效性检查',
ruleType: 'legal',
ruleGroupId: '4',
groupName: '专卖许可证审核规则',
priority: 'high',
description: '检查专卖许可证是否在有效期内',
checkMethod: 'automatic',
prompt: '提取专卖许可证有效期信息并判断有效性',
isActive: true,
createdAt: '2024-03-20T15:55:00Z',
updatedAt: '2024-03-20T15:55:00Z'
},
{
id: '8',
code: 'EP008',
name: '处罚决定书格式检查',
ruleType: 'format',
ruleGroupId: '5',
groupName: '行政处罚规范性检查',
priority: 'medium',
description: '检查行政处罚决定书格式是否规范',
checkMethod: 'automatic',
prompt: '检查处罚决定书的格式规范性',
isActive: true,
createdAt: '2024-03-21T16:00:00Z',
updatedAt: '2024-03-21T16:00:00Z'
},
{
id: '9',
code: 'EP009',
name: '处罚依据合法性检查',
ruleType: 'legal',
ruleGroupId: '5',
groupName: '行政处罚规范性检查',
priority: 'high',
description: '检查行政处罚依据是否合法',
checkMethod: 'manual',
prompt: '审核处罚依据的法律合法性',
isActive: true,
createdAt: '2024-03-22T09:10:00Z',
updatedAt: '2024-03-22T09:10:00Z'
},
{
id: '10',
code: 'EP010',
name: '业务特殊条款检查',
ruleType: 'business',
ruleGroupId: '3',
groupName: '采购合同专项检查',
priority: 'medium',
description: '检查合同是否包含烟草行业特殊条款',
checkMethod: 'mixed',
prompt: '识别文档中的烟草行业特殊要求条款',
isActive: true,
createdAt: '2024-03-23T10:15:00Z',
updatedAt: '2024-03-23T10:15:00Z'
}
];
// 声明loader返回的数据类型
export type LoaderData = {
rules: Rule[];
totalCount: number;
currentPage: number;
pageSize: number;
totalPages: number;
};
// API返回的数据映射到前端模型
interface ApiRule {
id: string;
code: string;
name: string;
ruleType: string;
groupId: string;
groupName: string;
priority: string;
description: string;
isActive: boolean;
createdAt: string;
updatedAt: string;
}
function mapApiRuleToModel(apiRule: ApiRule): Rule {
return {
id: apiRule.id,
code: apiRule.code,
name: apiRule.name,
ruleType: apiRule.ruleType as RuleType, // 类型转换
ruleGroupId: apiRule.groupId,
groupName: apiRule.groupName,
priority: apiRule.priority as RulePriority, // 类型转换
description: apiRule.description,
checkMethod: 'automatic', // 默认值
prompt: apiRule.description, // 使用描述作为默认prompt
isActive: apiRule.isActive,
createdAt: apiRule.createdAt,
updatedAt: apiRule.updatedAt
};
}
export async function loader({ request }: LoaderFunctionArgs) {
const url = new URL(request.url);
@@ -195,34 +83,23 @@ export async function loader({ request }: LoaderFunctionArgs) {
};
try {
// 使用模拟数据而不是API调用
// const response = await getRulesList(params);
// 使用API调用获取数据
const response = await getRulesList(params);
// 过滤模拟数据
let filteredRules = [...mockRules];
if (params.ruleType) {
filteredRules = filteredRules.filter(rule => rule.ruleType === params.ruleType);
// API错误处理集中在rules.ts中，这里只需检查是否有错误
if (response.error) {
throw new Error(response.error);
}
if (params.groupId) {
filteredRules = filteredRules.filter(rule => rule.ruleGroupId === params.groupId);
if (!response.data) {
throw new Error('API返回数据为空');
}
if (params.isActive !== undefined) {
filteredRules = filteredRules.filter(rule => rule.isActive === params.isActive);
}
const apiRules = response.data.rules;
const totalCount = response.data.totalCount;
const rules = apiRules.map((apiRule: ApiRule) => mapApiRuleToModel(apiRule));
if (params.keyword) {
const keyword = params.keyword.toLowerCase();
filteredRules = filteredRules.filter(
rule => rule.name.toLowerCase().includes(keyword) ||
rule.code.toLowerCase().includes(keyword)
);
}
// 计算总记录数
const totalCount = filteredRules.length;
// 计算总页数
const totalPages = Math.ceil(totalCount / params.pageSize);
// 验证页码范围
@@ -232,12 +109,8 @@ export async function loader({ request }: LoaderFunctionArgs) {
return redirect(newUrl.pathname + newUrl.search);
}
// 分页
const offset = (params.page - 1) * params.pageSize;
const paginatedRules = filteredRules.slice(offset, offset + params.pageSize);
return json({
rules: paginatedRules,
return Response.json({
rules,
totalCount,
currentPage: params.page,
pageSize: params.pageSize,
@@ -260,7 +133,7 @@ export async function action({ request }: LoaderFunctionArgs) {
const ruleId = formData.get('ruleId');
if (!ruleId) {
return json({ success: false, error: "缺少评查点ID" }, { status: 400 });
return Response.json({ success: false, error: "缺少评查点ID" }, { status: 400 });
}
try {
@@ -416,18 +289,25 @@ export default function RulesIndex() {
title: "评查点编码",
dataIndex: "code" as keyof Rule,
key: "code",
align: "center" as const
align: "left" as const,
width: "20%",
className: "whitespace-normal break-all",
render: (value: string) => (
<div className="whitespace-normal break-all overflow-visible">{value}</div>
)
},
{
title: "评查点名称",
dataIndex: "name" as keyof Rule,
key: "name",
align: "center" as const
align: "left" as const,
width: "20%"
},
{
title: "评查点类型",
key: "ruleType",
align: "center" as const,
align: "left" as const,
width: "12%",
render: (_: unknown, record: Rule) => {
const typeColor = RULE_TYPE_COLORS[record.ruleType] as TagColor;
return (
@@ -441,12 +321,14 @@ export default function RulesIndex() {
title: "所属规则组",
dataIndex: "groupName" as keyof Rule,
key: "groupName",
align: "center" as const
align: "left" as const,
width: "10%"
},
{
title: "优先级",
key: "priority",
align: "center" as const,
align: "left" as const,
width: "5%",
render: (_: unknown, record: Rule) => {
const priorityColor = RULE_PRIORITY_COLORS[record.priority] as TagColor;
return (
@@ -459,7 +341,8 @@ export default function RulesIndex() {
{
title: "状态",
key: "isActive",
align: "center" as const,
align: "left" as const,
width: "8%",
className: "status-column",
render: (_: unknown, record: Rule) => (
<StatusDot status={record.isActive} text={record.isActive ? "启用" : "禁用"} />
@@ -469,12 +352,14 @@ export default function RulesIndex() {
title: "创建时间",
dataIndex: "createdAt" as keyof Rule,
key: "createdAt",
align: "center" as const
align: "left" as const,
width: "10%"
},
{
title: "操作",
key: "operation",
align: "center" as const,
align: "left" as const,
width: "10%",
render: (_: unknown, record: Rule) => (
<div className="operations-cell">
<Link to={`/rules/${record.id}`} className="operation-btn">