Index: ssts-web/src/main/webapp/disinfectsystem/toussemanager/tousseinstancemanager/tousseInstanceView.jsp
===================================================================
diff -u -r30222 -r30230
--- ssts-web/src/main/webapp/disinfectsystem/toussemanager/tousseinstancemanager/tousseInstanceView.jsp	(.../tousseInstanceView.jsp)	(revision 30222)
+++ ssts-web/src/main/webapp/disinfectsystem/toussemanager/tousseinstancemanager/tousseInstanceView.jsp	(.../tousseInstanceView.jsp)	(revision 30230)
@@ -118,55 +118,51 @@
 <style>
     #progressBars {
         width: 100%;
-        height: 50px;
+        height: 40px;
     }
 
     .order_status {
-        height: 50px;
+        height: 40px;
         padding-left: 20px;
     }
 
     .order_status .s-step {
         float: left;
-        width: 100px;
-        height: 50px;
+        width: 70px;
+        height: 40px;
         position: relative;
     }
 
     .order_status .s-step b {
         display: block;
-        width: 15px;
-        height: 15px;
-        line-height: 15px;
+        width: 14px;
+        height: 14px;
         border-radius: 50%;
         position: absolute;
         left: 10px;
-        top: 23px;
-        behavior: url(./PIE.htc);
+        top: 21px;
         z-index: 87
     }
 
     .order_status .s-step b b.green {
         display: block;
-        width: 10px;
-        height: 10px;
-        line-height: 10px;
+        width: 9px;
+        height: 9px;
         border-radius: 50%;
         background:#ffffff;
         left: 0;
         top: 0;
         z-index: 88;
         behavior: url(./PIE.htc);
-        border: 5px solid #367f21;
+        border: 3px solid #367f21;
         display: block;
     }
 
     .order_status .s-step.active b b.red {
-        border: 5px solid #f00000;
+        border: 3px solid #f00000;
         display: block;
-        width: 10px;
-        height: 10px;
-        line-height: 10px;
+        width: 9px;
+        height: 9px;
         border-radius: 50%;
         background:#ffffff;
         left: 0;
@@ -177,11 +173,10 @@
     }
 
     .order_status .s-step.none b b.grey {
-        border: 5px solid grey;
+        border: 3px solid grey;
         display: block;
-        width: 10px;
-        height: 10px;
-        line-height: 10px;
+        width: 9px;
+        height: 9px;
         border-radius: 50%;
         background:#ffffff;
         left: 0;
@@ -191,31 +186,94 @@
         display: none;
     }
 
-    .order_status .s-step p {
-        width: 90px;
+    .order_status .s-step b.IE8b {
+        display: block;
+        width: 14px;
+        height: 14px;
+        border-radius: 50%;
+        position: absolute;
+        left: 10px;
+        top: 18px;
+        behavior: url(./PIE.htc);
+        z-index: 87
+    }
+
+    .order_status .s-step b b.IE8green {
+        display: block;
+        width: 16px;
+        height: 16px;
+        border-radius: 50%;
+        background:#ffffff;
+        left: 0;
+        top: 0;
+        z-index: 88;
+        behavior: url(./PIE.htc);
         border: 2px solid #367f21;
-        top: 30px;
+        display: block;
+    }
+
+    .order_status .s-step.active b b.IE8red {
+        border: 2px solid #f00000;
+        display: block;
+        width: 16px;
+        height: 16px;
+        border-radius: 50%;
+        background:#ffffff;
+        left: 0;
+        top: 0;
+        z-index: 88;
+        behavior: url(./PIE.htc);
+        display: none;
+    }
+
+    .order_status .s-step.none b b.IE8grey {
+        border: 2px solid grey;
+        display: block;
+        width: 16px;
+        height: 16px;
+        border-radius: 50%;
+        background:#ffffff;
+        left: 0;
+        top: 0;
+        z-index: 88;
+        behavior: url(./PIE.htc);
+        display: none;
+    }
+
+    .order_status .s-step p {
+        width: 60px;
+        border-top: 2px solid #367f21;
+        top: 27px;
         position: absolute;
         z-index: 86;
-        left: -80px;
+        left: -50px;
     }
 
-    .order_status .s-step.active p {
-        border: 2px solid #f00000;
+    .order_status .s-step p.IE8p {
+        width: 56px;
+        border-top: 2px solid #367f21;
+        top: 27px;
+        position: absolute;
+        z-index: 86;
+        left: -45px;
     }
 
-    .order_status .s-step.none p {
-        border: 2px solid #ccc;
+    .order_status .s-step.active p,.order_status .s-step.active p.IE8p {
+        border-top: 2px solid #f00000;
     }
 
+    .order_status .s-step.none p,.order_status .s-step.none p.IE8p {
+        border-top: 2px solid grey;
+    }
+
     .order_status .s-step p.none,.order_status .s-step.active p.none,.order_status .s-step.none p.none {
-        width: 0;
+        display: none;
     }
 
     .order_status .s-step div {
         display: block;
         position: absolute;
-        top: 3px;
+        top: 0px;
         z-index: 87;
         text-align: center;
         font-size: 12px;
@@ -231,11 +289,11 @@
     }
 
     .order_status .s-step.none div {
-        color: #ccc
+        color: grey
     }
 
     .order_status .s-step p.border {
-        border: 2px solid #ccc;
+        border-top: 2px solid grey;
     }
 </style>
 <object id="LODOP" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=0 height=0>
@@ -245,7 +303,7 @@
     cellpadding="0" cellspacing="0">
     <tr>
         <td>
-            <div id="progressBars"></div>
+            <div id="progressBar"></div>
         </td>
     </tr>
 	<tr height="100%;">
Index: ssts-web/src/main/webapp/disinfectsystem/toussemanager/tousseinstancemanager/tousseInstanceView.js
===================================================================
diff -u -r30222 -r30230
--- ssts-web/src/main/webapp/disinfectsystem/toussemanager/tousseinstancemanager/tousseInstanceView.js	(.../tousseInstanceView.js)	(revision 30222)
+++ ssts-web/src/main/webapp/disinfectsystem/toussemanager/tousseinstancemanager/tousseInstanceView.js	(.../tousseInstanceView.js)	(revision 30230)
@@ -516,6 +516,80 @@
 	}
 }
 
+//更新进度条的状态(兼容IE8)
+function updateprogressStatusIE8(items){
+	var status = '';
+	var tousseType = '';
+	var isSterile = '';
+	for(var i=0;i<10;i++){
+		documentGetElementsByClassName('s-step')[i].className = 's-step s-step'+i;
+		documentGetElementsByClassName('IE8green'+i)[0].style.display = 'block';
+		documentGetElementsByClassName('IE8green'+i)[0].style.behavior = 'url(./PIE.htc)';
+	}
+	documentGetElementsByClassName('step3-line')[0].className = 'step3-line IE8p';
+	documentGetElementsByClassName('step7-line')[0].className = 'step7-line IE8p';
+	for(var i=0;i<items.length;i++){
+		status = items[i].get('status');
+		tousseType = items[i].get('tousseDefinition.tousseType');
+		isSterile = items[i].get('tousseDefinition.isSterile');
+	}
+	var arr = ['科室申领','已回收','已消毒','已装配','已审核','灭菌中/灭菌待确认','已灭菌','已发货','已签收','已使用'];
+	var index = arr.indexOf(status);
+
+	if(index > 0){
+		for(var i=0;i<=index;i++){
+			documentGetElementsByClassName('s-step'+i)[0].className = 's-step s-step'+i+' active';
+			documentGetElementsByClassName('IE8green'+i)[0].style.display = 'none';
+			documentGetElementsByClassName('IE8grey'+i)[0].style.display = 'none';
+			documentGetElementsByClassName('IE8red'+i)[0].style.display = 'block';
+			documentGetElementsByClassName('IE8red'+i)[0].style.behavior = 'url(./PIE.htc)';
+		}
+	}
+
+	if(tousseType == '消毒物品' && isSterile == '否'){
+		documentGetElementsByClassName('s-step5')[0].className = 's-step s-step5 none';
+		documentGetElementsByClassName('s-step6')[0].className = 's-step s-step6 none';
+		documentGetElementsByClassName('step7-line')[0].className = 'step7-line border IE8p';
+		documentGetElementsByClassName('IE8grey5')[0].style.display = 'block';
+		documentGetElementsByClassName('IE8grey6')[0].style.display = 'block';
+		documentGetElementsByClassName('IE8grey5')[0].style.behavior = 'url(./PIE.htc)';
+		documentGetElementsByClassName('IE8grey6')[0].style.behavior = 'url(./PIE.htc)';
+		documentGetElementsByClassName('IE8green5')[0].style.display = 'none';
+		documentGetElementsByClassName('IE8green6')[0].style.display = 'none';
+		documentGetElementsByClassName('IE8red5')[0].style.display = 'none';
+		documentGetElementsByClassName('IE8red6')[0].style.display = 'none';
+	}else if(tousseType == '敷料包'){
+		documentGetElementsByClassName('s-step1')[0].className = 's-step s-step1 none';
+		documentGetElementsByClassName('s-step2')[0].className = 's-step s-step2 none';
+		documentGetElementsByClassName('step3-line')[0].className = 'step3-line border IE8p';
+		documentGetElementsByClassName('IE8grey1')[0].style.display = 'block';
+		documentGetElementsByClassName('IE8grey2')[0].style.display = 'block';
+		documentGetElementsByClassName('IE8grey1')[0].style.behavior = 'url(./PIE.htc)';
+		documentGetElementsByClassName('IE8grey2')[0].style.behavior = 'url(./PIE.htc)';
+		documentGetElementsByClassName('IE8green1')[0].style.display = 'none';
+		documentGetElementsByClassName('IE8green2')[0].style.display = 'none';
+		documentGetElementsByClassName('IE8red1')[0].style.display = 'none';
+		documentGetElementsByClassName('IE8red2')[0].style.display = 'none';
+	}else if(tousseType == '自定义器械包'){
+		documentGetElementsByClassName('s-step0')[0].className = 's-step s-step0 none';
+		documentGetElementsByClassName('s-step1')[0].className = 's-step s-step1 none';
+		documentGetElementsByClassName('s-step2')[0].className = 's-step s-step2 none';
+		documentGetElementsByClassName('step3-line')[0].className = 'step3-line border IE8p';
+		documentGetElementsByClassName('IE8grey0')[0].style.display = 'block';
+		documentGetElementsByClassName('IE8grey1')[0].style.display = 'block';
+		documentGetElementsByClassName('IE8grey2')[0].style.display = 'block';
+		documentGetElementsByClassName('IE8grey0')[0].style.behavior = 'url(./PIE.htc)';
+		documentGetElementsByClassName('IE8grey1')[0].style.behavior = 'url(./PIE.htc)';
+		documentGetElementsByClassName('IE8grey2')[0].style.behavior = 'url(./PIE.htc)';
+		documentGetElementsByClassName('IE8green0')[0].style.display = 'none';
+		documentGetElementsByClassName('IE8green1')[0].style.display = 'none';
+		documentGetElementsByClassName('IE8green2')[0].style.display = 'none';
+		documentGetElementsByClassName('IE8red0')[0].style.display = 'none';
+		documentGetElementsByClassName('IE8red1')[0].style.display = 'none';
+		documentGetElementsByClassName('IE8red2')[0].style.display = 'none';
+	}
+}
+
 //初始函数
 var readyFunction = function(serverTime) {
 	var columns = new Array();
@@ -1247,7 +1321,7 @@
 //		autoHeight : true,
 //        autoScroll : true,
 		height : (fontSize == 12 ? 210 : 245),
-		margins:sstsConfig.enableTousseStatusProgressBar?(isIE(8)?'70 0 0 0':'50 0 0 0'):'0',
+		margins:(isIE(8) && sstsConfig.enableTousseStatusProgressBar)?'50 0 0 0':'',
         items : {
         	layout : 'column',
 			width: fontSize == 12 ? 1100 : 1300,
@@ -1479,6 +1553,8 @@
 			text : ':已过期包',
 			minWidth : 30,
 			handleMouseEvents : false
+		},{
+			id:'progressBars'
 		}];
 
 
@@ -1509,15 +1585,23 @@
 		totalDataCount = store.totalLength;
 		var items = store.data.items;
 		if(items.length == 1 && sstsConfig.enableTousseStatusProgressBar){
-			updateprogressStatus(items);
+			if(isIE(8)){
+				updateprogressStatusIE8(items);
+			}else {
+				updateprogressStatus(items);
+			}
 		}
 	});
 
 	if(sstsConfig.enableTousseStatusProgressBar){
 		grid.addListener('rowclick', function(grid, rowindex, e){
 			var selectionModel = grid.getSelectionModel();
 			var items = selectionModel.selections.items;
-			updateprogressStatus(items);
+			if(isIE(8)){
+				updateprogressStatusIE8(items);
+			}else {
+				updateprogressStatus(items);
+			}
 		}); 
 	}
 
@@ -1528,35 +1612,56 @@
 			margins : '0 0 0 0',
 			layout : 'fit',
 			items : grid
-		}],
-		listeners:{
-			render:function(){
-				if(sstsConfig.enableTousseStatusProgressBar){
-					var html = '<div class="order_status">';
-					var arr = ['科室申领','回收清点','清洗消毒','已装配','已审核','灭菌中','已灭菌','已发货','已签收','已使用'];
-					for(var i=0;i<arr.length;i++){
-						html += '<span class="s-step s-step'+i+'">';
-						html += '<b>';
-						html += '<b class="green green'+i+'"></b>';
-						html += '<b class="red red'+i+'"></b>';
-						html += '<b class="grey grey'+i+'"></b>';
-						html += '</b>';
-						if(i == 0){
-							html += '<p class="none"></p>';
-						}else if(i == 3 || i == 7){
-							html += '<p class="step'+i+'-line"></p>';
-						}else {
-							html += '<p></p>';
-						}
-						html += '<div>'+arr[i]+'</div>';
-						html += '</span>';
+		}]
+	});
+
+	Ext.onReady(function(){
+		if(sstsConfig.enableTousseStatusProgressBar){
+			var html = '<div class="order_status">';
+			var arr = ['科室申领','回收清点','清洗消毒','已装配','已审核','灭菌中','已灭菌','已发货','已签收','已使用'];
+			if(isIE(8)){
+				for(var i=0;i<arr.length;i++){
+					html += '<span class="s-step s-step'+i+'">';
+					html += '<b class="IE8b">';
+					html += '<b class="IE8green IE8green'+i+'"></b>';
+					html += '<b class="IE8red IE8red'+i+'"></b>';
+					html += '<b class="IE8grey IE8grey'+i+'"></b>';
+					html += '</b>';
+					if(i == 0){
+						html += '<p class="none IE8p"></p>';
+					}else if(i == 3 || i == 7){
+						html += '<p class="step'+i+'-line IE8p"></p>';
+					}else {
+						html += '<p class="IE8p"></p>';
 					}
-					html += '</div>';
-					document.getElementById('progressBars').innerHTML = html;
+					html += '<div>'+arr[i]+'</div>';
+					html += '</span>';
 				}
+				html += '</div>';
+				document.getElementById('progressBar').innerHTML = html;
+			}else {
+				for(var i=0;i<arr.length;i++){
+					html += '<span class="s-step s-step'+i+'">';
+					html += '<b>';
+					html += '<b class="green green'+i+'"></b>';
+					html += '<b class="red red'+i+'"></b>';
+					html += '<b class="grey grey'+i+'"></b>';
+					html += '</b>';
+					if(i == 0){
+						html += '<p class="none"></p>';
+					}else if(i == 3 || i == 7){
+						html += '<p class="step'+i+'-line"></p>';
+					}else {
+						html += '<p></p>';
+					}
+					html += '<div>'+arr[i]+'</div>';
+					html += '</span>';
+				}
+				html += '</div>';
+				document.getElementById('progressBars').innerHTML = html;
 			}
 		}
-	});
+	})
 }
 
 //回收记录,装配记录视频