平台产品设计必要内容

1. 说在前面

写这个的目的是为了总结当前设计的页面的类型

防止后续写需求的时候，忘掉某些关键内容

2. 常用页面类型及必要内容

2.1 实体的CRUD类

2.1.1 页面说明

一般用来做实体的信息管理，常用于VELA中的车辆信息、车队信息、司机信息，AAA中的Account、User等。包括实体的信息及实体与其他实体的关联关系。

2.1.2 必要内容

1. 页面入口

页面从哪里进来

2. 搜索区

实体名称、关联内容名称

• 默认值
• 必选内容
• 输入类型

3. 数据展示区

table展示内容

排序：实体名称排序，创建时间排序

4. 实体操作区

查看详情

实体信息的新建、更新

实体关系的更新

实体删除

2.1.3 数据展示内容

1. 实体ID：系统自动生成，作为实体的key，内部系统可展示，用来方便研发人员查询。
2. 实体名称：用来让人了解这是什么，一般是中文的
3. 实体英文名：变量名称，方便研发人员理解和查询。（可选）
4. 创建人：谁建立的，记录创建人的user
5. 创建时间：什么时间创建的
6. 变更人：谁变更的，记录变更人的user
7. 变更时间：什么时间变更的
8. 与其他实体的关联：
   • 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 数据展示内容

1. 实体名称：如imei
2. 实体关联信息：如关联的车牌号、驾驶员
3. 数据时间：采集时间、上传时间
4. 数据的类型：如eventType、warningType
5. 数据信息详情：如警报的媒体文件、warning的description。弹出model、侧边栏详情
6. 数据的标注操作（可选）：风险忽略、警报误报

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样式

插入图片