查看流程数据详情

一、引言

在系统新增数据之后，可以查看数据的详情，下面以期刊任职详情进行说明

二、步骤

1. 配置详情页面
2. 配置详情按钮权限
3. 配置详情按钮
4. 配置表单
5. 编写后端查看详情数据接口

三、 步骤说明

1. 配置详情页面

• 在/router/index.ts目录下配置出详情页面，详情页面有统一的访问页面（DetailsForm.vue）,只需要配置访问路径即可
  

2. 配置详情按钮权限

• 配置新增权限，表名是iam_authorities；id等于查看详情的权限，journal-appointment(业务模块名称)+.+details(操作类型)；parent_id等于列表的父级菜单id，sql语句为

  insert into iam_authorities(id, parent_id, name, remarks)
  VALUES ('association-appointment.details', 'association-appointment', '查看团体任职', '查看团体任职');

  
• 配置出页面和权限之后，点击列表中的详情按钮系统会跳转至对应数据的详情页面。

3. 配置详情按钮

• 在/components/dynamic-action-config.ts 添加按钮配置
  

  key是模块名称，type是操作类型，label是按钮提示文字

4. 表单配置

• 表单配置请参考 自定义表单

  详情表单与新增表单基本一致，只需要把表单的改为只读状态，一般情况下需要加上流程审核记录的组件

  特别说明
  表单的id命名为journal-appointment(模块名称)+.+details(操作名称)

5. 后端接口

• 后端需要编写接口返回页面所需要的数据即可