ytf
/
krock


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239
							<!DOCTYPE html>
<html>
<head>
<title>支付记录</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://yun.eqbidding.com/extjs/extjs6.0/classic/theme-crisp/resources/theme-crisp-all.css"></link>
<script src="https://yun.eqbidding.com/extjs/extjs6.0/ext-all.js"></script>
<script src="https://yun.eqbidding.com/extjs/extjs6.0/classic/locale/locale-zh_CN.js"></script>
<script type="text/javascript" src="/web-cp-all/resource/js/app.js"></script>
<script type="text/javascript" src="/web-cp-all/resource/js/jquery.js"></script>
<script type="text/javascript">
var dataStore;
var cateStore;
var cateStore1;
var searchFormPanel;
var listGridPanel;


Ext.onReady(function() {
	
	dataStore = Ext.create('Ext.data.Store', {
		autoLoad : true,
		pageSize : 20,
		sorters : {
			property : 'created',
			direction : 'DESC'
		},
		proxy : {
			type : "ajax",
			url : "/web-cp-all/cp/pm/pay_record/list_data",
			reader : {
				type : 'json',
				root : 'page.list',
				totalProperty : 'page.totalRow'
			}
		},
		listeners : {
			'beforeload' : function(store, op, options) {
				var params = searchFormPanel.getForm().getValues();
				Ext.apply(dataStore.proxy.extraParams, params);
			}
		}
	});
	
	
	cateStore = Ext.create('Ext.data.Store', {
		fields: ['abbr', 'name'],
		data : [
		{"abbr":"已生效", "name":"已生效"},
		{"abbr":"未生效", "name":"未生效"}
		]
	});//#cateStore
	
	cateStore1 = Ext.create('Ext.data.Store', {
		fields: ['abbr', 'name'],
		data : [
		{"abbr":"保证金", "name":"保证金"},
		{"abbr":"成交价", "name":"成交价"}
		]
	});//#cateStore
	
	searchFormPanel = Ext.create('Ext.form.Panel', {
		frame : true,
		title : "搜索条件",
		style : {
			marginBottom : '5px'
		},
		bodyStyle : {
			padding : '10px'
		},
		buttonAlign : "center",
		collapsible : true,
		defaultType : "textfield",
		items : [ 
			{
				xtype : "container",
				layout : "hbox",
				items : [ 
					{
						fieldLabel : "支付类型",
						name : "srh.business_type",
						editable : false,
						xtype : "combo",
						store : cateStore1, 
						queryMode : 'local',
						displayField : 'name',
						valueField : 'abbr',
						width : 180,
						labelWidth : 80,
						labelAlign : 'right'
					},{
						fieldLabel : "分类状态",
						name : "srh.status_pay",
						editable : false,
						xtype : "combo",
						store : cateStore, 
						queryMode : 'local',
						displayField : 'name',
						valueField : 'abbr',
						value : '已生效',
						width : 180,
						labelWidth : 80,
						labelAlign : 'right'
					},{
                        xtype : "textfield",
                        fieldLabel : "标的物名称",
                        name : "srh.item_name",
                        labelAlign : 'right'
                    },{
						xtype : "container",
						layout : "hbox",
						items : [ 
							{
								format: 'Y-m-d',
								xtype : "datefield",
								fieldLabel : "付款时间",
								name : "srh.created",
								labelAlign : 'right'
							}
						]
					}
				]
			} 
		],
		buttons : [
			{
				text : "搜索",
				icon : jcapp.getIcon("magnifier.png"),
				handler : function() {
					dataStore.load({
					//params:params()
					});
					dataStore.sync();
				}
			},{
				text : "重置",
				icon : jcapp.getIcon("arrow_refresh.png"),
				handler : function() {
					this.up('form').getForm().reset();
				}
			}
		]
	}); //#searchFormPanel
	
	listGridPanel = Ext.create('Ext.grid.Panel', {
		title : '支付列表',
		dockedItems : [ 
			{
				xtype : 'pagingtoolbar',
				store : dataStore, 
				dock : 'bottom',
				displayInfo : true,
			} 
		],
		buttonAlign : 'center',
		store : dataStore,
		layout:{
			overflowHandler: 'Scroller'
		},
		columns : [ 
		    {
				header : '序号',
				tooltip : '序号',
				xtype : 'rownumberer',
				align : 'center',
				sortable : false,
				flex : 0.3
			},{
				text : '订单号',
				align : 'center',
				dataIndex : 'kid',
				flex : 1
			},{
				text : '标的物名称',
				tooltip : '标的物名称',
				align : 'center',
				dataIndex : 'item_name',
				flex : 1
			},{
                text : '分类状态',
                align : 'center',
                dataIndex : 'status_pay',
                flex : 1
            },{
				text : '支付用户',
				tooltip : '支付用户',
				align : 'center',
				dataIndex : 'user_name',
				flex : 1
			},{
				text : '金额',
				tooltip : '金额',
				align : 'center',
				dataIndex : 'money',
				flex : 1
			},{
				text : '用户联系电话',
				tooltip : '用户联系电话',
				align : 'center',
				dataIndex : 'mobile',
				flex : 1
			},{
				text : '付款时间',
				tooltip : '付款时间',
				align : 'center',
				dataIndex : 'created',
				flex : 1.5,
				/* renderer : function(val){
					if(val != ''){
						return Ext.Date.format(new Date(val), "Y-m-d H:i:s");
					}
				}  */
			}
		],
		viewConfig:{
			enableTextSelection:true
		}
	}); 
		// initSearch();
		searchFormPanel.render(Ext.getBody());
		listGridPanel.render(Ext.getBody());
});
	
	function initSearch(){
		//设置日期
		var created1 = Ext.Date.add(new Date(),Ext.Date.DAY,-7);
		var created2 = Ext.Date.add(new Date(),Ext.Date.DAY,1);
		created1 = Ext.Date.format(created1,'Y-m-d H:i:s');
		created2 = Ext.Date.format(created2,'Y-m-d H:i:s');//#Ymdhms
		searchFormPanel.getForm().findField("srh.created1").setValue(created1);
		searchFormPanel.getForm().findField("srh.created2").setValue(created2);
	}//#initSearch
	
</script>
</head>
<body>
</body>
</html>