Index: ssts-web/src/main/webapp/disinfectsystem/showTousseImage/ext4ShowTousseImage.js =================================================================== diff -u -r14236 -r14693 --- ssts-web/src/main/webapp/disinfectsystem/showTousseImage/ext4ShowTousseImage.js (.../ext4ShowTousseImage.js) (revision 14236) +++ ssts-web/src/main/webapp/disinfectsystem/showTousseImage/ext4ShowTousseImage.js (.../ext4ShowTousseImage.js) (revision 14693) @@ -1,11 +1,51 @@ //展示器械包信息 function getAndShowTousseInfoDiv(tousseName) { + var materialId = null; + var materialName = ''; + var curMaterialPage = 0; + var materialTotalPage = 0; + var toolbarPage = new top.Ext4.Toolbar.TextItem({ + text : '第0页' + }); + var toolbarTotalPage = new top.Ext4.Toolbar.TextItem({ + text : '共0页' + }); + var img_tbar = [ { + text : '上一张', + handler : function() { + if(materialTotalPage == 0){ + showResult('没有图片'); + } + if (curMaterialPage <= 1) { + showResult('已是第一页'); + return; + } + --curMaterialPage; + loadCurrentMaterialImage(materialId,materialName); + } + },toolbarPage, + toolbarTotalPage,{ + text : '下一张', + handler : function() { + if(materialTotalPage == 0){ + showResult('没有图片'); + } + if (curMaterialPage + 1 > materialTotalPage) { + showResult('已是最后一页'); + return; + } + ++curMaterialPage; + loadCurrentMaterialImage(materialId,materialName); + } + }]; + var imagePanel = new top.Ext4.Panel({ id : 'imagePanel', height :500, border : false, autoScroll: true, + bbar : img_tbar, layout : 'fit', items : [{ xtype : 'image', @@ -31,6 +71,54 @@ image.setSrc(''); image.setSrc(url);// 覆盖原来的图片 } + function loadMaterialImage2(id,name){ + clearMaterialImage(id,name); + Ext.Ajax.request({ + url : WWWROOT + '/disinfectSystem/baseData/materialDefinitionAction!getTousseUploadPicTotalPage.do', + params : { + id : id + }, + success : function(result){ + materialId =id; + materialName = name; + top.Ext4.getCmp('imagePanel').setTitle('材料[' + name + '] 图片'); + var pageStr = result.responseText; + materialTotalPage = parseInt(pageStr); + curMaterialPage = 0; + if(materialTotalPage > 0){ + curMaterialPage = 1; + } + var element = top.Ext4.get(toolbarTotalPage.el); + element.update('共' + materialTotalPage + '页'); + loadCurrentMaterialImage(id,name); + }, + failure : function(){ + loadCurrentMaterialImage(id,name); + } + }); + } + function loadCurrentMaterialImage(id,name){ + var image = top.Ext4.getCmp('browseImage'); + image.setSrc(''); + if(curMaterialPage > 0){ +// var url = WWWROOT + '/disinfectSystem/baseData/materialDefinitionAction!getImage.do?id='+id+'&materialName='+name+'&number='+curMaterialPage; + var url = WWWROOT + '/disinfectSystem/baseData/materialDefinitionAction!getToussePic.do?id=' + id + '&page=' + curMaterialPage +'&time='+new Date();; + image.setSrc(url);// 覆盖原来的图片 + } + var element = top.Ext4.get(toolbarPage.el); + element.update('第' + curMaterialPage + '页'); + } + + function clearMaterialImage(id,name){ + materialTotalPage = 0; + curMaterialPage = 0; + var image = top.Ext4.getCmp('browseImage'); + image.setSrc(''); + var element = top.Ext4.get(toolbarTotalPage.el); + element.update('共' + materialTotalPage + '页'); + var element2 = top.Ext4.get(toolbarPage.el); + element2.update('第' + curMaterialPage + '页'); + } function loadTousseInstanceImage(){ var url = WWWROOT + "/disinfectSystem/recyclingApplicationAction!getImage.do?name=" + encodeURIComponent(tousseName)+'&imageType=器械包图片'; @@ -83,10 +171,11 @@ var materialDefinitionId = record.data['materialDefinitionId']; if (materialDefinitionId != '') { var materialName = record.data['name']; - loadMaterialImage(materialDefinitionId, materialName); + loadMaterialImage2(materialDefinitionId, materialName); } }, this); + var window = new top.Ext4.Window({ id : 'packageImg', title : tousseName + '信息', @@ -106,7 +195,7 @@ layout : 'fit', width : '70%', items : imagePanel - } ] + }] }); //材料 top.Ext4.getCmp('materialGrid').setTitle('[' + tousseName + '] 包含的材料');