费用报销管理系统 --- 功能情况说明 1.员工：在系统填写报销信息，并提交给部门主管审批，包括两部分： (1).报销基本信息：报销人，报销部门，报销时间，付款类型，支付方式，费用合计; (2).费用明细表：费用发生时间，费用票据类型（车费/住宿/加班/餐补/招待），费用金额，报销事由; 2.部门主管：报销金额是小于1千，则提交出纳审批；大于等于1千，就提交给总经理审批。 3.总经理：审批大于等于1千的报销单据，并流转给出纳; 4.出纳：审批后，就归档。 ##第一步：登录后台管理页面 登录地址：[http://localhost:8080/designer](http://localhost:8080/designer) ，帐号密码: admin/teemlink； ![](imgs/reimbursement/reimbursement01.png) ##第二步：配置模块 对于软件的功能，都是以模块为维度进行管理，进入任意软件，可以选择自己创建的软件也可以选择平台中自带的软件; ![](imgs/reimbursement/reimbursement02.png) 在软件左边导航菜单，点击鼠标【右键】，菜单如下，选择【新建】，新建模块名称“费用报销管理”，之后点击【保存】; ![](imgs/reimbursement/reimbursement03.png) ##第三步：配置报销明细表 **配置表单名称** 点击模块“费用报销管理”，进入该模块的管理页面，切换到“表单”页签中; ![](imgs/reimbursement/reimbursement04.png) 打开新建表单页面，输入表单名称“报销明细表”，之后点击【保存】 ![](imgs/reimbursement/reimbursement05.png) **配置表单字段** 切换到【格式】页面，页面分为两部分1处是配置字段控件，2处是字段面板，就是表单字段布局的地方 ![](imgs/reimbursement/reimbursement06.png) 在表单中添加表格，操作方式类似word的表格功能，添加表格后可以在表格位置点击鼠标右键对表格进行编辑，根据实际需求进行调整。 ![](imgs/reimbursement/reimbursement07.png) ![](imgs/reimbursement/reimbursement08.png) 费用发生时间：字段名称“费用发生时间”，控件类型“日期选择框”，格式“yyyy-MM-dd”，配置参考下图。 ![](imgs/reimbursement/reimbursement09.png) 费用票据类型：字段名称“费用票据类型”，控件类型“下拉框”，选项脚本为";车费;住宿;加班;餐补;招待"，配置参考下图。 ![](imgs/reimbursement/reimbursement10.png) ![](imgs/reimbursement/reimbursement11.png) 费用金额：字段名称“费用金额”，控件类型“单行文本框”，类型“数字”，配置参考下图。 ![](imgs/reimbursement/reimbursement12.png) 报销事由：字段名称“报销事由”，控件类型“多行文本框”，配置参考下图。 ![](imgs/reimbursement/reimbursement13.png) **配置表单操作按钮** 配置操作按钮，按钮名称为：保存，动作为：保存并返回。 ![](imgs/reimbursement/reimbursement14.png) **配置报销明细表视图** 在表单右上角点击【一键生成视图】按钮，生成报销明细表视图。 ![](imgs/reimbursement/reimbursement15.png) ![](imgs/reimbursement/reimbursement16.png) ## 第四步：配置报销主表 **配置表单名称** 点击模块“费用报销管理”，进入该模块的管理页面，切换到“表单”页签中。 ![](imgs/reimbursement/reimbursement17.png) 打开新建表单页面，输入表单名称“报销主表”，之后点击【保存】 ![](imgs/reimbursement/reimbursement18.png) **配置表单字段** 切换到【格式】页面，页面分为两部分1处是配置字段控件，2处是字段面板，就是表单字段布局的地方 ![](imgs/reimbursement/reimbursement19.png) 在表单中添加表格，操作方式类似word的表格功能，添加表格后可以在表格位置点击鼠标右键对表格进行编辑，根据实际需求进行调整。 ![](imgs/reimbursement/reimbursement20.png) ![](imgs/reimbursement/reimbursement21.png) 报销人：字段名称“报销人”，控件类型“用户选择框”，选择模式“单选”，显示“只读”，新建表单时，需要默认显示当前用户姓名，则需要配置值脚本。 ![](imgs/reimbursement/reimbursement22.png) ![](imgs/reimbursement/reimbursement23.png) 报销部门：字段名称“报销部门”，控件类型“部门选择框”，显示“只读”，新建表单时，需要默认显示当前用户所属部门。 ![](imgs/reimbursement/reimbursement24.png) 报销时间，字段名称“报销时间”，控件类型“日期选择框”，显示“只读”，新建表单时，默认显示当时报销的时间，则需要配置值脚本。 ![](imgs/reimbursement/reimbursement25.png) ![](imgs/reimbursement/reimbursement26.png) 付款类型，字段名称“付款类型”，控件类型“下拉”，需要跟支付方式发生联动效果，在基本信息中，勾选“刷新”，可选项来源于选项脚本";费用;预付款项"。 ![](imgs/reimbursement/reimbursement27.png) ![](imgs/reimbursement/reimbursement28.png) 支付方式：字段名称“支付方式”，控件类型“下拉框”，需要跟支付方式发生联动效果，在基本信息中勾选“重计算”，选项脚本是配置联动效果。 ![](imgs/reimbursement/reimbursement29.png) ![](imgs/reimbursement/reimbursement30.png) 费用合计：字段名称“费用合计”，控件类型“单行文本框”，类型“数字”，需要汇总明细行的报销费用金额，值脚本如下，并且需要勾选“重计算”，明细表（包含元素）需要勾选“刷新”。 ![](imgs/reimbursement/reimbursement31.png) ![](imgs/reimbursement/reimbursement32.png) 明细关系配置：选择控件“包含元素”，主表和明细表是1：n的关系，所以n条记录就用数据列表显示程序，在1处选择关联的视图，从视图就会关联表。 勾选“是否为父子关系”才是主子关系，否则为手动关联关系，“刷新”的为了汇总统计金额。 ![](imgs/reimbursement/reimbursement33.png) **配置表单操作按钮** 配置操作按钮，按钮名称为：保存，动作为：保存并返回。 ![](imgs/reimbursement/reimbursement34.png) **配置报销主表视图** 在表单右上角点击【一键生成视图】按钮，生成“报销主表视图”。 ![](imgs/reimbursement/reimbursement35.png) ![](imgs/reimbursement/reimbursement36.png) ## 第五步：配置数据查询条件 **配置表单名称** 点击模块“费用报销管理”，进入该模块的管理页面，切换到“表单”页签中。 ![](imgs/reimbursement/reimbursement37.png) 打开新建表单页面，输入表单名称“报销查询”，表单类型为【查询表单】，之后点击【保存】 ![](imgs/reimbursement/reimbursement38.png) **配置查询表单字段** 报销人：字段名称“报销人”，控件类型“用户选择框”，选择模式“单选”。 ![](imgs/reimbursement/reimbursement39.png) 报销时间：字段名称“报销时间”，控件类型“日期选择框”，格式为“yyyy-MM-dd”。 ![](imgs/reimbursement/reimbursement40.png) 付款类型：字段名称“付款类型”，控件类型“下拉框”，选项脚本";费用;预付款项"。 ![](imgs/reimbursement/reimbursement41.png) ![](imgs/reimbursement/reimbursement42.png) 支付方式：字段名称“支付方式”，控件类型“下拉框”，选项脚本";转账;现金;支票;"。 ![](imgs/reimbursement/reimbursement43.png) ![](imgs/reimbursement/reimbursement44.png) 配置好字段后，保存查询表单。 ![](imgs/reimbursement/reimbursement45.png) ## 第六步：配置视图与查询条件关联 切换至【视图】，点击进入“报销主表”。 ![](imgs/reimbursement/reimbursement46.png) 进入视图后，点击【数据】，并绑定查询模板【报销查询】 ![](imgs/reimbursement/reimbursement47.png) 绑定查询模板后，需要绑定表单过滤条件。 ![](imgs/reimbursement/reimbursement48.png) 将视图对应的表单字段与查询表单字段进行关联，如下图：【报销主表】的报销人字段与【查询表单】的报销人字段进行关联，这样就可以在报销人中输入名称来查询报销人的数据了。 ![](imgs/reimbursement/reimbursement49.png) 效果展示： ![](imgs/reimbursement/reimbursement50.png) ## 第七步：配置流程 操作面板选项切换至“流程”，点击【新建】。 ![](imgs/reimbursement/reimbursement51.png) **填写流程主题** 1. 对于流程节点信息进行配置的地方，填写流程主题如“报销管理流程”。 2. 可选的流程节点信息和流程关联线，例如开始节点、人工节点、完成节点。 3. 显示流程配置的面板信息。 ![](imgs/reimbursement/reimbursement52.png) **配置流程架构** 在左边栏，鼠标左键点击某个节点，例如“开始”，在流程面板中，再点击鼠标左键，确定鼠标的位置 1. 先选择1个开始节点、4个人工节点、1个结束节点。 2. 之后选择连接的线，将节点与节点之间进行连接。 ![](imgs/reimbursement/reimbursement53.png) **配置流程审批人** 点击开始节点和结束节点，基本信息中，名称和状态都填写“开始”，“结束”。 ![](imgs/reimbursement/reimbursement54.png) ![](imgs/reimbursement/reimbursement55.png) 人工节点分别设置为“申请人”，“主管”，“总经理”，“出纳”，并设置表单权限为申请人节点可编辑，主管/总经理/出纳均为只读，再设置对应的角色审批人。如不熟悉角色配置可参考“[角色](#_角色)”。 ![](imgs/reimbursement/reimbursement56.png) ![](imgs/reimbursement/reimbursement57.png) ![](imgs/reimbursement/reimbursement58.png) （申请人设置图） ![](imgs/reimbursement/reimbursement59.png) ![](imgs/reimbursement/reimbursement60.png) ![](imgs/reimbursement/reimbursement61.png) （部门主管/总经理/出纳权限设置图） ![](imgs/reimbursement/reimbursement62.png) （总经理审批人配置角色范围为“总经理”） ![](imgs/reimbursement/reimbursement63.png) （出纳审批人配置角色范围为“出纳”） **设置流程进入条件** 表单在提交的过程中，根据表单中的费用金额大小范围来提交到对应节点， 小于等于1000，则提交到“出纳”，大于1000，则提交到“总经理”审批。 点击部门主管连接向总经理的关联线，命名为“\>1000”，设置路径进入条件为“设计”，操作为“费用合计\>1000”。 ![](imgs/reimbursement/reimbursement64.png) ![](imgs/reimbursement/reimbursement65.png) ![](imgs/reimbursement/reimbursement66.png) 点击部门主管连接向出纳的关联线，命名为“\<=1000”，设置路径进入条件为“设计”，操作为“费用合计\<=1000”。 ![](imgs/reimbursement/reimbursement67.png) ![](imgs/reimbursement/reimbursement68.png) ![](imgs/reimbursement/reimbursement69.png) **表单绑定流程** 在表单“报销主表”详情页面，切换到【操作】，创建按钮，选择动作【流程处理】，在作用流程中选择需要绑定的流程“报销管理流程”。之后点击【保存】按钮，最后点击表单【保存】。 ![](imgs/reimbursement/reimbursement70.png) ## 第八步：配置菜单 切换至【常用工具】-【菜单】，新建菜单。 ![](imgs/reimbursement/reimbursement71.png) 创建一级菜单，命名为“费用报销管理”，链接类型为“无”。 ![](imgs/reimbursement/reimbursement72.png) 创建子菜单，命名为“费用报销申请表”，链接类型为“表单”，选择【费用报销】模块中的【报销主表】，上级为“费用报销管理”。 ![](imgs/reimbursement/reimbursement73.png) 创建另一个子菜单，命名为“费用报销汇总”，链接类型为“视图”，选择【费用报销】模块中的【报销主表】，上级为“费用报销管理”。 ![](imgs/reimbursement/reimbursement74.png) 效果展示： ![](imgs/reimbursement/reimbursement75.png) ## 第九步：用户访问 登录地址：[http://localhost:8080/](http://localhost:8080/admin)，帐号密码: admin1，123456 ![](imgs/reimbursement/reimbursement76.png) **填写表单进行提交** 进入费用报销，【新建】按钮，新建一张费用报销单并进行提交。 ![](imgs/reimbursement/reimbursement77.png) **登录部门主管进行审批** 登录角色为“部门主管”的用户，进入流程中心的我的待办中进行审批，表中内容为只读状态，并将表单提交到总经理或出纳节点。 ![](imgs/reimbursement/reimbursement78.png) ![](imgs/reimbursement/reimbursement79.png) **登录出纳进行审批** 登录角色为“出纳”的用户，进入流程中心的我的待办中进行审批，表中内容为只读状态，并将表单提交到结束节点。 ![](imgs/reimbursement/reimbursement80.png) ![](imgs/reimbursement/reimbursement81.png) **提交者如何查看表单状态？** 申请人提交表单后，可以在流程中心的经办跟踪或进入表单中点击右上角流程历史中查看流程状态。 ![](imgs/reimbursement/reimbursement82.png) ![](imgs/reimbursement/reimbursement83.png)