## 前端路由与页面

- **DDS-Section**: 12.3 前端路由设计 + 12.1 信息架构与导航
- **DDS-Lines**: L1454-L1628

### Extract

#### 信息架构

```
侧边导航栏 → 导入中心
           → 数据清洗
           → 去重处理
           → 规则管理
           → 导入任务
           → 数据审计
           → 系统设置

导入中心 → 文件上传页 / 批次列表页 / 批次详情页
数据清洗 → 清洗结果预览页
去重处理 → 重复记录处理页
规则管理 → 规则列表页 / 规则编辑页
导入任务 → 导入任务列表页 / 导入结果详情页
数据审计 → 审计追溯页 / 交易处理链路页
系统设置 → Firefly 连接配置 / 去重参数配置
```

#### 路由定义

```typescript
const routes = [
  { path: '/', redirect: '/import' },
  {
    path: '/import',
    name: 'ImportCenter',
    component: () => import('@/views/ImportCenterView.vue'),
    meta: { title: '导入中心', icon: 'mdi-upload' }
  },
  {
    path: '/import/batch/:batchId',
    name: 'BatchDetail',
    component: () => import('@/views/BatchDetailView.vue'),
    meta: { title: '批次详情' }
  },
  {
    path: '/preview/:batchId',
    name: 'Preview',
    component: () => import('@/views/PreviewView.vue'),
    meta: { title: '清洗预览' }
  },
  {
    path: '/dedup',
    name: 'DedupReview',
    component: () => import('@/views/DedupReviewView.vue'),
    meta: { title: '去重处理', icon: 'mdi-content-duplicate' }
  },
  {
    path: '/rules',
    name: 'RuleConfig',
    component: () => import('@/views/RuleConfigView.vue'),
    meta: { title: '规则管理', icon: 'mdi-cog-outline' }
  },
  {
    path: '/tasks',
    name: 'ImportTask',
    component: () => import('@/views/ImportTaskView.vue'),
    meta: { title: '导入任务', icon: 'mdi-export' }
  },
  {
    path: '/audit',
    name: 'AuditTrace',
    component: () => import('@/views/AuditTraceView.vue'),
    meta: { title: '数据审计', icon: 'mdi-history' }
  },
  {
    path: '/settings',
    name: 'Settings',
    component: () => import('@/views/SettingsView.vue'),
    meta: { title: '系统设置', icon: 'mdi-tune' }
  }
]
```

#### 页面文件清单

| 页面 | 文件 | 用途 |
|------|------|------|
| 导入中心 | `ImportCenterView.vue` | 文件上传 + 批次列表 |
| 批次详情 | `BatchDetailView.vue` | 单批次详情 |
| 清洗预览 | `PreviewView.vue` | 标准化结果预览 |
| 去重处理 | `DedupReviewView.vue` | 疑似重复确认 |
| 规则配置 | `RuleConfigView.vue` | 规则 CRUD |
| 导入任务 | `ImportTaskView.vue` | 导入结果展示 |
| 审计追溯 | `AuditTraceView.vue` | 全链路追溯 |
| 系统设置 | `SettingsView.vue` | Firefly 配置 |
