# 设计文档

## 实现方案

### 1. 列表视图结构
使用表格替代卡片网格：
```
| 品种名称 | 合约代码 | 操作 |
|----------|----------|------|
| 螺纹钢   | rb       | [保存] [删除] |
| 铁矿石   | i        | [保存] [删除] |
```

### 2. 合约代码编辑
- 合约代码列使用 input 输入框
- 修改后点击"保存"按钮提交
- 保存时调用 API 更新配置

### 3. CSS 调整
- 移除 `.symbol-grid` 和 `.symbol-card` 样式
- 添加 `.symbol-table` 列表样式
- 保持与现有 UI 风格一致

### 4. JavaScript 调整
- `renderConfig()` 函数改为渲染表格
- 新增 `saveSymbolCode(type, oldCode, newCode, name)` 函数
- 保留删除功能