reservinfo.js.svn-base

来自「一个使用ssh+ext的例子。 希望对开发这个应用的人带来好处。仔细研究里面的」· SVN-BASE 代码 · 共 739 行 · 第 1/2 页

Ext.namespace("Neo");
Ext.namespace("Neo.frontdesk");

Neo.frontdesk.ReservInfo = Ext.extend(Ext.FormPanel,{
	autoScroll:true
	,frame:true
	,buttonAlign:'right'
	,infoState:'init'
	,itemsChanged:false
	,reservOrderId:''	//保存record里的预定单PKID
	,roCreateTime:''	//保存record里的预定单创建时间
	,tools:[
				{
					id:'print'
					,handler: function(event, toolEl, panel){
						// refresh logic
					}
					,qtip:'打印'
				}
				/*,{
					id:'gear' //调整
					,handler: function(event, toolEl, panel){
					// refresh logic
					}
				}*/
	]
	,initComponent: function(){
		Ext.apply (this,{
			buttons:[
				{
					text:'入住'
					,iconCls:'icon-checkin'
					,id:'reservInBtn'
					,disabled:true
				}
				,{
					text:'预定'
					,iconCls:'icon-save'
					,id:'saveReservBtn'
					,disabled:true
				}
				,{
					text:'重置'
					,iconCls:'icon-redo'
					,id:'resetBtn'
					,disabled:true
				}
				,{
					text:'修改'
					,iconCls:'icon-edit'
					,id:'alertReservBtn'
					,disabled:true
				}
			]
			,items:[
				{
					layout:'column'
					,labelWidth: 55
					,items:[
						{
							columnWidth:.65
							,border:false
							,items:[
								{
									layout:'column'
									,items:[
										{
											columnWidth:.33
										  	,border:false
										  	,layout:'form'
										  	,items:[
										  		{
													xtype:'combo'
													,fieldLabel: '预定方式'
													,name: 'roReservModel'
													,id:'roReservModel'
													,anchor:'95%' 	//nessasary
													,allowBlank: false
													,displayField:'roReservModel'
													,mode:'local'
													,editable:false
													,triggerAction: 'all'
													,value:'电话预定'
													,store:new Ext.data.SimpleStore({
														fields:['roReservModel']
														,data:[
															['电话预定'],['总台面约'],['网上预定']
															,['领导安排'],['其他']
														]
													})
												}
												,{
													xtype:'timefield'
													,id:'roEarliestTime'
													,fieldLabel: '最早到店'
													,name: 'roEarliestTime'
													,format:'H:i:s'
													,anchor:'95%'
												}
												,{
													xtype:'textfield'
													,fieldLabel:'姓名'
													,name:'roGuestName'
													,id:'roGuestName'
													,anchor:'95%'
													,emptyText:'此项为必填项'
													,allowBlank: false
												}
												,{
													fieldLabel:'证件号'
													,xtype:'textfield'
													,name:'roGuestCardId'
													,vtype:'chinaCardId'
													,anchor:'95%' //nessasary
												}
												,{
										  			xtype:'textfield'
													,fieldLabel:'传真'
													,name:'roFax'
													,anchor:'95%'
										  		}
												,{
										  			xtype:'textfield'
													,fieldLabel:'预定金'
													,name:'roPaidMoney'
													,value:'0'
													,anchor:'95%'
										  		}
										 	]
										}
										,{
											columnWidth:.33
										  	,border:false
										  	,layout:'form'
										  	,items:[
										  		{
													xtype:'datefield'
													,id:'roInDate'
													,fieldLabel: '预到日期'
													,format:'Y-m-d'
													,name: 'roInDate'
													,value:new Date().format('Y-m-d')
													,anchor:'95%' 	//nessasary
													,allowBlank: false
												}
												,{
													xtype:'timefield'
													,id:'roLatestTime'
													,fieldLabel: '最晚到店'
													,name: 'roLatestTime'
													,format:'H:i:s'
													,anchor:'95%'
												}
												,{
													fieldLabel:'性别'
													,xtype:'combo'
													,name:'roGuestGender'
													,id:'roGuestGender'	            
													,allowBlank:false
													,anchor:'95%' //nessasary
													,displayField:'guestGender'
													,mode:'local'
													,editable:false
													,triggerAction: 'all'
													,value:'男'
													,store:new Ext.data.SimpleStore({
														fields:['guestGender']
														,data:[
															['男'],['女']
														]
													})
												}
												,{
													xtype:'textfield'
													,fieldLabel:'联系电话'
													,id:'roTelphone'
													,name:'roTelphone'
													,anchor:'95%'
													,emptyText:'此项为必填项'
													,allowBlank: false
												}
												,{
													fieldLabel:'总费用'
													,xtype:'textfield'
													,name:'roTotalRate'
													,id:'roTotalRate'
													,vtype:'money'
													,value:'0'
													,allowBlank:false
													,anchor:'95%' //nessasary
													,maxLength:'12'
													,maxLengthText:'数值超出正常值,请检查后重新输入'
												}
												,{
													fieldLabel:'预定单号'
													,xtype:'textfield'
													,name:'roOrderId'
													,id:'roOrderId'
													,emptyText:'预定后产生'
													,disabled:true
													,allowBlank:false
													,readOnly:true
													,anchor:'95%'
												}
										  	]
										}
										,{
											columnWidth:.33
										  	,border:false
										  	,layout:'form'
										  	,items:[
										  		{
													xtype:'datefield'
													,id:'roOutDate'
													,format:'Y-m-d'
													,fieldLabel: '预离时间'
													,value:new Date().add(Date.DAY,1).format('Y-m-d')
													,name: 'roOutDate'
													,anchor:'95%' 
													,allowBlank: false
												}
												,{
													xtype:'combo'
													,fieldLabel: '预定状态'
													,name: 'roReservState'
													,id:'roReservState'
													,anchor:'95%' 	//nessasary
													,allowBlank: false
													,displayField:'roReservState'
													,mode:'local'
													,editable:false
													,triggerAction: 'all'
													,value:'预定中'
													,store:new Ext.data.SimpleStore({
														fields:['roReservState']
														,data:[
															['预定中'],['已确认'],['已光临']
															,['已失效']
														]
													})
												}
												,{
													fieldLabel: '证件类型'
									                ,xtype:'combo'
									                ,name: 'roGuestCardCatalog'
									                ,id:'roGuestCardCatalog'
									                ,anchor:'95%'
									                ,displayField:'roGuestCardCatalog'
													,mode:'local'
													,triggerAction: 'all' //需加
													,editable:false
													,value:'身份证'
													,store:new Ext.data.SimpleStore({
														fields:['roGuestCardCatalog']
														,data:[
															['身份证'],['学生证'],['军官证']
															,['警官证'],['士兵证'],['驾照']
															,['护照'],['户口薄'],['其他']
														]
													})
												}
												,{
													xtype:'textfield'
													,fieldLabel:'Email'
													,name:'roEmail'
													,anchor:'95%'
													,vtype:'email'
												}
												,{
													xtype:'combo'
													,fieldLabel: '预付方式'
													,name: 'roPaymentModel'
													,id:'roPaymentModel'
													,anchor:'95%' 	//nessasary
													,allowBlank: false
													,displayField:'roPaymentModel'
													,mode:'local'
													,editable:false
													,triggerAction: 'all'
													,value:'现金'
													,store:new Ext.data.SimpleStore({
														fields:['roPaymentModel']
														,data:[
															['现金'],['支付卡'],['支票']
															,['其他']
														]
													})
												}
												,{
													fieldLabel:'营业员'
													,xtype:'textfield'
													,name:'roOperator'
													,id:'roOperator'
													,value:'Admin'//待读取
													,allowBlank:false
													,readOnly:true
													,disabled:true
													,anchor:'95%'
												},{
													fieldLabel:'登记单PKID'
													,xtype:'textfield'
													,name:'roId'
													,id:'roId'
													,hidden:true
													,hideLabel:true
													,anchor:'95%'
												}
										  	]
										}
									]
								}
								,{
									layout:'column'
									,items:[
										{
											columnWidth:1
										  	,border:false
										  	,layout:'form'
										  	,items:[
										  		{
										  			xtype:'textfield'
													,fieldLabel:'备注'
													//,grow:true
													,name:'roRemark'
													//,width:200
													,anchor:'97%'//'97% 75%'
										  		}
										  	]
										}
									]
								}
							]
							
						}
						,{
							columnWidth:.35
							,border:false
							//,layout:'form'
							,items:[
								{
									id:'reservItemGrid'
									,title:'所定房间'
									,xtype:'grid'
									,anchor:'100%'
									,frame:true
									,height:180
									//,autoHeight:true
									,scrollOffset:5
									,store:new Ext.data.JsonStore({
										url:'reserv.htm?action=findReservRooms'
										,totalProperty:'totalCount'
										,root:'rooms'
										,baseParams:{start:0, limit:10}
										,fields:[
											'rmId'
											,'rmCatalog'
											,'rmArea'
											,'rmFloor'
											,{name:'rmPrctPrice',type:'float'}
											,{name:'rmPrctDiscount',type:'float'}
										]
									})
									,columns:[
										{id:'rooms',header:'房间',width:50,sortable:true,dataIndex:'rmId'}
										,{header:'类型',width:50,sortable:true,dataIndex:'rmCatalog'}
										,{header:'预设单价',width:70,sortable:true,dataIndex:'rmPrctPrice'}
										,{header:'预设折扣',width:70,sortable:true,dataIndex:'rmPrctDiscount'}
									]
								}
							]