1. 说在前面
写这个的目的是为了总结当前设计的页面的类型
防止后续写需求的时候，忘掉某些关键内容
2. 常用页面类型及必要内容
2.1 实体的CRUD类
2.1.1 页面说明
一般用来做实体的信息管理，常用于VELA中的车辆信息、车队信息、司机信息，AAA中的Account、User等。包括实体的信息及实体与其他实体的关联关系。
2.1.2 必要内容
1. 页面入口
页面从哪里进来
2. 搜索区
实体名称、关联内容名称
- 默认值
- 必选内容
- 输入类型
3. 数据展示区
table展示内容
排序：实体名称排序，创建时间排序
4. 实体操作区
查看详情
实体信息的新建、更新
实体关系的更新
实体删除
2.1.3 数据展示内容
- 实体ID：系统自动生成，作为实体的key，内部系统可展示，用来方便研发人员查询。
- 实体名称：用来让人了解这是什么，一般是中文的
- 实体英文名：变量名称，方便研发人员理解和查询。（可选）
- 创建人：谁建立的，记录创建人的user
- 创建时间：什么时间创建的
- 变更人：谁变更的，记录变更人的user
- 变更时间：什么时间变更的
- 与其他实体的关联：
- 1：1 唯一关联用下拉搜索
- 1：N
- 特别多的：支持被关联对象的聚合，如企业、车队的所有设备、车辆
- 特别多的：多选关联如果被关联对象是设备、车辆这种可枚举的，可以用文本框，逗号分隔。
- 有限的几个：下拉框多选+搜索
2.1.4 UI样式
插入图片
2.2 数据查询
2.2.1 页面说明
对某一类实体的时许数据进行展示，常用于VELA的实时警报、实时风险、历史轨迹、历史行程；PEGA的推送记录、设备报文、历史记录等。
2.2.2 必要内容
1. 页面入口
页面从哪里进来
2. 搜索区
| 内容 | 输入类型 | 是否必选 | 默认值 |
|---|---|---|---|
| 实体名称 | 下拉搜索框，单/多选 | tbd | 全选 |
| 实体的某些参数（如设备类型） | 下拉搜索，单选 | 否 | 全选 |
| 日期+时间选择 | 开始+结束时间 | 是 | 今天（0-24） |
| 某一天 | 是 | 今天（0-24） |
3. 数据展示区
展示形式：时序list
展示顺序：时间倒序
2.2.3 数据展示内容
- 实体名称：如imei
- 实体关联信息：如关联的车牌号、驾驶员
- 数据时间：采集时间、上传时间
- 数据的类型：如eventType、warningType
- 数据信息详情：如警报的媒体文件、warning的description。弹出model、侧边栏详情
- 数据的标注操作（可选）：风险忽略、警报误报
2.2.4 UI样式
插入图片
2.3 状态查询
2.3.1 页面说明
对某一个时间内实体的数据进行统计展示，如VELA的dashboart、数据统计；PEGA的设备异常状态
2.3.2 必要内容
1.页面入口
页面从哪儿来
2.搜索区（可选）
| 内容 | 输入类型 | 是否必选 | 默认值 |
|---|---|---|---|
| 实体名称 | 下拉搜索框，单/多选 | tbd | 全选 |
| 实体的某些参数（如设备类型） | 下拉搜索，单选 | 否 | 全选 |
| 日期+时间选择 | 开始+结束时间 | 是 | 今天（0-24） |
| 某一天 | 是 | 今天（0-24） |
3.数据展示区
展示形式：可视化图表+数据内容table
2.3.3 数据展示内容
可视化图表：支持鼠标浮动交互
数据内容：组成上述图表的详细数据，支持页面复制或csv导出
2.3.4 UI样式
插入图片
网友评论