

# 页面地址 [BinanceOrder.vue](TonyMask/src/pages/BinanceOrder.vue)
- 页面在侧边栏的名称为 交易订单
- 在主内容区的页面Header部分 靠右侧显示 交易订单
- 展示特定交易对，特定查询条件下的订单情况
  

# 页面设计
## 订单查询栏
- 接口参数为 [binance_order_handler.go](TonyCryptoOctopus\handler\binance_order_handler.go) 中的MyTradesRequest
  - 接口参数说明: 前端不呈现limit,固定为1000
  - 忽略OrderID和FromID,不需要此参数
  - 默认起始时间为 2025-01-01 08:00:00
  - 新增固定时间段,最近三个月,最近一个月,最近一年,最近三年,当点击查询时候,根据当前时间作为endTime推算起始时间
  - 取消固定时间选择之后，恢复到默认时间

### 币种选择器
- 使用通用组件中的CurrencySelector
- 根据页面样式,合理调整大小
  
### 订单接口数据
- 接口地址 /api/binance/order/trades/save 查询
- 具体接口为 [binance_order_handler.go](TonyCryptoOctopus\handler\binance_order_handler.go)中的GetMyTradesHandler
  
### 文件保存地址栏
- 需要显示返回接口中的的message字段内容
- message字段的内容是本地保存的订单数据文件地址
- 点击查询之后，在订单查询栏最下面出现
- 居中显示

## 订单展示区

### 时间区域展示
- 根据订单的cst_time,展示时间轴
  - 每笔订单在时间轴上是一个小点,点击可以筛选到该笔订单
- 时间轴可以划取范围,通过时间段筛选订单
- 时间轴的范围自动根据最早和最晚交易时间进行修改
- 时间轴的间距需要根据时间跨度，自动设置，便于美观

### 订单列表区
- 支持按照时间顺序排序，支持倒序或者正序排列
- 可以筛选卖出和买入方向的订单
- 设置分页展示
  - 分页默认大小为20
  - 分页的可选大小为20 50 100
