945ccd64ba
Phase 0 安全热修复 (CRITICAL): - 外部化微信 appid/secret 到 ERP__WECHAT__APPID/SECRET 环境变量 - 正确连接 HealthCrypto 到 ERP__HEALTH__AES_KEY/HMAC_KEY 环境变量 - 外部化小程序加密密钥到 TARO_APP_ENCRYPTION_KEY 环境变量 - 移除小程序 auth store 中的敏感信息 console.log Phase 1 安全加固: - 微信自动注册 display_name 添加 sanitize 防止 XSS - 测试数据库凭据改为从 TEST_DB_URL 环境变量读取 Phase 2 代码质量: - 提取 useThemeMode hook 消除 22 处重复暗色模式检测 - 提取共享健康常量到 constants/health.ts - 拆分 patient_service.rs 脱敏函数到 masking.rs - 移除未使用的 i18next/react-i18next 依赖 - 移除未使用的 api/errors.ts 和 erp-auth/anyhow 依赖 Phase 3 测试覆盖: - 新增 5 个患者模块集成测试 (CRUD/租户隔离/验证/软删除) Phase 4 跨平台一致性: - 统一小程序 Patient.birthday → birth_date 匹配后端 - 统一小程序 Appointment.time_slot → start_time/end_time 匹配后端 Phase 5 架构: - 微信登录添加多租户 TODO 注释 - 更新 wiki/infrastructure.md 环境变量文档
102 lines
2.8 KiB
TypeScript
102 lines
2.8 KiB
TypeScript
import { useEffect, useCallback, useState } from 'react';
|
|
import { Table, Tag } from 'antd';
|
|
import type { ColumnsType } from 'antd/es/table';
|
|
import { listCompletedTasks, type TaskInfo } from '../../api/workflowTasks';
|
|
import { useThemeMode } from '../../hooks/useThemeMode';
|
|
|
|
const outcomeStyles: Record<string, { bg: string; color: string; text: string }> = {
|
|
approved: { bg: '#ECFDF5', color: '#059669', text: '同意' },
|
|
rejected: { bg: '#FEF2F2', color: '#dc2626', text: '拒绝' },
|
|
delegated: { bg: '#eff6ff', color: '#2563eb', text: '已委派' },
|
|
};
|
|
|
|
export default function CompletedTasks() {
|
|
const [data, setData] = useState<TaskInfo[]>([]);
|
|
const [total, setTotal] = useState(0);
|
|
const [page, setPage] = useState(1);
|
|
const [loading, setLoading] = useState(false);
|
|
const isDark = useThemeMode();
|
|
|
|
const fetchData = useCallback(async () => {
|
|
setLoading(true);
|
|
try {
|
|
const res = await listCompletedTasks(page, 20);
|
|
setData(res.data);
|
|
setTotal(res.total);
|
|
} finally {
|
|
setLoading(false);
|
|
}
|
|
}, [page]);
|
|
|
|
useEffect(() => { fetchData(); }, [fetchData]);
|
|
|
|
const columns: ColumnsType<TaskInfo> = [
|
|
{
|
|
title: '任务名称',
|
|
dataIndex: 'node_name',
|
|
key: 'node_name',
|
|
render: (v: string) => <span style={{ fontWeight: 500 }}>{v}</span>,
|
|
},
|
|
{ title: '流程', dataIndex: 'definition_name', key: 'definition_name' },
|
|
{
|
|
title: '业务键',
|
|
dataIndex: 'business_key',
|
|
key: 'business_key',
|
|
render: (v: string | undefined) => v || '-',
|
|
},
|
|
{
|
|
title: '结果',
|
|
dataIndex: 'outcome',
|
|
key: 'outcome',
|
|
width: 100,
|
|
render: (o: string) => {
|
|
const info = outcomeStyles[o] || { bg: '#f8fafc', color: '#475569', text: o };
|
|
return (
|
|
<Tag style={{
|
|
background: info.bg,
|
|
border: 'none',
|
|
color: info.color,
|
|
fontWeight: 500,
|
|
}}>
|
|
{info.text}
|
|
</Tag>
|
|
);
|
|
},
|
|
},
|
|
{
|
|
title: '完成时间',
|
|
dataIndex: 'completed_at',
|
|
key: 'completed_at',
|
|
width: 180,
|
|
render: (v: string) => (
|
|
<span style={{ color: isDark ? '#475569' : '#94a3b8', fontSize: 13 }}>
|
|
{v ? new Date(v).toLocaleString() : '-'}
|
|
</span>
|
|
),
|
|
},
|
|
];
|
|
|
|
return (
|
|
<div style={{
|
|
background: isDark ? '#111827' : '#FFFFFF',
|
|
borderRadius: 12,
|
|
border: `1px solid ${isDark ? '#0f172a' : '#f8fafc'}`,
|
|
overflow: 'hidden',
|
|
}}>
|
|
<Table
|
|
rowKey="id"
|
|
columns={columns}
|
|
dataSource={data}
|
|
loading={loading}
|
|
pagination={{
|
|
current: page,
|
|
total,
|
|
pageSize: 20,
|
|
onChange: setPage,
|
|
showTotal: (t) => `共 ${t} 条记录`,
|
|
}}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|