# front-new

**Repository Path**: CSIS_2/front-new

## Basic Information

- **Project Name**: front-new
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-04-17
- **Last Updated**: 2025-04-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 银行反诈系统（前端）

这是一个基于React的银行反诈系统前端演示项目，旨在展示银行反诈系统的用户界面和功能。该系统模拟了真实银行反诈系统的基本功能，包括用户登录、风险评估、交易验证等功能。

## 功能特点

- 使用人脸识别进行登录验证
- AI+规则引擎的风险评估系统
- 多级风险提示和验证
- 银行账户管理
- 安全转账功能
- 交易记录查询
- 用户反馈系统

## 技术栈

- React
- TypeScript
- React Router
- Ant Design
- Styled Components
- LocalStorage模拟数据存储

## 项目结构

```
src/
  ├── assets/        # 静态资源
  ├── components/    # 通用组件
  ├── hooks/         # 自定义Hooks
  ├── interfaces/    # TypeScript接口
  ├── mock/          # 模拟数据
  ├── pages/         # 页面组件
  ├── store/         # 状态管理
  ├── utils/         # 工具函数
  ├── App.tsx        # 应用入口
  └── main.tsx       # 主入口
```

## 开始使用

1. 安装依赖：

```bash
npm install
```

2. 启动开发服务器：

```bash
npm start
```

3. 构建生产版本：

```bash
npm run build
```

## 演示账号

可以使用以下账号登录系统：

- 手机号: 13800138000
- 密码: 123456

## 功能说明

### 登录页面

- 使用手机号和密码登录
- 人脸识别验证

### 首页

- 展示系统介绍
- 反诈规则和AI技术说明

### 我的账户

- 查看银行卡列表
- 显示账户余额和状态

### 转账

- 选择付款账户
- 输入收款账户
- 设置转账金额和备注
- 系统风险评估
- 根据风险等级进行不同处理

### 交易记录

- 查看历史交易
- 筛选和搜索功能
- 交易状态和风险标记

### 反馈

- 提交系统使用反馈
- 上传截图
- 选择反馈类型

## 注意事项

- 本项目仅用于演示，不包含后端服务
- 所有数据存储在浏览器的LocalStorage中
- 刷新页面后数据仍然保留