uas6.0/WebContent/app/view/oa/myProcess/jprocessMonitoring/GridPanel.js

Ext.define('erp.view.oa.myProcess.jprocessMonitoring.GridPanel',{ 
	extend: 'Ext.grid.Panel', 
	alias: 'widget.erpJProcessMonitoringGridPanel',
	id: 'grid', 
 	emptyText : '无数据',
    columnLines : true,
    autoScroll : true,
	FormUtil: Ext.create('erp.util.FormUtil'),
	GridUtil: Ext.create('erp.util.GridUtil'),
	plugins: [Ext.create('Ext.ux.grid.GridHeaderFilters')],
	BaseUtil: Ext.create('erp.util.BaseUtil'),
    store: Ext.create('Ext.data.Store', {
    	fields: [{
        	name:'id',
        	type:'string'
        },{
        	name:'name',
        	type:'string'
        },{
        	name:'form',
        	type:'string'
        },{
        	name:'nodeName',
        	type:'string'
        },{
        	name:'launcherId',
        	type:'string'
        },{
        	name:'launcherName',
        	type:'string'
        },{
        	name:'launchTime',
        	type:'date'
        },{
        	name:'stayMinutes',
        	type:'string'
        },{
        	name:'nodeDealMan',
        	type:'string'
        },{
        	name:'nodeId',
        	type:'string'
        },{
        	name:'status',
        	type:'string'
        }]
    }),
    iconCls: 'icon-grid',
    frame: true,
    bodyStyle:'background-color:#f1f1f1;',
    features: [Ext.create('Ext.grid.feature.Grouping',{
        groupHeaderTpl: '{name} ({rows.length} 封)'
    })],
    selModel: Ext.create('Ext.selection.CheckboxModel',{
    	
    }),
    dockedItems: [{
    	id : 'paging',
        xtype: 'erpMailPaging',
        dock: 'bottom',
        displayInfo: true
	}],
    columns: [{
        text: '流程ID号',
        width: 80,
        dataIndex: 'jp_id'
    },{
        text: '流程名称',
        width: 160,
        dataIndex: 'jp_name' 
    },{
        text: '流程单据',
        width: 160,
        dataIndex: 'jp_form'
    },{
        text: '当前步骤',
        width: 80,
        dataIndex: 'jp_nodeName'
    },{
        text: '发起人ID',
        width: 80,
        dataIndex: 'jp_launcherId'
    },{
        text: '发起人',
        width: 80,
        dataIndex: 'jp_launcherName'
    },{
        text: '发起时间',
        width: 120,
        dataIndex: 'jp_launchTime',
        renderer: function(val, meta, record){
        	return Ext.util.Format.date(new Date(val),'Y-m-d H:i:s');
        }
    },{
        text: '停留分钟',
        width: 80,
        dataIndex: 'jp_stayMinutes'
    },{
        text: '当前办理人',
        width: 90,
        dataIndex: 'jp_nodeDealMan'
    },{
        text: '节点编号',
        width: 100,
        dataIndex: 'jp_nodeId'
    },{
        text: '流程状态',
        width: 100,
        dataIndex: 'jp_status'
    }],
    tbar: [{
    	iconCls: 'group-delete',
		text: $I18N.common.button.erpDeleteButton,
		handler: function(btn){
			var selectItem = Ext.getCmp('grid').selModel.selected.items;
			if (selectItem.length == 0) {
				showError("请先选中要删除的流程");return;
			} else {
				var ids = new Array();
				Ext.each(selectItem, function(item, index){
					ids[index] = item.data.jp_id;
//					alert(ids[index]);
				});
				Ext.Ajax.request({//拿到grid的columns
					url : basePath + 'oa/myprocess/delete.action',
					params: {
						ids : ids.join(',')
					},
					method : 'post',
					async: false,
					callback : function(options, success, response){
						parent.Ext.getCmp("content-panel").getActiveTab().setLoading(false);
						var res = new Ext.decode(response.responseText);
						if(res.exceptionInfo){
							showError(res.exceptionInfo);return;
						}
						if(res.success){
							alert(' 删除成功！');
						}
					}
				});
				url = "oa/myprocess/getJProcessList.action";
//				url = "oa/myprocess/getMyList.action";
				btn.ownerCt.ownerCt.getGroupData();
			}
		}
    },{
    	iconCls: 'x-button-icon-print',
    	text: $I18N.common.button.erpPrintButton,
		id: 'print',
		handler: function(btn){
			Ext.Msg.alert("提示",Ext.htmlDecode("<table width='240' border='1' id='tab1' cellspacing='2' cellpadding='4'><tr><td>简单的html表格<input type='button' value='按钮'></td></tr></table>"));

		}
    },{
    	iconCls: 'x-button-icon-print',
    	text: '催办',
		id: 'fast',
		handler: function(btn){
			
			Ext.getCmp('grid').reminder();
		}
    },{
    	iconCls: 'x-button-icon-print',
    	text: '控制',
		id: 'control',
		handler: function(btn){
			
          Ext.getCmp('grid').controlStep();
          
		}
    }],
	initComponent : function(){ 
		this.callParent(arguments);
		url = "oa/myprocess/getJProcessList.action";
//		url = "oa/myprocess/getMyList.action";
		this.getGroupData(page, pageSize);
	},
	listeners: {//滚动条有时候没反应，添加此监听器
		scrollershow: function(scroller) {
			if (scroller && scroller.scrollEl) {
				scroller.clearManagedListeners();  
				scroller.mon(scroller.scrollEl, 'scroll', scroller.onElScroll, scroller);  
			}
		}
	},
	getGroupData: function(page, pageSize){
		var me = this;
		if(!page){
			page = 1;
		}
		if(!pageSize){
			pageSize = 15;
		}
		parent.Ext.getCmp("content-panel").getActiveTab().setLoading(true);//loading...
		Ext.Ajax.request({//拿到grid的columns
        	url : basePath + url,
        	params: {
        		page: page,
        		pageSize: pageSize
        	},
        	method : 'post',
        	async: false,
        	callback : function(options, success, response){
//        		console.log(response);
        		parent.Ext.getCmp("content-panel").getActiveTab().setLoading(false);
        		var res = new Ext.decode(response.responseText);
        		if(res.exceptionInfo){
        			showError(res.exceptionInfo);return;
        		}
        		if(res.error){
        			showError(res.error);return;
        		}
        		if(!res.jprocesslist){
        			return;
        		} else {
//        			console.log(res.jprocesslist);
        			dataCount = res.count;
        			me.store.loadData(res.jprocesslist);
        		}
        	}
        });
	},
	updateWindow: function(id){
		var win = new Ext.window.Window({
			id : 'win2',
			title: "修改日程",
			height: "90%",
			width: "80%",
			maximizable : false,
			buttonAlign : 'left',
			layout : 'anchor',
			items: [{
				tag : 'iframe',
				frame : true,
				anchor : '100% 100%',
				layout : 'fit',
				html : '<iframe id="iframe_' + id + '" src="' + basePath + 'jsps/common/commonpage.jsp?whoami=Agenda&formCondition=ag_idIS' + id + '&gridCondition=" height="100%" width="100%" frameborder="0" scrolling="yes"></iframe>'
			}]
		});
		win.show();	
	},
	controlStep:function(){
		var grid = Ext.getCmp('grid');
		var selModel= grid.getSelectionModel().selected.items;
		if(selModel.length<1){
			alert("请选择一个节点!");
			return;
		}else{
			var status = selModel[0].data['jp_status'];
			if(status=='已审批'){
				alert('该流程已经完成审批,不能回退!');
			}else{
				
				var nodeId = selModel[0].data['jp_nodeId'];
				var hgrid = Ext.create('erp.view.oa.myProcess.jprocessMonitoring.HistoryNodeGrid',{
					
					nodeId:nodeId
				});
				//在这里回退;
				historyWin = Ext.create('Ext.window.Window', {
				    title: '请选择要退回的节点',
				    height: grid.getHeight(),
				    width: grid.getWidth(),
				    layout: 'auto',
				    items: [hgrid],
				    closeAction:'destroy',
				    buttonAlign:'center',
				    buttons:[{text:'确定', handler:function(){
				    	grid.confirmBack(hgrid,historyWin);
				    }},{text:'取消',handler:function(){
				    	historyWin.close();
				    }}]	
				    	
				});
				historyWin.show();
				
				
			}
		}
	},
	
	confirmBack:function(){
		 // 确定回退的节点;
		var grid = arguments[0];
		var win = arguments[1];
		var selModel= grid.getSelectionModel().selected.items;
		if(selModel.length<1){
			alert("请至少选择一个节点!");
			return;
		}
		var processInstanceId = selModel[0].data['jn_processInstanceId'];
		var jnodeId = selModel[0].data['jn_id'];
		//现在回退吧;
		var mb = new Ext.window.MessageBox();
		 	mb.wait('正在回退','请稍候……');	
		Ext.Ajax.request({
		    url: basePath + 'common/backToLastNode.action',
		    params: {
		    	jnodeId: jnodeId,
		    	processInstanceId:processInstanceId
		    },
		    callback: function(options,success,response){
		        var text = response.responseText;
		        jsonData = Ext.decode(text);
		        if(jsonData.success){
		        	alert("回退成功 !");
		        	
		        	mb.close();
	 			
	 				win.close();
		        }else{
		        	if(jsonData.exceptionInfo){
		        		showError(jsonData.exceptionInfo);
		        	}
		        	
		        	mb.close();
	 				win.close();
		        }
		        
		    }
		});
	},
	
	reminder:function(){
		//var main = Ext.ComponentQuery.query('#content-panel')[0];
		var main = parent.Ext.getCmp('content-panel');
		
		var panel = parent.Ext.getCmp("pagingPealse"); 
		
    	if(!panel){ 
    		var url = "jsps/oa/info/pagingRelease.jsp";
	    	panel = { 
	    			id:'pagingPealse',
	    			title : '寻呼发布',
	    			tag : 'iframe',
	    			tabConfig: {tooltip:"寻呼发布"},
	    			frame : true,
	    			border : false,
	    			layout : 'fit',
	    			bodyPadding: 0,
	    			iconCls : 'x-tree-icon-tab-tab',
	    			html : '<iframe id="iframe_pagingPealse " src="' + basePath + url + '" height="100%" width="100%" frameborder="0" style="border-width: 0px;" scrolling="auto"></iframe>',
	    			closable : true,
	    			listeners : {
	    				close : function(){
	    					// var main = parent.Ext.ComponentQuery.query('#content-panel')[0];
	    			    	main.setActiveTab(Ext.getCmp("HomePage")); 
	    				}
	    			} 
	    	};
	    	main.add(panel);
	    	main.setActiveTab("pagingPealse"); 
	    	
    	} else{ 
	    	
	    	main.setActiveTab(panel); 
    	}
	}
});