Index: ssts-web/src/main/webapp/disinfectsystem/invoice/invoicePlanExtractedView.js
===================================================================
diff -u -r22464 -r22474
--- ssts-web/src/main/webapp/disinfectsystem/invoice/invoicePlanExtractedView.js	(.../invoicePlanExtractedView.js)	(revision 22464)
+++ ssts-web/src/main/webapp/disinfectsystem/invoice/invoicePlanExtractedView.js	(.../invoicePlanExtractedView.js)	(revision 22474)
@@ -13,7 +13,7 @@
 var appFormType = '';
 var invoiceDepartGroups = '';
 var appDepartCode = '';
-
+var view_recyclingapplicationStore = null;
 var diposableGooodsStore = new Ext.data.SimpleStore({
 	fields : [ 'typeName' ],
 	url : WWWROOT + '/disinfectSystem/diposableGoodsAction!getDiposableGoodsType.do'
@@ -260,6 +260,30 @@
     });
     return applyDateDataArray;
 }
+var ViewAppGridItem = Ext.data.Record.create([
+                                          {name : 'showTousseName'}, 
+                                          {name : 'count'},
+                                          {name : 'urgentAmount'}
+                                        ]);
+function onSelChange(sm){
+	var rs = sm.getSelections();
+	view_recyclingapplicationStore.removeAll();
+	for(var i=0;i<rs.length;++i){
+		var record = rs[i];
+		var voItems = record.data['applicationGoodsVos'];
+		for(var i=0;i<voItems.length;i++) {
+			var showTousseName = voItems[i].showTousseName;
+			var count = voItems[i].count;
+			var urgentAmount = voItems[i].urgentAmount;
+			var newRecord = new ViewAppGridItem({
+				showTousseName : showTousseName,
+				urgentAmount : urgentAmount,
+				count : count
+			});
+			view_recyclingapplicationStore.add(newRecord);
+		}
+	}
+}
 Ext.onReady(function() {
 //	Ext.QuickTips.init();
 //	Ext.apply(Ext.QuickTips.getQuickTip(), { 
@@ -313,7 +337,17 @@
 		departGroupStore.insert(0, record);
 	});
 	
-	var selectModel = new Ext.grid.CheckboxSelectionModel();
+	var selectModel = new Ext.grid.CheckboxSelectionModel({
+		
+	});
+	var row_selectModel = new Ext.grid.RowSelectionModel({
+		singleSelect:true,
+		listeners: {
+			selectionchange: function(sm){
+				onSelChange(sm);
+			}
+		}
+	});
 	grid = new Ext.grid.GridPanel({
 	    store : new Ext.data.Store({
 	    	autoLoad: false,
@@ -338,7 +372,7 @@
 	    height : 325,
 	    width : 485,
 	    bodyStyle : 'border:1px solid #afd7af',
-	    sm : selectModel,
+	    sm : row_selectModel,
 	    cm : new top.Ext.grid.ColumnModel([selectModel,
             {header : "紧急度",width : 20,dataIndex : 'urgency', renderer : urgencyIconRender3},
 	         {header : "科室",width : 50,dataIndex : 'depart',menuDisabled:true,renderer : renderCallModifyFunction},
@@ -359,235 +393,246 @@
 			}
 		},
 	    loadMask:{msg:'正在加载，请稍候...'},
-	    title : '发货计划列表',
-	    tbar : [{
-					text : '科室分组:'
-				},{
-					xtype : 'combo',
-					id : 'invoiceDepartGroup',
-					name : 'invoiceDepartGroup',
-					valueField : 'departCode',
-					displayField : 'shift',
-					allowBlank : false,
-					editable : false,
-					emptyText:'请选择科室分组',
-					width : 120,
-					store : departGroupStore,
-					forceSelection : true,
-					triggerAction : 'all',
-					listeners : {
-						select : function(combo, record, index){
-							refreshList();
-						}
-					},
-					anchor : '95%'
-				},{
-					text : '申请日期:'
-				},{
-					xtype : 'combo',
-					id : 'applyDate',
-					name : 'applyDate',
-					valueField : 'value',
-					displayField : 'key',
-					allowBlank : true,
-					editable : false,
-					width : 120,
-					emptyText:'请选择申请单日期',
-					mode:'local',
-					store : new Ext.data.SimpleStore({
-						data: getTimeComboData(),
-						fields:['key','value']
-					}),
-					forceSelection : true,
-					triggerAction : 'all',
-					listeners : {
-						select : function(combo, record, index){
-							refreshList(true);
-						}
-					},
-					anchor : '95%'
-				},{
-					text : '开始日期:'
-				},{
-					xtype : sstsConfig.timeSearchFmt ? 'datefieldWithMin' : 'datefield',
-					fieldLabel : '开始日期',
-					name : 'startDate',
-					format : sstsConfig.timeSearchFmt || 'Y-m-d',
-					id : 'startDate',
-					readOnly : false,
-					editable : false,
-					width : sstsConfig.timeSearchFmt ? 150 : 100
-				},{
-					text : '结束日期:'
-				},{
-            		xtype : sstsConfig.timeSearchFmt ? 'datefieldWithMin' : 'datefield',
-					fieldLabel : '结束日期',
-					name : 'endDate',
-					id : 'endDate',
-					readOnly : false,
-					editable : false,
-					// altFormats: sstsConfig.timeSearchFmt || 'Y-m-d|Y-n-j|y-n-j|y-m-j|y-m-d|y-n-d|Y-n-d|Y-m-j|Ymd|Ynj|ynj|ymj|ymd|ynd|Ynd|Ymj|Y/m/d|Y/n/j|y/n/j|y/m/j|y/m/d|y/n/d|Y/n/d|Y/m/j',
-            		format : sstsConfig.timeSearchFmt || 'Y-m-d',
-            		width : sstsConfig.timeSearchFmt ? 150 : 100
-				}, {
-					text : '物品类型:'
-				},{
-					xtype : 'multiSelect',
-					id : 'tousseType',
-					name : 'tousseType',
-					valueField : 'value',
-					displayField : 'key',
-					allowBlank : true,
-					editable : false,
-					fieldLabel:'类型',
-					width : 150,
-					emptyText:'请选择物品类型',
-					mode:'local',
-					store : new Ext.data.SimpleStore({
-						data:tousseTypeDataArray,
-						fields:['key','value']
-					}),
-//					forceSelection : true,
-					triggerAction : 'all',
-					listeners : {
-						select : function(combo, record, index){
-							onDisposableGoodsTousseTypeChange(combo, record);
-							refreshList();
-						}
-					},
-					anchor : '95%'
-				},{
-				    text : '刷新列表',
-				    iconCls : 'btn_ext_refresh1',
-				    handler : function() {
-				    	refreshList(false,true);
-				    }
-				}],
-				listeners: {
-					render : function() {
-		        	var tbar2 = new Ext.Toolbar ({
-		        		items : [{
-							text : '申请单类型:'
-						},
-							createAppFormCombo()
-						,{
-							text : '申请科室:'
-						},
-						{
-							xtype : 'combo',
-							id : 'appDepart',
-							name : 'appDepart',
-							queryParam : 'spell',
-							minChars : 0,
-							valueField : 'departCode',
-							displayField : 'name',
-							store : appDepartJsonStore,
-							forceSelection : true,
-							lazyInit : true,
-							triggerAction : 'all',
-//							hideTrigger : true,
-							typeAhead : false,
-							allowBlank : true,
-//							anchor : '99%',
-							listeners:{
-								select:function(combo, record, index){
-									
-									refreshList();
-								},
-								focus : function(thiz){
-									thiz.selectText();
-								}
-							}						
-						}, {
-							text : '一次性物品类型:',
-							hidden : !sstsConfig.invoicePlanExtractedView_showDisposableGoodsType
-						},{
-							xtype : 'multiSelect',
-							id : 'disposableGoodsType',
-							name : 'disposableGoodsType',
-							hidden : !sstsConfig.invoicePlanExtractedView_showDisposableGoodsType,
-							valueField : 'typeName',
-							displayField : 'typeName',
-							allowBlank : true,
-							editable : false,
-							fieldLabel:'类型',
-							width : 150,
-							emptyText:'请选择物品类型',
-							mode:'local',
-							store : diposableGooodsStore,
-//							forceSelection : true,
-							triggerAction : 'all',
-							listeners : {
-								select : function(combo, record, index){
-									refreshList();
-								},
-								beforeselect:function(combo, record, index){
-									var c = record.get(combo.checkField);
-									if(combo.getCheckedCount() <= 1 && c){
-										return false;
-									}
-									return true;
-								}
-							},
-							anchor : '95%'
-						}
-						]
-		        	});
-		        	tbar2.render(grid.tbar);
-		        	// 自动加载列表
-		        	selectTousseTypeOnLoad();
-					
-		        }
-			}
+	    title : '发货计划列表'
+	    
 				
 	});
-	grid.on('mouseover', function(e) {// 添加mouseover事件
-		var index = grid.getView().findRowIndex(e.getTarget());// 根据mouse所在的target可以取到列的位置
-		if (index !== false) {// 当取到了正确的列时，（因为如果传入的target列没有取到的时候会返回false）
-			var record = this.getStore().getAt(index);
-			var tableContent = record.data['htmlContent'];
-			if(!tableContent){
-				var content = "";
-				var voItems = record.data['applicationGoodsVos'];
-				for(var i=0;i<voItems.length;i++) {
-					var showTousseName = voItems[i].showTousseName;
-					var count = voItems[i].count;
-					var urgentAmount = voItems[i].urgentAmount;
-
-					content += "<tr height=25 ";
-//                    content += voItems[i].delivered === false ? "style='background-color: palevioletred'>" : ">";
-					content += ">";
-					content +=
-							"<td align='left'>&nbsp" + showTousseName +"</td>" +
-							"<td align='center'>" + count+"</td>" +
-							"<td align='center'>" + urgentAmount+"</td>";
-					content +="</tr>";
-				}
-			
-				tableContent = ("<table height='100%' border='1' align='center' cellpadding='0' cellspacing='0'>" +
-						"<tr bgcolor='#D7EBD9'  height=25>" +
-							"<td width='190px' align='center'><h3>申请的物品</h3></td>" +
-							"<td width='70px' align='center'><h3>待发</h3></td>" +
-							"<td width='70px' align='center'><h3>加急</h3></td>");
-				tableContent += "</tr>" + content + "</table></br>";
-				record.set("htmlContent",tableContent);
-			}
-//			alert(tableContent)
-            e.getTarget().setAttribute('data-qtip', tableContent);
-//            e.getTarget().setAttribute('data-qwidth', 1000);
-            e.getTarget().setAttribute('data-qtitle', '&nbsp<font size=10>申请物品列表:</font>');
+	// 右边的明细
+	var view_rd = new Ext.data.JsonReader( {
+		fields : [
+		    {name : 'showTousseName'},
+		    {name : 'count'},
+		    {name : 'urgentAmount'}
+		]
+	});
+	//申请物品
+	view_recyclingapplicationStore = new Ext.data.Store({
+		reader : view_rd
+	});
+	
+	
+	var	view_recyclingapplicationCm = new Ext.grid.ColumnModel([
+        {header : "申请的物品",id:'showTousseName',dataIndex : 'showTousseName',width : 180,menuDisabled: true},
+        {header : "待发",dataIndex : 'count',width : 50, menuDisabled: true},
+		{header : '加急',id : 'urgentAmount',dataIndex : 'urgentAmount',width : 50,value : 0, menuDisabled: true,renderer:getDefaultAmount}
+	]);
+	var rightGrid = new Ext.grid.EditorGridPanel({
+		id : 'appGoodsDetail',
+		title : '申请物品明细',
+		store : view_recyclingapplicationStore,
+		cm : view_recyclingapplicationCm,
+		enableHdMenu : false,
+		width :423,
+		height :425,
+		loadMask : true,
+		autoExpandColumn : 'showTousseName',
+		frame : false,
+		bodyStyle : 'border:1px solid #afd7af',
+		viewConfig: {
+            forceFit:true
 		}
 	});
-
 	var viewport = new Ext.Viewport({
-        layout:'border',
+		layout:'border',
         items:[{
+        	id:'container_panel',
             region:'center',
             margins:'0 5 5 0',
             xtype : 'panel',
             autoScroll:true,
-            layout: 'fit',
-            items:grid
+            layout:'border',
+            items: [{
+            	region:'center',
+            	xtype : 'panel',
+            	layout: 'fit',
+            	items:grid
+            },{
+            	region:'east',
+            	xtype : 'panel',
+            	layout: 'fit',
+            	width: 300,
+            	items:rightGrid
+            }],
+            tbar : [{
+				text : '科室分组:'
+			},{
+				xtype : 'combo',
+				id : 'invoiceDepartGroup',
+				name : 'invoiceDepartGroup',
+				valueField : 'departCode',
+				displayField : 'shift',
+				allowBlank : false,
+				editable : false,
+				emptyText:'请选择科室分组',
+				width : 120,
+				store : departGroupStore,
+				forceSelection : true,
+				triggerAction : 'all',
+				listeners : {
+					select : function(combo, record, index){
+						refreshList();
+					}
+				},
+				anchor : '95%'
+			},{
+				text : '申请日期:'
+			},{
+				xtype : 'combo',
+				id : 'applyDate',
+				name : 'applyDate',
+				valueField : 'value',
+				displayField : 'key',
+				allowBlank : true,
+				editable : false,
+				width : 120,
+				emptyText:'请选择申请单日期',
+				mode:'local',
+				store : new Ext.data.SimpleStore({
+					data: getTimeComboData(),
+					fields:['key','value']
+				}),
+				forceSelection : true,
+				triggerAction : 'all',
+				listeners : {
+					select : function(combo, record, index){
+						refreshList(true);
+					}
+				},
+				anchor : '95%'
+			},{
+				text : '开始日期:'
+			},{
+				xtype : sstsConfig.timeSearchFmt ? 'datefieldWithMin' : 'datefield',
+				fieldLabel : '开始日期',
+				name : 'startDate',
+				format : sstsConfig.timeSearchFmt || 'Y-m-d',
+				id : 'startDate',
+				readOnly : false,
+				editable : false,
+				width : sstsConfig.timeSearchFmt ? 150 : 100
+			},{
+				text : '结束日期:'
+			},{
+        		xtype : sstsConfig.timeSearchFmt ? 'datefieldWithMin' : 'datefield',
+				fieldLabel : '结束日期',
+				name : 'endDate',
+				id : 'endDate',
+				readOnly : false,
+				editable : false,
+				// altFormats: sstsConfig.timeSearchFmt || 'Y-m-d|Y-n-j|y-n-j|y-m-j|y-m-d|y-n-d|Y-n-d|Y-m-j|Ymd|Ynj|ynj|ymj|ymd|ynd|Ynd|Ymj|Y/m/d|Y/n/j|y/n/j|y/m/j|y/m/d|y/n/d|Y/n/d|Y/m/j',
+        		format : sstsConfig.timeSearchFmt || 'Y-m-d',
+        		width : sstsConfig.timeSearchFmt ? 150 : 100
+			}, {
+				text : '物品类型:'
+			},{
+				xtype : 'multiSelect',
+				id : 'tousseType',
+				name : 'tousseType',
+				valueField : 'value',
+				displayField : 'key',
+				allowBlank : true,
+				editable : false,
+				fieldLabel:'类型',
+				width : 150,
+				emptyText:'请选择物品类型',
+				mode:'local',
+				store : new Ext.data.SimpleStore({
+					data:tousseTypeDataArray,
+					fields:['key','value']
+				}),
+//				forceSelection : true,
+				triggerAction : 'all',
+				listeners : {
+					select : function(combo, record, index){
+						onDisposableGoodsTousseTypeChange(combo, record);
+						refreshList();
+					}
+				},
+				anchor : '95%'
+			},{
+			    text : '刷新列表',
+			    iconCls : 'btn_ext_refresh1',
+			    handler : function() {
+			    	refreshList(false,true);
+			    }
+			}],
+			listeners: {
+				render : function() {
+	        	var tbar2 = new Ext.Toolbar ({
+	        		items : [{
+						text : '申请单类型:'
+					},
+						createAppFormCombo()
+					,{
+						text : '申请科室:'
+					},
+					{
+						xtype : 'combo',
+						id : 'appDepart',
+						name : 'appDepart',
+						queryParam : 'spell',
+						minChars : 0,
+						valueField : 'departCode',
+						displayField : 'name',
+						store : appDepartJsonStore,
+						forceSelection : true,
+						lazyInit : true,
+						triggerAction : 'all',
+//						hideTrigger : true,
+						typeAhead : false,
+						allowBlank : true,
+//						anchor : '99%',
+						listeners:{
+							select:function(combo, record, index){
+								
+								refreshList();
+							},
+							focus : function(thiz){
+								thiz.selectText();
+							}
+						}						
+					}, {
+						text : '一次性物品类型:',
+						hidden : !sstsConfig.invoicePlanExtractedView_showDisposableGoodsType
+					},{
+						xtype : 'multiSelect',
+						id : 'disposableGoodsType',
+						name : 'disposableGoodsType',
+						hidden : !sstsConfig.invoicePlanExtractedView_showDisposableGoodsType,
+						valueField : 'typeName',
+						displayField : 'typeName',
+						allowBlank : true,
+						editable : false,
+						fieldLabel:'类型',
+						width : 150,
+						emptyText:'请选择物品类型',
+						mode:'local',
+						store : diposableGooodsStore,
+//						forceSelection : true,
+						triggerAction : 'all',
+						listeners : {
+							select : function(combo, record, index){
+								refreshList();
+							},
+							beforeselect:function(combo, record, index){
+								var c = record.get(combo.checkField);
+								if(combo.getCheckedCount() <= 1 && c){
+									return false;
+								}
+								return true;
+							}
+						},
+						anchor : '95%'
+					}
+					]
+	        	});
+	        	var c = Ext.getCmp('container_panel');
+	        	tbar2.render(c.tbar);
+	        	// 自动加载列表
+	        	selectTousseTypeOnLoad();
+				
+	        }
+		}
         }]
     });
 	g_stopDefault = false;