# risk-feature-demo

**Repository Path**: datac/risk-feature-demo

## Basic Information

- **Project Name**: risk-feature-demo
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-07-06
- **Last Updated**: 2026-07-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 外汇展业监测评估系统

基于 React + TypeScript + Vite 的外汇展业风险监测评估系统前端 Demo。

## 功能模块

- **规则管理**：风险规则的查询、新增、查看、发布、删除
- **情报管理**：情报信息的查询、新增、查看
- **模型管理**：
  - 模型库：模型查询、新增、详情、编辑、调整实验室
  - 规则库：规则查询、新增、详情、编辑
  - 指标库：指标查询、新增、详情、编辑

## 技术栈

- **框架**：React 18
- **语言**：TypeScript
- **构建工具**：Vite 5
- **UI 组件库**：Ant Design 5
- **路由**：React Router v6
- **数据**：前端 Mock 数据（无后端依赖）

## 环境要求

- Node.js 18+ 
- npm 9+ 或 yarn 1.22+ 或 pnpm 8+

## 安装步骤

### 1. 克隆仓库

```bash
git clone https://gitee.com/datac/risk-feature-demo.git
cd risk-feature-demo
```

### 2. 安装依赖

```bash
npm install
```

或

```bash
yarn install
```

### 3. 启动开发服务器

```bash
npm run dev
```

启动后访问 http://localhost:5173

## 编译构建

### 开发环境编译

```bash
npm run build
```

构建产物输出到 `dist/` 目录。

### TypeScript 类型检查

```bash
npx tsc --noEmit
```

## 项目结构

```
src/
├── App.tsx              # 应用入口、路由配置
├── main.tsx             # React 挂载点
├── styles/
│   └── theme.css        # 全局样式、CSS 变量
├── types/
│   └── index.ts         # TypeScript 类型定义
├── mock/                # Mock 数据
│   ├── features.ts      # 规则数据
│   ├── intelligence.ts  # 情报数据
│   ├── modelInfo.ts     # 模型数据
│   ├── modelRules.ts    # 模型规则数据
│   ├── metrics.ts       # 指标数据
│   └── options.ts       # 下拉选项数据
└── pages/               # 页面组件
    ├── ListPage.tsx     # 规则列表
    ├── ViewPage.tsx     # 规则详情
    ├── CreatePage.tsx   # 规则新增
    ├── IntelligenceListPage.tsx
    ├── IntelligenceViewPage.tsx
    ├── IntelligenceCreatePage.tsx
    ├── ModelListPage.tsx
    ├── ModelDetailPage.tsx
    ├── ModelCreatePage.tsx
    ├── ModelLabPage.tsx
    ├── ModelRulesPage.tsx
    ├── RuleDetailPage.tsx
    ├── RuleCreatePage.tsx
    ├── MetricListPage.tsx
    ├── MetricDetailPage.tsx
    └── MetricCreatePage.tsx
```

## 设计规范

- **主色调**：Corporate Blue #0052CC
- **背景色**：白色 #FFFFFF / 石板灰 #F4F6F8
- **圆角**：8px
- **阴影**：层次化阴影系统

## 开发说明

本项目为纯前端 Demo，所有数据均为前端 Mock，无需配置后端 API。

## License

MIT