Ext.namespace('Ext.caiyee');
Ext.QuickTips.init();

Ext.caiyee.slider = Ext.extend(Ext.Panel,{
	height:210,
	width:260,
	bodyStyle :"font:14px '宋体','黑体',Verdana,palatino,Arial,geneva,sans-serif;",
	layout:'absolute',
	border:false,
	show:function(){
		var totle_money = Number(Ext.getCmp('field_mon').getValue());
		var field_mon2 = Number(Ext.getCmp('field_mon2').getValue());
		var field_mon3 = Number(Ext.getCmp('field_mon3').getValue());
		var field_mon4 = Number(Ext.getCmp('field_mon4').getValue());
		var reg = /^(-|\+)?\d+(\.\d+)?$/;
		if (totle_money<0 || !reg.exec(totle_money))
		{
			Ext.getCmp('field_mon').setValue(2000);
			Ext.getCmp('slider').setValue(10);
		}else{
			Ext.getCmp('slider').setValue(totle_money/200);
		}

		if (field_mon2<0 || !reg.exec(field_mon2))
		{
			Ext.getCmp('field_mon2').setValue(1000);
		}

		if (field_mon3<0 || !reg.exec(field_mon3))
		{
			Ext.getCmp('field_mon3').setValue(5000);
		}

		if (field_mon4<0 || !reg.exec(field_mon4))
		{
			Ext.getCmp('field_mon4').setValue(300);
		}
		//Ext.getCmp('res_money').setText(totle_money-field_mon2-field_mon3-field_mon4);
		if (totle_money-field_mon2-field_mon3-field_mon4 > 0)
		{
			Ext.getCmp('res_money').setText(totle_money-field_mon2-field_mon3-field_mon4);
			
		}else {
			Ext.getCmp('res_money').setText(0);
		}
		
	},
	initComponent:function(){
		var label = new Ext.form.Label({
			x:5,
			y:10,
			style:"color:636363;font:14px '宋体','黑体',Verdana,palatino,Arial,geneva,sans-serif;",
			text:'总和'
		});
		var label2 = new Ext.form.Label({
			x:220,
			y:10,
			style:"color:636363;font:12px '宋体','黑体',Verdana,palatino,Arial,geneva,sans-serif;",
			text:'元/月'
		});
		var label3 = new Ext.form.Label({
			x:5,
			y:35,
			style:"color:636363;font:12px '宋体','黑体',Verdana,palatino,Arial,geneva,sans-serif;",
			text:'在这当中你花费最多的是什么？'
		});
		var label4 = new Ext.form.Label({
			x:220,
			y:65,
			style:"color:636363;font:12px '宋体','黑体',Verdana,palatino,Arial,geneva,sans-serif;",
			text:'元/月'
		});
		var label5 = new Ext.form.Label({
			x:220,
			y:100,
			style:"color:636363;font:12px '宋体','黑体',Verdana,palatino,Arial,geneva,sans-serif;",
			text:'元/月'
		});
		var label6 = new Ext.form.Label({
			x:220,
			y:135,
			style:"color:636363;font:12px '宋体','黑体',Verdana,palatino,Arial,geneva,sans-serif;",
			text:'元/月'
		});
		var label7 = new Ext.form.Label({
			x:220,
			y:170,
			style:"color:636363;font:12px '宋体','黑体',Verdana,palatino,Arial,geneva,sans-serif;",
			text:'元/月'
		});
		var label8 = new Ext.form.Label({
			x:5,
			y:170,
			style:"color:636363;font:12px '宋体','黑体',Verdana,palatino,Arial,geneva,sans-serif;",
			text:'除去以上费用还剩余：'
		});
		var label9 = new Ext.form.Label({
			x:180,
			y:170,
			id:'res_money',
			style:"color:636363;font:12px '宋体','黑体',Verdana,palatino,Arial,geneva,sans-serif;",
			text:'200'
		});
		var data = [
			['1','机票'],
			['2','酒店'],
			['3','汽车'],
			['4','餐饮'],
			['5','购物'],
			['6','电影']
		];
		var store = new Ext.data.Store({
			proxy : new Ext.data.MemoryProxy(data),//数据源
			reader : new Ext.data.ArrayReader({},[
				{name:'id'},
				{name:'name'}	
			])
		});
			store.load();
		var store2 = new Ext.data.Store({
			proxy : new Ext.data.MemoryProxy(data),//数据源
			reader : new Ext.data.ArrayReader({},[
				{name:'id'},
				{name:'name'}	
			])
		});
			store2.load();

		var store3 = new Ext.data.Store({
			proxy : new Ext.data.MemoryProxy(data),//数据源
			reader : new Ext.data.ArrayReader({},[
				{name:'id'},
				{name:'name'}	
			])
		});
			store3.load();
		var storeList = new Ext.form.ComboBox({
			x:5,
			y:60,
			id:'storeList',
			store:store,
			valueField:'id',
			hiddenName:'id', 
			value:'1',
			typeAhead:true,
			displayField:'name',
			triggerAction:'all',
			mode:'local',
			editeable:false,
			selectOnFocus:true,
			width:160,
			height:23
		});
		storeList.on('select',function(c,d){
			if (Ext.getCmp('storeList').getRawValue()==Ext.getCmp('storeList2').getRawValue()||Ext.getCmp('storeList').getRawValue()==Ext.getCmp('storeList3').getRawValue())
			{
				Ext.getCmp('storeList').clearValue();
				/*new Ext.ToolTip({  
						 target : 'storeList',  
						 title : '',  
						 autoHide : true,  
						 html : '您的选项有重复',  
						 showDelay : 200,  
						 autoHeight : true,  
						 autowidth : true  
					 
				});*/
			}
		},this);
		 /*var tip = */
		var storeList2 = new Ext.form.ComboBox({
			x:5,
			y:95,
			id:'storeList2',
			store:store,
			valueField:'id',
			hiddenName:'id', 
			value:'2',
			typeAhead:true,
			displayField:'name',
			triggerAction:'all',
			mode:'local',
			editeable:false,
			selectOnFocus:true,
			width:160,
			height:23
		});
		storeList2.on('select',function(c,d){
			if (Ext.getCmp('storeList2').getRawValue()==Ext.getCmp('storeList').getRawValue()||Ext.getCmp('storeList2').getRawValue()==Ext.getCmp('storeList3').getRawValue())
			{
				Ext.getCmp('storeList2').clearValue(); 
			}
		},this);
		var storeList3 = new Ext.form.ComboBox({
			x:5,
			y:130,
			id:'storeList3',
			store:store,
			valueField:'id',
			hiddenName:'id', 
			value:'3',
			typeAhead:true,
			displayField:'name',
			triggerAction:'all',
			mode:'local',
			editeable:false,
			selectOnFocus:true,
			width:160,
			height:23
		});
		storeList3.on('select',function(c,d){
			if (Ext.getCmp('storeList3').getRawValue()==Ext.getCmp('storeList').getRawValue()||Ext.getCmp('storeList3').getRawValue()==Ext.getCmp('storeList2').getRawValue())
			{
				Ext.getCmp('storeList3').clearValue() 
			}
		},this);
		var slider = new Ext.Slider({
			x:40,
			y:8,
			id:'slider',
			value:10,
			width: 120,
			minValue: 0,       
			maxValue: 100,
			listeners:{
				//操作完成后触发事件
				'changecomplete':function(slider, newValue){
					var field_mon2 = Number(Ext.getCmp('field_mon2').getValue());
					var field_mon3 = Number(Ext.getCmp('field_mon3').getValue());
					var field_mon4 = Number(Ext.getCmp('field_mon4').getValue());
					Ext.getCmp('field_mon').setValue(newValue*200);
					if (newValue*200-field_mon2-field_mon3-field_mon4>=0){
						Ext.getCmp('res_money').setText(newValue*200-field_mon2-field_mon3-field_mon4);
					}else{
						Ext.getCmp('res_money').setText(0);
					}
				}
			}
		});
		var field = new Ext.form.TextField({
			x:170,
			y:5,
			id:'field_mon',
			value:2000,
			slider:this,
			allowBlank:false,
			enableKeyEvents:true,
			blankText:'输入金额不能为空！',
			maxLength:6,
			maxLengthText:'最多只能输入6位数',
			regex:/^(-|\+)?\d+(\.\d+)?$/,
			regexText:'输入金额必须是数字',
			width:45,
			height:23
			//readOnly:true
		});
		field.on('keyup',function(c,d){
			c.slider.show();
		});
		var field2 = new Ext.form.TextField({
			x:170,
			y:60,
			id:'field_mon2',
			value:1000,
			slider:this,
			allowBlank:false,
			enableKeyEvents:true,
			blankText:'输入不能为空！',
			maxLength:6,
			maxLengthText:'最多只能输入6位数',
			regex:/^(-|\+)?\d+(\.\d+)?$/,
			regexText:'输入必须是数字',
			width:45,
			height:23
			//readOnly:true
		});
		field2.on('keyup',function(c,d){
			c.slider.show();
		});
		var field3 = new Ext.form.TextField({
			x:170,
			y:95,
			id:'field_mon3',
			slider:this,
			allowBlank:false,
			enableKeyEvents:true,
			blankText:'输入不能为空！',
			maxLength:6,
			maxLengthText:'最多只能输入6位数',
			regex:/^(-|\+)?\d+(\.\d+)?$/,
			regexText:'输入必须是数字',
			value:500,
			width:45,
			height:23
			//readOnly:true
		});
		field3.on('keyup',function(c,d){
			c.slider.show();
		});
		var field4 = new Ext.form.TextField({
			x:170,
			y:130,
			id:'field_mon4',
			slider:this,
			allowBlank:false,
			enableKeyEvents:true,
			blankText:'输入不能为空！',
			maxLength:6,
			maxLengthText:'最多只能输入6位数',
			regex:/^(-|\+)?\d+(\.\d+)?$/,
			regexText:'输入必须是数字',
			value:300,
			width:45,
			height:23
			//readOnly:true
		});
		field4.on('keyup',function(c,d){
			c.slider.show();
		});
		this.add(slider);
		this.add(label);
		this.add(label2);
		this.add(label3);
		this.add(label4);
		this.add(label5);
		this.add(label6);
		this.add(label7);
		this.add(label8);
		this.add(label9);
		this.add(field);
		this.add(field2);
		this.add(field3);
		this.add(field4);
		this.add(storeList);
		this.add(storeList2);
		this.add(storeList3);
	}
});
Ext.caiyee.radio = Ext.extend(Ext.Panel,{
	height:220,
	width:330,
	bodyStyle :"font:14px '宋体','黑体',Verdana,palatino,Arial,geneva,sans-serif;",
	layout:'absolute',
	border:false,
	show_mon:function(){
		var mon_field = Number(Ext.getCmp('mon_field').getValue());
		var mon_field2 = Number(Ext.getCmp('mon_field2').getValue());
		var mon_field3 = Number(Ext.getCmp('mon_field3').getValue());
		var reg = /^(-|\+)?\d+(\.\d+)?$/;
		if (mon_field<0 || !reg.exec(mon_field))
		{
			Ext.getCmp('mon_slider').setValue(20);
			Ext.getCmp('mon_field').setValue(2000);
		}else if(mon_field2<0 || !reg.exec(mon_field2)||mon_field2>100)
		{
			Ext.getCmp('mon_slider2').setValue(10);
			Ext.getCmp('mon_field2').setValue(10);
		}else if (mon_field3<0 || !reg.exec(mon_field3))
		{
			Ext.getCmp('mon_slider3').setValue(20);
			Ext.getCmp('mon_field3').setValue(2000);
		}else if (reg.exec(mon_field)||reg.exec(mon_field2)||reg.exec(mon_field3))
		{
			Ext.getCmp('mon_slider').setValue(mon_field/100);
			Ext.getCmp('mon_slider2').setValue(mon_field2);
			Ext.getCmp('mon_slider3').setValue(mon_field3/100);
		}
	},
	initComponent:function(){
		var checkBox = new Ext.FormPanel({
			y:20,
			width:325,
			height:25,
			layout:'absolute',
			border:false,
			bodyStyle :"",
			items:[{
				xtype:'radiogroup',
				//defaultType:'radio',
				hideLabels:true,
				x:50,
				border:false,
				items:[
					{name:'R1',id:'R1',boxLabel:'是的',checked:true},
					{name:'R1',id:'R2',boxLabel:'视情况而定',listeners:{
							check:function(){
								if (Ext.getCmp('R1').checked==false && Ext.getCmp('R2').checked==true)
								{
									main_panel.show();
									slider.show();
									slider2.show();
									slider3.show();
								}else {
									main_panel.hide();
									slider.hide();
									slider2.hide();
									slider3.hide();
									Ext.getCmp('mon_field').reset();
									Ext.getCmp('mon_field2').reset();
									Ext.getCmp('mon_field3').reset();
									Ext.getCmp('mon_slider').setValue(20);
									Ext.getCmp('mon_slider2').setValue(5);
									Ext.getCmp('mon_slider3').setValue(20);
								}
								
							}
						}
					}
				]
			}]
		});
		var slider = new Ext.Slider({
			x:100,
			y:65,
			id:'mon_slider',
			value:20,
			width: 120,
			minValue: 0,       
			maxValue: 100,
			listeners:{
				//操作完成后触发事件
				'changecomplete':function(slider, newValue){
					Ext.getCmp('mon_field').setValue(newValue*100);
				}
			}
		});
		var slider2 = new Ext.Slider({
			x:100,
			y:105,
			id:'mon_slider2',
			value:10,
			width: 120,
			minValue: 0,       
			maxValue: 100,
			listeners:{
				//操作完成后触发事件
				'changecomplete':function(slider2, newValue){
					Ext.getCmp('mon_field2').setValue(newValue);
				}
			}
		});
		var slider3 = new Ext.Slider({
			x:100,
			y:145,
			id:'mon_slider3',
			value:20,
			width: 120,
			minValue: 0,       
			maxValue: 100,
			listeners:{
				//操作完成后触发事件
				'changecomplete':function(slider3, newValue){
					Ext.getCmp('mon_field3').setValue(newValue*100);
				}
			}
		});
		var mon_label = new Ext.form.Label({
			x:15,
			y:25,
			style:"color:636363;font:12px '宋体','黑体',Verdana,palatino,Arial,geneva,sans-serif;",
			text:'余额：'
		});
		var mon_label2 = new Ext.form.Label({
			x:15,
			y:65,
			style:"color:636363;font:12px '宋体','黑体',Verdana,palatino,Arial,geneva,sans-serif;",
			text:'最低还款率：'
		});
		var mon_label3 = new Ext.form.Label({
			x:15,
			y:105,
			style:"color:636363;font:12px '宋体','黑体',Verdana,palatino,Arial,geneva,sans-serif;",
			text:'每月还款：'
		});
		var mon_label4 = new Ext.form.Label({
			x:280,
			y:25,
			style:"color:636363;font:12px '宋体','黑体',Verdana,palatino,Arial,geneva,sans-serif;",
			text:'元'
		});
		var mon_label5 = new Ext.form.Label({
			x:280,
			y:65,
			style:"color:636363;font:12px '宋体','黑体',Verdana,palatino,Arial,geneva,sans-serif;",
			text:'%'
		});
		var mon_label6 = new Ext.form.Label({
			x:280,
			y:105,
			style:"color:636363;font:12px '宋体','黑体',Verdana,palatino,Arial,geneva,sans-serif;",
			text:'元/月'
		});
		var field = new Ext.form.TextField({
			x:230,
			y:20,
			id:'mon_field',
			value:2000,
			radio:this,
			allowBlank:false,
			enableKeyEvents:true,
			blankText:'输入不能为空！',
			maxLength:6,
			maxLengthText:'最多只能输入6位数',
			regex:/^(-|\+)?\d+(\.\d+)?$/,
			regexText:'输入必须是数字',
			width:45,
			height:23
			//readOnly:true
		});
		field.on('keyup',function(c,d){
			c.radio.show_mon();
			
			
		});
		var field2 = new Ext.form.TextField({
			x:230,
			y:60,
			id:'mon_field2',
			value:10,
			radio:this,
			allowBlank:false,
			enableKeyEvents:true,
			blankText:'输入金额不能为空！',
			maxLength:7,
			maxLengthText:'最多只能输入7位数',
			regex:/^(-|\+)?\d+(\.\d+)?$/,
			regexText:'输入金额必须是数字',
			width:45,
			height:23
			//readOnly:true
		});
		field2.on('keyup',function(c,d){
			c.radio.show_mon();
			
		});
		var field3 = new Ext.form.TextField({
			x:230,
			y:100,
			id:'mon_field3',
			value:2000,
			radio:this,
			allowBlank:false,
			enableKeyEvents:true,
			blankText:'输入不能为空！',
			maxLength:6,
			maxLengthText:'最多只能输入6位数',
			regex:/^(-|\+)?\d+(\.\d+)?$/,
			regexText:'输入必须是数字',
			width:45,
			height:23
			//readOnly:true
		});
		field3.on('keyup',function(c,d){
			c.radio.show_mon();
			
			
		});
		var main_panel = new Ext.Panel({
			y:45,
			width:325,
			height:160,
			border:false,
			layout:'absolute',
			bodyStyle :"font:14px '宋体','黑体',Verdana,palatino,Arial,geneva,sans-serif;",
			items:[
				mon_label,
				mon_label2,
				mon_label3,
				mon_label4,
				mon_label5,
				mon_label6,
				field,
				field2,
				field3
			]
		});
		this.add(checkBox);
		this.add(main_panel);
		this.add(slider);
		this.add(slider2);
		this.add(slider3);
		slider.hide();
		slider2.hide();
		slider3.hide();
		main_panel.hide();
	}
});
Ext.caiyee.select = Ext.extend(Ext.Panel,{
	height:130,
	width:240,
	bodyStyle :"font:14px '宋体','黑体',Verdana,palatino,Arial,geneva,sans-serif;",
	layout:'absolute',
	border:false,
	select:function(){
		var url = '/public/creditcards_a';
		var person_out_money = Number(Ext.getCmp('person_field').getValue());
		var min_money_ratio = Number(Ext.getCmp('mon_field2').getValue());
		var overage_money = Number(Ext.getCmp('mon_field').getValue());
		var need_money = Number(Ext.getCmp('mon_field3').getValue());
		var dis_money = Number(Ext.getCmp('field_mon2').getValue());
		var dis_money2 = Number(Ext.getCmp('field_mon3').getValue());
		var dis_money3 = Number(Ext.getCmp('field_mon4').getValue());
		var params = {};
		params.opt = 'all';
		if (Ext.getCmp('R1').checked==true &&Ext.getCmp('R2').checked==false)
		{
			params.min_money_ratio = 0;
		}else if (Ext.getCmp('R1').checked==false &&Ext.getCmp('R2').checked==true)
		{
			params.min_money_ratio = (min_money_ratio/100);
			params.overage_money = overage_money;
			params.need_money = need_money;
		}
			params.airplane_money=0;
			params.hotel_money=0;
			params.car_money=0;
			params.restaurant_money=0;
			params.shopping_money=0;
			params.movie_money=0
		if (Ext.getCmp('storeList').getRawValue()=='机票')
		{
			params.airplane_money=dis_money;
		}else if (Ext.getCmp('storeList').getRawValue()=='酒店')
		{
			params.hotel_money=dis_money;
		}else if (Ext.getCmp('storeList').getRawValue()=='汽车')
		{
			params.car_money=dis_money;
		}else if (Ext.getCmp('storeList').getRawValue()=='餐饮')
		{
			params.restaurant_money=dis_money;
		}else if (Ext.getCmp('storeList').getRawValue()=='购物')
		{
			params.shopping_money=dis_money;
		}else if (Ext.getCmp('storeList').getRawValue()=='电影')
		{
			params.movie_money=dis_money;
		}

		if (Ext.getCmp('storeList2').getRawValue()=='机票')
		{
			params.airplane_money=dis_money2;
		}else if (Ext.getCmp('storeList2').getRawValue()=='酒店')
		{
			params.hotel_money=dis_money2;
		}else if (Ext.getCmp('storeList2').getRawValue()=='汽车')
		{
			params.car_money=dis_money2;
		}else if (Ext.getCmp('storeList2').getRawValue()=='餐饮')
		{
			params.restaurant_money=dis_money2;
		}else if (Ext.getCmp('storeList2').getRawValue()=='购物')
		{
			params.shopping_money=dis_money2;
		}else if (Ext.getCmp('storeList2').getRawValue()=='电影')
		{
			params.movie_money=dis_money2;
		}

		if (Ext.getCmp('storeList3').getRawValue()=='机票')
		{
			params.airplane_money=dis_money3;
		}else if (Ext.getCmp('storeList3').getRawValue()=='酒店')
		{
			params.hotel_money=dis_money3;
		}else if (Ext.getCmp('storeList3').getRawValue()=='汽车')
		{
			params.car_money=dis_money3;
		}else if (Ext.getCmp('storeList3').getRawValue()=='餐饮')
		{
			params.restaurant_money=dis_money3;
		}else if (Ext.getCmp('storeList3').getRawValue()=='购物')
		{
			params.shopping_money=dis_money3;
		}else if (Ext.getCmp('storeList3').getRawValue()=='电影')
		{
			params.movie_money=dis_money3;
		}
		params.person_out_money = person_out_money;
		Ext.MessageBox.show({
			msg:'正在提交数据,请稍等...',
			progressText: '转发中...',
			width:300,
			wait:true,
			waitConfig: {interval:200}
		});
		Ext.Ajax.request({
			url:url,
			method:'GET',
			success:this.onGetSuccess.createDelegate(this, [], true),
			failure: function(){
				Ext.MessageBox.hide();
				alert('获取失败');
			},
			params:params
		});
	},
	onGetSuccess:function(response,opt){
		Ext.MessageBox.hide();
		var num=[];
		var tmp=[];
		var obj = Ext.decode(response.responseText);
		this.data = obj.data.card_info
		this.data2 = obj.data2;
		//alert(Ext.encode(this.data.card_info));
		//alert(Ext.encode(this.data2));
		
		for (var i in this.data2)
		{
			//利率id
			var card_rebate_id = Number(this.data2[i]['id']);
			//最低还款额
			var repayment_ratio = Number(this.data2[i]['repayment_ratio']);
			//还款期限
			var interest_free_period = Number(this.data2[i]['interest_free_period']);
			//期限手续费
			var withdraw_fee_ratio = Number(this.data2[i]['withdraw_fee_ratio']);
			//利息
			var daily_interest = Number(this.data2[i]['daily_interest']);
			//省钱
			var save_money = Number(this.data2[i]['save_money']).toFixed(1);
			//取现
			var out_money = Number(this.data2[i]['out_money']).toFixed(1);
			//还钱
			var withdraw_fee_money = Number(this.data2[i]['withdraw_fee_money']).toFixed(1);
			//折扣
			var discount = Number(this.data2[i]['discount']).toFixed(1);
			for (var j in this.data )
			{
				var card_info_id = Number(this.data[j]['id']);
				var name = String(this.data[j]['name']);
				var pic = String(this.data[j]['pic']);
				if (card_info_id==card_rebate_id)
				{
					tmp = [card_info_id];
					tmp[1] = name
					tmp[2] = pic ;
					tmp[3] = repayment_ratio;
					tmp[4] = interest_free_period;
					tmp[5] = withdraw_fee_ratio;
					tmp[6] = daily_interest;
					tmp[7] = save_money;
					tmp[8] = out_money;
					tmp[9] = withdraw_fee_money;
					tmp[10]=discount
					num.push(tmp);
				};
			};
		};
		var main_el = Ext.get('main_card_id');
		var main_tpl = new Ext.XTemplate("<div id='card_id' class='h_kuang' style='display:none'></div>");
		main_tpl.overwrite(main_el,[]);
		
		if (num.length == 0)
		{
			var el = Ext.get('main_card_id')
			var tpl = new Ext.XTemplate("<div id='card_id'class='h_kuang'><p style='text-align:center; width:980px; height:50px;padding-top:90px; '>{0}</p></div>"); 
			tpl.overwrite(el,['没有找到符合条件的信息，请修改搜索条件再次查询。']);
		}
		for (i=0;i<num.length ;i++ )
		{
			var card_id = num[i][0];
			var name = num[i][1];
			var pic = num[i][2];
			var repayment_ratio = num[i][3]*100+"%";
			var interest_free_period = num[i][4]+"天";
			var withdraw_fee_ratio = num[i][5]*100+"%";
			var daily_interest = num[i][6]*100+"%";
			var save_money = num[i][7]+"元";
			var out_money = num[i][8]+"元";
			var withdraw_fee_money = num[i][9]+"元";
			var discount = num[i][10]+'元';
			if (pic=='true')
			{
				var pic_id = card_id;
			}
			if (pic=='false')
			{
				var pic_id = 'default';
			}
			var el = Ext.get('card_id');
			var tpl = new Ext.XTemplate(
						'<div class="h_kuang" id="card_id">',
							'<h2 class="words"><a href="/card_result/c/{0}.html">{1}</a></h2>',
							'<table class="large-data">',
								'<tbody>',
									'<tr>',
										'<td class="image" style="margin:0;">',
											'<a href="/public/compare_card_result?id={0}"><img src="/site_media/images/cards/{2}.jpg";  alt="{1}"; height="100px"; width="170px"; style="padding-bottom:53px; padding-left:15px;"/></a>',
										'</td>',
										'<td>',
											'<table class="large-data-in">',
												'<thead>',
													'<tr>',
														'<th><h4>利息</h4></th>',
														'<th><h4>最低还款比例</h4></th>',
														'<th><h4>取现手续费</h4></th>',
														'<th><h4>还款期限</h4></th>',
														'<th><h4>帮您节省</h4></th>',
													'</tr>',
												'</thead>',
												'<tbody>',
													'<tr>',
														'<td id="need_need">{3}</td>',
														'<td>{4}</td>',
														'<td>{5}</td>',
														'<td>{6}</td>',
														'<td>{7}</td>',		
													'</tr>',
												'</tbody>',
											'</table>',
										'</td>',
									'</tr>',
								'</tbody>',
							'</table>',
				        '</div>',
						'<div class="h_off" id="wrap">',
							'<div class="show_a">',
								'<a  id="showtop{0}" onclick="this.style.display=\'none\';document.getElementById(\'topcontainer{0}\').style.display=\'\';document.getElementById(\'hidetop{0}\').style.display=\'\';">查看详情</a>',
							'</div>',
				
							'<div id="topwrap">',
								'<div id="topcontainer{0}" class="topcontainer" style="display:none">',
									'<div class="show_word">',
				                		'<div class="z_titile" style="padding:5px 0 0 0;">',
				                    		'<h1>省钱信息</h1>',
				                    		'<h2>金额</h2>',
										'</div>',
										'<span style="height:1px; overflow:hidden; border-bottom:#ccc dashed 1px; width:710px; float:left; margin-left:80px;"></span>',
										'<div style=" float:left; width:650px; height:80px;">',
												'<h1 class="show_connect"  style="padding-top:5px;">信用卡折扣可以帮你节省</h1>',
												'<h1 class="show_connect">信用卡还款可以帮你节省</h1>',
												'<h1 class="show_connect">信用卡提现可以帮你节省</h1>',

										'</div>', 
										'<div class="show_money" style=" float:left; height:80px">',
											'<h2  style=" float:left;padding-top:5px;">{10}</h2>',
											'<h2  style=" float:left;">{8}</h2>',
											'<h2  style=" float:left;">{9}</h2>',
										'</div>',
										/*'<div class="show_money">',
											'<h2  style=" float:left;padding-top:5px;">$45212</h2>',
											'<h2  style=" float:left;">$45212</h2>',
											'<h2  style=" float:left;">$45212</h2>',
										'</div>',
										'<div class="show_money">',
											'<h2  style=" float:left;padding-top:5px;">$45212</h2>',
											'<h2  style=" float:left;">$45212</h2>',
											'<h2  style=" float:left;">$45212</h2>',
										'</div>',  */   
									'</div> ',
									'<span style="height:1px; border-bottom:#ccc dashed 1px; overflow:hidden;width:710px; float:left; margin-left:90px;"></span>',            
				     				'<div class="r_titile" style="padding-left:20px; padding-top:5px;">',
										'<h1>总共</h1>',
				                    	'<h2>{7}</h2>',
									'</div>',
									'<div style=" float:left; width:790px;  height:15px; padding: 2px 0 0 120px;">',
										'<p style=" line-height:20px;color:#616265;font-family: 宋体，黑体,Verdana,palatino,Arial,geneva,sans-serif ;font-size:12px; text-align:left;float:left;"><!--信用卡的折扣信息我们马上将会为大家推出，敬请期待！--></p>',
									'</div>',
									'<a  id="hidetop{0}" onclick="this.style.display=\'none\';document.getElementById(\'topcontainer{0}\').style.display=\'none\';document.getElementById(\'showtop{0}\').style.display=\'\';" style="display:none">返回</a>',
								'</div>',
							'</div>',
						'</div>'
			);
			tpl.insertAfter(el,[card_id,name,pic_id,daily_interest,repayment_ratio,withdraw_fee_ratio,interest_free_period, save_money,out_money,withdraw_fee_money,discount]);
		};
	},
	show_mon:function(){
		var person_field = Number(Ext.getCmp('person_field').getValue());
		var person_field2 = Number(Ext.getCmp('person_field2').getValue());
		var reg = /^(-|\+)?\d+(\.\d+)?$/;
		if (person_field<0 || !reg.exec(person_field))
		{
			Ext.getCmp('person_slider').setValue(40);
			Ext.getCmp('person_field').setValue(0);
		}else if(person_field2<=0 || !reg.exec(person_field2)){
			Ext.getCmp('person_slider2').setValue(20);
			Ext.getCmp('person_field2').setValue(20000);
		}else if (reg.exec(person_field)&&reg.exec(person_field2))
		{	
			Ext.getCmp('person_slider').setValue(person_field/100);
			Ext.getCmp('person_slider2').setValue(person_field2/1000);
		}
		if(person_field2>100000){
			Ext.getCmp('person_field2').setValue(20000);
			Ext.getCmp('person_slider2').setValue(20);
		}
		if (person_field>10000)
		{
			Ext.getCmp('person_slider').setValue(40);
			Ext.getCmp('person_field').setValue(0);
		}
	},
	onSuccess:function(response, act){
		Ext.MessageBox.hide();
		var obj = Ext.decode(response.responseText);
		this.data = obj.data;
		var hotel_money = Number(this.data.hotel_money).toFixed(0);
		var air_money = Number(this.data.air_money).toFixed(0);
		var travel_money = Number(this.data.travel_money).toFixed(0);
		var clothing_money = Number(this.data.clothing_money.toFixed(0));
		var out_dinner_money = Number(this.data.out_dinner_money.toFixed(0));
		var play_money = Number(this.data.play_money.toFixed(0));
		var monthly_money = Number(this.data.monthly_money.toFixed(0));
		var food_money = Number(this.data.food_money.toFixed(0));
		var dinner_money = Number(this.data.dinner_money.toFixed(0));
		var car_money = Number(this.data.car_money.toFixed(0));
		if (Ext.getCmp('storeList').getRawValue()=='机票')
		{
			if (air_money>0){
				Ext.getCmp('field_mon2').setValue(air_money);
			}else{
				Ext.getCmp('field_mon2').setValue((travel_money*0.4).toFixed(0));
			}
			
		}else if (Ext.getCmp('storeList').getRawValue()=='酒店')
		{
			if (hotel_money>0){
				Ext.getCmp('field_mon2').setValue(hotel_money);
			}else{
				Ext.getCmp('field_mon2').setValue((travel_money*0.2).toFixed(0));
			}
		}else if (Ext.getCmp('storeList').getRawValue()=='汽车')
		{
			Ext.getCmp('field_mon2').setValue(car_money);
		}else if (Ext.getCmp('storeList').getRawValue()=='餐饮')
		{
			Ext.getCmp('field_mon2').setValue(dinner_money+out_dinner_money);
		}else if (Ext.getCmp('storeList').getRawValue()=='购物')
		{
			Ext.getCmp('field_mon2').setValue(clothing_money+food_money);
		}else if (Ext.getCmp('storeList').getRawValue()=='电影')
		{
			Ext.getCmp('field_mon2').setValue((play_money*0.3).toFixed(0));
		}

		if (Ext.getCmp('storeList2').getRawValue()=='机票')
		{
			if (air_money>0){
				Ext.getCmp('field_mon2').setValue(air_money);
			}else{
				Ext.getCmp('field_mon2').setValue((travel_money*0.4).toFixed(0));
			}			
		}else if (Ext.getCmp('storeList2').getRawValue()=='酒店')
		{
			if (hotel_money>0){
				Ext.getCmp('field_mon2').setValue(hotel_money);
			}else{
				Ext.getCmp('field_mon2').setValue((travel_money*0.2).toFixed(0));
			}
			
		}else if (Ext.getCmp('storeList2').getRawValue()=='汽车')
		{
			Ext.getCmp('field_mon3').setValue(car_money);
		}else if (Ext.getCmp('storeList2').getRawValue()=='餐饮')
		{
			Ext.getCmp('field_mon3').setValue(dinner_money+out_dinner_money);
		}else if (Ext.getCmp('storeList2').getRawValue()=='购物')
		{
			Ext.getCmp('field_mon3').setValue(clothing_money+food_money);
		}else if (Ext.getCmp('storeList2').getRawValue()=='电影')
		{
			Ext.getCmp('field_mon3').setValue((play_money*0.3).toFixed(0));
		}

		if (Ext.getCmp('storeList3').getRawValue()=='机票')
		{
			if (air_money>0){
				Ext.getCmp('field_mon2').setValue(air_money);
			}else{
				Ext.getCmp('field_mon2').setValue((travel_money*0.4).toFixed(0));
			}
			
		}else if (Ext.getCmp('storeList3').getRawValue()=='酒店')
		{
			if (hotel_money>0){
				Ext.getCmp('field_mon2').setValue(hotel_money);
			}else{
				Ext.getCmp('field_mon2').setValue((travel_money*0.2).toFixed(0));
			}
			
		}else if (Ext.getCmp('storeList3').getRawValue()=='汽车')
		{
			Ext.getCmp('field_mon4').setValue(car_money);
		}else if (Ext.getCmp('storeList3').getRawValue()=='餐饮')
		{
			Ext.getCmp('field_mon4').setValue(dinner_money+out_dinner_money);
		}else if (Ext.getCmp('storeList3').getRawValue()=='购物')
		{
			Ext.getCmp('field_mon4').setValue(clothing_money+food_money);
		}else if (Ext.getCmp('storeList3').getRawValue()=='电影')
		{
			Ext.getCmp('field_mon4').setValue((play_money*0.3).toFixed(0));
		}

		Ext.getCmp('field_mon').setValue(Number(Ext.getCmp('field_mon2').getValue())+Number(Ext.getCmp('field_mon3').getValue())+Number(Ext.getCmp('field_mon4').getValue()));
		Ext.getCmp('slider').setValue(((Number(Ext.getCmp('field_mon2').getValue())+Number(Ext.getCmp('field_mon3').getValue())+Number(Ext.getCmp('field_mon4').getValue()))/200).toFixed(0));
		Ext.getCmp('res_money').setText(0)
		Ext.getCmp('person_field2').setValue(monthly_money);
	},
	/*select2:function(){
		alert(document.getElementById('need_need').innerHTML);
		document.getElementById('need_need').innerHTML="你好";
	},*/
	initComponent:function(){
		//this.select();
		var person_label = new Ext.form.Label({
			x:5,
			y:25,
			style:"color:636363;font:12px '宋体','黑体',Verdana,palatino,Arial,geneva,sans-serif;",
			text:'当月取现：'
		});
		var person_label2 = new Ext.form.Label({
			x:5,
			y:75,
			style:"color:636363;font:12px '宋体','黑体',Verdana,palatino,Arial,geneva,sans-serif;",
			text:'您的月薪：'
		});
		var person_label3 = new Ext.form.Label({
			x:230,
			y:25,
			style:"color:636363;font:12px '宋体','黑体',Verdana,palatino,Arial,geneva,sans-serif;",
			text:'元'
		});
		var person_label4 = new Ext.form.Label({
			x:230,
			y:75,
			style:"color:636363;font:12px '宋体','黑体',Verdana,palatino,Arial,geneva,sans-serif;",
			text:'元'
		});
		var slider = new Ext.Slider({
			x:80,
			y:20,
			id:'person_slider',
			value:0,
			width: 90,
			minValue: 0,       
			maxValue: 100,
			listeners:{
				//操作完成后触发事件
				'changecomplete':function(slider, newValue){
					Ext.getCmp('person_field').setValue(newValue*100);
				}
			}
		}); 
		var slider2 = new Ext.Slider({
			x:80,
			y:70,
			id:'person_slider2',
			value:20,
			width: 90,
			minValue: 0,       
			maxValue: 100,
			listeners:{
				//操作完成后触发事件
				'changecomplete':function(slider, newValue){
					Ext.getCmp('person_field2').setValue(newValue*1000);
				}
			}
		});
		var field = new Ext.form.TextField({
			x:180,
			y:20,
			id:'person_field',
			value:0,
			select:this,
			allowBlank:false,
			enableKeyEvents:true,
			blankText:'输入不能为空！',
			maxLength:6,
			maxLengthText:'最多只能输入6位数',
			regex:/^(-|\+)?\d+(\.\d+)?$/,
			regexText:'输入必须是数字',
			width:45,
			height:23
			//readOnly:true
		});
		field.on('keyup',function(c,d){
			c.select.show_mon();
		});
		var field2 = new Ext.form.TextField({
			x:180,
			y:70,
			id:'person_field2',
			value:20000,
			select:this,
			allowBlank:false,
			enableKeyEvents:true,
			blankText:'输入不能为空！',
			maxLength:6,
			maxLengthText:'最多只能输入6位数',
			regex:/^(-|\+)?\d+(\.\d+)?$/,
			regexText:'输入必须是数字',
			width:45,
			height:23
			//readOnly:true
		});
		field2.on('keyup',function(c,d){
			c.select.show_mon();
		});
		var button = new Ext.Button({
			text:'查询',
			width:60,
			x:150,
			y:105
		});
		button.on('click',this.select,this);
		//button2.on('click',this.select2,this);
		this.add(slider);
		this.add(slider2);
		this.add(person_label);
		this.add(person_label2);
		this.add(person_label3);
		this.add(person_label4);
		this.add(field);
		this.add(field2);
		this.add(button);

		var owner = Ext.fly('owner').dom.value;
		if (owner!='')
		{
			var url = '/priv/finance/tools_a';
			var params = {};
			params.act = 'all'
			Ext.MessageBox.show({
				msg:'正在提交数据，请稍等。。。',
				progressText:'转发中',
				width:300,
				wait:true,
				waitConfig :{interval:200}
			});
			Ext.Ajax.request({
				url:url,
				method: 'GET',
				success: this.onSuccess.createDelegate(this, [], true),
				failure: function(){
					Ext.MessageBox.hide();
					alert('获取失败');
				},
				params: params
			});
		};
	}
});
Ext.onReady(function(){
	slider = new Ext.caiyee.slider({
		renderTo:'basic-slider'
	});
});
Ext.onReady(function(){
	radio = new Ext.caiyee.radio({
		renderTo:'basic-radio'
	});
});
Ext.onReady(function(){
	select = new Ext.caiyee.select({
		renderTo:'basic-select'
	});
});