项目示例

大约 33 分钟

项目示例

介绍: 当前示例是做一个请假申请单子

请假申请(普通表格演示)

1.先创建表

字段类型描述
idvarchar(255)主键id
xingmingvarchar(20)姓名
bmvarcahr(50)部门
sqrqdate申请日期
qjlbvarchar(10)请假类别
sqsyvarchar(255)申请事由
sqkssjdate申请开始时间
sqjssjdate申请结束时间

2.配置菜单

访问http://10.0.33.228:9086/ 首先使用 admin 账号进行创建菜单。 账号admin,密码admin 登录

文件目录

进入系统后,点击 应用管理 ,点击 OA系统 ,点击 菜单列表,点击 新建

文件目录

输入名称,标识,排序号。名称就是菜单的名称,表示就是菜单名称的首字母缩写,排序号就是菜单重上往下的位置。点击保存

文件目录

找到刚才创建的请假管理菜单,点击请假管理,然后点击新建按钮。

文件目录

输入子菜单名称,标识以及排序号,点击保存。

文件目录

由于没有配置url,所有菜单的不能展示内容,这个地方等代码生成后确定了表单存放的位置在回来配置url即可。

文件目录

3.授权菜单

退出系统,使用安全员账号 security 进行授权。账号 security,密码 security 登录

文件目录

找到 应用内部授权角色授权组织自定义角色授权,往下拉找到 开发角色,点击 全部授权或者 找到刚才创建的菜单打上勾 显示授权成功就成功授权,退出系统

文件目录

文件目录

4.导入数据库,生成代码

启动项目输入自己的账号登录。找到菜单中的 开发管理 ,点击 代码生成 ,点击 导入按钮

文件目录

找到刚才创建的表请假申请,选中导入即可。

文件目录

导入成功后点击 编辑 修改配置

文件目录

首先是字段信息,查询当前字段的类型以及是否是必填项

文件目录

然后是基本信息,一般不需要修改。按需修改即可。

文件目录

字段校验,这个就是对字段进行校验配置,当前字段是否可插入,编辑,是否是表格中的元素,是否可查询以及查询方式是模糊查询或者==等。还有一个是字段校验是通过正则表达式进行校验的。这个按需添加。

文件目录

最后一个是最重要的生成信息。

介绍:

1.生成模板:这个是通过那一套模板进行生成代码,当前我这个是普通表格所以选择单表(普通表格)2.生成包路径:这个当前我这个模块生成以后在后端包的位置。

3.生成模块名:这个是代码生成后的模块的名称。他的作用是在Controller中@RequestMapping()中的第一层路径

4.生成业务名:这个一般就是当前的业务名称。他的作用是在Controller中@RequestMapping()中的第二层路径

5.生成功能名:这个一般就是当当前表的描述。使用默认即可。

6.后端目标目录:这个是使用生成代码功能时使用,后端代码生成在哪个文件夹下,一般选择要绝对路径生成代码。
	       这个功能是为了生成代码后直接可以生成在我们项目中,达到重启项目直接可以运行。

7.前端目标目录:这个也是使用生成代码功能时使用,前端代码生成在哪个文件夹下,一般选择要绝对路径生成代码。
	       这个功能是为了生成代码后直接可以生成在我们项目中,达到重启项目直接可以运行。
	       (注意:api.js 需要手动添加)

8.请选择父表:这个是主子表的时候使用的,暂时用不到

9.请选择关联字段:这个是通过父表的那个字段进行关联子表,暂时用不到

10.是否带流程:每个模板有自己的属性,有的模板支持流程,有的模板不支持流程,按照模板来即可。

11.是否带页签:每个模板有自己的属性,有的模板支持带页签,有的模板不支持带页签,按照模板来即可。

我在我的这个菜单中创建了当前模块存放的路径,所以生成包路径就要写到这个模块下。

前端生成路径以及后端生成路径自己设置即可。然后提交

文件目录

文件目录

点击生成代码,生成到相对应的路径

文件目录

文件目录

将后端代码拷贝到相对应的位置

后端domain,service,mapper,controller存放位置

文件目录

后端 mapper 存放位置

文件目录

前端 js 存放路径

文件目录

前端 vue 文件存放路径

文件目录

5.配置菜单中的url路径

访问http://10.0.33.228:9086/ 登录 admin 账号,点击 应用管理 ,点击 OA系统,找到 请假管理 点击请假管理右边的铅笔进行修改

文件目录

修改url路径,url就是前端vue中index的路径,路径写到index即可。然后在路径后边加上 ?moduleId&&ptyg 点击保存。

文件目录

退出登录,进入 security 账号进行授权

文件目录

6.重启项目,修改细节

如果不显示菜单的话,重启前端项目以及后端项目,都要重启

如果前端报错,先查询js是否引入正确,如果不正确则重新引入

文件目录

最后启动生成后的样式如图所示。按需修改细节即可。

文件目录

7.演示增删改查

文件目录

新增数据:点击新增按钮弹出一个框,在这里可以填写信息,新增数据

文件目录

7.1 配置数据字典

由于请假类别是下来选项,这个时候可以选择配将下来选项配置到数据字典中

文件目录

输入 字典名称字典类型 保存

文件目录

找到刚才创建的数据字典数据,点击字典类型

文件目录

点击新增按钮配置数据,数据标签是key,用作界面显示。数据键值是value,用作插入数据库。显示排序,就是他们之间 显示顺序。

文件目录

文件目录

新增完毕。

文件目录

7.2 引入数据字典数据

在vue文件中,首先先创建一个数组用来接收数据字典中的数据,创建一个方法进行查询数据字典中的数据,第三就是当界面加载时就查询数据。如下图

文件目录

文件目录

效果如下:

文件目录

然后新增时输入数据后,保存数据即可。

文件目录

修改数据:修改数据有两种方式

第一种方式:选中某一条数据,点击右上角的修改按钮,进行修改数据

第二种方式:在当前行中操列中有修改按钮,点击修改按钮也可以修改

文件目录

文件目录

删除数据:删除数据有两种方式

第一种方式:选中当前行,点击删除按钮,即可删除

第二种方式:在当前行中操列中有删除按钮,点击删除按钮也可以删除

文件目录

文件目录

请假申请(带流程表格演示)

1.先创建表

字段类型描述
idvarchar(255)主键id
xingmingvarchar(20)姓名
bmvarcahr(50)部门
sqrqdate申请日期
qjlbvarchar(10)请假类别
sqsyvarchar(255)申请事由
sqkssjdate申请开始时间
sqjssjdate申请结束时间
bmldspvarchar(255)部门领导审批
zyldqzvarchar(255)中央领导签字
statusvarchar(20)状态
piidvarchar(100)piid
pdidvarchar(100)pdid
createusernamevarchar(100)创建人姓名
createuseridvarchar(100)创建人id
createdeptidvarchar(100)创建人部门id
createdeptnamevarchar(100)创建人部门名称
mjidvarchar(20)密级id (默认为10)
mjnamevarchar(20)密级 (默认为公开)
ywlxvarchar(20)业务类型
ywnamevarchar(20)业务名称

2.配置菜单

访问http://10.0.33.228:9086/ 首先使用 admin 账号进行创建菜单。 账号admin,密码admin 登录

文件目录

进入系统后,点击 应用管理 ,点击 OA系统 ,点击 菜单列表,点击 新建

文件目录

输入名称,标识,排序号。名称就是菜单的名称,表示就是菜单名称的首字母缩写,排序号就是菜单重上往下的位置。点击保存

文件目录

找到刚才创建的请假管理菜单,点击请假管理,然后点击新建按钮。

文件目录

输入子菜单名称,标识以及排序号,点击保存。

文件目录

由于没有配置url,所有菜单的不能展示内容,这个地方等代码生成后确定了表单存放的位置在回来配置url即可。

文件目录

3.授权菜单

退出系统,使用安全员账号 security 进行授权。账号 security,密码 security 登录

文件目录

找到 应用内部授权角色授权组织自定义角色授权,往下拉找到 开发角色,点击 全部授权或者 找到刚才创建的菜单打上勾 显示授权成功就成功授权,退出系统

文件目录

文件目录

4.画流程

访问 10.0.33.228:11003 使用 aspdev 账号 或者自己的账号登录

文件目录

首先先点击 中国四维协同办公系统流程模型右边的流程模型中有三个点,点击三个点,出现新建分类

文件目录

点击 新建分类 ,右侧出现一个弹框,输入 分类表示 以及 分类名称 ,点击保存

文件目录

找到刚才创建分类,选中此分类,在右上角有一个新建按钮

文件目录

点击新建按钮,输入 流程定义KEY 以及 流程名称 点击保存即可

文件目录

点击那个小圆圈,右边出现一个小菜单,选中 用户任务 ,输入当前接的的名称,第一个节点就是xxx用户申请或者是xxx拟稿人拟稿等,按照流程图上来画即可

文件目录

文件目录

每个节点画完后,准备配置节点

文件目录

4.1 配置表单

点击 流程属性配置

文件目录

点击 表单设置, 点击 创建表单URL

文件目录

输入 表单名称:自己定义,表单URL:表单URL就是表单的路径,表单字段:就是数据库中当前这个表的字段(输入流程中所需要用到的字段即可)。

文件目录

文件目录

点击保存即可

4.2 节点配置

首节点配置

首先双击 首节点(就是第一个节点),首节点需要配置 节点代码 以及 节点key

节点代码:{"jdlx":"firstnode"} 这个是必须要有的,也只能是这个。

节点key:firstnode 这个是必须要有的,也只能是这个。

文件目录

点击 参与者 ,点击 请添加条件

文件目录

一般开发方便测试的话,我们就选择 流程发起人 即可

文件目录

点击 表单设置 选择表单,下边表单字段配置,可以配置表单中字段在当前节点的权限。权限有:缺省,编辑,只读,隐藏,必填,可以配置字段在表单的状态

文件目录

文件目录

首节点配置完毕,点击确定按钮即可保存。

第二个节点配置

双击第二个节点,由于第二个节点是领导签字,所以需要在节点代码上配置 ,配置规则:在 : 后边的字符中,在 @ 符号前边是当前领导签字所对应的字段,其他地方都是固定的, {"jlyj":"字段@single"} 如下图所示

文件目录

点击 参与者 ,点击 添加条件 ,选择 流程发起人 即可。

文件目录

点击 表单设置 配置字段权限

文件目录

由于第二个节点是领导签字,所需需要配置一个领导签字按钮。点击 功能按钮 ,往下拉找到 添加操作按钮 ,按钮名称是可以自己定义的,按钮id是固定的 form_addYj,添加意见必须是这个id,其他按钮请查看操作手册的流程配置。

文件目录

文件目录

点击确定即可

第三个节点配置

第三个几点正常配置即可,点击 参与者 下来选择 流程发起人 即可。

文件目录

点击 表单配置 ,选择表单,配置表单字段即可

文件目录

第四个节点参考第二个节点即可

最后保存发布流程即可

5.导入数据库,生成代码

启动项目输入自己的账号登录。找到菜单中的 开发管理 ,点击 代码生成 ,点击 导入按钮

文件目录

找到刚才创建的表请假申请,选中导入即可。

文件目录

导入成功后点击 编辑 修改配置

文件目录

首先是字段信息,查询当前字段的类型以及是否是必填项

文件目录

然后是基本信息,一般不需要修改。按需修改即可。

文件目录

字段校验,这个就是对字段进行校验配置,当前字段是否可插入,编辑,是否是表格中的元素,是否可查询以及查询方式是模糊查询或者==等。还有一个是字段校验是通过正则表达式进行校验的。这个按需添加。

文件目录

最后一个是最重要的生成信息。

介绍:

1.生成模板:这个是通过那一套模板进行生成代码,当前我这个是普通表格所以选择单表(普通表格)2.生成包路径:这个当前我这个模块生成以后在后端包的位置。

3.生成模块名:这个是代码生成后的模块的名称。他的作用是在Controller中@RequestMapping()中的第一层路径

4.生成业务名:这个一般就是当前的业务名称。他的作用是在Controller中@RequestMapping()中的第二层路径

5.生成功能名:这个一般就是当当前表的描述。使用默认即可。

6.后端目标目录:这个是使用生成代码功能时使用,后端代码生成在哪个文件夹下,一般选择要绝对路径生成代码。
	       这个功能是为了生成代码后直接可以生成在我们项目中,达到重启项目直接可以运行。

7.前端目标目录:这个也是使用生成代码功能时使用,前端代码生成在哪个文件夹下,一般选择要绝对路径生成代码。
	       这个功能是为了生成代码后直接可以生成在我们项目中,达到重启项目直接可以运行。
	       (注意:api.js 需要手动添加)

8.请选择父表:这个是主子表的时候使用的,暂时用不到

9.请选择关联字段:这个是通过父表的那个字段进行关联子表,暂时用不到

10.是否带流程:每个模板有自己的属性,有的模板支持流程,有的模板不支持流程,按照模板来即可。

11.是否带页签:每个模板有自己的属性,有的模板支持带页签,有的模板不支持带页签,按照模板来即可。

文件目录

点击提交按钮。点击 生成代码 功能

将后端代码将 src 复制下来,然后直接粘贴到后端的覆盖 src 路径

文件目录

文件目录

将前端代码将 src 复制下来,然后直接粘贴到后端的覆盖 src 路径

文件目录

文件目录

重启项目,修改细节

文件目录

配置流程,后端全局搜索 NewFlowController.java 类,先导入 Service 接口

文件目录

找到 taskComplete 方法,复制一个业务,然后进行修改数据

文件目录

文件目录

修改后

文件目录

找到方法 homeDblbSy 复制一个业务,进行修改

文件目录

修改后

文件目录

重启项目,修改细节。

文件目录

由于请假类别是下拉选项,所以需要在数据字典中配置下来数据

5.1 配置数据字典

由于请假类别是下来选项,这个时候可以选择配将下来选项配置到数据字典中

文件目录

输入 字典名称字典类型 保存

文件目录

找到刚才创建的数据字典数据,点击字典类型

文件目录

点击新增按钮配置数据,数据标签是key,用作界面显示。数据键值是value,用作插入数据库。显示排序,就是他们之间 显示顺序。

文件目录

文件目录

新增完毕。

文件目录

5.2 引入数据字典数据

在vue文件中,首先先创建一个数组用来接收数据字典中的数据,创建一个方法进行查询数据字典中的数据,第三就是当界面加载时就查询数据。如下图

文件目录

文件目录

效果如下:

文件目录

6. 启动流程

然后新增时输入数据后,保存数据即可。

文件目录

点击 启动流程 按钮

文件目录

文件目录

文件目录

7. 配置待办

通过 http://10.0.33.228:9086/ 地址进行登录,登录 admin 账号,点击 应用管理 , 点击 OA系统,点击 请假管理, 点击 新建

文件目录

输入配置数据,这个 url 是待办文件下的index,点击保存

文件目录

7.2 配置已办

文件目录

配置菜单

文件目录

8.授权待办,已办

退出账号,登录安全员账号 security,点击 应用内部授权,点击 角色权限,点击 组织自定义角色授权,点击 开发角色,点击 全部授权

文件目录

退出账号,重启项目

9.通过待办继续走流程

文件目录

修改待办表格数据,修改前:

文件目录

修改后:

文件目录

点击 标题

文件目录

文件目录

9.1 配置意见

找到 DomainController.java , 找到 getDomain 方法

文件目录

复制一个业务,粘贴

文件目录

修改后的业务

文件目录

找到 JtYijianServiceImpl.java 找到 insertJtYijian 方法

文件目录

文件目录

文件目录

文件目录

文件目录

添加修改意见

文件目录

文件目录

文件目录

文件目录

找到 Controller 设置 签字字段数据。

文件目录

重启项目

9.2 签署意见以及流程

点击 签署意见

文件目录

输入意见,进行签字

文件目录

文件目录

点击 提交 按钮

文件目录

点击 提交 按钮

文件目录

中央领导签字节点 进行签字

文件目录

文件目录

提交,最后一个节点

文件目录

10.已办查看

文件目录

文件目录

请假申请(带页签表格演示)

1.先创建表

字段类型描述
idvarchar(255)主键id
xingmingvarchar(20)姓名
bmvarcahr(50)部门
sqrqdate申请日期
qjlbvarchar(10)请假类别
sqsyvarchar(255)申请事由
sqkssjdate申请开始时间
sqjssjdate申请结束时间
fjvarcahr(255)附件
zwvarchar(255)正文word
zwpdfvarchar(255)正文pdf
zwofdvarchar(255)正文ofd
statusvarchar(20)状态
piidvarchar(100)piid
pdidvarchar(100)pdid
createusernamevarchar(100)创建人姓名
createuseridvarchar(100)创建人id
createdeptidvarchar(100)创建人部门id
createdeptnamevarchar(100)创建人部门名称
mjidvarchar(20)密级id (默认为10)
mjnamevarchar(20)密级 (默认为公开)
ywlxvarchar(20)业务类型
ywnamevarchar(20)业务名称

2.导入数据库

点击 开发管理 ,点击 代码生成 ,点击 导入按钮

文件目录

选中要导入的数据库,点击确定按钮导入

文件目录

点击 编辑 按钮进行修改配置

文件目录

修改 基础信息字段信息字段校验生成信息

最重要就是 生成信息 ,配置基础信息

文件目录

菜单配置:点击 所属菜单

文件目录

OA系统 下一层创建的菜单是 一级菜单。在 一级菜单 下创建菜单是 二级菜单。在 二级菜单 下创建菜单是 三级菜单 。依次类推。

2.1 创建一级菜单

OA系统 中点击右侧的 加号 按钮

文件目录

输入 名称 是菜单名称,编码 是菜单编码,序号 是菜单重上往下的顺序在第几个

文件目录

点击确定,一级菜单就添加成功了。

文件目录

2.2 创建二级菜单

点击 请假测试菜单 中右侧的 加号 按钮

文件目录

输入 名称 是菜单名称,编码 是菜单编码,序号 是菜单重上往下的顺序在第几个,路径 是当前模块的路径。从 views 往下到 index.vue 的路径。注意:在index后边要加上 ?moduleId&&ptyg 如图所示

文件目录

然后选择菜单即可。

文件目录

文件目录

点击 提交 按钮

文件目录

点击右上角的图片,点击 退出登录

文件目录

重新登录

文件目录

3.生成代码

进入 开发管理代码生成,点击 生成代码

文件目录

这个是我选择生成的路径

文件目录

他的目录结构是以src路径生成的,我们可以直接将 src 文件夹复制到项目中即可

后端路径复制后:

文件目录

文件目录

前端路径复制后:

文件目录

文件目录

重启前端后端项目,修改一下细节。

文件目录

4 配置数据字典

由于请假类别是下来选项,这个时候可以选择配将下来选项配置到数据字典中

文件目录

输入 字典名称字典类型 保存

文件目录

找到刚才创建的数据字典数据,点击字典类型

文件目录

点击新增按钮配置数据,数据标签是key,用作界面显示。数据键值是value,用作插入数据库。显示排序,就是他们之间 显示顺序。

文件目录

文件目录

新增完毕。

文件目录

4.1 引入数据字典数据

在vue文件中,首先先创建一个数组用来接收数据字典中的数据,创建一个方法进行查询数据字典中的数据,第三就是当界面加载时就查询数据。如下图

文件目录

文件目录

效果如下:

文件目录

5.添加公文分类配置

点击 配置管理 ,点击 公文配置 , 点击 公文分类配置 ,点击 新增 按钮

文件目录

输入 名称 就是公文名称,简称 就是简称公文名称的简称,编码 注意:这个地方要和代码生成中的 公文种类编码相同

文件目录

文件目录

点击 确定 按钮

文件目录

5.1 添加公文模板配置

首先需要先创建一个word,保存到本地电脑中。

文件目录

文件目录

点击 配置管理 ,点击 公文配置 , 点击 公文模板配置 ,点击 请假申请 点击 新增 按钮

文件目录

输入 分类名称 选择刚才创建的分类即可。模板类型 选择正文模板(按需选择),模板名称 就是模板的名称,模板编码 这个会自动生成(不需要修改),功能编码 这个是公文分类的编码(不需要改) ,功能名称 这个也是公文分类的名称(不需要修改),上传按钮 这个是上传刚才创建的word即可。

文件目录

点击确定

文件目录

6. 配置正文

进入 请假测试请假申请 菜单点击 新增 按钮

文件目录

点击新增按钮,新增后。

文件目录

点击 标题

文件目录

文件目录

点击 正文Word

文件目录

6.1 配置保存按钮

找到 wps.vue ,导入 qjsq.js 如图所示

文件目录

找到 saveDj() 方法,添加一个业务代码

文件目录

找到 btnClick() 方法,添加一个业务代码

文件目录

在后端中找到 CommonController.java 中导入 Service

文件目录

在后端中找到 CommonController.java 中找到 uploadFileZw 方法,添加业务

文件目录

文件目录

重启项目,输入数据,点击 保存 按钮

文件目录

点击 正文PDF ,有时候加载会有点慢。

文件目录

7. 配置附件

在前端,找到 fileList.vue 导入 js 文件

文件目录

找到 handleDelete() 方法,配置删除业务

文件目录

找到 handleSuccess() 方法,配置上传业务

文件目录

在后端找到 DomainController.java 引入 Service

文件目录

找到 getDomain 方法,添加业务,如果当前有 领导签字或者签署意见等这样的需要处理字段信息

文件目录

点击 上传 按钮

文件目录

文件目录

点击后边的 预览或者编辑 按钮

文件目录

点击 保存 按钮可以保存

文件目录

请假申请(流程仿真表单)

1.先创建表

字段类型描述
idvarchar(255)主键id
xingmingvarchar(20)姓名
bmvarcahr(50)部门
sqrqdate申请日期
qjlbvarchar(10)请假类别
sqsyvarchar(255)申请事由
sqkssjdate申请开始时间
sqjssjdate申请结束时间
bmldspvarchar(255)部门领导审批
zyldqzvarchar(255)中央领导签字
statusvarchar(20)状态
piidvarchar(100)piid
pdidvarchar(100)pdid
createusernamevarchar(100)创建人姓名
createuseridvarchar(100)创建人id
createdeptidvarchar(100)创建人部门id
createdeptnamevarchar(100)创建人部门名称
mjidvarchar(20)密级id (默认为10)
mjnamevarchar(20)密级 (默认为公开)
ywlxvarchar(20)业务类型
ywnamevarchar(20)业务名称

2.画流程

访问 10.0.33.228:11003 使用 aspdev 账号 或者自己的账号登录

文件目录

首先先点击 中国四维协同办公系统流程模型右边的流程模型中有三个点,点击三个点,出现新建分类

文件目录

点击 新建分类 ,右侧出现一个弹框,输入 分类表示 以及 分类名称 ,点击保存

文件目录

找到刚才创建分类,选中此分类,在右上角有一个新建按钮

文件目录

点击新建按钮,输入 流程定义KEY 以及 流程名称 点击保存即可

文件目录

点击那个小圆圈,右边出现一个小菜单,选中 用户任务 ,输入当前接的的名称,第一个节点就是xxx用户申请或者是xxx拟稿人拟稿等,按照流程图上来画即可

文件目录

文件目录

每个节点画完后,准备配置节点

文件目录

2.1 配置表单

点击 流程属性配置

文件目录

点击 表单设置, 点击 创建表单URL

文件目录

输入 表单名称:自己定义,表单URL:表单URL就是表单的路径,表单字段:就是数据库中当前这个表的字段(输入流程中所需要用到的字段即可)。

文件目录

文件目录

点击保存即可

2.2 节点配置

首节点配置

首先双击 首节点(就是第一个节点),首节点需要配置 节点代码 以及 节点key

节点代码:{"jdlx":"firstnode"} 这个是必须要有的,也只能是这个。

节点key:firstnode 这个是必须要有的,也只能是这个。

文件目录

点击 参与者 ,点击 请添加条件

文件目录

一般开发方便测试的话,我们就选择 流程发起人 即可

文件目录

点击 表单设置 选择表单,下边表单字段配置,可以配置表单中字段在当前节点的权限。权限有:缺省,编辑,只读,隐藏,必填,可以配置字段在表单的状态

文件目录

文件目录

首节点配置完毕,点击确定按钮即可保存。

第二个节点配置

双击第二个节点,由于第二个节点是领导签字,所以需要在节点代码上配置 ,配置规则:在 : 后边的字符中,在 @ 符号前边是当前领导签字所对应的字段,其他地方都是固定的, {"jlyj":"字段@single"} 如下图所示

文件目录

点击 参与者 ,点击 添加条件 ,选择 流程发起人 即可。

文件目录

点击 表单设置 配置字段权限

文件目录

由于第二个节点是领导签字,所需需要配置一个领导签字按钮。点击 功能按钮 ,往下拉找到 添加操作按钮 ,按钮名称是可以自己定义的,按钮id是固定的 form_addYj,添加意见必须是这个id,其他按钮请查看操作手册的流程配置。

文件目录

文件目录

点击确定即可

第三个节点配置

第三个几点正常配置即可,点击 参与者 下来选择 流程发起人 即可。

文件目录

点击 表单配置 ,选择表单,配置表单字段即可

文件目录

第四个节点参考第二个节点即可

最后保存发布流程即可

3.导入数据库,生成代码

点击 开发管理 ,点击 代码生成 ,点击 导入按钮

文件目录

选中要导入的数据库,点击确定按钮导入

文件目录

点击 编辑 按钮进行修改配置

文件目录

修改 基础信息字段信息字段校验生成信息

最重要就是 生成信息 ,配置基础信息

文件目录

菜单配置:点击 所属菜单

文件目录

OA系统 下一层创建的菜单是 一级菜单。在 一级菜单 下创建菜单是 二级菜单。在 二级菜单 下创建菜单是 三级菜单 。依次类推。

2.1 创建一级菜单

OA系统 中点击右侧的 加号 按钮

文件目录

输入 名称 是菜单名称,编码 是菜单编码,序号 是菜单重上往下的顺序在第几个

文件目录

点击确定,一级菜单就添加成功了。

文件目录

2.2 创建二级菜单

点击 请假测试菜单 中右侧的 加号 按钮

文件目录

输入 名称 是菜单名称,编码 是菜单编码,序号 是菜单重上往下的顺序在第几个,路径 是当前模块的路径。从 views 往下到 index.vue 的路径。注意:在index后边要加上 ?moduleId&&ptyg 如图所示

文件目录

然后选择菜单即可。

文件目录

文件目录

点击 提交 按钮

文件目录

点击右上角的图片,点击 退出登录

文件目录

重新登录

文件目录

3.生成代码功能

点击 生成代码 功能

文件目录

这个是我选择生成的路径

文件目录

他的目录结构是以src路径生成的,我们可以直接将 src 文件夹复制到项目中即可

后端生成后路径

文件目录

文件目录

前端生成后路径

文件目录

文件目录

修改细节后

文件目录

3.1 配置仿真表单

找到 src/utils/getSimulationForm.js , 找到 switch 方法,配置一个 case ,通过流程key进行判断,配置流程变动

配置参数如下:

/**
 * 用于绘制仿真表单的参数定义
 * 注意:数据中每一条代表着仿真表单中的一行信息
 * @param {*} code: 字段编码
 * @param {*} name: 字段名称
 * @param {*} span: 栅格数(为number类型,长度为1-24)
 * @param {*} tag: 展示形式(0:input, 1:area, 2:select, 3:userSelect, 4:upload, 5:日期, 
 				  6:数字, 7: 意见类型(一行为一组,如:核稿), 8: 意见类型(两行为一组), 
 				  9:选择部门组件, -1:表单项属性名称, -2:单指附件的属性名称(附件需要使用单独样式), 
 				  -3:单指意见类型的属性名称, -4:特指标题字段(标题与内容分两行))
 * @param {*} dictData: 为组件类型是下拉框形式的添加接口数据(vuex中缓存数据名称)
 * @param {*} multiRow: 存在子项混合多行模式
 * @param {*} type: 呈现形式(''|normal:常规呈现(左右结构),sp: 审批部分(上下结构))
 * @param {*} rows: 行合并,只有当tag=1(area)模式下生效
 * @param {*} colLine: 是否给一行多列的意见加分割线(只有当tag为7时有效)
 * @param {*} key: 通过asp-dev选择组织树后更新当前form的键名称
 **/

配置标题:domArr数组中每一个元素是一行数据,一行中的

文件目录

文件目录

配置第一行数据:姓名,申请日期,请假类别

文件目录

文件目录

由于类别是从字典数据中查询的,所需需要配置缓存。

1.找到 src/store/modules/formDataResource.js,首先需要创建一个数组,然后配置一个方法,从字典数据中查询数据。

文件目录

文件目录

2.找到 src/store/getters.js 配置数据

文件目录

3.找到 src/permission.js 配置数据

文件目录

文件目录

修改后样式

文件目录

配置部门

文件目录

文件目录

文件目录

配置请假事由:

文件目录

文件目录

配置请假开始时间,请假结束时间

文件目录

文件目录

配置部门领导签字,中央领导签字

文件目录

文件目录

其他配置查看配置参数即可。

配置点击保存以及查询

在后端找的 DomainController.java 这个类,找到这个 addDomain 方法,复制一个 if else() 将添加的业务进行编写,参考上边的 fw

文件目录

找到这个 getDomain 方法,复制一个 if else() 将查询业务进行编写,参考上班的fw

文件目录

视频资料

神软OA发文演示

主题: 带流程的普通表单
日期: 2023-01-28 15:27:33
录制文件:https://meeting.tencent.com/v2/cloud-record/share?id=80bcb3b0-c75a-4843-a933-7d55aef87632&from=3
访问密码:vwag
主题: 带流程的仿真表单
日期: 2023-01-29 14:09:16
录制文件:https://meeting.tencent.com/v2/cloud-record/share?id=2befa375-0374-4291-b8ce-c8b909234f3e&from=3
访问密码:Aj8r
上次编辑于: