UTX企业运营后台产品系统

属于 FinTech / 跨境金融与数字资产中后台风控及运营管理领域。该系统主要面向内部运营、风控、合规（Compliance）及财务人员。系统需要在保证严密权限隔离（RBAC）的前提下，高效处理高频、高敏感度的金流审批、合规风控审核、卡片项目管理及实时数据监控，确保平台业务合规、稳定运行。

1. 出入金与交易审批： 负责处理法币与数字资产（Crypto）的出入金指令、支付指令复核、外汇（FX）交易撮合及异常交易拦截。
2. 合规风控与 KYT/KYC 审查： 接入 KYT（Know Your Transaction）链上/交易风险筛查机制，管理合规案件（Compliance Cases）、客户身份认证（KYC）文档审查及黑名单风控管控。
3. 卡项目与费率管理： 包含银行卡发卡项目配置、卡片状态管理、费率模板配置、交易手续费规则设置与账单报表导出。
4. 账户与权限管理： 支持内部操作员账户管理、严格的角色权限控制（RBAC）、操作日志审计追踪及多级审批流配置。

1. 核心架构与现代化重构： 采用 React + TypeScript + Vite + Ant Design + React Router 构建现代化的 SPA 后台系统。将旧有 Umi/Ant Design Pro 架构平滑迁移至全新现代化构建与路由体系，大幅提升打包构建速度与系统响应性能。
2. 数据流与 API 层通信： 结合 TanStack Query v5 与 tRPC/REST API 处理复杂后台的数据缓存、数据自动刷新（Real-time Data Sync）、请求状态管理与乐观更新（Optimistic Updates）。
3. 复杂交互与组件封装： 基于 Ant Design 二次封装高效的数据表格（Data Tables）、海量数据批量处理逻辑（Batch Operations）、动态表单生成器及多维度筛选/详情页组件。
4. 工程化与安全控制： 实施严格的前端路由权限守卫（Guards），结合 JWT 与 Session 自动续期机制；规范化 TypeScript 静态类型定义，降低大型后台团队协作下的代码维护成本。