extjs time order

本文介绍了一个使用ExtJS实现的基金操作订单备注列表组件。该组件通过Ajax请求获取订单的备注信息和反馈,并将这些信息展示在一个可滚动的面板中。每个备注或反馈被包装成一个FieldSet组件,包含类型、描述、申请人及时间等详细信息。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


Ext.define('Sharera.view.order.FundOperateOrderRemark.RemarkList', {
	extend : 'Ext.panel.Panel',
	bid:'',
	alias : 'widget.remarkList',
	layout: {
        type: 'vbox',
        align: 'stretch'  
    },
	autoScroll:true,
    initComponent : function() {
    	var self = this;
    	var forms = [];
    	Ext.Ajax.request({
    	    url: context+'api/fundoperateorder/'+self.bid+'.json',
    		async: false,
    	    success: function(response){
    	        var text = response.responseText;
    	        var remarkList = Ext.decode(text);
    	        var remark = remarkList.remark;
    	        var feedback = remarkList.feedback;
    	        console.debug(feedback);
    	        for(var i=0;i<remark.length;i++){
        	    	var form = Ext.create('Ext.form.FieldSet', {
	            	    title: "申请",
	            	    //讲时间作为一个对象存放起来
	            	    order:new Date(remark[i].created.replace(/-/g,"/")),
	            	    padding:'10 10 10 10',
	                    collapsible: true,
	                    defaultType: 'displayfield',
	                    items :[{
							xtype:'displayfield',
		                	fieldLabel: '类型',
		                	labelWidth : 80,
		                    name:'operateType',
		                    value:remark[i].operateType
						},{
							xtype:'displayfield',
		                	fieldLabel: '解冻止付描述',
		                	labelWidth : 80,
		                    name:'remark',
		                    value:remark[i].remark
		    	        },{
							xtype:'displayfield',
		                	fieldLabel: '申请人',
		                	labelWidth : 80,
		                    name:'alipayNumber',
		                    value:remark[i].proposer.name
		    	        },{
							xtype:'displayfield',
		                	fieldLabel: '申请时间',
		                	labelWidth : 80,
		                    name:'created',
		                    value:remark[i].created
		    	        }]
	            	});
        	    	
        	        forms.push(form);
    	        }
    	        for(var i=0;i<feedback.length;i++){
        	    	var form = Ext.create('Ext.form.FieldSet', {
	            	    title: "审核",
	            	    padding:'10 10 10 10',
	            	    order:new Date(feedback[i].created.replace(/-/g,"/")),
	                    collapsible: true,
	                    defaultType: 'displayfield',
	                    items :[{
							xtype:'displayfield',
		                	fieldLabel: '审核意见',
		                	labelWidth : 80,
		                    name:'feedback',
		                    value:feedback[i].feedback
						},{
							xtype:'displayfield',
		                	fieldLabel: '申请人',
		                	labelWidth : 80,
		                    name:'checker',
		                    value:feedback[i].checker.name
		    	        },{
							xtype:'displayfield',
		                	fieldLabel: '申请时间',
		                	labelWidth : 80,
		                    name:'created',
		                    value:feedback[i].created
		    	        }]
	            	});
        	        forms.push(form);
    	        }
    	    }
    	});
    	
    	//向panel添加组件
    	if(forms.length >0 ){
    		//用于存放排序后的组件
    		var newForms = []; 
    		
    		//根据实际进行排序
    		var len = forms.length;
    		var i = 0, 
    		j = 0, 
    		tmp =0;
    		           
    		for (i=0 ; i < len; i++) {
    		    for ( j = 0; (j +1) < len-i; j++) {
	                  if ( Date.parse(forms[j].order) > Date.parse(forms[j+1].order) ){
	                      tmp = forms[j];
	                      forms[j] = forms[j+1];
	                      forms[j+1] = tmp;
	                  }
	            };
    		};
    		
    		//添加新组件
    		for(var i = 0;i<forms.length;i++){
    			newForms.push(forms[i]);
    		}
    		
    		
    		var isNeedPay = false;
    		Ext.Ajax.request({
        	    url: context+'api/fundoperateorderremark/fundoperateorder/'+self.bid,
        		async: false,
        	    success: function(response){
        	        var text = response.responseText;
        	        var remark = Ext.decode(text);
        	        if("解冻并支付" == remark.operateType){
        	        	isNeedPay = true;
        	        }
        	    }
    		});
    		
    		newForms.push({
    			xtype:'panel',
    			title:'解冻/支付审核',
    			frame:true,
                layout: {
		            type: 'vbox',
		            align: 'stretch'  
		        },
                border:0,
    			items:[{
                	xtype     : 'textareafield',
    		        grow      : true,
    		        name      : 'feedback',
    		        fieldLabel: '审核意见',
    		        flex:1,
    		        labelWidth: 100,
    		        allowBlank: false,
    		        anchor    : '100%'
                },{
                	xtype:'textfield',
                    fieldLabel: '支付金额',
                    flex:1,
                    name      : 'payMoney',
                    hidden    : !isNeedPay
                },{
                	xtype:'textfield',
                    fieldLabel: '解冻金额',
                    flex:1,
                    name      : 'unfreezeMoney'
                }]
    			
    		})
    		this.items = newForms;
    	}
    	else{
    		//Ext.Sharera.error("错误",'----');
    	}
    	this.callParent(arguments);
	}
});


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值