From 9dc3f3a2f6bce714414392a182b62f5876ae381e Mon Sep 17 00:00:00 2001
From: zhanghongqing <zhanghongqing@intranet.com>
Date: Wed, 26 Sep 2018 16:27:17 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=B5=81=E9=87=8F?=
 =?UTF-8?q?=E7=BB=9F=E8=AE=A1=E5=B8=A6=E5=AE=BD=E7=BB=9F=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../TrafficStatisticsInfoController.java      |  34 +-
 .../views/dashboard/dashBoardIndex.jsp        |  78 +-
 .../global/plugins/highcharts/echart.js       | 916 ------------------
 .../highcharts => pages}/css/common.css       |   0
 .../highcharts => pages}/css/data_text.css    |  11 +-
 .../webapp/static/pages/scripts/echart.js     | 235 +++--
 6 files changed, 212 insertions(+), 1062 deletions(-)
 delete mode 100644 src/main/webapp/static/global/plugins/highcharts/echart.js
 rename src/main/webapp/static/{global/plugins/highcharts => pages}/css/common.css (100%)
 rename src/main/webapp/static/{global/plugins/highcharts => pages}/css/data_text.css (94%)

diff --git a/src/main/java/com/nis/web/controller/dashboard/TrafficStatisticsInfoController.java b/src/main/java/com/nis/web/controller/dashboard/TrafficStatisticsInfoController.java
index 82b1a6ac1..69c096102 100644
--- a/src/main/java/com/nis/web/controller/dashboard/TrafficStatisticsInfoController.java
+++ b/src/main/java/com/nis/web/controller/dashboard/TrafficStatisticsInfoController.java
@@ -63,35 +63,41 @@ public class TrafficStatisticsInfoController extends BaseController {
 			fromJsonList = gson.fromJson(string, new TypeToken<Map>(){}.getType());
 			list = (ArrayList) fromJsonList.get("data");
 			Random r = new Random();
-			Double rejectNum=r.nextDouble()*100+61351;
-			Double dropConnNum=r.nextDouble()*100+54271;
-			Double monitorNum=r.nextDouble()*100+54271;
-			Double loopConnNum=r.nextDouble()*100+54271;
+			Double rejectNum=0d;
+			Double dropConnNum=0d;
+			Double monitorNum=0d;
+			Double loopConnNum=0d;
+			Double inoctetsNum=0d;
+			Double outoctetsNum=0d;
+			Double bandwidth=0d;
 			if(list!=null&&list.size()>0){
 				Map map = (Map) list.get(0);
 				rejectNum =	(Double) map.get("rejectNum") ;
 				monitorNum = (Double) map.get("monitorNum");
 				dropConnNum =  (Double) map.get("dropConnNum");
 				loopConnNum = (Double) map.get("loopConnNum");
+				inoctetsNum = (Double) map.get("inoctets");
+				outoctetsNum = (Double) map.get("outoctets");
+				//单位换算 byte->bit/s
+				inoctetsNum=(inoctetsNum*8)/(5*60*60);
+				outoctetsNum=(outoctetsNum*8)/(5*60*60);
+				
 			}
-			int newUniConn=r.nextInt(7666)+815036;
-			int liveConnNum=r.nextInt(852)+23621;
-			int bandwidth=r.nextInt(2567)+62150;
-			int c2sNum=r.nextInt(100);
+			bandwidth=inoctetsNum+outoctetsNum;
 			m.put("rejectNum", rejectNum);
 			m.put("monitorNum", monitorNum);
 			m.put("loopConnNum", loopConnNum);
 			m.put("dropConnNum", dropConnNum);
-			m.put("newUniConn", newUniConn);
-			m.put("liveConnNum", liveConnNum);
-			m.put("c2sNum", c2sNum);
-			m.put("bandwidth", bandwidth);
 			
-			logger.info("活跃IP数据"+fromJsonList);
+			m.put("bandwidth", bandwidth);
+			m.put("inoctetsNum", inoctetsNum);
+			m.put("outoctetsNum", outoctetsNum);
+			
+			logger.info("统计流量信息数据"+fromJsonList);
 			return m;
 		} catch (Exception e) {
 			e.printStackTrace();
-			logger.error("活跃IP错误"+e);
+			logger.error("统计流量信息数据错误"+e);
 		}
 		return m;
 	}
diff --git a/src/main/webapp/WEB-INF/views/dashboard/dashBoardIndex.jsp b/src/main/webapp/WEB-INF/views/dashboard/dashBoardIndex.jsp
index cbb10277b..2e1e98441 100644
--- a/src/main/webapp/WEB-INF/views/dashboard/dashBoardIndex.jsp
+++ b/src/main/webapp/WEB-INF/views/dashboard/dashBoardIndex.jsp
@@ -6,8 +6,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>数据概览</title>
-    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/global/plugins/highcharts/css/common.css">
-    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/global/plugins/highcharts/css/data_text.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/pages/css/common.css">
+    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/pages/css/data_text.css">
     <link rel="stylesheet" href="${pageContext.request.contextPath}/static/pages/css/dashboard.css">
     <script src="${pageContext.request.contextPath}/static/pages/scripts/dashboard.js"></script>
 
@@ -37,12 +37,14 @@
                  </div>
                     <div class="fl_fc">
 <%--                    <a href="${ctx}/dashboard/bandwidthList"> 详情显示--%>
-                        <p data-original-title="<spring:message code="bandwith"/>" 
+						<p>
+                        <label data-original-title="<spring:message code="bandwith"/>" 
                          class="tooltips" data-flag="false" data-html="true" data-placement="top"> 
                          <!-- 网络带宽 --><spring:message code="bandwith"/>
+                        </label>
                         </p>
-                 			<p class="csNum">In <span class="c2sNum">83</span>% <i id="c2sColor" class="fa fa-arrow-up"></i> | Out <span class="s2cNum">17</span>% <i id="s2cColor" class="fa fa-arrow-down"></i></p>
-                        	<span class="numberRun4">23802</span ><span class="numberRun4-unit"> bps</span>
+                 			<p class="csNum">In <span class="c2sNum">0</span> | Out <span class="s2cNum">0</span> </p>
+                        	<span class="numberRun4">0</span ><span class="numberRun4-unit"> bps</span>
                     </div>
                 </div>
                 <div class="fr_fc">
@@ -51,10 +53,13 @@
                 	 </div>
                     <div class="fl_fc">
 <!--                         <a href="javacript:;"> -->
-                        <p data-original-title="<spring:message code="action_reject"/>" 
+						<p>
+                        <label data-original-title="<spring:message code="action_reject"/>" 
                          class="tooltips" data-flag="false" data-html="true" data-placement="top"> 
-                         <!-- 阻断链接数 --><spring:message code="action_reject"/></p>
-                        <p class="numberRun1">2102</p>
+                         <!-- 阻断链接数 --><spring:message code="action_reject"/>
+                        </label>
+                         </p>
+                        <p class="numberRun1">0</p>
                     </div>
                 </div>
             </div>
@@ -71,7 +76,7 @@
                         <p data-original-title="<spring:message code="action_monit"/>" 
                          class="tooltips" data-flag="false" data-html="true" data-placement="top"> 
                          <!-- 监测链接数 --><spring:message code="action_monit"/></p>
-                        <p class="numberRun2">65802</p>
+                        <p class="numberRun2">0</p>
                     </div>
                 </div>
             <div class="fr_fc">
@@ -83,7 +88,7 @@
                         <p data-original-title="<spring:message code="action_drop"/>" 
                          class="tooltips" data-flag="false" data-html="true" data-placement="top"> 
                          <!-- 丢弃链接数 --><spring:message code="action_drop"/></p>
-                        <p class="numberRun3">85812</p>
+                        <p class="numberRun3">0</p>
                     </div>
                 </div>
                 <div class="fr_fc">
@@ -95,7 +100,7 @@
                         <p data-original-title="<spring:message code="action_loop"/>" 
                          class="tooltips" data-flag="false" data-html="true" data-placement="top">
 							<!-- 回流链接数 --><spring:message code="action_loop"/></p>
-                        <p class="numberRun">45802</p>
+                        <p class="numberRun">0</p>
                     
                     </div>
                 </div>
@@ -339,7 +344,7 @@ $(document).ready(function(){
 	ajaxinfo();
 	setInterval(function(){
 	 ajaxinfo();
-	},5000);
+	},20000);
 	
 	protocolList();//协议统计
 	ipActiveList();//活跃IP
@@ -360,8 +365,8 @@ $(document).ready(function(){
 });
 //获取数据info 
 function ajaxinfo(){
-	var c2s = $(".c2sNum").text().trim();
-	var s2c = $(".s2cNum").text().trim();
+// 	var c2s = $(".c2sNum").text().trim();
+// 	var s2c = $(".s2cNum").text().trim();
 	$.ajax({
 		url:'${ctx}/dashboard/traffic/info',
 		type : "get" ,
@@ -372,11 +377,41 @@ function ajaxinfo(){
 			dataScroll(".numberRun1",Math.floor(data.rejectNum));
 			dataScroll(".numberRun2",Math.floor(data.monitorNum));
 			dataScroll(".numberRun3",Math.floor(data.dropConnNum));
-			dataScroll(".numberRun4",Math.floor(data.bandwidth));
+			var bandwidth=data.bandwidth;
+			var bandwidthK=bandwidth/1024;
+			var bandwidthM=bandwidthK/1024;
+			if(bandwidthK>10){
+				bandwidth=bandwidthK;
+				$(".numberRun4-unit").text(" Kbps");
+				}
+			if(bandwidthM>10){
+				bandwidth=bandwidthM;
+				$(".numberRun4-unit").text(" Mbps");
+				}
+			dataScroll(".numberRun4",Math.floor(bandwidth));
 			//计算带宽进出口流量百分比
-			$("#c2sColor").removeClass();
-			$("#s2cColor").removeClass();
-			if(data.c2sNum!=c2s){
+// 			$("#c2sColor").removeClass();
+// 			$("#s2cColor").removeClass();
+			var inoctetsNum=Math.floor(data.inoctetsNum);
+			var inoctetsNumK=inoctetsNum/1024;
+			var inoctetsNumM=inoctetsNumK/1024;
+			var outoctetsNum=Math.floor(data.outoctetsNum);
+			var outoctetsNumK=outoctetsNum/1024;
+			var outoctetsNumM=outoctetsNumK/1024;
+			var unit="bps";
+			if(inoctetsNumK>10){
+				inoctetsNum=inoctetsNumK;
+				outoctetsNum=outoctetsNumK;
+				unit="Kbps";
+				};
+			if(inoctetsNumM>10){
+				inoctetsNum=inoctetsNumM;
+				outoctetsNum=outoctetsNumM;
+				unit="Mbps";
+				};
+			$(".c2sNum").text(inoctetsNum+" "+unit);
+			$(".s2cNum").text(outoctetsNum+" "+unit);
+			/* if(data.inoctetsNum!=c2s){
 			$(".c2sNum").text(data.c2sNum);
 			$(".s2cNum").text(100-data.c2sNum);
 			if(data.c2sNum>c2s){
@@ -393,7 +428,7 @@ function ajaxinfo(){
 			$("#s2cColor").addClass("fa fa-arrow-up");
 			$("#s2cColor").attr({style:"color:green"});
 				}
-			}
+			} */
 		},
 		error: function(data, textStatus, errorThrown){
 // 			warning_prompt("获取实时列表数据失败！",1500);
@@ -405,12 +440,7 @@ function ajaxinfo(){
 function dataScroll(index,nums){
 	var num=nums;
 	  var numRun = $(index).numberAnimate({num:num, speed:3000, symbol:","});
-// 	  var nums = 1000;
-// 	  setInterval(function(){
-// 	    nums-= 1000;
 	    numRun.resetData(nums);
-// 	  },2000);
-	
 }
 
 //切换下拉列表-操作系统与浏览器
diff --git a/src/main/webapp/static/global/plugins/highcharts/echart.js b/src/main/webapp/static/global/plugins/highcharts/echart.js
deleted file mode 100644
index 83a193ec4..000000000
--- a/src/main/webapp/static/global/plugins/highcharts/echart.js
+++ /dev/null
@@ -1,916 +0,0 @@
-
-
-    //协议统计分析
-    function echart_1(rs) {
-    	var data=new Array();
-    	var drillData=new Array();
-    	$(rs).each(function(i, d) {
-    		var pktNum=new Array();
-    		var byteLen=new Array();
-			//协议图-操作系统
-    		data.push({
-				name: d.protoType,
-				y: parseInt(d.count+Math.random()*300),
-				drilldown: d.protoType,
-    		});
-    		
-    		pktNum[0]="pktNum";
-    		pktNum[1]=parseInt(d.pktNum);
-    		byteLen[0]="byteLen";
-    		byteLen[1]=parseInt(d.byteLen);
-    		
-    		drillData.push({
-    			name: d.protoType,
-    			id: d.protoType,
-    			type:'pie',
-				innerSize: '70%',
-				data: [pktNum,byteLen],
-    		});
-    		
-	   });
-    	var chart = Highcharts.chart('chart_1', {
-    		chart: {
-    				type: 'pie',
-    				spacing : [40, 40 , 40, 40],
-    				backgroundColor: 'rgba(255, 255, 255, 0)',
-        			plotBackgroundColor:null,
-        			plotBorderWidth:null,
-        			plotShadow:false,
-//        			margin:10,
-    				
-    		},
-    		noData:{
-    			style: {//设置字体颜色
-					color: '#fff',
-				},
-    		},
-    		colors:['#f36f8a', '#44A9A8', '#ffff43','#25f3e6' ,'#964CEC','#32B0ED','#2b6ed7','#7278DD','#2DA9D8','#C66FE6'],
-    		title: {
-    				text: null
-    		},
-    		tool: {
-				enabled: true,
-				headerFormat: '<span style="font-size:10px">{point.key}: <b>{point.percentage:.1f}%</span><br>',
-				pointFormat: '{series.name}: {point.y}<b>',
-				shared: true,
-				useHTML: true
-			},
-    		credits:{//是否有highcharts水印
-    	        enabled:false
-    	    },
-    	    legend:{
-    	    	width:370,
-    	    	x:20,
-    	    	itemWidth:90,
-    	    	itemHoverStyle:{
-    	    		color:'#61D2F7',
-    	    	},
-    	    	itemStyle:{
-    	    		color: '#fff',
-    	    		fontFamily:'Microsoft YaHei',
-    	    	},
-//    	    	navigation: {//图例分页
-//	                activeColor: 'red',
-//				    animation: true,
-//				    arrowSize: 15,
-//				    inactiveColor: '#CCC',
-//					    style: {
-//					    fontWeight: 'bold',
-//					    color: '#333',
-//					    fontSize: '12px'
-//					    }
-//			    }
-    	    },
-    	    
-    		plotOptions: {
-    				pie: {
-    						allowPointSelect: true,
-    						cursor: 'pointer',
-    						showInLegend: true,
-    						dataLabels: {
-    								enabled: false,
-    								format: '{point.name}:</b>{point.percentage:.1f}%',
-    								style: {
-    										color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
-    								}
-    						},
-    						size: 200, //饼图的大小
-    						states: {
-    							hover: {
-    									enabled: false
-    							}  
-    						},
-    						point: {
-    								events: {
-    										mouseOver: function(e) {  // 鼠标滑过时动态更新标题
-    												// 标题更新函数，API 地址：https://api.hcharts.cn/highcharts#Chart.setTitle
-    												chart.setTitle({
-    														text:e.target.name.length>10? this.percentage.toFixed(1)+"%<br><span>"+e.target.name.substring(0,10)+"...</span>":this.percentage.toFixed(1)+"%<br><span>"+e.target.name.substring(0,10)+"</span>",
-    														floating:true,
-    														y:120,
-    														style: {//设置字体颜色
-    															color: '#fff',
-    								    						fontFamily:'Microsoft YaHei'
-    								    					},
-    												});
-    												this.slice();
-    										},
-    										// 鼠标移出时，收回突出显示
-    										mouseOut: function() {
-    												this.slice();
-    										},
-    										// 默认是点击突出，这里屏蔽掉
-    										click: function() {
-    												return false;
-    										}
-    								},
-    						},
-    				}
-    		},
-    		series: [{
-    				type: 'pie',
-    				innerSize: '70%',//圆环的大小
-    				name: 'count',
-    				data: data
-    		}],
-    		drilldown:{
-    			series:drillData,
-    			drillUpButton: {
-					relativeTo: 'spacingBox',
-    			}
-    		}
-    		
-    	}, function(c) { // 图表初始化完毕后的会掉函数
-    		// 环形图圆心
-    		var centerY = c.series[0].center[1],
-    				titleHeight = parseInt(c.title.styles.fontSize);
-    		// 动态设置标题位置
-    		c.setTitle({
-    				y:centerY + titleHeight/2
-    		});
-    	});
-    	
-    }
-
-    
-    // echart_main中心图 活跃IP统计
-    function echart_main(rs) {
-    	if(rs==null||rs.length<=0){
-    		rs=[{"ipAddr":"103.6.1.12","linkNum":532,"pktNum": 5,"byteLen": 6},
-    		    {"ipAddr":"163.5.6.43","linkNum":532,"pktNum": 5,"byteLen": 7},
-    		    {"ipAddr":"170.1.0.1","linkNum":532,"pktNum": 5,"byteLen": 8},
-    		    {"ipAddr":"10.32.33.61","linkNum":532,"pktNum": 5,"byteLen": 9},
-    		    {"ipAddr":"145.16.1.2","linkNum":532,"pktNum": 5,"byteLen": 10},
-    		    {"ipAddr":"153.5.0.36","linkNum":532,"pktNum": 5,"byteLen": 11}]	
-    	}
-    	var data=new Array();
-    	var xData=new Array();
-    	var drillData=new Array();
-    	$(rs).each(function(i, d) {
-    		var pktNum=new Array();
-    		var byteLen=new Array();
-    		xData.push(d.ipAddr);
-			//活跃IP图
-    		data.push({
-				name: d.ipAddr,
-				y: parseInt(d.linkNum+Math.random()*300),
-				drilldown: d.ipAddr,
-    		});
-    		pktNum[0]="pktNum";
-    		pktNum[1]=parseInt(d.pktNum);
-    		byteLen[0]="byteLen";
-    		byteLen[1]=parseInt(d.byteLen);
-    		drillData.push({
-    			name: d.ipAddr,
-    			id: d.ipAddr,
-    			type:'pie',
-    			tooltip: {
-    				enabled: true,
-    				pointFormat: '{series.name}: {point.y}<b> ({point.percentage:.1f}%)'
-    			},
-    			data: [pktNum,byteLen],
-    		});
-	   });
-    	var chart = Highcharts.chart('chart_main', {
-    		chart: {
-                backgroundColor: 'rgba(255, 255, 255, 0)',
-    			plotBackgroundColor:null,
-    			plotBorderWidth:null,
-    			plotShadow:false,
-    			type: 'bar',
-//    			marginLeft:80,
-    			marginTop:50,
-    			inverted: true,
-    		},
-    		noData:{
-    			style: {//设置字体颜色
-					color: '#fff',
-				},
-    		},
-    		colors:['#f36f8a', '#44A9A8', '#ffff43','#25f3e6','#964CEC','#32B0ED','#2b6ed7','#7278DD','#2DA9D8','#C66FE6'],
-    		title: {
-    				text: null
-    		},
-    		xAxis: {
-    				type:'category',
-    				categories: xData,
-    				title: {
-    						text: null
-    				},
-    			labels:{
-					formatter:function(){
-						if(this.value.length>15){
-							return '<span>'+this.value.substring(0,15)+"..."+'</span>'
-						}else{
-							return this.value
-						}
-					}
-				}
-    				
-    		},
-    		yAxis: {
-    				min: 0,
-    				title: {
-    						text: 'Number',
-    						align:'high',
-    						style: {//设置字体颜色
-								color: '#fff',
-								fontFamily:'Microsoft YaHei'
-							},
-    				},
-    				labels: {
-							style: {//设置字体颜色
-								color: '#fff',
-								fontFamily:'Microsoft YaHei'
-							},
-    				},
-    				lineWidth: 1,
-    				
-    		},
-    		tooltip: {
-//    	 			valueSuffix: ' 单位'
-    		},
-    		
-    		plotOptions: {
-    				bar: {
-						dataLabels: {
-							enabled: true,
-							allowOverlap: true, // 允许数据标签重叠
-						},
-						
-						showInLegend:false
-    				},
-    		},
-    		credits:{//是否有highcharts水印
-    	        enabled:false
-    	    },
-    		series: [{
-    			name: 'Number',
-    			colorByPoint: true,
-    			data: data
-    		}],
-    			drilldown:{
-    				activeAxisLabelStyle:{
-    					textDecoration:'none',
-    					color: '#fff',
-    					fontStyle:'Microsoft YaHei',
-    					
-    				},
-    				activeDataLabelStyle:{
-    					textDecoration:'none',
-    					color: '#fff',
-    					fontStyle:'Microsoft YaHei'
-    				},
-    				drillUpButton:{
-    					relativeTo: 'spacingBox',
-    				},
-    				series:drillData
-    			}
-    	});
-    }
-
-    //app应用类型统计  echart_3 
-    function echart_3(rs) {
-    	var data=new Array();
-    	var xData=new Array();
-    	var drillData=new Array();
-    	$(rs).each(function(i, d) {
-    		var pktNum=new Array();
-    		var byteLen=new Array();
-    		xData.push(d.appType);
-			//活跃IP图
-    		data.push({
-				name: d.appType,
-				y: parseInt(d.count+Math.random()*300),
-				drilldown: d.appType,
-    		});
-    		pktNum[0]="pktNum";
-    		pktNum[1]=parseInt(d.pktNum);
-    		byteLen[0]="byteLen";
-    		byteLen[1]=parseInt(d.byteLen);
-    		drillData.push({
-    			name: d.appType,
-    			id: d.appType,
-    			data: [pktNum,byteLen],
-    		});
-	   });
-    	var chart = Highcharts.chart('chart_3',{
-    		chart: {
-	    			backgroundColor: 'rgba(255, 255, 255, 0)',
-	    			plotBackgroundColor:null,
-	    			plotBorderWidth:null,
-	    			plotShadow:false,
-    				type: 'column',
-    				marginTop:50,
-    				marginBottom:60,
-    				
-    		},
-    		noData:{
-    			style: {//设置字体颜色
-					color: '#fff',
-				},
-    		},
-    		labels:{
-    			style: {//设置字体颜色
-					color: '#fff',
-					fontSize:'10px',
-					fontFamily:'Microsoft YaHei'
-				},
-    		},
-    		colors:['#f36f8a', '#44A9A8', '#ffff43','#25f3e6','#964CEC','#32B0ED','#2b6ed7','#7278DD','#2DA9D8','#C66FE6'],
-    		title: {
-    				text: null
-    		},
-    		credits:{//是否有highcharts水印
-    	        enabled:false
-    	    },
-    		xAxis: {
-    				categories: xData,
-    				labels:{
-    					style: {//设置字体颜色
-    						color: '#fff',
-    						fontSize:'10px',
-    						fontFamily:'Microsoft YaHei'
-    					},
-    				},
-    				title: {
-						text: 'App',
-						align:'high',
-						style: {//设置字体颜色
-							color: '#fff',
-							fontSize:'10px',
-							fontFamily:'Microsoft YaHei'
-						},
-				},
-    		},
-    		yAxis: {
-    				min: 0,
-    				title: {
-						text: 'Number',
-						align:'high',
-						style: {//设置字体颜色
-							color: '#fff',
-							fontFamily:'Microsoft YaHei'
-						},
-    				},
-    				labels:{
-    					style: {//设置字体颜色
-    						color: '#fff',
-    						fontSize:'10px',
-    						fontFamily:'Microsoft YaHei'
-    					},
-    				}
-    		},
-    		tooltip: {
-    			enabled: true,
-    			headerFormat: '<span style="font-size:10px"><b>{point.key}</span><br>',
-    			pointFormat: '{series.name}: {point.y}<b>',
-    			shared: true,
-    			useHTML: true
-    		},
-    		plotOptions: {
-    				column: {
-    				dataLabels: {//数字显示
-    					enabled: true,
-    					allowOverlap: true, // 允许数据标签重叠
-    					style: {//设置字体颜色
-    						color: '#fff',
-							fontSize:'10px',
-							fontFamily:'Microsoft YaHei'
-						},
-					},
-					showInLegend:false
-    				},
-    		},
-    		
-    		series: [{
-    			name: 'count',
-    			colorByPoint: true,
-    			data: data
-    		}],
-    			drilldown:{
-    				activeAxisLabelStyle:{
-    					textDecoration:'none',
-    					color: '#fff',
-    					fontStyle:'Microsoft YaHei',
-    					
-    				},
-    				activeDataLabelStyle:{
-    					textDecoration:'none',
-    					color: '#fff',
-    					fontStyle:'Microsoft YaHei'
-    				},
-    				drillUpButton: {
-    					relativeTo: 'spacingBox',
-        			},
-    				series:drillData
-    			}
-    	});
-    }
-   //终端用户 分操作系统与浏览器 
-function echart_2(rs){
-	var data=new Array();
-	var drillData=new Array();
-	$(rs).each(function(i, d) {
-		var pktNum=new Array();
-		var byteLen=new Array();
-		//协议图-操作系统
-		data.push({
-			name: d.osType,
-			y: parseInt(d.count),
-			drilldown: d.osType,
-		});
-		
-		pktNum[0]="pktNum";
-		pktNum[1]=parseInt(d.pktNum);
-		byteLen[0]="byteLen";
-		byteLen[1]=parseInt(d.byteLen);
-		
-		drillData.push({
-			name: d.osType,
-			id: d.osType,
-			type:'pie',
-			data: [pktNum,byteLen],
-		});
-		
-   });
-	// 创建图例
-	var chart = Highcharts.chart('chart_2',{
-			chart: {
-					backgroundColor: 'rgba(255, 255, 255, 0)',
-	    			plotBackgroundColor:null,
-	    			plotBorderWidth:null,
-	    			plotShadow:false,
-					type: 'pie'
-			},
-			noData:{
-    			style: {//设置字体颜色
-					color: '#fff',
-				},
-    		},
-			legend:{
-				width:480,
-    	    	x:40,
-    	    	itemWidth:100,
-    	    	itemDistance:2,
-    	    	itemHoverStyle:{
-    	    		color:'#61D2F7',
-    	    	},
-    	    	itemStyle:{
-    	    		color: '#fff',
-    	    		fontFamily:'Microsoft YaHei',
-    	    	}
-    	    },
-			colors:['#f36f8a', '#44A9A8', '#ffff43','#25f3e6','#964CEC','#32B0ED','#2b6ed7','#7278DD','#2DA9D8','#C66FE6'],
-			title: {
-					text: null,
-					style: {//设置字体颜色
-						color: '#fff',
-						fontSize:'18px',
-						fontFamily:'Microsoft YaHei'
-					},
-					
-			},
-			plotOptions: {
-					series: {
-						dataLabels: {
-							enabled: false,
-							format: '{point.name}'
-						},
-					},
-					pie:{
-						showInLegend: true,	
-						point: {
-							events: {
-								mouseOver: function(e) { 
-										this.slice();
-								},
-								// 鼠标移出时，收回突出显示
-								mouseOut: function() {
-										this.slice();
-								},
-								// 默认是点击突出，这里屏蔽掉
-								click: function() {
-										return false;
-								}
-							},
-						},
-					}
-			},
-			credits:{//是否有highcharts水印
-		        enabled:false
-		    },
-			tooltip: {
-				enabled: true,
-				headerFormat: '<span style="font-size:10px">{point.key}: <b>{point.percentage:.1f}%</span><br>',
-				pointFormat: '{series.name}: {point.y}<b>',
-				shared: true,
-				useHTML: true
-			},
-			series: [{
-					name: 'count',
-					colorByPoint: true,
-					data: data
-			}],
-			drilldown:{
-				activeAxisLabelStyle:{
-					textDecoration:'none',
-					color: '#fff',
-					fontStyle:'Microsoft YaHei',
-					
-				},
-				activeDataLabelStyle:{
-					textDecoration:'none',
-					color: '#fff',
-					fontStyle:'Microsoft YaHei'
-				},
-    			series:drillData,
-    			drillUpButton: {
-					relativeTo: 'spacingBox',
-    			}
-    		}
-	});
-}
-//当点击操作系统列表时-显示浏览器
-function echart_5(rs){
-	var data=new Array();
-	var drillData=new Array();
-	$(rs).each(function(i, d) {
-		var pktNum=new Array();
-		var byteLen=new Array();
-		//协议图-操作系统
-		data.push({
-			name: d.bsType,
-			y: parseInt(d.count),
-			drilldown: d.bsType,
-		});
-		
-		pktNum[0]="pktNum";
-		pktNum[1]=parseInt(d.pktNum);
-		byteLen[0]="byteLen";
-		byteLen[1]=parseInt(d.byteLen);
-		
-		drillData.push({
-			name: d.bsType,
-			id: d.bsType,
-			type:'pie',
-			data: [pktNum,byteLen],
-		});
-		
-	});
-	// 创建图例
-	var chart = Highcharts.chart('chart_2',{
-		chart: {
-			backgroundColor: 'rgba(255, 255, 255, 0)',
-			plotBackgroundColor:null,
-			plotBorderWidth:null,
-			plotShadow:false,
-			type: 'pie'
-		},
-		legend:{
-			width:480,
-	    	x:40,
-	    	itemWidth:100,
-	    	itemDistance:2,
-	    	itemHoverStyle:{
-	    		color:'#61D2F7',
-	    	},
-	    	itemStyle:{
-	    		color: '#fff',
-	    		fontFamily:'Microsoft YaHei',
-	    	}
-	    },
-	    noData:{
-			style: {//设置字体颜色
-				color: '#fff',
-			},
-		},
-		colors:['#f36f8a', '#44A9A8', '#ffff43','#25f3e6','#964CEC','#32B0ED','#2b6ed7','#7278DD','#2DA9D8','#C66FE6'],
-		title: {
-			text: null,
-			style: {//设置字体颜色
-				color: '#fff',
-				fontSize:'18px',
-				fontFamily:'Microsoft YaHei'
-			},
-			
-		},
-		plotOptions: {
-			series: {
-				dataLabels: {
-					enabled: false,
-					format: '{point.name}'
-				},
-				
-			},
-			pie:{
-				point: {
-					events: {
-						mouseOver: function(e) {  // 鼠标滑过时动态更新标题
-							this.slice();
-						},
-						// 鼠标移出时，收回突出显示
-						mouseOut: function() {
-							this.slice();
-						},
-						// 默认是点击突出，这里屏蔽掉
-						click: function() {
-							return false;
-						}
-					},
-				},
-				showInLegend: true,	
-			}
-		},
-		credits:{//是否有highcharts水印
-			enabled:false
-		},
-		tooltip: {
-			enabled: true,
-			headerFormat: '<span style="font-size:10px">{point.key}: <b>{point.percentage:.1f}%</span><br>',
-			pointFormat: '{series.name}: {point.y}<b>',
-			shared: true,
-			useHTML: true
-		},
-		series: [{
-			name: 'count',
-			colorByPoint: true,
-			data: data
-		}],
-		drilldown:{
-			activeAxisLabelStyle:{
-				textDecoration:'none',
-				color: '#fff',
-				fontStyle:'Microsoft YaHei',
-				
-			},
-			activeDataLabelStyle:{
-				textDecoration:'none',
-				color: '#fff',
-				fontStyle:'Microsoft YaHei'
-			},
-			series:drillData,
-			drillUpButton: {
-				relativeTo: 'spacingBox',
-			}
-		}
-	});
-}
-
-//网站流量分析
-function echart_4(rs){
-	var data=new Array();
-	var drillData=new Array();
-	$(rs).each(function(i, d) {
-		var pktNum=new Array();
-		var byteLen=new Array();
-		data.push({
-			name: d.webId,
-			y: parseInt(d.count),
-			drilldown: d.webId,
-		});
-		
-		pktNum[0]="pktNum";
-		pktNum[1]=parseInt(d.pktNum);
-		byteLen[0]="byteLen";
-		byteLen[1]=parseInt(d.byteLen);
-		
-		drillData.push({
-			name: d.webId,
-			id: d.webId,
-			type:'pie',
-			data: [pktNum,byteLen],
-		});
-		
-	});
-	// 创建图例
-	var chart = Highcharts.chart('chart_4',{
-		chart: {
-			backgroundColor: 'rgba(255, 255, 255, 0)',
-			plotBackgroundColor:null,
-			plotBorderWidth:null,
-			plotShadow:false,
-			type: 'pie'
-		},
-		
-		colors:[ '#44A9A8', '#f36f8a','#25f3e6','#ffff43','#964CEC','#32B0ED','#2b6ed7','#7278DD','#2DA9D8','#C66FE6'],
-		title: {
-			text: null,
-		},
-		noData:{
-			style: {//设置字体颜色
-				color: '#fff',
-			},
-		},
-		plotOptions: {
-			series: {
-				dataLabels: {
-					enabled: false,
-					format: '{point.name}'
-				},
-			},
-			pie:{
-				showInLegend: true,	
-				point: {
-					events: {
-						mouseOver: function(e) {
-							this.slice();
-						},
-						// 鼠标移出时，收回突出显示
-						mouseOut: function() {
-							this.slice();
-						},
-						// 默认是点击突出，这里屏蔽掉
-						click: function() {
-							return false;
-						}
-					},
-				},
-			}
-		},
-		credits:{//是否有highcharts水印
-			enabled:false
-		},
-		legend:{
-			width:480,
-	    	x:40,
-	    	itemWidth:100,
-	    	itemDistance:2,
-	    	itemHoverStyle:{
-	    		color:'#61D2F7',
-	    	},
-	    	itemStyle:{
-	    		color: '#fff',
-	    		fontFamily:'Microsoft YaHei',
-	    	}
-	    },
-		tooltip: {
-			enabled: true,
-			headerFormat: '<span style="font-size:10px">{point.key}: <b>{point.percentage:.1f}%</span><br>',
-			pointFormat: '{series.name}: {point.y}<b>',
-			shared: true,
-			useHTML: true
-		},
-		series: [{
-			name: 'count',
-			colorByPoint: true,
-			data: data,
-		}],
-		drilldown:{
-			activeAxisLabelStyle:{
-				textDecoration:'none',
-				color: '#fff',
-				fontStyle:'Microsoft YaHei',
-				
-			},
-			activeDataLabelStyle:{
-				textDecoration:'none',
-				color: '#fff',
-				fontStyle:'Microsoft YaHei'
-			},
-			series:drillData,
-			drillUpButton: {
-				relativeTo: 'spacingBox',
-			}
-		}
-	});
-}
-//网站流量分析-点击列表显示网站分类
-function echart_6(rs){
-	var data=new Array();
-	var drillData=new Array();
-	$(rs).each(function(i, d) {
-		var pktNum=new Array();
-		var byteLen=new Array();
-		//协议图-操作系统
-		data.push({
-			name: d.webType,
-			y: parseInt(d.count),
-			drilldown: d.webType,
-		});
-		
-		pktNum[0]="pktNum";
-		pktNum[1]=parseInt(d.pktNum);
-		byteLen[0]="byteLen";
-		byteLen[1]=parseInt(d.byteLen);
-		
-		drillData.push({
-			name: d.webType,
-			id: d.webType,
-			type:'pie',
-			data: [pktNum,byteLen],
-		});
-		
-	});
-	// 创建图例
-	var chart = Highcharts.chart('chart_4',{
-		chart: {
-			backgroundColor: 'rgba(255, 255, 255, 0)',
-			plotBackgroundColor:null,
-			plotBorderWidth:null,
-			plotShadow:false,
-			type: 'pie'
-		},
-		noData:{
-			style: {//设置字体颜色
-				color: '#fff',
-			},
-		},
-		colors:[ '#44A9A8', '#f36f8a','#25f3e6','#ffff43','#964CEC','#32B0ED','#2b6ed7','#7278DD','#2DA9D8','#C66FE6'],
-		title: {
-			text: null,
-		},
-		plotOptions: {
-			series: {
-				dataLabels: {
-					enabled: false,
-					format: '{point.name}'
-				},
-			},
-			pie:{
-				showInLegend: true,	
-				point: {
-					events: {
-						mouseOver: function(e) {  // 鼠标滑过时动态更新标题
-							this.slice();
-						},
-						// 鼠标移出时，收回突出显示
-						mouseOut: function() {
-							this.slice();
-						},
-						// 默认是点击突出，这里屏蔽掉
-						click: function() {
-							return false;
-						}
-					},
-				},
-			}
-		},
-		credits:{//是否有highcharts水印
-			enabled:false
-		},
-		legend:{
-			width:370,
-	    	x:20,
-	    	itemWidth:90,
-	    	itemHoverStyle:{
-	    		color:'#61D2F7',
-	    	},
-	    	itemStyle:{
-	    		color: '#fff',
-	    		fontFamily:'Microsoft YaHei',
-	    	}
-	    },
-		tooltip: {
-			enabled: true,
-			headerFormat: '<span style="font-size:10px">{point.key}: <b>{point.percentage:.1f}%</span><br>',
-			pointFormat: '{series.name}: {point.y}<b>',
-			shared: true,
-			useHTML: true
-		},
-		series: [{
-			name: 'count',
-			colorByPoint: true,
-			data: data,
-		}],
-		drilldown:{
-			activeAxisLabelStyle:{
-				textDecoration:'none',
-				color: '#fff',
-				fontStyle:'Microsoft YaHei',
-				
-			},
-			activeDataLabelStyle:{
-				textDecoration:'none',
-				color: '#fff',
-				fontStyle:'Microsoft YaHei'
-			},
-			series:drillData,
-			drillUpButton: {
-				relativeTo: 'spacingBox',
-			}
-		}
-	});
-}
-
-
diff --git a/src/main/webapp/static/global/plugins/highcharts/css/common.css b/src/main/webapp/static/pages/css/common.css
similarity index 100%
rename from src/main/webapp/static/global/plugins/highcharts/css/common.css
rename to src/main/webapp/static/pages/css/common.css
diff --git a/src/main/webapp/static/global/plugins/highcharts/css/data_text.css b/src/main/webapp/static/pages/css/data_text.css
similarity index 94%
rename from src/main/webapp/static/global/plugins/highcharts/css/data_text.css
rename to src/main/webapp/static/pages/css/data_text.css
index 3b68b7328..53d28d572 100644
--- a/src/main/webapp/static/global/plugins/highcharts/css/data_text.css
+++ b/src/main/webapp/static/pages/css/data_text.css
@@ -99,7 +99,7 @@ p{
     margin-left: 10px;
     margin-top: 1px;
 }
-.data_content .data_info p:nth-child(1){
+.data_content .data_info .info_2 p:nth-child(1){
     color:#fff;
     font-size: 18px;
     text-align: center;
@@ -107,6 +107,15 @@ p{
 	white-space: nowrap;
 	text-overflow: ellipsis;
 }
+.data_content .data_info .info_1 label:nth-child(1){
+    color:#fff;
+    font-size: 18px;
+    text-align: center;
+    overflow: hidden; 
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	margin: -3px;
+}
 .data_content .data_info>div.info_1 p:nth-child(2){
     font-weight: 600;
     font-size: 16px;
diff --git a/src/main/webapp/static/pages/scripts/echart.js b/src/main/webapp/static/pages/scripts/echart.js
index 993a72c04..b6ed9fe97 100644
--- a/src/main/webapp/static/pages/scripts/echart.js
+++ b/src/main/webapp/static/pages/scripts/echart.js
@@ -11,7 +11,7 @@
     		data.push({
 				name: d.protoType,
 				y: parseInt(d.count),
-				drilldown: d.protoType,
+//				drilldown: d.protoType,
     		});
     		
     		pktNum[0]="pktNum";
@@ -134,12 +134,12 @@
     				name: 'count',
     				data: data
     		}],
-    		drilldown:{
-    			series:drillData,
-    			drillUpButton: {
-					relativeTo: 'spacingBox',
-    			}
-    		}
+//    		drilldown:{
+//    			series:drillData,
+//    			drillUpButton: {
+//					relativeTo: 'spacingBox',
+//    			}
+//    		}
     		
     	}, function(c) { // 图表初始化完毕后的会掉函数
     		// 环形图圆心
@@ -175,7 +175,7 @@
     		data.push({
 				name: d.ipAddr,
 				y: parseInt(d.linkNum),
-				drilldown: d.ipAddr,
+//				drilldown: d.ipAddr,
     		});
     		pktNum[0]="pktNum";
     		pktNum[1]=parseInt(d.pktNum);
@@ -212,6 +212,13 @@
     		title: {
     				text: null
     		},
+    		labels:{
+    			style: {//设置字体颜色
+					color: '#fff',
+					fontSize:'10px',
+					fontFamily:'Microsoft YaHei'
+				},
+    		},
     		xAxis: {
     				type:'category',
     				categories: xData,
@@ -225,7 +232,12 @@
 						}else{
 							return this.value
 						}
-					}
+					},
+					style: {//设置字体颜色
+						color: '#fff',
+						fontSize:'10px',
+						fontFamily:'Microsoft YaHei'
+					},
 				}
     				
     		},
@@ -235,15 +247,17 @@
     						text: 'Link Number',
     						align:'high',
     						style: {//设置字体颜色
-								color: '#fff',
-								fontFamily:'Microsoft YaHei'
-							},
+    							color: '#fff',
+    							fontSize:'10px',
+    							fontFamily:'Microsoft YaHei'
+    						},
     				},
     				labels: {
-							style: {//设置字体颜色
-								color: '#fff',
-								fontFamily:'Microsoft YaHei'
-							},
+    					style: {//设置字体颜色
+    						color: '#fff',
+    						fontSize:'10px',
+    						fontFamily:'Microsoft YaHei'
+    					},
     				},
     				lineWidth: 1,
     				
@@ -257,10 +271,16 @@
 						dataLabels: {
 							enabled: true,
 							allowOverlap: true, // 允许数据标签重叠
+							style: {//设置字体颜色
+								color: '#fff',
+								fontSize:'10px',
+								fontFamily:'Microsoft YaHei'
+							},
 						},
 						
 						showInLegend:false
     				},
+    				
     		},
     		credits:{//是否有highcharts水印
     	        enabled:false
@@ -270,23 +290,23 @@
     			colorByPoint: true,
     			data: data
     		}],
-    			drilldown:{
-    				activeAxisLabelStyle:{
-    					textDecoration:'none',
-    					color: '#fff',
-    					fontStyle:'Microsoft YaHei',
-    					
-    				},
-    				activeDataLabelStyle:{
-    					textDecoration:'none',
-    					color: '#fff',
-    					fontStyle:'Microsoft YaHei'
-    				},
-    				drillUpButton:{
-    					relativeTo: 'spacingBox',
-    				},
-    				series:drillData
-    			}
+//    			drilldown:{
+//    				activeAxisLabelStyle:{
+//    					textDecoration:'none',
+//    					color: '#fff',
+//    					fontStyle:'Microsoft YaHei',
+//    					
+//    				},
+//    				activeDataLabelStyle:{
+//    					textDecoration:'none',
+//    					color: '#fff',
+//    					fontStyle:'Microsoft YaHei'
+//    				},
+//    				drillUpButton:{
+//    					relativeTo: 'spacingBox',
+//    				},
+//    				series:drillData
+//    			}
     	});
     }
 
@@ -375,12 +395,14 @@
 						},
     				},
     				labels:{
+    					enabled:true,
     					style: {//设置字体颜色
     						color: '#fff',
     						fontSize:'10px',
     						fontFamily:'Microsoft YaHei'
     					},
-    				}
+    				},
+    				
     		},
     		tooltip: {
     			enabled: true,
@@ -435,11 +457,10 @@ function echart_2(rs){
 	$(rs).each(function(i, d) {
 		var pktNum=new Array();
 		var byteLen=new Array();
-		//协议图-操作系统
 		data.push({
 			name: d.osType,
 			y: parseInt(d.count),
-			drilldown: d.osType,
+//			drilldown: d.osType,
 		});
 		
 		pktNum[0]="pktNum";
@@ -533,23 +554,23 @@ function echart_2(rs){
 					colorByPoint: true,
 					data: data
 			}],
-			drilldown:{
-				activeAxisLabelStyle:{
-					textDecoration:'none',
-					color: '#fff',
-					fontStyle:'Microsoft YaHei',
-					
-				},
-				activeDataLabelStyle:{
-					textDecoration:'none',
-					color: '#fff',
-					fontStyle:'Microsoft YaHei'
-				},
-    			series:drillData,
-    			drillUpButton: {
-					relativeTo: 'spacingBox',
-    			}
-    		}
+//			drilldown:{
+//				activeAxisLabelStyle:{
+//					textDecoration:'none',
+//					color: '#fff',
+//					fontStyle:'Microsoft YaHei',
+//					
+//				},
+//				activeDataLabelStyle:{
+//					textDecoration:'none',
+//					color: '#fff',
+//					fontStyle:'Microsoft YaHei'
+//				},
+//    			series:drillData,
+//    			drillUpButton: {
+//					relativeTo: 'spacingBox',
+//    			}
+//    		}
 	});
 }
 //当点击操作系统列表时-显示浏览器
@@ -563,7 +584,7 @@ function echart_5(rs){
 		data.push({
 			name: d.bsType,
 			y: parseInt(d.count),
-			drilldown: d.bsType,
+//			drilldown: d.bsType,
 		});
 		
 		pktNum[0]="pktNum";
@@ -658,23 +679,23 @@ function echart_5(rs){
 			colorByPoint: true,
 			data: data
 		}],
-		drilldown:{
-			activeAxisLabelStyle:{
-				textDecoration:'none',
-				color: '#fff',
-				fontStyle:'Microsoft YaHei',
-				
-			},
-			activeDataLabelStyle:{
-				textDecoration:'none',
-				color: '#fff',
-				fontStyle:'Microsoft YaHei'
-			},
-			series:drillData,
-			drillUpButton: {
-				relativeTo: 'spacingBox',
-			}
-		}
+//		drilldown:{
+//			activeAxisLabelStyle:{
+//				textDecoration:'none',
+//				color: '#fff',
+//				fontStyle:'Microsoft YaHei',
+//				
+//			},
+//			activeDataLabelStyle:{
+//				textDecoration:'none',
+//				color: '#fff',
+//				fontStyle:'Microsoft YaHei'
+//			},
+//			series:drillData,
+//			drillUpButton: {
+//				relativeTo: 'spacingBox',
+//			}
+//		}
 	});
 }
 
@@ -688,7 +709,7 @@ function echart_4(rs){
 		data.push({
 			name: d.websiteService,
 			y: parseInt(d.count),
-			drilldown: d.websiteService,
+//			drilldown: d.websiteService,
 		});
 		
 		pktNum[0]="pktNum";
@@ -777,23 +798,23 @@ function echart_4(rs){
 			colorByPoint: true,
 			data: data,
 		}],
-		drilldown:{
-			activeAxisLabelStyle:{
-				textDecoration:'none',
-				color: '#fff',
-				fontStyle:'Microsoft YaHei',
-				
-			},
-			activeDataLabelStyle:{
-				textDecoration:'none',
-				color: '#fff',
-				fontStyle:'Microsoft YaHei'
-			},
-			series:drillData,
-			drillUpButton: {
-				relativeTo: 'spacingBox',
-			}
-		}
+//		drilldown:{
+//			activeAxisLabelStyle:{
+//				textDecoration:'none',
+//				color: '#fff',
+//				fontStyle:'Microsoft YaHei',
+//				
+//			},
+//			activeDataLabelStyle:{
+//				textDecoration:'none',
+//				color: '#fff',
+//				fontStyle:'Microsoft YaHei'
+//			},
+//			series:drillData,
+//			drillUpButton: {
+//				relativeTo: 'spacingBox',
+//			}
+//		}
 	});
 }
 //网站流量分析-点击列表显示网站分类
@@ -807,7 +828,7 @@ function echart_6(rs){
 		data.push({
 			name: d.domain,
 			y: parseInt(d.count),
-			drilldown: d.domain,
+//			drilldown: d.domain,
 		});
 		
 		pktNum[0]="pktNum";
@@ -895,23 +916,23 @@ function echart_6(rs){
 			colorByPoint: true,
 			data: data,
 		}],
-		drilldown:{
-			activeAxisLabelStyle:{
-				textDecoration:'none',
-				color: '#fff',
-				fontStyle:'Microsoft YaHei',
-				
-			},
-			activeDataLabelStyle:{
-				textDecoration:'none',
-				color: '#fff',
-				fontStyle:'Microsoft YaHei'
-			},
-			series:drillData,
-			drillUpButton: {
-				relativeTo: 'spacingBox',
-			}
-		}
+//		drilldown:{
+//			activeAxisLabelStyle:{
+//				textDecoration:'none',
+//				color: '#fff',
+//				fontStyle:'Microsoft YaHei',
+//				
+//			},
+//			activeDataLabelStyle:{
+//				textDecoration:'none',
+//				color: '#fff',
+//				fontStyle:'Microsoft YaHei'
+//			},
+//			series:drillData,
+//			drillUpButton: {
+//				relativeTo: 'spacingBox',
+//			}
+//		}
 	});
 }
 function echart_topic_domain(rs){

From 82b6a4fc7b9d915afa1f7527fdab760b32341f41 Mon Sep 17 00:00:00 2001
From: duandongmei <duandongmei@intranet.com>
Date: Wed, 26 Sep 2018 16:55:00 +0800
Subject: [PATCH 2/3] =?UTF-8?q?intercept=20replace=E4=BF=AE=E6=94=B9BUG=20?=
 =?UTF-8?q?=E6=B5=81=E9=87=8F=E7=BB=9F=E8=AE=A1=E5=9B=BD=E9=99=85=E5=8C=96?=
 =?UTF-8?q?=E4=BF=84=E6=96=87=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../controller/configuration/proxy/InterceptController.java | 1 +
 src/main/resources/messages/message_ru.properties           | 6 +++---
 .../webapp/WEB-INF/views/cfg/intercept/interceptForm.jsp    | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/main/java/com/nis/web/controller/configuration/proxy/InterceptController.java b/src/main/java/com/nis/web/controller/configuration/proxy/InterceptController.java
index 801c3744e..42a3d03d6 100644
--- a/src/main/java/com/nis/web/controller/configuration/proxy/InterceptController.java
+++ b/src/main/java/com/nis/web/controller/configuration/proxy/InterceptController.java
@@ -79,6 +79,7 @@ public class InterceptController extends CommonController{
 			interceptCfgService.saveInterceptCfg(entity);
 			addMessage(redirectAttributes,"save_success");
 		} catch (Exception e) {
+			logger.error("save_failed", e);
 			addMessage(redirectAttributes,"save_failed");
 		}
 		return "redirect:" + adminPath +"/proxy/intercept/ip/list?functionId="+entity.getFunctionId();
diff --git a/src/main/resources/messages/message_ru.properties b/src/main/resources/messages/message_ru.properties
index d1211320f..b83f21cde 100644
--- a/src/main/resources/messages/message_ru.properties
+++ b/src/main/resources/messages/message_ru.properties
@@ -1172,9 +1172,9 @@ ASN_POLICY_MONIT=ASN Policy Monitoring
 p2p_monit=P2P Monitoring
 av_content_url_whitelist=Multimedia Content Url White List
 av_content_ip_whitelist=Multimedia Content IP White List
-active_port=Active Port TOP10
-visits=visits
-percentage=Percentage
+active_port=\u0410\u043A\u0442\u0438\u0432\u043D\u044B\u0439 \u041F\u043E\u0440\u0442 \u0422\u041E\u041F 10
+visits=\u041F\u043E\u0441\u0435\u0449\u0430\u0435\u043C\u043E\u0441\u0442\u044C
+percentage=\u041F\u0440\u043E\u0446\u0435\u043D\u0442
 APP_SSL=APP SSL Feature
 APP_IP_RANGE=APP IP RANGE
 APP_DK=APP DK Feature
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/cfg/intercept/interceptForm.jsp b/src/main/webapp/WEB-INF/views/cfg/intercept/interceptForm.jsp
index 2bcbf852f..6a9d20eec 100644
--- a/src/main/webapp/WEB-INF/views/cfg/intercept/interceptForm.jsp
+++ b/src/main/webapp/WEB-INF/views/cfg/intercept/interceptForm.jsp
@@ -247,7 +247,7 @@
 												<select name="userRegion1" class="selectpicker show-tick form-control">
 													<option value="" <c:if test="${empty _cfg.userRegion1}">selected</c:if> ><spring:message code="selected"/></option>
 													<c:forEach items="${certificateList}" var="certificate">
-														<option value="${certificate.compileId}" <c:if test="${_cfg.userRegion1==certificate.compileId}">selected</c:if>>${certificate.cfgDesc}</option>
+														<option value="${certificate.compileId}" <c:if test="${_cfg.userRegion1 eq fn:trim(certificate.compileId)}">selected</c:if>>${certificate.cfgDesc}</option>
 													</c:forEach>
 								                </select>
 											</div>

From 06133582fdf995924dc3bb70b5cfb414b5c168c6 Mon Sep 17 00:00:00 2001
From: zhanghongqing <zhanghongqing@intranet.com>
Date: Wed, 26 Sep 2018 17:29:53 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E4=BF=AE=E6=94=B9class=20=20content2=20con?=
 =?UTF-8?q?tent3=20content5=20=E6=94=B9=E4=B8=BAcontent${region[0]}?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../WEB-INF/views/cfg/app/appPolicySubList.jsp       |  2 +-
 .../WEB-INF/views/cfg/app/appSubFeatureList.jsp      |  4 ++--
 src/main/webapp/WEB-INF/views/cfg/av/subList.jsp     |  4 ++--
 .../views/cfg/basicprotocol/basicProtocolSubList.jsp |  2 +-
 .../encryptedtunnelbehav/encrypedTunnelSubList.jsp   |  2 +-
 .../views/cfg/fileTransfer/fileDigestSubList.jsp     |  2 +-
 .../WEB-INF/views/cfg/fileTransfer/ftpSubList.jsp    |  6 +++---
 .../WEB-INF/views/cfg/fileTransfer/p2pSubList.jsp    |  6 +++---
 .../WEB-INF/views/cfg/intercept/interceptSubList.jsp |  4 ++--
 .../webapp/WEB-INF/views/cfg/ipaddr/ipSubList.jsp    |  2 +-
 .../webapp/WEB-INF/views/cfg/mail/mailSubList.jsp    |  6 +++---
 .../webapp/WEB-INF/views/cfg/other/bgpSubList.jsp    |  4 ++--
 .../webapp/WEB-INF/views/cfg/other/xmppSubList.jsp   |  4 ++--
 .../views/cfg/proxy/control/httpRedirectSubList.jsp  | 12 ++++++------
 .../webapp/WEB-INF/views/cfg/website/dnsSubList.jsp  |  4 ++--
 .../webapp/WEB-INF/views/cfg/website/httpSubList.jsp | 12 ++++++------
 .../webapp/WEB-INF/views/cfg/website/sslSubList.jsp  |  4 ++--
 .../WEB-INF/views/cfg/whitelist/domianSubList.jsp    |  4 ++--
 .../webapp/WEB-INF/views/cfg/whitelist/ipSubList.jsp |  2 +-
 19 files changed, 43 insertions(+), 43 deletions(-)

diff --git a/src/main/webapp/WEB-INF/views/cfg/app/appPolicySubList.jsp b/src/main/webapp/WEB-INF/views/cfg/app/appPolicySubList.jsp
index 575b173f6..dc86168ad 100644
--- a/src/main/webapp/WEB-INF/views/cfg/app/appPolicySubList.jsp
+++ b/src/main/webapp/WEB-INF/views/cfg/app/appPolicySubList.jsp
@@ -135,7 +135,7 @@
 		<c:if test="${region[0] eq 2 }">
 		<c:forEach items="${_cfg.ntcSubscribeIdCfgList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content2" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 					<div class="row">
 						<div class="col-md-8">
 							<div class="form-group">
diff --git a/src/main/webapp/WEB-INF/views/cfg/app/appSubFeatureList.jsp b/src/main/webapp/WEB-INF/views/cfg/app/appSubFeatureList.jsp
index 351db7d1c..da07fdd77 100644
--- a/src/main/webapp/WEB-INF/views/cfg/app/appSubFeatureList.jsp
+++ b/src/main/webapp/WEB-INF/views/cfg/app/appSubFeatureList.jsp
@@ -141,7 +141,7 @@
 	</c:if>
 	<c:if test="${region.regionType eq 2 }">
 		<c:forEach items="${region.strList}" var="cfg">
-			<div id="${region.regionValue}_${regionStatus.index}Info${index}" class="content content2" name="subCfg${index}">
+			<div id="${region.regionValue}_${regionStatus.index}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 				<div class="row">
 					<div class="col-md-8">
 						<div class="form-group">
@@ -248,7 +248,7 @@
 	
 	<c:if test="${region.regionType eq 3 }">
 		<c:forEach items="${region.complexList}" var="cfg">
-			<div id="${region.regionValue}_${regionStatus.index}Info${index}" class="content content2" name="subCfg${index}">
+			<div id="${region.regionValue}_${regionStatus.index}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 				<div class="row">
 					<div class="col-md-4">
 						<div class="form-group">
diff --git a/src/main/webapp/WEB-INF/views/cfg/av/subList.jsp b/src/main/webapp/WEB-INF/views/cfg/av/subList.jsp
index 2c4eee0d5..11191396b 100644
--- a/src/main/webapp/WEB-INF/views/cfg/av/subList.jsp
+++ b/src/main/webapp/WEB-INF/views/cfg/av/subList.jsp
@@ -117,7 +117,7 @@
 	</c:if>
 	<c:if test="${region[0] eq 2 }">
 			<c:if test="${region[1] eq _cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content2" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 					<div class="row">
 						<div class="col-md-8">
 							<div class="form-group">
@@ -222,7 +222,7 @@
 			
 			<c:forEach items="${_cfg.ntcSubscribeIdCfgList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content2" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 					<div class="row">
 						<div class="col-md-8">
 							<div class="form-group">
diff --git a/src/main/webapp/WEB-INF/views/cfg/basicprotocol/basicProtocolSubList.jsp b/src/main/webapp/WEB-INF/views/cfg/basicprotocol/basicProtocolSubList.jsp
index 3662682ef..4adbf8a99 100644
--- a/src/main/webapp/WEB-INF/views/cfg/basicprotocol/basicProtocolSubList.jsp
+++ b/src/main/webapp/WEB-INF/views/cfg/basicprotocol/basicProtocolSubList.jsp
@@ -134,7 +134,7 @@
 		<c:if test="${region[0] eq 2 }">
 		<c:forEach items="${_cfg.ntcSubscribeIdCfgList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content2" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 					<div class="row">
 						<div class="col-md-8">
 							<div class="form-group">
diff --git a/src/main/webapp/WEB-INF/views/cfg/encryptedtunnelbehav/encrypedTunnelSubList.jsp b/src/main/webapp/WEB-INF/views/cfg/encryptedtunnelbehav/encrypedTunnelSubList.jsp
index 575b173f6..dc86168ad 100644
--- a/src/main/webapp/WEB-INF/views/cfg/encryptedtunnelbehav/encrypedTunnelSubList.jsp
+++ b/src/main/webapp/WEB-INF/views/cfg/encryptedtunnelbehav/encrypedTunnelSubList.jsp
@@ -135,7 +135,7 @@
 		<c:if test="${region[0] eq 2 }">
 		<c:forEach items="${_cfg.ntcSubscribeIdCfgList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content2" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 					<div class="row">
 						<div class="col-md-8">
 							<div class="form-group">
diff --git a/src/main/webapp/WEB-INF/views/cfg/fileTransfer/fileDigestSubList.jsp b/src/main/webapp/WEB-INF/views/cfg/fileTransfer/fileDigestSubList.jsp
index 2bb448e94..f7df1f9bc 100644
--- a/src/main/webapp/WEB-INF/views/cfg/fileTransfer/fileDigestSubList.jsp
+++ b/src/main/webapp/WEB-INF/views/cfg/fileTransfer/fileDigestSubList.jsp
@@ -36,7 +36,7 @@
 	<c:if test="${region[0] eq 2 }">
 			<c:forEach items="${_cfg.ntcSubscribeIdCfgList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content2" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 					<div class="row">
 						<div class="col-md-8">
 							<div class="form-group">
diff --git a/src/main/webapp/WEB-INF/views/cfg/fileTransfer/ftpSubList.jsp b/src/main/webapp/WEB-INF/views/cfg/fileTransfer/ftpSubList.jsp
index 4befce696..eed75b246 100644
--- a/src/main/webapp/WEB-INF/views/cfg/fileTransfer/ftpSubList.jsp
+++ b/src/main/webapp/WEB-INF/views/cfg/fileTransfer/ftpSubList.jsp
@@ -115,7 +115,7 @@
 	<c:if test="${region[0] eq 2 }">
 		<c:forEach items="${_cfg.stringList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content2" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 					<div class="row">
 						<div class="col-md-8">
 							<div class="form-group">
@@ -230,7 +230,7 @@
 		<!-- subscribe_id-->
 		<c:forEach items="${_cfg.ntcSubscribeIdCfgList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content2" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 					<div class="row">
 						<div class="col-md-8">
 							<div class="form-group">
@@ -338,7 +338,7 @@
 	<%-- <c:if test="${region[0] eq 5 }">
 		<c:forEach items="${_cfg.digestList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content2" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 					<div class="row">
 						<div class="col-md-4">
 							<div class="form-group">
diff --git a/src/main/webapp/WEB-INF/views/cfg/fileTransfer/p2pSubList.jsp b/src/main/webapp/WEB-INF/views/cfg/fileTransfer/p2pSubList.jsp
index 2eba15834..495f37d02 100644
--- a/src/main/webapp/WEB-INF/views/cfg/fileTransfer/p2pSubList.jsp
+++ b/src/main/webapp/WEB-INF/views/cfg/fileTransfer/p2pSubList.jsp
@@ -125,7 +125,7 @@
 	<c:if test="${region[0] eq 2 }">
 		<c:forEach items="${_cfg.p2pHashList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content2" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 					<div class="row">
 						<div class="col-md-8">
 							<div class="form-group">
@@ -242,7 +242,7 @@
 		
 		<c:forEach items="${_cfg.ntcSubscribeIdCfgList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content2" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 					<div class="row">
 						<div class="col-md-8">
 							<div class="form-group">
@@ -348,7 +348,7 @@
 		
 		<c:forEach items="${_cfg.p2pKeywordList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content2" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 					<div class="row">
 						<div class="col-md-8">
 							<div class="form-group">
diff --git a/src/main/webapp/WEB-INF/views/cfg/intercept/interceptSubList.jsp b/src/main/webapp/WEB-INF/views/cfg/intercept/interceptSubList.jsp
index 25bc627a8..ef82a938e 100644
--- a/src/main/webapp/WEB-INF/views/cfg/intercept/interceptSubList.jsp
+++ b/src/main/webapp/WEB-INF/views/cfg/intercept/interceptSubList.jsp
@@ -115,7 +115,7 @@
 	<c:if test="${region[0] eq 2 }">
 		<c:forEach items="${_cfg.interceptPktBinList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content2" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 						<div class="row">
 						<div class="col-md-8">
 							<div class="form-group">
@@ -221,7 +221,7 @@
 		</c:forEach>
 		<c:forEach items="${_cfg.httpUrlList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content2" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 						<div class="row">
 						<div class="col-md-8">
 							<div class="form-group">
diff --git a/src/main/webapp/WEB-INF/views/cfg/ipaddr/ipSubList.jsp b/src/main/webapp/WEB-INF/views/cfg/ipaddr/ipSubList.jsp
index fa2b18727..453374b01 100644
--- a/src/main/webapp/WEB-INF/views/cfg/ipaddr/ipSubList.jsp
+++ b/src/main/webapp/WEB-INF/views/cfg/ipaddr/ipSubList.jsp
@@ -115,7 +115,7 @@
 	<c:if test="${(region[0] eq 2) && (fn:length(_cfg.ntcSubscribeIdCfgList) >0)}">
 		<c:forEach items="${_cfg.ntcSubscribeIdCfgList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content2" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 					<div class="row">
 						<div class="col-md-8">
 							<div class="form-group">
diff --git a/src/main/webapp/WEB-INF/views/cfg/mail/mailSubList.jsp b/src/main/webapp/WEB-INF/views/cfg/mail/mailSubList.jsp
index aaaabcf72..0815c1318 100644
--- a/src/main/webapp/WEB-INF/views/cfg/mail/mailSubList.jsp
+++ b/src/main/webapp/WEB-INF/views/cfg/mail/mailSubList.jsp
@@ -116,7 +116,7 @@
 	<c:if test="${region[0] eq 3 }">
 		<c:forEach items="${_cfg.complexList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content3" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 					<div class="row">
 						<div class="col-md-4">
 							<div class="form-group">
@@ -231,7 +231,7 @@
 	<c:if test="${region[0] eq 5 }">
 		<c:forEach items="${_cfg.digestList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content5" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 					<div class="row">
 						<div class="col-md-4">
 							<div class="form-group">
@@ -278,7 +278,7 @@
 	<c:if test="${region[0] eq 2 }">
 		<c:forEach items="${_cfg.ntcSubscribeIdCfgList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content2" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 					<div class="row">
 						<div class="col-md-8">
 							<div class="form-group">
diff --git a/src/main/webapp/WEB-INF/views/cfg/other/bgpSubList.jsp b/src/main/webapp/WEB-INF/views/cfg/other/bgpSubList.jsp
index 8789fefe3..2a0f84755 100644
--- a/src/main/webapp/WEB-INF/views/cfg/other/bgpSubList.jsp
+++ b/src/main/webapp/WEB-INF/views/cfg/other/bgpSubList.jsp
@@ -115,7 +115,7 @@
 	<c:if test="${region[0] eq 2 }">
 		<c:forEach items="${_cfg.ntcBgpAsCfgList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content2" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 					<div class="row">
 						<div class="col-md-8">
 							<div class="form-group">
@@ -222,7 +222,7 @@
 	
 		<c:forEach items="${_cfg.ntcSubscribeIdCfgList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content2" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 					<div class="row">
 						<div class="col-md-8">
 							<div class="form-group">
diff --git a/src/main/webapp/WEB-INF/views/cfg/other/xmppSubList.jsp b/src/main/webapp/WEB-INF/views/cfg/other/xmppSubList.jsp
index 8cb372623..481ce526d 100644
--- a/src/main/webapp/WEB-INF/views/cfg/other/xmppSubList.jsp
+++ b/src/main/webapp/WEB-INF/views/cfg/other/xmppSubList.jsp
@@ -116,7 +116,7 @@
 	<c:if test="${region[0] eq 2 }">
 		<c:forEach items="${_cfg.ntcSubscribeIdCfgList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content2" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 					<div class="row">
 						<div class="col-md-8">
 							<div class="form-group">
@@ -223,7 +223,7 @@
 	<c:if test="${region[0] eq 3 }">
 		<c:forEach items="${_cfg.domainList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content3" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 					<div class="row">
 						<div class="col-md-4">
 							<div class="form-group">
diff --git a/src/main/webapp/WEB-INF/views/cfg/proxy/control/httpRedirectSubList.jsp b/src/main/webapp/WEB-INF/views/cfg/proxy/control/httpRedirectSubList.jsp
index f1e2b18b8..f9d6a733c 100644
--- a/src/main/webapp/WEB-INF/views/cfg/proxy/control/httpRedirectSubList.jsp
+++ b/src/main/webapp/WEB-INF/views/cfg/proxy/control/httpRedirectSubList.jsp
@@ -151,7 +151,7 @@
 </div>
 </c:forEach>
 <c:forEach items="${_cfg.httpUrlList}" var="cfg">
-<div id="urlInfo${index}" class="content content2" name="subCfg${index}">
+<div id="urlInfo${index}" class="content content${region[0]}" name="subCfg${index}">
 	<div class="row">
 		<div class="col-md-8">
 			<div class="form-group">
@@ -254,7 +254,7 @@
 
 </c:forEach>
 <c:forEach items="${_cfg.httpReqHdrList}" var="cfg">
-<div id="reqHdrInfo${index}" class="content content2" name="subCfg${index}">
+<div id="reqHdrInfo${index}" class="content content${region[0]}" name="subCfg${index}">
 	<div class="row">
 		<div class="col-md-8">
 			<div class="form-group">
@@ -363,7 +363,7 @@
 	</div>
 </c:forEach>
 <c:forEach items="${_cfg.httpReqBodyList}" var="cfg">
-<div id="reqBodyInfo${index}" class="content content2" name="subCfg${index}">
+<div id="reqBodyInfo${index}" class="content content${region[0]}" name="subCfg${index}">
 	<div class="row">
 		<div class="col-md-8">
 			<div class="form-group">
@@ -466,7 +466,7 @@
 
 </c:forEach>
 <c:forEach items="${_cfg.httpResHdrList}" var="cfg">
-<div id="resHdrInfo${index}" class="content content2" name="subCfg${index}">
+<div id="resHdrInfo${index}" class="content content${region[0]}" name="subCfg${index}">
 	<div class="row">
 		<div class="col-md-8">
 			<div class="form-group">
@@ -576,7 +576,7 @@
 
 </c:forEach>
 <c:forEach items="${_cfg.httpResBodyList}" var="cfg">
-<div id="resBodyInfo${index}" class="content content2" name="subCfg${index}">
+<div id="resBodyInfo${index}" class="content content${region[0]}" name="subCfg${index}">
 	<div class="row">
 		<div class="col-md-8">
 			<div class="form-group">
@@ -679,7 +679,7 @@
 
 </c:forEach>
 <c:forEach items="${_cfg.ntcSubscribeIdCfgList}" var="cfg">
-<div id="subscribeIdInfo${index}" class="content content2" name="subCfg${index}">
+<div id="subscribeIdInfo${index}" class="content content${region[0]}" name="subCfg${index}">
 	<div class="row">
 		<div class="col-md-8">
 			<div class="form-group">
diff --git a/src/main/webapp/WEB-INF/views/cfg/website/dnsSubList.jsp b/src/main/webapp/WEB-INF/views/cfg/website/dnsSubList.jsp
index f3c21e868..45d25edca 100644
--- a/src/main/webapp/WEB-INF/views/cfg/website/dnsSubList.jsp
+++ b/src/main/webapp/WEB-INF/views/cfg/website/dnsSubList.jsp
@@ -117,7 +117,7 @@
 	<c:if test="${region[0] eq 3 }">
 		<c:forEach items="${_cfg.domainList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content3" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 					<div class="row">
 						<div class="col-md-4">
 							<div class="form-group">
@@ -232,7 +232,7 @@
 	<c:if test="${region[0] eq 2 }">
 		<c:forEach items="${_cfg.ntcSubscribeIdCfgList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content2" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}}" name="subCfg${index}">
 					<div class="row">
 						<div class="col-md-8">
 							<div class="form-group">
diff --git a/src/main/webapp/WEB-INF/views/cfg/website/httpSubList.jsp b/src/main/webapp/WEB-INF/views/cfg/website/httpSubList.jsp
index f17ff9564..d0e5c9a21 100644
--- a/src/main/webapp/WEB-INF/views/cfg/website/httpSubList.jsp
+++ b/src/main/webapp/WEB-INF/views/cfg/website/httpSubList.jsp
@@ -150,7 +150,7 @@
 </div>
 </c:forEach>
 <c:forEach items="${_cfg.httpUrlList}" var="cfg">
-<div id="urlInfo${index}" class="content content2" name="subCfg${index}">
+<div id="urlInfo${index}" class="content content${region[0]}" name="subCfg${index}">
 	<div class="row">
 		<div class="col-md-8">
 			<div class="form-group">
@@ -254,7 +254,7 @@
 
 </c:forEach>
 <c:forEach items="${_cfg.httpReqHdrList}" var="cfg">
-<div id="reqHdrInfo${index}" class="content content2" name="subCfg${index}">
+<div id="reqHdrInfo${index}" class="content content${region[0]}" name="subCfg${index}">
 	<div class="row">
 		<div class="col-md-4">
 			<div class="form-group">
@@ -363,7 +363,7 @@
 	</div>
 </c:forEach>
 <c:forEach items="${_cfg.httpReqBodyList}" var="cfg">
-<div id="reqBodyInfo${index}" class="content content2" name="subCfg${index}">
+<div id="reqBodyInfo${index}" class="content content${region[0]}" name="subCfg${index}">
 	<div class="row">
 		<div class="col-md-8">
 			<div class="form-group">
@@ -466,7 +466,7 @@
 
 </c:forEach>
 <c:forEach items="${_cfg.httpResHdrList}" var="cfg">
-<div id="resHdrInfo${index}" class="content content2" name="subCfg${index}">
+<div id="resHdrInfo${index}" class="content content${region[0]}" name="subCfg${index}">
 	<div class="row">
 		<div class="col-md-4">
 			<div class="form-group">
@@ -577,7 +577,7 @@
 
 </c:forEach>
 <c:forEach items="${_cfg.httpResBodyList}" var="cfg">
-<div id="resBodyInfo${index}" class="content content2" name="subCfg${index}">
+<div id="resBodyInfo${index}" class="content content${region[0]}" name="subCfg${index}">
 	<div class="row">
 		<div class="col-md-8">
 			<div class="form-group">
@@ -680,7 +680,7 @@
 
 </c:forEach>
 <c:forEach items="${_cfg.ntcSubscribeIdCfgList}" var="cfg">
-<div id="subscribeIdInfo${index}" class="content content2" name="subCfg${index}">
+<div id="subscribeIdInfo${index}" class="content content${region[0]}" name="subCfg${index}">
 	<div class="row">
 		<div class="col-md-8">
 			<div class="form-group">
diff --git a/src/main/webapp/WEB-INF/views/cfg/website/sslSubList.jsp b/src/main/webapp/WEB-INF/views/cfg/website/sslSubList.jsp
index ffe339e79..a38dd34d1 100644
--- a/src/main/webapp/WEB-INF/views/cfg/website/sslSubList.jsp
+++ b/src/main/webapp/WEB-INF/views/cfg/website/sslSubList.jsp
@@ -115,7 +115,7 @@
 	<c:if test="${(region[0] eq 2) && (fn:length(_cfg.sslList) >0)}">
 		<c:forEach items="${_cfg.sslList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content2" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 					<div class="row">
 						<div class="col-md-8">
 							<div class="form-group">
@@ -221,7 +221,7 @@
 	<c:if test="${(region[0] eq 2) && (fn:length(_cfg.ntcSubscribeIdCfgList) >0)}">
 		<c:forEach items="${_cfg.ntcSubscribeIdCfgList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content2" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 					<div class="row">
 						<div class="col-md-8">
 							<div class="form-group">
diff --git a/src/main/webapp/WEB-INF/views/cfg/whitelist/domianSubList.jsp b/src/main/webapp/WEB-INF/views/cfg/whitelist/domianSubList.jsp
index 2ef7fb1ac..0304cae99 100644
--- a/src/main/webapp/WEB-INF/views/cfg/whitelist/domianSubList.jsp
+++ b/src/main/webapp/WEB-INF/views/cfg/whitelist/domianSubList.jsp
@@ -115,7 +115,7 @@
 	<c:if test="${(region[0] eq 2) && (fn:length(_cfg.httpUrlList) >0)}">
 		<c:forEach items="${_cfg.httpUrlList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content2" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 					<div class="row">
 						<div class="col-md-8">
 							<div class="form-group">
@@ -167,7 +167,7 @@
 	<c:if test="${(region[0] eq 2) && (fn:length(_cfg.ntcSubscribeIdCfgList) >0)}">
 		<c:forEach items="${_cfg.ntcSubscribeIdCfgList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content2" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 					<div class="row">
 						<div class="col-md-10">
 							<div class="form-group">
diff --git a/src/main/webapp/WEB-INF/views/cfg/whitelist/ipSubList.jsp b/src/main/webapp/WEB-INF/views/cfg/whitelist/ipSubList.jsp
index a0a11f898..667c37574 100644
--- a/src/main/webapp/WEB-INF/views/cfg/whitelist/ipSubList.jsp
+++ b/src/main/webapp/WEB-INF/views/cfg/whitelist/ipSubList.jsp
@@ -115,7 +115,7 @@
 	<c:if test="${(region[0] eq 2) && (fn:length(_cfg.ntcSubscribeIdCfgList) >0)}">
 		<c:forEach items="${_cfg.ntcSubscribeIdCfgList}" var="cfg">
 			<c:if test="${region[1] eq cfg.cfgType }">
-				<div id="${region[1]}Info${index}" class="content content2" name="subCfg${index}">
+				<div id="${region[1]}Info${index}" class="content content${region[0]}" name="subCfg${index}">
 					<div class="row">
 						<div class="col-md-8">
 							<div class="form-group">