十八、报销单流程开发

Dear 丶 2022-03-29 14:26 238阅读 0赞

Git clone –b day12 [https://github.com/qixiangchen/gufang\_fisys.git][https_github.com_qixiangchen_gufang_fisys.git]

学习如何使用工作流完成报销单模块，熟练掌握工作流引擎的常用接口，熟练掌握设计工作流模板。

## 工作流常用接口 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpeGlhbmdfY2hlbg_size_16_color_FFFFFF_t_70]

## 报销单流程模板 ##

<?xml version="1.0" encoding="gb2312"?>
    
    <process id="expense" name="请款流程" description="">
    	<status id="Start" name="开始" type="synchronized" isstart="true">
    		<tostatuses>
    			<tostatus batchid="tomanager" id="account" name="财务审批" condition="false" invoke="com.gf.statusflow.TestInvokeApp" invokecommand="sendmail"/>
    		</tostatuses>
    		<actors>
    		</actors>
    	</status>
    	<status id="draft" name="修改" type="synchronized" isstart="false">
    		<tostatuses>
    			<tostatus batchid="tomanager" id="account" name="财务审批" condition="false" invoke="" invokecommand=""/>
    			<tostatus batchid="destory" id="destory" name="作废" condition="false" invoke="com.gf.statusflow.TestInvokeApp" invokecommand="orderdestory"/>
    		</tostatuses>
    		<actors>
    			<actor type="variable" id="starter"/>
    		</actors>
    	</status>
    	<status id="account" name="财务审批" type="asynchronized" isstart="false">
    		<tostatuses>
    			<tostatus batchid="vp" id="vp" name="副总审批" condition="false" invoke="com.gf.statusflow.TestInvokeApp" invokecommand="orderdestory"/>
    			<tostatus batchid="destory" id="destory" name="作废" condition="false" invoke="com.gf.statusflow.TestInvokeApp" invokecommand="orderdestory"/>
    			<tostatus batchid="tostarter" id="draft" name="返回修改" condition="false" invoke="" invokecommand=""/>
    		</tostatuses>
    		<actors>
    			<actor type="user" loginid="fiadmin"/>
    		</actors>
    	</status>
    	<status id="vp" name="副总审批" type="asynchronized" isstart="false">
    		<tostatuses>
    			<tostatus batchid="tonotice" id="notice" name="通知申请人" condition="false" invoke="" invokecommand=""/>
    			<tostatus batchid="tostarter" id="draft" name="返回修改" condition="false" invoke="" invokecommand=""/>
    			<tostatus batchid="destory" id="destory" name="作废" condition="false" invoke="com.gf.statusflow.TestInvokeApp" invokecommand="orderdestory"/>
    		</tostatuses>
    		<actors>
    			<actor type="user" loginid="sysadmin"/>
    		</actors>
    	</status>
    	<status id="notice" name="通知申请人" type="asynchronized" isstart="false" workflow="outstore" condition="storeName EQ '发货库A（运达）'">
    		<tostatuses>
    			<tostatus batchid="end" id="end" name="完成" condition="false" invoke="com.gf.statusflow.TestInvokeApp" invokecommand="outstore"/>
    			<tostatus batchid="destory" id="destory" name="作废" condition="false" invoke="com.gf.statusflow.TestInvokeApp" invokecommand="outstoredestory"/>
    		</tostatuses>
    		<actors>
    			<actor type="variable" id="starter"/>
    		</actors>
    	</status>
    	<status id="destory" name="作废" type="synchronized" isstart="false">
    		<tostatuses>
    		</tostatuses>
    		<actors>
    		</actors>
    	</status>
    	<status id="end" name="结束" type="synchronized" isstart="false">
    		<tostatuses>
    		</tostatuses>
    		<actors>
    		</actors>
    	</status>
    </process>

## 单元测试类 ##

进入模块页面有两个入口

## 打开页面操作模拟 ##

新建业务数据

不存在工作流相关数据
    (instanceid 业务实例ID,
    Instprocessid 流程实例ID,
    Instactivityid 活动实例ID,
    Instworkitemid 代办件ID)
    后台Controller通过流程名称获取流程相关数据
    
    userId为当前等于用户ID
    processId为流程模块名称
    instWorkitemId为空
        		StatusFlowData sfdata = sfmng.getWorkflowData(userId, processId,instWorkitemId);
        		System.out.println(sfdata.getNextBtnList());
    	    	//通过Request对象传递sfdata.getNextBtnList()到前台页面
    	    	//数据形式为:[
        		//		{name=财务审批, actor=user3aa650d08695,财务总监, 
        		//			js=wfsubmit('account','user3aa650d08695,财务总监',''), id=account}
        		//	]

通过代办列表进入业务页面

通过Request对象获取工作流相关数据
    (instanceid 业务实例ID,
    Instprocessid 流程实例ID,
    Instactivityid 活动实例ID,
    Instworkitemid 代办件ID)
    userId为当前等于用户ID
    processId为流程模块名称
    instWorkitemId为Request传入参数
        		StatusFlowData sfdata = sfmng.getWorkflowData(userId, processId,instWorkitemId);
        		System.out.println(sfdata.getNextBtnList());
    	    	//通过Request对象传递sfdata.getNextBtnList()到前台页面
    	    	//数据形式为:[
        		//		{name=财务审批, actor=user3aa650d08695,财务总监, 
        		//			js=wfsubmit('account','user3aa650d08695,财务总监',''), id=account}
        		//	]

## 提交工作流操作 ##

根据Request传入的instanceid是否为空，判断是启动流程还是提交流程。
    
       		//2、前台提交数据到后台Controller，调用流程接口
        		//代办列表中无记录，需要新建流程
        		if("".equals(Util.fmtStr(instanceId)))
        		{
        			//模拟业务数据保持后id=1
        			instanceId = "1";
        			
        	    	String startUserId = "1";//流程实例启动用户
        	    	String type = "报销单";//流程类型，通常取流程模板名称
        	    	String title = "UserA的报销单";//流程实例标题
        	    	String url = "/expense.action";//业务模块应用链接
        	    	HashMap hmap = new HashMap();//工作流实例相关数据
        	    	hmap.put("days", 5);
    
        	    	
        	    	//通过前台页面点击不同按钮，调用wfsubmit JS方法传递到后台
        	    	//通过Request.getParameter("nextUserId")获取,userId间以逗号分隔
        	    	//后台分割userId转存到List<String>
        	    	List<String> userIdLst = new ArrayList<String>();
        	    	userIdLst.add("1");//模拟测试，使用超级用户ID
        	    	//通过Request.getParameter("nexttask")获取
        	    	nexttask = "account";
        	    	//创建工作流实例
        	    	wapi.startWorkflow(processId, startUserId, userIdLst, instanceId, type, 
        	    			title, nexttask, url, hmap, flag, testMode);
        	    	//wapi.setVariable("days","2")
        		}
        		//通过代办列表进入业务页面，已经存在流程实例
        		else
        		{        		
        	    	String type = "报销单";//流程类型，通常取流程模板名称
        	    	String title = "UserA的报销单";//流程实例标题
        	    	String url = "/expense.action";//业务模块应用链接
        	    	HashMap hmap = new HashMap();//工作流实例相关数据
        	    	hmap.put("days", 5);
        	    	
        	    	//通过前台页面点击不同按钮，调用wfsubmit JS方法传递到后台
        	    	//通过Request.getParameter("nextUserId")获取,userId间以逗号分隔
        	    	//后台分割userId转存到List<String>
        	    	List<String> userIdLst = new ArrayList<String>();
        	    	userIdLst.add("1");//模拟测试，使用超级用户ID
        	    	//通过Request.getParameter("nexttask")获取
        	    	//nexttask = "vp";
        	    	List<Properties> nextBtnList = sfdata.getNextBtnList();
        	    	Properties prop = nextBtnList.get(0);
        	    	nexttask = prop.getProperty("id");
        	    	
            		wapi.submitWorkflow(instProcessId, instActivityId, instWorkitemId, 
            				userIdLst, instanceId, type, title, nexttask, url, 
            				hmap, flag, testMode);
        		}

## 获取用户代办件列表 ##

//1、打开业务页面时，检索工作流核心数据传递到前台
        		String userId = "1";
        		String processId = "expense";
        		String instanceId = null;//业务表单的主键
        		String instProcessId = null;//流程实例ID
        		String instActivityId = null;//流程实例ActivityId
        		String instWorkitemId = null;//工作代办件ID
        		String nexttask = null;//下一办理环节ID
    	    	String flag = "gf";//区分客户标识，每一个用户分配统一的标识
    	    	String testMode = "no";//是否进入测试模式
        		//通过工作流接口获取个人代办工作列表
        		List<DefWorkItem> wkList = wapi.getWorkitemList(userId, testMode);
        		for(DefWorkItem dwi:wkList)
        		{
        			if(processId.equals(dwi.getProcessId()))
        			{
        				instanceId = dwi.getInstanceId();
        				instProcessId = dwi.getInstProcessId();
        				instActivityId = dwi.getInstActivityId();
        				instWorkitemId = dwi.getId();
        			}
        		}

## 单元测试类代码 ##

@RunWith(SpringRunner.class)
    @SpringBootTest(classes=Starter.class)
    public class Tester
    {
    	@Autowired
    	private StatusFlowWAPI wapi;
    	@Autowired
    	private IOrgModel orgmodel;
    	@Autowired
    	private StatusFlowMng sfmng;
    	@Autowired
    	private HolidayService hldserv;
    	
        @Test
        public void testMethod()
        {
        	try
        	{
        		//1、打开业务页面时，检索工作流核心数据传递到前台
        		String userId = "1";
        		String processId = "expense";
        		String instanceId = null;//业务表单的主键
        		String instProcessId = null;//流程实例ID
        		String instActivityId = null;//流程实例ActivityId
        		String instWorkitemId = null;//工作代办件ID
        		String nexttask = null;//下一办理环节ID
    	    	String flag = "gf";//区分客户标识，每一个用户分配统一的标识
    	    	String testMode = "no";//是否进入测试模式
        		//通过工作流接口获取个人代办工作列表
        		List<DefWorkItem> wkList = wapi.getWorkitemList(userId, testMode);
        		for(DefWorkItem dwi:wkList)
        		{
        			if(processId.equals(dwi.getProcessId()))
        			{
        				instanceId = dwi.getInstanceId();
        				instProcessId = dwi.getInstProcessId();
        				instActivityId = dwi.getInstActivityId();
        				instWorkitemId = dwi.getId();
        			}
        		}
        		//instWorkitemId 为空  新建业务表单入口
        		//instWorkitemId 不为空  从代办列表进入业务表单
        		StatusFlowData sfdata = sfmng.getWorkflowData(userId, processId,instWorkitemId);
        		System.out.println(sfdata.getNextBtnList());
    	    	//通过Request对象传递sfdata.getNextBtnList()到前台页面
    	    	//数据形式为:[
        		//		{name=财务审批, actor=user3aa650d08695,财务总监, 
        		//			js=wfsubmit('account','user3aa650d08695,财务总监',''), id=account}
        		//	]		
        		
        		//2、前台提交数据到后台Controller，调用流程接口
        		//代办列表中无记录，需要新建流程
        		if("".equals(Util.fmtStr(instanceId)))
        		{
        			//模拟业务数据保持后id=1
        			instanceId = "1";
        			
        	    	String startUserId = "1";//流程实例启动用户
        	    	String type = "报销单";//流程类型，通常取流程模板名称
        	    	String title = "UserA的报销单";//流程实例标题
        	    	String url = "/expense.action";//业务模块应用链接
        	    	HashMap hmap = new HashMap();//工作流实例相关数据
        	    	hmap.put("days", 5);
    
        	    	
        	    	//通过前台页面点击不同按钮，调用wfsubmit JS方法传递到后台
        	    	//通过Request.getParameter("nextUserId")获取,userId间以逗号分隔
        	    	//后台分割userId转存到List<String>
        	    	List<String> userIdLst = new ArrayList<String>();
        	    	userIdLst.add("1");//模拟测试，使用超级用户ID
        	    	//通过Request.getParameter("nexttask")获取
        	    	nexttask = "account";
        	    	//创建工作流实例
        	    	wapi.startWorkflow(processId, startUserId, userIdLst, instanceId, type, 
        	    			title, nexttask, url, hmap, flag, testMode);
        	    	//wapi.setVariable("days","2")
        		}
        		//通过代办列表进入业务页面，已经存在流程实例
        		else
        		{        		
        	    	String type = "报销单";//流程类型，通常取流程模板名称
        	    	String title = "UserA的报销单";//流程实例标题
        	    	String url = "/expense.action";//业务模块应用链接
        	    	HashMap hmap = new HashMap();//工作流实例相关数据
        	    	hmap.put("days", 5);
        	    	
        	    	//通过前台页面点击不同按钮，调用wfsubmit JS方法传递到后台
        	    	//通过Request.getParameter("nextUserId")获取,userId间以逗号分隔
        	    	//后台分割userId转存到List<String>
        	    	List<String> userIdLst = new ArrayList<String>();
        	    	userIdLst.add("1");//模拟测试，使用超级用户ID
        	    	//通过Request.getParameter("nexttask")获取
        	    	//nexttask = "vp";
        	    	List<Properties> nextBtnList = sfdata.getNextBtnList();
        	    	Properties prop = nextBtnList.get(0);
        	    	nexttask = prop.getProperty("id");
        	    	
            		wapi.submitWorkflow(instProcessId, instActivityId, instWorkitemId, 
            				userIdLst, instanceId, type, title, nexttask, url, 
            				hmap, flag, testMode);
        		}
        		
        		/**
        		Wrapper<HolidayInfo> wrap = new EntityWrapper<HolidayInfo>();
        		wrap.eq("days", 2);
        		wrap.and().eq("userid", "1");
        		List<HolidayInfo> list = hldserv.selectList(wrap);
        		for(HolidayInfo hdi2:list)
        		{
        			System.out.println("hdi2="+hdi2.getId()+",days="+hdi2.getDays());
        			hdi2.setUserId("1");
        			hldserv.updateById(hdi2);
        		}
        		hldserv.delete(wrap);
        		*/
    	    }
        	catch(Exception e)
        	{
        		e.printStackTrace();
        	}
        }
    }

## 报销单开发流程 ##

工作流模板及模板图片描述文件分别存放在GUFANG\_HOME/workflow与GUFANG\_HOME/workflowui目录下。  
**流程模板expense.xml**

**流程模板图片描述文件expense.xml**

<?xml version="1.0" encoding="gb2312"?>
    
    <process id="gf_order" name="订单流程" description="">
    	<node id="Start" name="开始" x="20" y="20" textx="20" texty="60" namex="20" namey="40" username="">
    		<tonode id="account"/>
    	</node>
    	<node id="draft" name="修改" x="120" y="60" textx="120" texty="100" namex="120" namey="80" username="">
    		<tonode id="account"/>
    		<tonode id="destory"/>
    	</node>
    	<node id="account" name="财务审批" x="220" y="20" textx="220" texty="60" namex="220" namey="40" username="财务审批人员">
    		<tonode id="vp"/>
    		<tonode id="destory"/>
    	</node>
    	<node id="vp" name="副总审批" x="400" y="20" textx="430" texty="55" namex="420" namey="35" username="济南库管">
    		<tonode id="destory"/>
    		<tonode id="end"/>
    	</node>
    	<node id="destory" name="作废" x="300" y="60" textx="300" texty="100" namex="300" namey="80" username="">
    	
    	</node>
    	<node id="notice" name="通知申请人" x="550" y="20" textx="560" texty="60" namex="560" namey="40" username="">
    	
    	</node>
    	<node id="end" name="结束" x="650" y="20" textx="660" texty="60" namex="660" namey="40" username="">
    	
    	</node>
    </process>

## 设计实体类ExpenseInfo ##

@TableName("gf_expense")
    public class ExpenseInfo implements Serializable{
    	@TableId
    	private String id = null;
    	private String name = null;
    	private String company = null;
    	private String bank = null;
    	private String bankAccount = null;
    	private BigDecimal amount = null;
    	private String userId = null;
    	@TableField(exist=false)
    	private String userName = null;
    	
    	public String getId() {
    		return id;
    	}
    	public void setId(String id) {
    		this.id = id;
    	}
    	public String getName() {
    		return name;
    	}
    	public void setName(String name) {
    		this.name = name;
    	}
    	public String getCompany() {
    		return company;
    	}
    	public void setCompany(String company) {
    		this.company = company;
    	}
    	public String getBank() {
    		return bank;
    	}
    	public void setBank(String bank) {
    		this.bank = bank;
    	}
    	public String getBankAccount() {
    		return bankAccount;
    	}
    	public void setBankAccount(String bankAccount) {
    		this.bankAccount = bankAccount;
    	}
    	public BigDecimal getAmount() {
    		return amount;
    	}
    	public void setAmount(BigDecimal amount) {
    		this.amount = amount;
    	}
    	public String getUserId() {
    		return userId;
    	}
    	public void setUserId(String userId) {
    		this.userId = userId;
    	}
    	public String getUserName() {
    		return userName;
    	}
    	public void setUserName(String userName) {
    		this.userName = userName;
    	}	
    }
    本模块使用Mybatis-plus实现，实体类需要添加Mybatis-plus的注解。

## SQL ##

create table gf_expense(id varchar(32),
    	name varchar(100),
    	company varchar(100),
    	bank varchar(100),
    	bankaccount varchar(100),
    	amount decimal(10,2),
    	userId varchar(100)
    );

## Mapper XML ##

<?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE mapper
    	PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
    	"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
    <mapper namespace="com.gf.mapper.ExpenseMapper">
    
    </mapper>

## Mapper接口 ##

package com.gf.mapper;
    
    import org.apache.ibatis.annotations.Mapper;
    
    import com.baomidou.mybatisplus.mapper.BaseMapper;
    import com.gf.model.ExpenseInfo;
    
    @Mapper
    public interface ExpenseMapper extends BaseMapper<ExpenseInfo>{
    
    }

## 服务接口 ##

package com.gf.service;
    
    import com.baomidou.mybatisplus.service.IService;
    import com.gf.model.ExpenseInfo;
    
    public interface ExpenseService extends IService<ExpenseInfo>{
    
    }

## 服务实现类 ##

package com.gf.service.impl;
    
    import org.springframework.stereotype.Service;
    
    import com.baomidou.mybatisplus.service.impl.ServiceImpl;
    import com.gf.mapper.ExpenseMapper;
    import com.gf.model.ExpenseInfo;
    import com.gf.service.ExpenseService;
    
    @Service
    public class ExpenseServiceImpl extends ServiceImpl<ExpenseMapper,ExpenseInfo>
    	implements ExpenseService
    {
    
    }

## Controller类 ##

@Controller
    public class ExpenseCtrl {
    	@Autowired
    	private StatusFlowMng sfmng;
    	@Autowired
    	private StatusFlowWAPI wapi;
    	@Autowired
    	private IOrgModel orgmodel;
    	@Autowired
    	private ExpenseService expserv;
    
    	//本方法可以通过新建业务数据进入，也可通过从工作流代办列表中进入
    	@RequestMapping("/expense.action")
    	public String expense(HttpServletRequest req)
    	{
    		//从工作流代办列表中进入时，需要传递此四个参数
    		String instanceid = req.getParameter("instanceid");
    		String instprocessid = req.getParameter("instprocessid");
    		String instactivityid = req.getParameter("instactivityid");
    		String instworkitemid = req.getParameter("instworkitemid");
    		//工作流方法返回结果对象
    		StatusMsg wfMsg = null;
    		//工作流下一个办理环节
    		String nexttask = null;
    		//工作流下一办理环节集合，用于生成页面上按钮
    		List<Properties> nextBtnList = null;
    		//获取当前登录用户
    		IUser loginUser = Util.getLoginUser();
    		String userId = loginUser.getId();
    		//流程名称，与流程模板XML文件同名
    		String processId = "expense";
    		HashMap hmap = null;
    		//获取工作流控制数据
    		StatusFlowData wfdata = sfmng.getWorkflowData(userId, processId, 
    				nexttask, instworkitemid,hmap);
    		//工作流下一办理环节集合，用于生成页面上按钮
    		nextBtnList = wfdata.getNextBtnList();
    		//返回到前台页面，用于生成页面上按钮
    		req.setAttribute("button", nextBtnList);
    		//如果实例ID不为空，说明是通过代办件列表进入业务页面的
    		if(instanceid != null)
    		{
    			//返回业务对象和工作流核心数据到页面
    			ExpenseInfo eps = expserv.selectById(instanceid);
    			req.setAttribute("eps", eps);
    			req.setAttribute("instprocessid", instprocessid);
    			req.setAttribute("instactivityid", instactivityid);
    			req.setAttribute("instworkitemid", instworkitemid);
    		}
    		return "/fi/expense";
    	}
    	
    	@RequestMapping("/expsubmit.action")
    	@ResponseBody
    	public StatusMsg expsave(HttpServletRequest req,ExpenseInfo exps)
    	{
    		try
    		{
    			//如果实例ID为空，说明是新建业务数据，否则是通过工作流代办列表进入
    			String instanceid = exps.getId();
    			if("".equals(Util.fmtStr(instanceid)))
    				instanceid = UUID.create("expense");
    			//通过Request对象获取工作流核心控制数据
    			String instprocessid = req.getParameter("instprocessid");
    			String instactivityid = req.getParameter("instactivityid");
    			String instworkitemid = req.getParameter("instworkitemid");
    			//获取下一办理环节，对应页面上的按钮
    			String nexttask = req.getParameter("nexttask");
    			//获取下一办理环节上的审批人，通过前台页面上按钮事件参数传入
    			String nextUserId = req.getParameter("nextUserId");
    			//当前登录人
    			IUser loginUser = Util.getLoginUser();
    			String startUserId = loginUser.getId();
    			//流程模板名称
    			String processId = "expense";
    			//流程分类，可以自定义
    			String type = "expense";
    			//流程标题
    			String title = exps.getName()+":"+exps.getAmount().toString();
    			//打开代办列表中不同流程的URL
    			String url = "/expense.action";
    			HashMap hmap = new HashMap();
    			//flag,testMode使用默认值，其对应的功能当前未使用
    			String flag = "gf";
    			String testMode = "no";
    			exps.setId(instanceid);
    			//工作流操作返回结果对象
    			StatusMsg wfMsg = null;
    			//如果代办件ID为空，说明是启动流程
    			if("".equals(Util.fmtStr(instworkitemid)))
    			{
    				//保存业务对象数据
    				expserv.insert(exps);
    				//获取前台页面传入的下一个办理环节审批人列表
    				List<String> userIdList = new ArrayList<String>();
    				String[] dim = nextUserId.split(",");
    				for(String s:dim)
    				{
    					if(!"".equals(Util.fmtStr(s)))
    						userIdList.add(s);
    				}
    				//启动工作流
    				wfMsg = wapi.startWorkflow(processId,startUserId,userIdList,instanceid,type,
    						title,nexttask,url,hmap,flag,testMode);
    			}
    			else//从代办件列表进入页面并提交
    			{
    				List<String> userIdList = new ArrayList<String>();
    				String[] dim = nextUserId.split(",");
    				for(String s:dim)
    				{
    					if(!"".equals(Util.fmtStr(s)))
    						userIdList.add(s);
    				}
    				//更新业务数据
    				expserv.updateById(exps);
    				//提交工作流程
    				wfMsg = wapi.submitWorkflow(instprocessid,instactivityid,instworkitemid,userIdList,instanceid,
    						type,title,nexttask,url,hmap,flag,testMode);
    			}
    			return wfMsg;
    		}
    		catch(Exception e)
    		{
    			e.printStackTrace();
    		}
    		return null;
    	}
    }

## JSP页面 ##

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <%@ page import="java.util.*"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <script type="text/javascript" src="/static/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="/static/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/static/easyui/easyui-lang-zh_CN.js"></script>
    <link rel="stylesheet" href="/static/easyui/themes/default/easyui.css"/>
    <link rel="stylesheet" href="/static/easyui/themes/icon.css"/>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>财务报销系统</title>
    <script>
    function wfsubmit(nexttask,nextuserid)
    {
    	var rtn = $('#frm').form('validate');
    	if(!rtn)
    		return;
    	var userId = '';
    	if('end' != nexttask && 'endall' != nexttask && 'destory' != nexttask)
    	{
    		if(nextuserid == null || nextuserid == '')
    		{
    			$.messager.alert('错误提示','下一办理人为空!','error');
    			return;
    		}
    
    		var objdim = nextuserid.split(";");
    		for(var k=0;k<objdim.length;k++)
    		{
    			var objdim2 = objdim[k].split(",");
    			if(objdim2[0] == null || objdim2[0] == '')
    			{
    				$.messager.alert('错误提示','下一办理人为空!','error');
    				return;
    			}
    			userId = userId + objdim2[0] + ',';
    		}
    	}
    	//alert(nexttask+'---'+userId);
    	var rtn = $('#frm').form('validate');
    	if(rtn)
    	{
    		$('#nexttask').val(nexttask);
    		$('#nextUserId').val(userId);
    		$('#frm').form('submit', {    
    		    url:'/expsubmit.action',    
    		    onSubmit: function(){    
    	  
    		    },    
    		    success:function(data){
    		    	alert(data);
    		    	alert(data.instProcessId);
    		    	$('#buttondiv').empty();
    		    	loadimg(data.instProcessId);
    		    }
    		});
    	}
    }
    function loadimg(instprocessid)
    {
    	var url = $("#wfuiimg").attr('src');
    	$("#wfuiimg").attr('src', url+'&instprocessid='+instprocessid+'&r='+ Math.random());
    }
    </script>
    </head>
    <body class="easyui-layout">
        <div data-options="region:'center',title:'部门维护'" style="padding:5px;">
        	<div >
        		<img id="wfuiimg" height="100" width="800" src="/downimg.jsp?width=800&height=100&processid=expense&instprocessid=${instprocessid}&instanceid=${eps.id}&t=<%=new Date()%>"/>
        	</div>
    		<form id="frm" method="post">
    			<input type="hidden" id="instprocessid" name="instprocessid" value="${instprocessid}"/>
    			<input type="hidden" id="instactivityid" name="instactivityid" value="${instactivityid}"/>
    			<input type="hidden" id="instworkitemid" name="instworkitemid" value="${instworkitemid}"/>
    			<input type="hidden" id="id" name="id" value="${eps.id}"/>
    			<input type="hidden" id="nexttask" name="nexttask"/>
    			<input type="hidden" id="nextUserId" name="nextUserId"/>
    			<input type="hidden" id="userId" name="userId" value="${eps.userId}"/>
    		    <div style="margin-left:50px;margin-top:30px">   
    		        <input class="easyui-textbox" type="text" id="name" name="name" value="${eps.name}" data-options="width:300,label:'请款名称:'" />   
    		    </div>   
    		    <div style="margin-left:50px;margin-top:30px"> 
    		        <input class="easyui-textbox" type="text" id="company" name="company" value="${eps.company}" data-options="width:300,label:'公司名称:'" />   
    		    </div>
    		    <div style="margin-left:50px;margin-top:30px"> 
    		        <input class="easyui-textbox" type="text" id="bank" name="bank" value="${eps.bank}" data-options="width:300,label:'银行名称:'" />   
    		    </div>
    		    <div style="margin-left:50px;margin-top:30px"> 
    		        <input class="easyui-textbox" type="text" id="bankAccount" name="bankAccount" value="${eps.bankAccount}" data-options="width:300,label:'银行账号:'" />   
    		    </div>
    		    <div style="margin-left:50px;margin-top:30px"> 
    		        <input class="easyui-textbox" type="text" id="amount" name="amount" value="${eps.amount}" data-options="width:300,label:'金额(单位:分):'" />   
    		    </div>
      		    <div id="buttondiv" style="margin-left:50px;margin-top:30px">
    <%
    			List<Properties> button = (List<Properties>)request.getAttribute("button");
    			for(Properties prop:button)
    			{
    				String name = prop.getProperty("name");
    				String js = prop.getProperty("js");
    %>
    				<a id="btn" onclick="<%=js %>" class="easyui-linkbutton"><%=name %></a>
    <%
    			}
    %>  
    		    </div>
    		</form>
        </div>
    </body>
    </html>

[https_github.com_qixiangchen_gufang_fisys.git]: https://github.com/qixiangchen/gufang_fisys.git
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpeGlhbmdfY2hlbg_size_16_color_FFFFFF_t_70]: /images/20220329/d25206c78d44477e9e2664f596e27391.png