JOffice中的自定义发文流程与运行模板设计

开发与设计公文流程在所有的政府oa项目上都少不了此需求，而能灵活定义一个在线的公文发文与收文流程尤其重要，J.Office通过过Velocity模板技术进行表单定义，同时结合WebOffice能非常容易实现在线公文的拟稿、保留修改痕迹、并且进行套红、套打功能。

在介绍本文之前，我们先看一下其中一个发文流程：

这是一个稍为复杂的发文流程，用jbpm工具发这个流程并不成问题，问题是这个流程设计好，其里面的每个任务如何跟公文系统的数据进行对应起来。

J.Office提供了流程的表单技术，通过Velocity，可以把表单里面对应的任务直接保存至公文系统，并且同时让流程跳转至下一步。

如其中一个任务表单的设计：

Java代码

FlowPanel=Ext.extend(Ext.form.FormPanel,{
constructor:function(cfg){
this.officePanel=new OfficePanel({
height:490,
filePath:'${doc_path}',
showToolbar:true
});
FlowPanel.superclass.constructor.call(this,{
bodyStyle:'padding:5px',
title:'办公室主任审核',
height:600,
width:800,
layout:'form',
items:[
{
fieldLabel:'审核意见',
name:'zr_option',
xtype:'textarea',
width:400,
allowBlank:false,
anchor:'98%,98%'
},this.officePanel.panel
]
});
},
save:function(){
if(!this.getForm().isValid()) return;
//TODO 保存我的流程表单至我的自定义表
this.officePanel.saveDoc({
fileCat : 'archIssue',
docPath:this.officePanel.filePath
});
return true;
}
})

FlowPanel=Ext.extend(Ext.form.FormPanel,{
	constructor:function(cfg){
	    this.officePanel=new OfficePanel({
	    	height:490,
	    	filePath:'${doc_path}',
	    	showToolbar:true
	    });
		FlowPanel.superclass.constructor.call(this,{
			bodyStyle:'padding:5px',
			title:'办公室主任审核',
			height:600,
			width:800,
			layout:'form',
			items:[
				{
					fieldLabel:'审核意见',
					name:'zr_option',
					xtype:'textarea',
					width:400,
					allowBlank:false,
					anchor:'98%,98%'
				},this.officePanel.panel
			]
		});
	},
	save:function(){
			if(!this.getForm().isValid()) return;
			//TODO 保存我的流程表单至我的自定义表
			this.officePanel.saveDoc({
				fileCat : 'archIssue',
				docPath:this.officePanel.filePath
			});
			return true;
	}
})

对应的界面如下所示：

在以上可以比较容易在进行流程的跳转前，我们可以在这里处理我们的公文，如保存，套红，修改等操作，完成后再进行下一步的跳转处理。

注意，在VM模板中，我们也使用了${doc_path}这些变量，其值来自流程表单的提交，并且会在流程跳转过程中一直存在，以方便流程读取这些变量。

其他表单的设计也类似。

鉴于以前使用的WebOffice控件封装得不太好，现在附上一个封装较好的使用代码示例：

Java代码

OfficePanel=function(conf){
var officeObj = document.createElement('object');
officeObj.width = "100%";
officeObj.height = "100%";
officeObj.classid= "clsid:E77E049B-23FC-4DB8-B756-60529A35FAD5";
officeObj.codebase = __ctxPath+'/js/core/weboffice/weboffice_V6.0.4.6.cab#V6,0,4,6';
var panelConf={border:false,layout:'fit'};
if(conf.showToolbar){
panelConf.tbar=new Ext.Toolbar({
items:[
{
text : '保留修改痕迹',
iconCls : 'btn-archive-save-trace',
handler : function() {
officeObj.SetTrackRevisions(1);
officeObj.SetCurrUserName(curUserInfo.fullname);
}
}, '-', {
text : '取消保留痕迹',
iconCls : 'btn-archive-cancel-trace',
handler : function() {
officeObj.SetTrackRevisions(0);
}
}, '-',{
text : '清除痕迹',
iconCls : 'btn-archive-eraser',
handler : function() {
officeObj.SetTrackRevisions(4);
}
}, '-',{
text:'加入套红模板',
iconCls:'',
handler:function(){
new ArchTemplateSelector({
callback : function(tempPath) {
var filePath=conf.filePath?__fullPath+'/attachFiles/'+conf.filePath:'';
officeObj.LoadOriginalFile(__fullPath+"/attachFiles/" + tempPath,'doc');
officeObj.SetFieldValue("contents",filePath, "::FILE::");
//officeObj.SetFieldValue("red_header","","::ADDMARK::");
//officeObj.SetFieldValue("red_header",__fullPath+"/attachFiles/" + tempPath, "::FILE::");
}
}
).show();
}
}
]
});
}
Ext.applyIf(panelConf,conf);
var panel=new Ext.Panel(panelConf);
panel.on('afterrender',function(){
panel.body.appendChild(officeObj);
panel.doLayout();
var filePath=conf.filePath?__fullPath+'/attachFiles/'+conf.filePath:'';
var docType=conf.docType?conf.docType:'doc';
officeObj.LoadOriginalFile(filePath,docType);
panel.doLayout();
});
panel.on('destroy',function(){
try {
officeObj.Close();
} catch (ex) {}
});
window.onunload=function(){
try {
officeObj.Close();
} catch (ex) {}
};
//对外公共方法
return {
panel:panel,
officeObj:officeObj,
filePath:conf.filePath,
openDoc:function(path,type){
var vType='doc';
if(type){
vType=type;
}
officeObj.LoadOriginalFile(path,type);
},
saveDoc:function(config){
config=config||{};
officeObj.HttpInit();
officeObj.HttpAddPostString('file_cat', config.fileCat);
//overwrite file path
if(config.docPath!=null && config.docPath!=''){
officeObj.HttpAddPostString('file_path', config.docPath);
}
officeObj.HttpAddPostCurrFile('AipFile','');
var url=config.url ? config.url: __fullPath + '/file-upload';
// 提交上传文件
returnValue = officeObj.HttpPost(url);
var obj;
eval('obj='+returnValue+";");
return obj;
}
};
};
//Ext.reg('officepanel',OfficePanel);
关于我
电话：13672461598
qq：1848175569

JOffice中的自定义发文流程与运行模板设计

猜你喜欢