manage/uas_mall/WebContent/app/view/oa/myProcess/jprocessStatistics/GridPanel.js

Ext.define('erp.view.oa.myProcess.jprocessStatistics.GridPanel',{ 
	extend: 'Ext.grid.Panel', 
	alias: 'widget.erpJProcessjprocessStatisticsGridPanel',
	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){

		}
    },{
    	iconCls: 'x-button-icon-print',
    	text: '催办',
		id: 'fast',
		handler: function(btn){

		}
    },{
    	iconCls: 'x-button-icon-print',
    	text: '控制',
		id: 'control',
		handler: function(btn){

		}
    }],
	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();	
	}
});