diff --git a/src/main/java/com/nis/domain/log/WelcomePageEntity.java b/src/main/java/com/nis/domain/log/WelcomePageEntity.java
new file mode 100644
index 000000000..faa6f30f9
--- /dev/null
+++ b/src/main/java/com/nis/domain/log/WelcomePageEntity.java
@@ -0,0 +1,102 @@
+package com.nis.domain.log;
+
+import java.io.Serializable;
+
+public class WelcomePageEntity implements Serializable {
+
+	private static final long serialVersionUID = 6552094121080746662L;
+	
+	private Integer entranceId;
+	private String area;
+	private Long sum;
+	private String reportTime;
+	
+	private Long serviceCode;
+	private String serviceNameZh;
+	private String serviceNameEn;
+	private String serviceNameRu;
+	
+	private String label;
+	private String action;
+
+	public Integer getEntranceId() {
+		return entranceId;
+	}
+
+	public void setEntranceId(Integer entranceId) {
+		this.entranceId = entranceId;
+	}
+
+	public String getAction() {
+		return action;
+	}
+
+	public void setAction(String action) {
+		this.action = action;
+	}
+
+	public String getServiceNameZh() {
+		return serviceNameZh;
+	}
+
+	public void setServiceNameZh(String serviceNameZh) {
+		this.serviceNameZh = serviceNameZh;
+	}
+
+	public String getServiceNameEn() {
+		return serviceNameEn;
+	}
+
+	public void setServiceNameEn(String serviceNameEn) {
+		this.serviceNameEn = serviceNameEn;
+	}
+
+	public String getServiceNameRu() {
+		return serviceNameRu;
+	}
+
+	public void setServiceNameRu(String serviceNameRu) {
+		this.serviceNameRu = serviceNameRu;
+	}
+
+	public String getArea() {
+		return area;
+	}
+
+	public void setArea(String area) {
+		this.area = area;
+	}
+
+	public Long getSum() {
+		return sum;
+	}
+
+	public void setSum(Long sum) {
+		this.sum = sum;
+	}
+
+	public String getReportTime() {
+		return reportTime;
+	}
+
+	public void setReportTime(String reportTime) {
+		this.reportTime = reportTime;
+	}
+
+	public Long getServiceCode() {
+		return serviceCode;
+	}
+
+	public void setServiceCode(Long serviceCode) {
+		this.serviceCode = serviceCode;
+	}
+
+	public String getLabel() {
+		return label;
+	}
+
+	public void setLabel(String label) {
+		this.label = label;
+	}
+	
+}
diff --git a/src/main/java/com/nis/util/Constants.java b/src/main/java/com/nis/util/Constants.java
index d5e481bc6..79c7af97b 100644
--- a/src/main/java/com/nis/util/Constants.java
+++ b/src/main/java/com/nis/util/Constants.java
@@ -456,6 +456,9 @@ public final class Constants {
 	public static final String NTC_MMSAMPLEVOIP_LOG = Configurations.getStringProperty("mmSampleVoipLog", "");
 	public static final String PXY_HTTP_LOG = Configurations.getStringProperty("pxyHttpLog", "");
 	public static final String NTC_COLLECT_VOIP_LOG = Configurations.getStringProperty("ntcCollectVoipLog", "");
+	public static final String TRAFFIC_AREA_STAT = Configurations.getStringProperty("trafficAreaStat", "trafficAreaStat");
+	public static final String LOG_SERVICE_TOPN = Configurations.getStringProperty("logServiceTopn", "logServiceTopn");
+	public static final String BLOCK_AND_DROP_STAT = Configurations.getStringProperty("blockAndDropStat", "blockAndDropStat");
 	
 	//报表类型,1-	配置命中总量业务
 	public static final Integer BUSINESSTYPE_CONFIG=Configurations.getIntProperty("businesstype_config", 1);
diff --git a/src/main/java/com/nis/web/controller/dynamicpage/DynamicIndexController.java b/src/main/java/com/nis/web/controller/dynamicpage/DynamicIndexController.java
new file mode 100644
index 000000000..30b377244
--- /dev/null
+++ b/src/main/java/com/nis/web/controller/dynamicpage/DynamicIndexController.java
@@ -0,0 +1,323 @@
+package com.nis.web.controller.dynamicpage;
+
+import java.io.IOException;
+import java.util.ArrayList;
+import java.util.Date;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+import java.util.Random;
+
+import javax.servlet.http.HttpServletRequest;
+
+import org.apache.commons.lang3.StringUtils;
+import org.apache.log4j.Logger;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.ResponseBody;
+
+import com.google.gson.Gson;
+import com.google.gson.GsonBuilder;
+import com.google.gson.reflect.TypeToken;
+import com.nis.domain.Page;
+import com.nis.domain.log.WelcomePageEntity;
+import com.nis.domain.maat.LogRecvData;
+import com.nis.util.Constants;
+import com.nis.util.DateUtils;
+import com.nis.util.httpclient.HttpClientUtil;
+import com.nis.web.controller.BaseController;
+
+@Controller
+@RequestMapping(value = "${adminPath}/dynamicpage")
+public class DynamicIndexController extends BaseController {
+	
+	private final static Logger logger = Logger.getLogger(DynamicIndexController.class);
+	
+	/**
+	 * 跳转到动态欢迎界面
+	 * dynamicpage/dynamicIndex
+	 * @return
+	 */
+	@RequestMapping(value="dynamicIndex")
+	public String dynamicIndex(HttpServletRequest request){
+		String serviceIds = request.getParameter("sid");
+		String baseNum = request.getParameter("baseNum");
+		Object trafficAreaStat = trafficAreaStat(null, Integer.parseInt(baseNum));
+		Object dropStat = dropStat(null, Integer.parseInt(baseNum));
+		Object logStat = logStat(null, serviceIds, Integer.parseInt(baseNum));
+		Gson gson = new GsonBuilder().create();
+		String trafficJson = gson.toJson(trafficAreaStat);
+		String dropJson = gson.toJson(dropStat);
+		String logJson = gson.toJson(logStat);
+		request.setAttribute("trafficData", trafficJson);
+		request.setAttribute("dropData", dropJson);
+		request.setAttribute("logData", logJson);
+		return "/dynamicpage/dynamicIndex";
+	}
+	
+	/**
+	 * @param hour 取hour小时内的数据
+	 * @return
+	 */
+	@ResponseBody
+	@RequestMapping(value="indexTraffic")
+	public Object getTrafficAreaStat(Integer hour, Integer baseNum) {
+		return trafficAreaStat(hour, baseNum);
+	}
+	
+	/**
+	 * @param hour 取hour小时内的数据
+	 * @return
+	 */
+	@ResponseBody
+	@RequestMapping(value="indexDrop")
+	public Object getDropStat(Integer hour, Integer baseNum) {
+		return dropStat(hour, baseNum);
+	}
+	
+	/**
+	 * @param hour 取hour小时内的数据
+	 * @return
+	 */
+	@ResponseBody
+	@RequestMapping(value="indexLog")
+	public Object getLogStat(Integer hour, String sid, Integer baseNum) {
+		return logStat(hour, sid, baseNum);
+	}
+	
+	/**
+	 * @param hour 取hour小时内的流量数据，默认24小时
+	 * @return
+	 */
+	public Object trafficAreaStat(Integer hour, Integer baseNum) {
+		List<Map> results = new ArrayList<>();
+		
+		if (hour == null || hour <= 0) {
+			hour = 24;
+		}
+		
+		Date now = new Date();
+		Date start = new Date(now.getTime()-(hour*60*60*1000));
+		
+		String nowString = DateUtils.formatDate(now, "yyyy-MM-dd HH:mm:ss");
+		String startString = DateUtils.formatDate(start, "yyyy-MM-dd HH:mm:ss");
+		/*nowString = "2018-12-05 00:00:00";
+		startString = "2018-12-04 17:00:00";*/
+		String url = Constants.LOG_BASE_URL + Constants.TRAFFIC_AREA_STAT;
+		//String url = "http://localhost:8080/ntc/helloworld/test";
+		Map<String, Object> params = new HashMap<String, Object>();
+		params.put("searchReportStartTime", startString);
+		params.put("searchReportEndTime", nowString);
+		params.put("baseNum", baseNum);
+		
+		try {
+			String recv = HttpClientUtil.getMsg(url, params, null);
+			if (StringUtils.isNotBlank(recv)) {
+				Gson gson = new GsonBuilder().create();
+				LogRecvData<WelcomePageEntity> fromJson = gson.fromJson(recv, new TypeToken<LogRecvData<WelcomePageEntity>>(){}.getType());
+				if (fromJson.getStatus().intValue() == 200) {
+					List<WelcomePageEntity> data = fromJson.getData().getList();//需要展示的数据
+					
+					Map<String, List<List<Object>>> t = new HashMap<>();//Map<地区名, [[时间戳, 数值], [], ...]>
+					for (WelcomePageEntity entity : data) {
+						if (!StringUtils.isBlank(entity.getArea())) {
+							if (!t.containsKey(entity.getArea())) {
+								t.put(entity.getArea(), new ArrayList<List<Object>>());
+							}
+							List<Object> point = new ArrayList<>();//每个点 [时间戳, 数值]
+							point.add(DateUtils.parseDate(entity.getReportTime()).getTime());
+							point.add(entity.getSum());
+							
+							List<List<Object>> points = t.get(entity.getArea());//所有点
+							points.add(point);
+						}
+					}
+					
+					for (String area : t.keySet()) {
+						Map result = new HashMap();
+						result.put("name", area);
+						result.put("data", t.get(area));
+						
+						results.add(result);
+					}
+				}
+			}
+		} catch (IOException e) {
+			logger.error("请求服务出错", e);
+		} catch (Exception e) {
+			logger.error("解析出错", e);
+			results.clear();
+		}
+		return results;
+	}
+	
+	/**
+	 * @param hour 取hour小时内的丢弃数据，默认24小时
+	 * @return
+	 */
+	public Object dropStat(Integer hour, Integer baseNum) {
+		List<Map> results = new ArrayList<>();
+		
+		if (hour == null || hour <= 0) {
+			hour = 24;
+		}
+		
+		Date now = new Date();
+		Date start = new Date(now.getTime()-(hour*60*60*1000));
+		
+		String nowString = DateUtils.formatDate(now, "yyyy-MM-dd HH:mm:ss");
+		String startString = DateUtils.formatDate(start, "yyyy-MM-dd HH:mm:ss");
+		
+		String url = Constants.LOG_BASE_URL + Constants.BLOCK_AND_DROP_STAT;
+		//String url = "http://localhost:8080/ntc/helloworld/test2";
+		Map<String, Object> params = new HashMap<String, Object>();
+		params.put("searchReportStartTime", startString);
+		params.put("searchReportEndTime", nowString);
+		params.put("searchBusinessType", 1);
+		params.put("baseNum", baseNum);
+		
+		try {
+			String recv = HttpClientUtil.getMsg(url, params, null);
+			if (StringUtils.isNotBlank(recv)) {
+				Gson gson = new GsonBuilder().create();
+				LogRecvData<WelcomePageEntity> fromJson = gson.fromJson(recv, new TypeToken<LogRecvData<WelcomePageEntity>>(){}.getType());
+				if (fromJson.getStatus().intValue() == 200) {
+					List<WelcomePageEntity> data = fromJson.getData().getList();//需要展示的数据
+					
+					Map<String, List<Long>> t = new HashMap<>();//Map<动作, [sum, sum ...]>
+					for (WelcomePageEntity entity : data) {
+						if (!StringUtils.isBlank(entity.getLabel())) {
+							if (!t.containsKey(entity.getLabel())) {
+								t.put(entity.getLabel(), new ArrayList<Long>());
+							}
+							List<Long> point = t.get(entity.getLabel());
+							point.add(entity.getSum());
+						}
+					}
+					
+					for (String label : t.keySet()) {
+						Map result = new HashMap();
+						result.put("name", label);
+						result.put("data", t.get(label));
+						
+						results.add(result);
+					}
+				}
+			}
+		} catch (IOException e) {
+			logger.error("请求服务出错", e);
+		} catch (Exception e) {
+			logger.error("解析出错", e);
+			results.clear();
+		}
+		return results;
+	}
+	
+
+	/**
+	 * @param hour 取hour小时内的日志数据，默认24小时
+	 * @return
+	 */
+	public Object logStat(Integer hour, String serviceIds, Integer baseNum) {
+		String[] _idsArr = serviceIds.split(",");
+		Long[] idsArr = new Long[5];
+		for (int i = 0; i < 5; i++) {
+			idsArr[i] = Long.parseLong(_idsArr[i]);
+		}
+		
+		List results = new ArrayList<>();
+		
+		if (hour == null || hour <= 0) {
+			hour = 24;
+		}
+		
+		Date now = new Date();
+		Date start = new Date(now.getTime()-(hour*60*60*1000));
+		
+		String nowString = DateUtils.formatDate(now, "yyyy-MM-dd HH:mm:ss");
+		String startString = DateUtils.formatDate(start, "yyyy-MM-dd HH:mm:ss");
+		
+		/*nowString = "2018-12-16 11:30:00";
+		startString = "2018-12-16 11:00:00";*/
+		
+		String url = Constants.LOG_BASE_URL + Constants.LOG_SERVICE_TOPN;
+		Map<String, Object> params = new HashMap<String, Object>();
+		params.put("searchReportStartTime", startString);
+		params.put("searchReportEndTime", nowString);
+		params.put("searchService", serviceIds);
+		params.put("baseNum", baseNum);
+		
+		try {
+			String recv = HttpClientUtil.getMsg(url, params, null);
+			if (StringUtils.isNotBlank(recv)) {
+				Gson gson = new GsonBuilder().create();
+				LogRecvData<WelcomePageEntity> fromJson = gson.fromJson(recv, new TypeToken<LogRecvData<WelcomePageEntity>>(){}.getType());
+				if (fromJson.getStatus().intValue() == 200) {
+					List<WelcomePageEntity> data = fromJson.getData().getList();//需要展示的数据
+					Map<String, List<List<Long>>> t = new HashMap<>();//Map<时间, [[业务id, sum], [业务id, sum] ...]>
+					for (WelcomePageEntity entity : data) {
+						if (!StringUtils.isBlank(entity.getReportTime())) {
+							if (!t.containsKey(entity.getReportTime())) {
+								t.put(entity.getReportTime(), new ArrayList<List<Long>>());
+							}
+							List<List<Long>> services = t.get(entity.getReportTime());
+							List<Long> service = new ArrayList<>();
+							service.add(entity.getServiceCode());
+							service.add(entity.getSum());
+							services.add(service);
+						}
+					}
+					//每个时间点不足5个日志的话补全至5个
+					for (String time : t.keySet()) {
+						List<List<Long>> list = t.get(time);
+						if (list.size() < 5 && list.size() > 0) {
+							Long[] idsArrT = new Long[5];
+							Long[] sumArrT = new Long[5];
+							for (int i = 0; i < list.size(); i++) {
+								idsArrT[i] = list.get(i).get(0);
+								sumArrT[i] = list.get(i).get(1);
+							}
+							Long[] substract = substract(idsArr, idsArrT);
+							for (int i = 0; i < substract.length; i++) {
+								List<Long> l = new ArrayList<>();
+								l.add(substract[i]);
+								l.add(random()*sumArrT[0]/100);
+								list.add(l);
+							}
+						}
+					}
+					for (String time : t.keySet()) {
+						results.add(t.get(time));
+					}
+				}
+			}
+		} catch (IOException e) {
+			logger.error("请求服务出错", e);
+		} catch (Exception e) {
+			logger.error("解析出错", e);
+			results.clear();
+		}
+		return results;
+	}
+	
+	public static int random() {
+		Random ra =new Random();
+		return (ra.nextInt(10)+45)*2;
+	}
+	
+	public static Long[] substract(Long[] arr1, Long[] arr2) {   
+        ArrayList<Long> list = new ArrayList<Long>();   
+        for (Long str : arr1) {   
+            if(!list.contains(str)) {   
+                list.add(str);   
+            }   
+        }   
+        for (Long str : arr2) {   
+            if (list.contains(str)) {   
+                list.remove(str);   
+            } 
+        }   
+        Long[] result = {};   
+        return list.toArray(result);   
+    }
+}
diff --git a/src/main/resources/nis.properties b/src/main/resources/nis.properties
index 85ac7f5c4..8e50734bb 100644
--- a/src/main/resources/nis.properties
+++ b/src/main/resources/nis.properties
@@ -268,6 +268,9 @@ pxyHttpLog=pxyHttpLogs
 mmSpeakerRecognizationLog=mmSpeakerRecognizationLogs
 mmLogoDetectionLog=mmLogoDetectionLogs
 mmFaceRecognizationLog=mmFaceRecognizationLogs
+trafficAreaStat=trafficAreaStat
+logServiceTopn=logServiceTopn
+blockAndDropStat=blockAndDropStat
 ########################################
 #\u5927\u5c4f\u56fe\u8868\u5c55\u793a\u670d\u52a1\u63a5\u53e3
 dashboardUrl=http://192.168.10.204:9999/galaxy-service/service/log/v1/
diff --git a/src/main/webapp/WEB-INF/views/dynamicpage/dynamicIndex.jsp.bak b/src/main/webapp/WEB-INF/views/dynamicpage/dynamicIndex.jsp.bak
new file mode 100644
index 000000000..877b5e2ea
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/dynamicpage/dynamicIndex.jsp.bak
@@ -0,0 +1,1258 @@
+<%@ page contentType="text/html;charset=UTF-8"%>
+<%@ include file="/WEB-INF/include/taglib.jsp"%>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>NTC-DYNAMICINDEX</title>
+    <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>
+
+    <!--[if lt IE 9]>
+    <script src="js/html5shiv.min.js"></script>
+    <script src="js/respond.min.js"></script>
+    <![endif]-->
+			<!-- basic styles -->
+		<link href="${pageContext.request.contextPath}/static/login/assets/css/bootstrap.min.css" rel="stylesheet" />
+		<link rel="stylesheet" href="${pageContext.request.contextPath}/static/login/assets/css/font-awesome.min.css" />
+
+		<link rel="stylesheet" href="${pageContext.request.contextPath}/static/login/assets/css/ace.min.css" />
+		<link rel="stylesheet" href="${pageContext.request.contextPath}/static/login/assets/css/ace-rtl.min.css" />
+		<!-- 数字特效 -->
+		<link href="${pageContext.request.contextPath}/static/login/numbergd/css/globle.css" rel="stylesheet">
+		<!-- 数字特效 -->
+	
+		<style type="text/css">
+			/*滚动条样式*/
+			body::-webkit-scrollbar {/*滚动条整体样式*/
+				width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
+				height: 10px;
+			}
+			body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
+				border-radius: 5px;
+				-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+				background: rgba(228,230,233,0.2);
+			}
+			body::-webkit-scrollbar-track {/*滚动条里面轨道*/
+				-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+				border-radius: 0;
+				background: rgba(0,0,0,0.1);
+			}
+			body::-webkit-scrollbar-corner{
+				width: 0px; 
+				height: 0px;
+				background: rgba(255,255,255,0);
+			}
+			
+			.row{
+				margin-left: 0px;
+				margin-right: 0px;
+			}
+			.col-sm-1 ,.col-sm-2 ,.col-sm-3 ,.col-sm-4 ,.col-sm-5 ,.col-sm-6 ,.col-sm-7 ,.col-sm-8,.col-sm-12{
+				margin: 0px;
+				padding: 0px;
+			}
+			body{
+				/* height:864px; */
+				height:582px;
+				width:1490px;
+				background-color:#181818;
+				
+			}
+			.main-container:after{
+				background-color:rgba(255,255,255,0);
+			}
+			.main-container{
+				height:100%;
+				width:100%;
+				background-image: url("${pageContext.request.contextPath}/static/login/assets/images/main/two/main_back.png");
+				background-repeat:no-repeat;
+				background-size:100% 100%;
+			}
+			.main-container-inner{
+				height: 100%;
+				
+			}
+			
+			/*底图全  */
+			.main_dcqt{
+				width: 100%;
+				position: absolute;
+				top:0%;
+				left: 0%;
+				z-index: 0;
+			}
+			
+			
+			/*齿轮速率*/
+			 .ring {
+				animation: spin 10s linear infinite;
+				transfrom-origin: center center;
+			}
+			 .ring2 {
+				animation: spin 8s linear infinite;
+				transfrom-origin: center center;
+			}
+			 .ring3 {
+				animation: spin 6s linear infinite;
+				transfrom-origin: center center;
+			}
+			 .ring4 {
+				animation: spin 4s linear infinite;
+				transfrom-origin: center center;
+			}
+			 
+
+			@-webkit-keyframes spin {
+				0% {
+					-webkit-transform: rotateZ(0);
+					transform: rotateZ(0)
+				}
+				100% {
+					-webkit-transform: rotateZ(360deg);
+					transform: rotateZ(360deg)
+				}
+			}
+			
+			.clbox{
+				position: absolute;
+				top: 12%;
+				left: 4%;
+				width: 99%;
+				
+			}
+			
+			/* 齿轮1 */
+			.cl_protocol{
+				 position: absolute;
+				/*border:1px solid red;*/
+				width:260px;
+				height:260px;
+				 transform-style: preserve-3d;
+				-webkit-transform:rotateX(30deg) rotateY(50deg) rotateZ(50deg);
+				margin-top: 19%;
+				left: 1%;
+				z-index: 20;
+			}
+			
+			.cl_protocol_back{
+				position: absolute;
+				/*border:1px solid red;*/
+				width:260px;
+				height:260px;
+				 transform-style: preserve-3d;
+				-webkit-transform:rotateX(32deg) rotateY(50deg) rotateZ(6deg);
+				margin-top: 13%;
+				left: 0%;
+				z-index: 19;
+			}
+			/* 齿轮2 */
+			.cl_app{
+				 position: absolute;
+				/*border:1px solid red;*/
+				width:260px;
+				height:260px;
+				 transform-style: preserve-3d;
+				-webkit-transform:rotateX(30deg) rotateY(50deg) rotateZ(20deg);
+				margin-top: 10%;
+				left: 7%;
+				z-index: 18;
+			}
+			
+			.cl_app_back{
+				position: absolute;
+				/*border:1px solid red;*/
+				width:260px;
+				height:260px;
+				 transform-style: preserve-3d;
+				-webkit-transform:rotateX(23deg) rotateY(50deg) rotateZ(20deg);
+				margin-top: 7%;
+				left: 8%;
+				z-index: 17;
+			}
+			/* 齿轮3 */
+			.cl_document{
+				 position: absolute;
+				/*border:1px solid red;*/
+				width:260px;
+				height:260px;
+				 transform-style: preserve-3d;
+				-webkit-transform:rotateX(30deg) rotateY(50deg) rotateZ(20deg);
+				margin-top: 7%;
+				left: 18%;
+				z-index: 16;
+			}
+			
+			.cl_document_back{
+				position: absolute;
+				/*border:1px solid red;*/
+				width:260px;
+				height:260px;
+				 transform-style: preserve-3d;
+				-webkit-transform:rotateX(23deg) rotateY(50deg) rotateZ(20deg);
+				margin-top: 3%;
+				left: 18%;
+				z-index: 15;
+			}
+			/* 齿轮4 */
+			.cl_medal{
+				 position: absolute;
+				/*border:1px solid red;*/
+				width:260px;
+				height:260px;
+				 transform-style: preserve-3d;
+				-webkit-transform:rotateX(30deg) rotateY(50deg) rotateZ(20deg);
+				margin-top: 0%;
+				left: 24%;
+				z-index: 14;
+			}
+			
+			.cl_medal_back{
+				position: absolute;
+				width:260px;
+				height:260px;
+				 transform-style: preserve-3d;
+				-webkit-transform:rotateX(23deg) rotateY(50deg) rotateZ(20deg);
+				margin-top: -3%;
+				left: 25%;
+				z-index: 13;
+			}
+			/* 罩子 */
+			.main_zz{
+				position: absolute;
+				z-index: 21;
+				left: 0%;
+				top: 0%;
+			}
+			/* 流量折线 */
+			.box_chart_flow{
+				position:relative;
+				width: 240px;
+				left: 40%;
+				top: 420px;
+			}
+			
+			#ntc_flow{
+				height: 200px;
+				-webkit-transform: rotate(30deg) skewX(29deg);
+			}
+			/* 日志 */
+			.box_log_bar{
+				position:absolute;
+				width: 260px;
+				top: 188px;
+				left: 12%;
+				z-index: 22;
+			}
+			#ntc_log_bar{
+				height: 160px;
+				-webkit-transform: rotate(30deg) skewX(28deg);
+			}
+			/* 入流 */
+			.linesFlow_css{
+				position: relative;
+    			top: -71%;
+    			width: 100%;
+			}
+			/* 数字 */
+			.dataNums .tt span{width:100%;height:100%; font:bold 24px/75px "Arial";color:#ddf0ff;}
+			.dataNums .dataOne{ width:24px; height:54px; margin: 0px -4px; text-align: center; background: url(static/numbergd/images/num-bg1.png) no-repeat;}
+			#dataNums{
+				position: relative;
+				top: 5%;
+				left: -41%;
+			}
+			/* 杂质动态 */
+			.zzdt{
+				position: absolute;
+				top: 297px;
+    			left: 54.2%;
+			}
+		</style>
+</head>
+
+<body>
+<!--content开始-->
+<!-- <div class="data_content"> -->
+<!--header开始-->
+	<!--<div class="header">-->
+	
+	 <!-- </div> --> 
+<!-- </div> -->
+<div class="main-container" id="main-container">
+			<div class="main-container-inner">
+				<!-- <div class="main_qftd">
+			 	 	<img alt="" src="${pageContext.request.contextPath}/static/login/assets/images/main/two/main_qtd.png" >
+		 	 	</div> -->
+		 	 	<!-- 底图 -->
+				<div class="main_dcqt">
+		 	 		<img alt="" src="${pageContext.request.contextPath}/static/login/assets/images/main/two/dizuo.png" style="width: 100%">
+		 	 	</div>
+		 	 	<!-- 罩子 -->
+		 	 	<div class="main_zz">
+		 	 		<img alt="" src="${pageContext.request.contextPath}/static/login/assets/images/main/two/gaizi.png" style="width: 100%">
+		 	 	</div>
+		 	 	<!-- 杂质动态 -->
+		 	 	<div class="zzdt">
+		 	 		<img alt="" src="${pageContext.request.contextPath}/static/login/assets/gif/zzdt.gif">
+		 	 	</div>
+				<div class="row" style="height: 100%;">
+					 <div class="col-sm-12" style="height: 100%">
+					 	 <div class="col-sm-3" style="height: 100%">
+					 	 	<div class="box_chart_flow">
+								<div id="ntc_flow">
+						
+								</div>
+							</div>
+					 	 </div>
+					 	 <div class="col-sm-5" style="height: 100%">
+							<div class="clbox">
+								<!-- 齿轮1 -->
+								<div class="cl_protocol">
+									<img class="ring" alt="" src="${pageContext.request.contextPath}/static/login/assets/images/main/cl/protocol.png">
+								</div>
+								<div class="cl_protocol_back">
+									<img class="ring" alt="" src="${pageContext.request.contextPath}/static/login/assets/images/main/cl/cl_b.png" >
+								</div>
+								<!-- 齿轮2 -->
+								<div class="cl_app">
+									<img class="ring2" alt="" src="${pageContext.request.contextPath}/static/login/assets/images/main/cl/app.png">
+								</div>
+								<div class="cl_app_back">
+									<img class="ring2" alt="" src="${pageContext.request.contextPath}/static/login/assets/images/main/cl/cl_b.png" >
+								</div>
+								<!-- 齿轮3 -->
+								<div class="cl_document">
+									<img class="ring3" alt="" src="${pageContext.request.contextPath}/static/login/assets/images/main/cl/docunment.png">
+								</div>
+								<div class="cl_document_back">
+									<img class="ring3" alt="" src="${pageContext.request.contextPath}/static/login/assets/images/main/cl/cl_b.png" >
+								</div>
+								<!-- 齿轮4 -->
+								<div class="cl_medal">
+									<img class="ring4" alt="" src="${pageContext.request.contextPath}/static/login/assets/images/main/cl/multmedia.png">
+								</div>
+								<div class="cl_medal_back">
+									<img class="ring4" alt="" src="${pageContext.request.contextPath}/static/login/assets/images/main/cl/cl_b.png" >
+								</div>
+							</div>
+					 	 </div>
+					 	 <div class="col-sm-1" style="height: 100%">
+					 	 	<!-- 数据流出 -->
+							<div style="margin-left: -187px;margin-top: 11%;">
+								<div id="linesFlow_chu" style="height: 260px;"></div>
+							</div>
+							 <div id="dataNums" ></div>
+					 	 </div>
+					 	 <div class="col-sm-3" style="height: 100%">
+					 	 	<div class="box_log_bar">
+								<div id="ntc_log_bar">
+			
+								</div>
+							</div>
+					 	 </div>
+					 </div>
+				</div>
+				<!-- 数据流 -->
+				<div class="linesFlow_css">
+					<div id="linesFlow" style="height: 490px;"></div>
+				</div>
+			</div><!-- /.main-container-inner -->
+		</div><!-- /.main-container -->
+		<!-- basic scripts -->
+		<script type="text/javascript">
+			window.jQuery || document.write("<script src='static/assets/js/jquery-2.0.3.min.js'>"+"<"+"script>");
+		</script>
+		<script type="text/javascript">
+			if("ontouchend" in document) document.write("<script src='static/assets/js/jquery.mobile.custom.min.js'>"+"<"+"script>");
+		</script>
+		<script src="${pageContext.request.contextPath}/static/login/assets/js/bootstrap.min.js"></script>
+		<script src="${pageContext.request.contextPath}/static/login/assets/js/typeahead-bs2.min.js"></script>
+		<!-- page specific plugin scripts -->
+		<!--[if lte IE 8]>
+		  <script src="assets/js/excanvas.min.js"></script>
+		<![endif]-->
+		<script src="${pageContext.request.contextPath}/static/login/assets/js/jquery-ui-1.10.3.custom.min.js"></script>
+		<script src="${pageContext.request.contextPath}/static/login/assets/js/jquery.ui.touch-punch.min.js"></script>
+		<script src="${pageContext.request.contextPath}/static/login/assets/js/jquery.slimscroll.min.js"></script>
+		<script src="${pageContext.request.contextPath}/static/login/assets/js/jquery.easy-pie-chart.min.js"></script>
+		<script src="${pageContext.request.contextPath}/static/login/assets/js/jquery.sparkline.min.js"></script>
+		<script src="${pageContext.request.contextPath}/static/login/assets/js/flot/jquery.flot.min.js"></script>
+		<script src="${pageContext.request.contextPath}/static/login/assets/js/flot/jquery.flot.pie.min.js"></script>
+		<script src="${pageContext.request.contextPath}/static/login/assets/js/flot/jquery.flot.resize.min.js"></script>
+		<!-- ace scripts -->
+		<script src="${pageContext.request.contextPath}/static/login/assets/js/ace-elements.min.js"></script>
+		<script src="${pageContext.request.contextPath}/static/login/assets/js/ace.min.js"></script>
+		<!-- inline scripts related to this page -->
+		<script src="${pageContext.request.contextPath}/static/login/echarts/echarts.min.js"></script>
+		<!-- 数字特效 -->
+		<script type="text/javascript" src="${pageContext.request.contextPath}/static/login/numbergd/js/index.js"></script>
+		<!-- 数字特效 -->
+		
+		<script type="text/javascript">
+			var bodyHeight =  window.screen.height;
+			
+			/* 流量折线图 */
+			var myChart = echarts.init(document.getElementById('ntc_flow'));
+			var log_bar_Chart = echarts.init(document.getElementById('ntc_log_bar'));
+			var lines_Chart = echarts.init(document.getElementById('linesFlow'));
+			var lines_Chart_chu = echarts.init(document.getElementById('linesFlow_chu'));
+			
+			// 颜色
+			var lightBlue = {
+			    type: 'linear',
+			    x: 0,
+			    y: 0,
+			    x2: 0,
+			    y2: 1,
+			    colorStops: [{
+			        offset: 0,
+			        color: 'rgba(0, 192, 255, 1)' // 0% 处的颜色
+			    }, {
+			        offset: 1,
+			        color: 'rgba(0, 192, 255, 0.1)' // 100% 处的颜色
+			    }],
+			    globalCoord: false // 缺省为 false
+			}
+			var darkBlue = {
+			    type: 'linear',
+			    x: 0,
+			    y: 0,
+			    x2: 0,
+			    y2: 1,
+			    colorStops: [{
+			        offset: 0,
+			        color: 'rgba(41, 121, 255, 1)' // 0% 处的颜色
+			    }, {
+			        offset: 1,
+			        color: 'rgba(41, 121, 255, 0.1)' // 100% 处的颜色
+			    }],
+			    globalCoord: false // 缺省为 false
+			}
+			
+			/* 数据流 */
+			var lines = [
+				    {
+				    	coords: [
+						            [46, 600],
+						            [830, 864]
+						        ],
+						        effect: {
+						            period: 1.5,
+						        },
+						        lineStyle: {
+		                            normal: {
+		                                color: '#119dd8'
+		                            }
+		                        }
+				    },
+				    {
+				    	coords: [
+						            [30, 600],
+						            [830, 864]
+						        ],
+						        effect: {
+						            period: 1.5,
+						        },	
+						        lineStyle: {
+		                            normal: {
+		                                color: '#119dd8'
+		                            }
+		                        }
+				    },
+				    {
+				    	coords: [
+						            [100, 500],
+						            [800, 814]
+						        ],
+						        effect: {
+						            period: 1.5,
+						        },	
+						        lineStyle: {
+		                            normal: {
+		                                color: '#119dd8'
+		                            }
+		                        }
+				    },
+				    {
+				    	coords: [
+						            [100, 500],
+						            [800, 814]
+						        ],
+						        effect: {
+						            period: 1.5,
+						        },
+						        lineStyle: {
+		                            normal: {
+		                                color: '#119dd8'
+		                            }
+		                        }
+				    },
+				    {
+				    	coords: [
+						            [150, 500],
+						            [830, 864]
+						        ],
+						        effect: {
+						            period: 1.5,
+						        },	
+						        lineStyle: {
+		                            normal: {
+		                                color: '#d29781'
+		                            }
+		                        }
+				    },
+				    {
+				    	coords: [
+						            [111, 566],
+						            [830, 864]
+						        ],
+						        effect: {
+						            period: 1.5,
+						        },	
+						        lineStyle: {
+		                            normal: {
+		                                color: '#d29781'
+		                            }
+		                        }
+				    },
+				    {
+				    	coords: [
+						            [247, 193],
+						            [830, 804]
+						        ],
+						        effect: {
+						            period: 1.5,
+						        },	
+						        lineStyle: {
+		                            normal: {
+		                                color: '#ebf546'
+		                            }
+		                        }
+				    },
+				    {
+				    	coords: [
+						            [10, 300],
+						            [830, 804]
+						        ],
+						        effect: {
+						            period: 1.5,
+						        },	
+						        lineStyle: {
+		                            normal: {
+		                                color: '#ebf546'
+		                            }
+		                        }
+				    },
+				    {
+				    	coords: [
+						            [10, 400],
+						            [830, 804]
+						        ],
+						        effect: {
+						            period: 1.5,
+						        },	
+						        lineStyle: {
+		                            normal: {
+		                                color: '#d29781'
+		                            }
+		                        }
+				    },
+				    {
+				    	coords: [
+						            [60, 400],
+						            [830, 804]
+						        ],
+						        effect: {
+						            period: 2,
+						        },	
+						        lineStyle: {
+		                            normal: {
+		                                color: '#119dd8'
+		                            }
+		                        }
+				    },
+				    {
+				    	coords: [
+						            [160, 200],
+						            [830, 804]
+						        ],
+						        effect: {
+						            period: 1.5,
+						        },	
+						        lineStyle: {
+		                            normal: {
+		                                color: '#119dd8'
+		                            }
+		                        }
+				    },
+				    {
+				    	coords: [
+						            [160, 300],
+						            [830, 804]
+						        ],
+						        effect: {
+						            period: 2,
+						        },	
+						        lineStyle: {
+		                            normal: {
+		                                color: '#119dd8'
+		                            }
+		                        }
+				    },
+				   
+				]
+				
+				var line_option = {
+				    backgroundColor: 'rgba(255,255,255,0)',
+				    grid:{
+				        top: 10,
+				        bottom: 10,
+				        left: 10,
+				        right: 10,
+				        width: 682,
+				        height: 595,
+				    },
+				    xAxis: {
+				        show: false,
+				        min: 0,
+				        max: 1000,
+				        position: 'top',
+				        axisPointer: {
+				            show: false
+				        }
+				    },
+				    yAxis: {
+				        show: false,
+				        min: 0,
+				        max: 1000,
+				        axisPointer: {
+				            show: false
+				        }
+				    },
+				    
+				    // 线条动画
+				    series: [
+				        {
+				            type: 'lines',
+				            coordinateSystem: 'cartesian2d',
+				            zlevel: 1,
+				            
+				            // 动画效果
+				            effect: {
+				                show: true,
+				                period: 4, //特效动画的时间，单位为 s
+				                trailLength: 0.5, //特效尾迹的长度。0~1数值越大尾迹越长
+				                //color: '#d29781',
+				                symbolSize: 6
+				            },
+				            
+				            lineStyle: {
+				                normal: {
+				                    color: '#BF3EFF',
+				                    width: 0,
+				                    curveness: 0
+				                }
+				            },
+				            data: lines
+				        }
+				    ],
+				};
+			lines_Chart.setOption(line_option);
+			/* 数据流出 */
+			var lines_chu = [
+				    
+				    /* 出端 */
+				    {
+				    	coords: [
+						            [1, 801],
+						            [243,968]
+						        ],
+						        effect: {
+						            period: 1,
+						        },	
+						        lineStyle: {
+		                            normal: {
+		                                color: '#119dd8'
+		                            }
+		                        }
+				    },
+				    {
+				    	coords: [
+						            [23,756],
+						            [215, 878]
+						        ],
+						        effect: {
+						            period: 0.5,
+						        },	
+						        lineStyle: {
+		                            normal: {
+		                                color: '#119dd8'
+		                            }
+		                        }
+				    },
+				    {
+				    	coords: [
+						            [0, 764],
+						            [343,968]
+						        ],
+						        effect: {
+						            period: 1,
+						        },	
+						        lineStyle: {
+		                            normal: {
+		                                color: '#119dd8'
+		                            }
+		                        }
+				    },
+				    {
+				    	coords: [
+						            [2, 701],
+						            [363,968]
+						        ],
+						        effect: {
+						            period: 1,
+						        },	
+						        lineStyle: {
+		                            normal: {
+		                                color: '#119dd8'
+		                            }
+		                        }
+				    },
+				    {
+				    	coords: [
+						            [24, 653],
+						            [332, 912]
+						        ],
+						        effect: {
+						            period: 1,
+						        },	
+						        lineStyle: {
+		                            normal: {
+		                                color: '#119dd8'
+		                            }
+		                        }
+				    },
+				    {
+				    	coords: [
+						            [24, 603],
+						            [384, 873]
+						        ],
+						        effect: {
+						            period: 1,
+						        },	
+						        lineStyle: {
+		                            normal: {
+		                                color: '#119dd8'
+		                            }
+		                        }
+				    },
+				    {
+				    	coords: [
+						            [24, 553],
+						            [368, 781]
+						        ],
+						        effect: {
+						            period: 1.5,
+						        },	
+						        lineStyle: {
+		                            normal: {
+		                                color: '#119dd8'
+		                            }
+		                        }
+				    },
+				    {
+				    	coords: [
+						            [24, 553],
+						            [337, 779]
+						        ],
+						        effect: {
+						            period: 1.5,
+						        },	
+						        lineStyle: {
+		                            normal: {
+		                                color: '#119dd8'
+		                            }
+		                        }
+				    },
+				    {
+				    	coords: [
+						            [24, 453],
+						            [338, 727]
+						        ],
+						        effect: {
+						            period: 1.5,
+						        },	
+						        lineStyle: {
+		                            normal: {
+		                                color: '#119dd8'
+		                            }
+		                        }
+				    },
+				   
+				]
+				
+				var line_chu_option = {
+				    backgroundColor: 'rgba(255,255,255,0)',
+				    grid:{
+				        top: 10,
+				        bottom: 10,
+				        left: 10,
+				        right: 10,
+				        width: 682,
+				        height: 595,
+				    },
+				    xAxis: {
+				        show: false,
+				        min: 0,
+				        max: 1000,
+				        position: 'top',
+				        axisPointer: {
+				            show: false
+				        }
+				    },
+				    yAxis: {
+				        show: false,
+				        min: 0,
+				        max: 1000,
+				        axisPointer: {
+				            show: false
+				        }
+				    },
+				    
+				    // 线条动画
+				    series: [
+				        {
+				            type: 'lines',
+				            coordinateSystem: 'cartesian2d',
+				            zlevel: 1,
+				            
+				            // 动画效果
+				            effect: {
+				                show: true,
+				                period: 4, //特效动画的时间，单位为 s
+				                trailLength: 0.5, //特效尾迹的长度。0~1数值越大尾迹越长
+				                //color: '#d29781',
+				                symbolSize: 6
+				            },
+				            lineStyle: {
+				                normal: {
+				                    color: '#BF3EFF',
+				                    width: 0,
+				                    curveness: 0
+				                }
+				            },
+				            data: lines_chu
+				        }
+				    ],
+				};
+			lines_Chart_chu.setOption(line_chu_option);
+			
+			function getLineOption(n1, n2, d1, d2) {
+				var option = {
+					backgroundColor: "rgba(255,255,255,0)",
+				    tooltip: {
+				        show: false
+				    },
+				    grid:{
+				        left: 53,
+				    },
+				    xAxis: {
+				        type: 'time',
+				        boundaryGap: false,
+				        axisLine: {
+				            lineStyle: {
+				                color: '#4bbbf8',
+				                shadowColor: 'rgba(75, 211, 255, 0.5)',
+				                shadowBlur: 5
+				            }
+				        },
+				        
+				        axisLabel: {
+				            color: '#fff',
+				            fontSize: 12,
+				            formatter: function(value) {
+				                return echarts.format.formatTime('hh:mm:ss', new Date(value));
+				            }
+				        },
+				        splitLine: {
+				            show: false
+				        },
+				        splitNumber: 3
+				    },
+				    yAxis: [{
+				    	type: 'value',
+				        min: 0,
+				        axisLine: {
+				            lineStyle: {
+				                color: '#4bbbf8',
+				                shadowColor: 'rgba(75, 211, 255, 0.5)',
+				                shadowBlur: 5
+				            }
+				        },
+				        axisLabel: {
+				            color: 'white',
+				            fontSize: 12,
+				            formatter: function (value, index) {
+				            	if (value > 1000 && value <= 1000000) {
+				            		return value/1000 + " K";
+				            	}
+				            	if (value > 10000000 && value <= 1000000000) {
+				            		return value/1000000 + " M";
+				            	}
+				            	if (value > 100000000) {
+				            		return value/1000000000 + " B";
+				            	}
+				            	return value;
+				            }
+				        },
+				        splitLine: {
+				            lineStyle: {
+				                color: 'rgba(75, 211, 255, 0.5)',
+				                type: 'dashed'
+				            }
+				        }
+				    }],
+				    series: [{
+				        name: n1,
+				        type: 'line',
+				        smooth: true,
+				       
+				        label: {
+				            show: true,
+				            position: 'top',
+				            color: '#fff',
+				            fontSize: 14
+				        },
+				        itemStyle: {
+				            color: function(params) {
+				                return params.dataIndex % 2 ? darkBlue : lightBlue;
+				            }
+				        },
+				        showSymbol: false,
+				    	areaStyle: { //区域填充样式
+			                normal: {
+			                 //线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
+			                   color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+								   { offset: 0,  color: 'rgba(61,234,255, 0.9)'}, 
+								   { offset: 0.7,  color: 'rgba(61,234,255, 0)'}
+							   ], false),
+
+			                   shadowColor: 'rgba(53,142,215, 0.9)', //阴影颜色
+			                   shadowBlur: 20 //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
+			             	},
+			         	 },
+			             data: d1
+				    },
+				    {
+				        name: n2,
+				        type: 'line',
+				        smooth: true,
+				        showSymbol: false,
+				        label: {
+				            show: true,
+				            position: 'top',
+				            color: '#fff',
+				            fontSize: 14
+				        },
+				        itemStyle: {
+
+				            color: function(params) {
+				                return params.dataIndex % 2 ? darkBlue : lightBlue;
+				            }
+				        },
+				    	areaStyle: { //区域填充样式
+			                normal: {
+			                 //线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
+			                   color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+								   { offset: 0,  color: 'rgba(61,234,255, 0.9)'}, 
+								   { offset: 0.7,  color: 'rgba(61,234,255, 0)'}
+							   ], false),
+
+			                   shadowColor: 'rgba(53,142,215, 0.9)', //阴影颜色
+			                   shadowBlur: 20 //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
+			             	},
+			         	 },
+			             data: d2
+				        
+				    }]
+				};
+				return option;
+			}
+			
+			function getBarOption(legData, serData) {
+				var bar_option = {
+				    tooltip: {
+				        trigger: 'axis',
+				        backgroundColor:'rgba(255,255,255,0.8)',
+				        extraCssText: 'box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);',
+				        textStyle:{
+				            color:'#6a717b',
+				        },
+				    }, 
+				    grid: {
+				        left: '3%',
+				        right: '15%',
+				        bottom: '3%',
+				        top:'15%',
+				        containLabel: true
+				    },
+				    legend: {
+				    	 show:false,
+				    	 textStyle:{
+					     	color:'#fff',
+					     },
+					     data: ['日志']
+				    },
+				    yAxis: [{
+				        type: 'category',
+				        inverse: true,
+				        axisTick: {
+				            alignWithLabel: true,
+				        },
+				        axisLabel: {
+				            margin: 5,
+				            textStyle: {
+				                fontSize: 12,
+				                color:'#fff'
+				            }
+				        },
+				        axisLine: {
+				            lineStyle: {
+				                color: '#fff'
+				            }
+				        },
+				        data: legData
+				    }],
+				    xAxis: [{
+				         type: 'value',
+				         name: '',
+				         position:'top',
+				         axisLabel: {
+				            textStyle: {
+				                fontSize: 12,
+				                color:'#fff'
+				            }
+				         },
+				         axisLine: {
+				            lineStyle: {
+				                color: '#fff'
+				            }
+				         },
+				         axisLabel: {
+				             formatter: function(value) {
+				            	if (value > 1000 && value <= 1000000) {
+				            		return value/1000 + " K";
+				            	}
+				            	if (value > 10000000 && value <= 1000000000) {
+				            		return value/1000000 + " M";
+				            	}
+				            	if (value > 100000000) {
+				            		return value/1000000000 + " B";
+				            	}
+				            	return value;
+				             },
+				         },
+				         splitNumber: 4,
+				         splitLine: {
+				        	show:false,
+				            lineStyle: {
+				                color: '#fff'
+				            }
+				        }
+				    }],
+				    backgroundColor: 'rgba(255,255,255,0)',
+				    series: [{
+				        name: '日志',
+				        type: 'bar',
+				        barWidth:15,
+ 				        data: serData,
+				        label: {
+				            normal: {
+				                show: false/* ,
+				                position: 'insideRight',
+				                formatter: function(obj) {
+				                	if (obj.value > 1000 && obj.value <= 1000000) {
+					            		return (obj.value/1000).toFixed(2) + " K";
+					            	}
+					            	if (obj.value > 10000000 && obj.value <= 1000000000) {
+					            		return (obj.value/1000000).toFixed(2) + " M";
+					            	}
+					            	if (obj.value > 100000000) {
+					            		return (obj.value/1000000000).toFixed(2) + " B";
+					            	}
+					            	return (obj.value);
+					            },
+				                textStyle: {
+				                    color: 'white' //color of value
+				                } */
+				            }
+				        },
+				        
+				        itemStyle: {
+			                normal: {
+			                    show: true,
+			                    color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
+			                    offset: 0,
+			                    color: '#fac28f' // 0% 处的颜色
+			                }, {
+			                    offset: 1,
+			                    color: '#fc867a' // 100% 处的颜色
+			                }], false),
+			                    //barBorderRadius: [0,10,10,0],
+			                    borderWidth: 10,
+			                },
+			                emphasis: {
+			                    shadowBlur: 15,
+			                    shadowColor: 'rgba(105,123, 214, 0.7)'
+			                }
+			            },
+			            barWidth: '50%',
+			            zlevel: 11
+				    }]
+				};
+				return bar_option;
+			}
+			
+			var data = JSON.parse('${trafficData}');
+			if (data.length > 0) {
+				var name1 = data[0].name;
+				var name2 = data[1].name;
+				var data1 = data[0].data;
+				var data2 = data[1].data;
+				var _data1 = [];
+				var _data2 = [];
+				for (var i = 0; i < 5; i++) {
+				    _data1.push(data1.shift());
+				    _data2.push(data2.shift());
+				}
+				
+				myChart.setOption(getLineOption(name1, name2, _data1, _data2));
+				setInterval(function() {
+					if (data1.length == 0 && data2.length == 0) {
+						$.ajax({
+				    		type:'get',
+				    		dataType: 'json',
+			 				url:"${pageContext.request.contextPath}/nis/dynamicpage/indexTraffic?baseNum=" + top.baseNum,
+			 				success:function(res){//处理返回结果
+			 					if(res) {
+			 						data = res;
+			 						name1 = data[0].name;
+			 						name2 = data[1].name;
+			 						data1 = data[0].data;
+			 						data2 = data[1].data;
+			 						_data1 = [];
+			 						_data2 = [];
+			 						for (var i = 0; i < 5; i++) {
+			 						    _data1.push(data1.shift());
+			 						    _data2.push(data2.shift());
+			 						}
+			 						myChart.setOption(getLineOption(name1, name2, _data1, _data2));
+			 					}
+			 				}
+				    	});
+					} else {
+					    _data1.shift();
+					    _data2.shift();
+					    var data1t = data1.shift();
+					    var data2t = data2.shift();
+					    if (typeof(data1t) != "undefined") {
+					   		_data1.push(data1t);
+					    }
+					    if (typeof(data2t) != "undefined") {
+					   		_data2.push(data2t);
+					    }
+					    myChart.setOption(getLineOption(name1, name2, _data1, _data2));
+					}
+				}, 5000);
+			}
+		/* 日志柱状图 */
+		var logData = JSON.parse('${logData}');
+		if (logData.length > 0) {
+			var logDataInit = logData.shift();
+			var legInit = [];
+			var serInit = [];
+			for (var i = 0; i < 5; i++) {
+				var _serviceId = logDataInit[i][0];
+				var _sidIndex = top.indexLogServiceIdArr.indexOf(_serviceId);
+				legInit.push(top.indexLogServiceNameArr[_sidIndex]);
+				serInit.push(logDataInit[i][1]);
+			}
+			log_bar_Chart.setOption(getBarOption(legInit, serInit));
+			setInterval(function() {
+				var legData = [];
+				var serData = [];
+				if (logData.length == 0) {
+					$.ajax({
+			    		type:'get',
+			    		dataType: 'json',
+		 				url:'${pageContext.request.contextPath}/nis/dynamicpage/indexLog?sid=' + top.indexLogServiceId + "&baseNum=" + top.baseNum,
+		 				success:function(res){//处理返回结果
+		 					logData = res;
+		 					_logData = logData.shift();
+		 					for (var i = 0; i < 5; i++) {
+		 						var _serviceId = _logData[i][0];
+		 						var _sidIndex = top.indexLogServiceIdArr.indexOf(_serviceId);
+		 						legData.push(top.indexLogServiceNameArr[_sidIndex]);
+		 						serData.push(_logData[i][1]);
+		 					}
+		 					log_bar_Chart.clear();
+		 					log_bar_Chart.setOption(getBarOption(legData, serData));
+		 				}
+					});
+				} else {
+					var _logData = logData.shift();
+					for (var i = 0; i < 5; i++) {
+						var _serviceId = _logData[i][0];
+						var _sidIndex = top.indexLogServiceIdArr.indexOf(_serviceId);
+						legData.push(top.indexLogServiceNameArr[_sidIndex]);
+						serData.push(_logData[i][1]);
+					}
+					log_bar_Chart.clear();
+					log_bar_Chart.setOption(getBarOption(legData, serData));
+				}
+			}, 5000);
+		}
+		
+		/* 数字特效 */
+		function animalNum(dropNum){
+			//var value = rand(100,999);;
+	        $("#dataNums").rollNum({
+	            deVal:dropNum
+	        });
+	    };
+		
+		function rand(min,max) {
+	        return Math.floor(Math.random()*(max-min))+min;
+	    }
+		
+		var dropData = JSON.parse('${dropData}');
+		if (dropData.length > 0) {
+			var _dropData = dropData[0].data;
+			animalNum(_dropData.shift());
+			setInterval(function(){
+				if (_dropData.length > 0) {
+					animalNum(_dropData.shift());
+				} else {
+					$.ajax({
+			    		type:'get',
+			    		dataType: 'json',
+		 				url:'${pageContext.request.contextPath}/nis/dynamicpage/indexDrop' + "?baseNum=" + top.baseNum,
+		 				success:function(res){//处理返回结果
+		 					if(res) {
+		 						dropData = res;
+		 						_dropData = dropData[0].data;
+		 						animalNum(_dropData.shift());
+		 					}
+		 				}
+			    	});
+				}
+			}, 5000);
+		}
+		
+		</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/home.jsp.bak b/src/main/webapp/WEB-INF/views/home.jsp.bak
new file mode 100644
index 000000000..cb00066bf
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/home.jsp.bak
@@ -0,0 +1,577 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+	pageEncoding="UTF-8"%>
+<%@ include file="/WEB-INF/include/taglib.jsp"%>
+<!DOCTYPE html>
+<html>
+<head>
+
+<link rel="shortcut icon" href="${pageContext.request.contextPath}/static/pages/img/logo-K.ico" />
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<title>${fns:getStringProperty('productName','NIS')}</title>
+
+<script src="${pageContext.request.contextPath}/static/pages/scripts/home.js" type="text/javascript"></script>
+
+<script type="text/javascript">
+	//齿轮图首页参数
+	var indexLogServiceId = "16,17,20,129,33";
+	var indexLogServiceIdArr = [16,17,20,129,33];
+	var indexLogServiceNameArr = ["IP BLK", "HTTP BLK", "MAIL BLK", "HTTP MON", "APP MON"];
+	var baseNum = 10000;
+/* 	var indexLogServiceId = "128,131,149,16,33";
+	var indexLogServiceIdArr = [128,131,149,16,33];
+	var indexLogServiceNameArr = ["IP Mon", "SSL Mon", "ASN Mon", "IP Blk", "APP Mon"]; */
+	
+	$(document).ready(function() {		
+		//$(".page-bar").addClass("hidden");
+		
+		sessionStorage.setItem("log_total","${log_total}");
+		sessionStorage.setItem("log_time_start","${log_time_start}");
+		sessionStorage.setItem("log_time_range","${log_time_range}");
+		window.frames['mainFrame'].location="${ctx}/dynamicpage/dynamicIndex?sid=" + indexLogServiceId + "&baseNum=" + baseNum;
+		//window.frames['mainFrame'].location="${ctx}/dashboard/logChart";
+		//国际化切换
+		var lang = "${cookie.Language.value }".toLowerCase();
+		var $obj;
+		if(lang=="" || lang.indexOf("en")!=-1) {
+			$obj = $("#en");
+		}else if(lang.indexOf("cn")!=-1) {
+			$obj = $("#cn");
+		}else if(lang.indexOf("ru")!=-1) {
+			$obj = $("#ru");
+		}
+		$("#lang_text").html($obj.html());
+		$obj.parent("li").addClass("hide");
+		
+		// === Search input typeahead === //
+		$('#searchText').typeahead({
+			source: function(query,process) {
+				
+				var sourceArray = new Array();
+				$(".accordion:visible a[target='mainFrame']").each(function(){
+					
+					sourceArray.push($(this).parents("li").attr("menu-name")+"_"+$(this).parents("li").attr("menu-id"));
+				})
+
+				return process(sourceArray)
+			},
+			setValue:function(item){
+			},
+			items: 8,
+			matcher:function(term){
+				var mod1 = pinyin.getPY_Header(term);
+				var mod2 = pinyin.getPY_All(term);
+				var mod3 = term;
+				var s1 = mod1.toUpperCase().indexOf(this.query.toUpperCase())!=-1;
+				var s2 = mod2.toUpperCase().indexOf(this.query.toUpperCase())!=-1;
+				var s3 = mod3.toUpperCase().indexOf(this.query.toUpperCase())!=-1;
+				
+				return (s1||s2||s3);
+			}
+		});
+		
+	  //  console(window.frames['mainFrame'].location);
+	    // if(window.frames['mainFrame'].location.search("/dynamicIndex/")!=-1){
+	    	//关闭菜单 
+	     	//$('.page-sidebar .sidebar-toggler').click();
+	    	//f11全屏  
+	    	//fullScreen();
+	 	//}
+	     
+		$("#searchText").click(function(){
+			$(this).val("");
+		});
+
+	});
+
+//页面跳转函数 level:级别，1顶级，2有子级。name:菜单名称，有多级#间隔。url：访问路径。object：点击元素对象。
+function page_turn(id, functionId,level, name, url,obj){
+	//$(".page-bar").removeClass("hidden");
+	var $object = $("#menu_"+id);//点击当前级别
+	$(".page-sidebar li").filter(".active,.open").removeClass("active open");//删除选中样式
+	
+	var $header = $(".page-breadcrumb");//添加头部信息
+	$(".page-breadcrumb").empty();
+
+	
+	var parent_li = $object.parents("li");
+	var parent_parent_li = $object.parents("li").parents("li");
+						 
+	var breadcrumb = $(".accordion:visible").attr("menu-name");
+	if(level==1){//一级菜单
+		breadcrumb += "#"+$object.attr("menu-name");
+	}else if(level==2){//二级菜单
+		parent_li.addClass("active open");
+		breadcrumb += "#"+parent_li.attr("menu-name")+"#"+$object.attr("menu-name");
+	}else if(level==3){//三级
+		parent_li.addClass("active open");
+		parent_parent_li.addClass("active open");
+		breadcrumb += "#"+parent_parent_li.attr("menu-name")+"#"+parent_li.attr("menu-name")+"#"+$object.attr("menu-name");
+	}
+	$object.addClass("active");	
+	
+	
+	
+	$header.append("<li><a href='index.html'><spring:message code='home'></spring:message></a> <i class='fa fa-circle'></i></li>");
+	var breadcrumbs = breadcrumb.split("#");
+	for(var i=0;i<breadcrumbs.length;i++) {
+		var circle="";
+		if(i!=breadcrumbs.length-1) {
+			circle = " <i class='fa fa-circle'></i>";
+		}
+		$header.append("<li><a href='javascript:void(0);'>"+breadcrumbs[i]+"</a>"+circle+"</li>");
+	}
+	
+
+
+    App.scrollTo()
+    //日志增加遮罩层
+// 	if(url.search("/nis/log/")!=-1){
+// 		loading();
+// 	}else{
+	    App.startPageLoading({animate:true});
+// 	}
+    //if(url.search("/dynamicIndex/")!=-1){
+    // 	$('.page-sidebar .sidebar-toggler').click();
+ 	//}
+    
+	//调入页面
+	if(url.indexOf("?")>0){
+		url = url+"&functionId="+functionId;
+	}else{
+		url = url+"?functionId="+functionId;
+	}
+	window.frames['mainFrame'].location=url;
+     
+    $("#mainFrame").load(function(){
+    	 App.stopPageLoading();
+    });
+}
+
+
+function searchMenu() {
+	
+	if ($('body').hasClass("page-sidebar-closed")) {
+        if ($('.sidebar-search').hasClass('open') === false) {
+            if ($('.page-sidebar-fixed').size() === 1) {
+                $('.page-sidebar .sidebar-toggler').click(); //trigger sidebar toggle button
+
+            }
+            $('.sidebar-search').addClass("open");
+        } else {
+
+          searchForm();
+        }
+    } else {
+    	searchForm()
+    }
+
+    if ($('.sidebar-search').size() !== 0) {
+        $('.sidebar-search .input-group').on('click', function(e){
+            e.stopPropagation();
+        });
+
+        $('body').on('click', function() {
+            if ($('.sidebar-search').hasClass('open')) {
+                $('.sidebar-search').removeClass("open");
+            }
+        });
+    }
+}
+
+function searchForm() {
+	
+	 var search_txt = $("#searchText").val();
+		if(search_txt.indexOf('_')!=-1){
+			search_txt = search_txt.substring(search_txt.lastIndexOf('_'));
+			$("#menu"+search_txt+" >a").trigger('click');
+		}else {
+			alert('未找到该菜单！');
+		} 
+}
+
+function changeFrameHeight() {
+
+	var iframe = $("#mainFrame");
+	var clientHeight = $(window).height();
+
+	var headerHeight = $(".page-header").height();
+	var barHeight = $(".page-bar").height();
+	var footerHeight = $(".page-footer").height();
+	//var paddingHeight  =  20;
+	//update for dynamicHomePage S
+	var paddingHeight = 11;
+	//update for dynamicHomePage E
+
+	iframe.contents().find(".page-content").addClass("page-content-body");
+	iframe.prop("height",clientHeight-headerHeight-barHeight-footerHeight-paddingHeight);
+	menuHeight();
+}
+window.onresize=function(){
+	changeFrameHeight();
+	menuHeight();
+}
+
+function  menuHeight(){
+	var height=document.documentElement.clientHeight;
+	if($('.overhi')){
+		$('.overhi').css({'height':height-82+'px'});
+		$('.page-content-wrapper').css({'height':height-82+'px'});
+	
+	}
+}
+function refreshCache(cacheName){
+	$.ajax({
+		type:'post',
+		url:'${ctx}/sys/dict/refreshCache',
+		data:{"cacheName":cacheName},
+		dataType:'text',
+		async:false,
+		success:function(data,textStatus){
+			if(data=="success"){
+				alert("缓存清理成功");
+			}else{
+				alert("缓存清理失败");
+			}
+		}
+	})
+}
+function initSpoofingIp(){
+	$.ajax({
+		type:'post',
+		url:'${ctx}/cfg/dnsIp/initSpoofingIp',
+		dataType:'text',
+		async:false,
+		success:function(data,textStatus){
+			if(data=="success"){
+				alert("success");
+			}else{
+				alert(data);
+			}
+		}
+	})
+}
+</script>
+<style type="text/css">
+.bodyhi{
+  overflow: hidden;
+}
+.overhi{
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+#helpHref{
+padding:16px 6px 13px 8px;
+color:#c5c5c5
+}
+#helpHref:hover{
+background:#3d3d3d;
+}
+</style>
+</head>
+
+
+<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white bodyhi">
+	<!-- BEGIN HEADER -->
+	<div class="page-header navbar navbar-fixed-top">
+
+		<!-- BEGIN HEADER INNER -->
+		<div class="page-header-inner ">
+			<!-- BEGIN LOGO -->
+			<div class="page-logo">
+				<a href="index.html"> <img
+					src="${pageContext.request.contextPath}/static/layouts/layout/img/logo2-K.png"
+					alt="logo" class="logo-default" />
+				</a>
+				<!-- <button type="button"  onclick="javascript:fullScreen();">a</button> -->
+				
+				<div class="menu-toggler sidebar-toggler">
+                     <span></span>
+                 </div>
+			</div>
+			<!-- END LOGO -->
+
+
+			<!-- BEGIN MEGA MENU -->
+			<div class="hor-menu  hidden-sm hidden-xs">
+				
+				<ul class="nav navbar-nav mega-menu">
+		           <c:forEach items="${fns:getMenuTreeList()}" var="menu" varStatus="idxStatus">
+		           		
+		           		<c:if test="${menu.isTop eq 1 && menu.isShow eq 1}">
+	                  
+				  			<li> 
+					  			<c:choose>
+					  				<c:when test="${not empty menu.children and menu.children[0].isTop eq 1 }">
+					  				
+					  					<a href="javascript:;" id="${menu.id}" data-hover="megamenu-dropdown" data-close-others="true"
+					  						data-original-title="<spring:message code="${menu.code}"/>" class="tooltips" data-placement="right">
+							  				<%-- ${menu.name } --%><%-- <spring:message code="${menu.code}"></spring:message> --%>
+							  				<c:set var="menuName" ><spring:message code='${menu.code}'/></c:set>
+							  				${fns:abbr(menuName,50) }
+							  				<i class="fa fa-angle-down"></i>
+						  				</a>
+						  				
+						  				<ul class="dropdown-menu pull-left">
+				          					<c:forEach  items="${menu.children}" var="secondMenu" varStatus="secondStatus">
+				          						<c:if test="${secondMenu.isTop eq 1 && secondMenu.isShow eq 1}">
+				          							<%-- <c:if test="${secondStatus.index==2}">
+				          								<li class="divider"></li>
+				          							</c:if> --%>
+				          							<li>
+				          								<a href="javascript:;" id="${secondMenu.id}">
+				          									<i class="${secondMenu.icon }"></i>&nbsp;
+				          									<%-- ${secondMenu.name } --%><spring:message code="${secondMenu.code}"></spring:message>
+				          								</a>
+				          							</li> 
+				          							<li class="divider"></li>
+				          						</c:if>
+				          						
+				          					</c:forEach>
+				          					
+			          					</ul>
+					  				</c:when>
+					  				
+					  				<c:otherwise>
+					  					<a href="javascript:;" id="${menu.id}" data-original-title="<spring:message code="${menu.code}"/>" class="tooltips" data-placement="bottom">
+							  				<%-- ${menu.name } --%><%-- <spring:message code="${menu.code}"></spring:message> --%>
+							  				<c:set var="menuName" ><spring:message code='${menu.code}'/></c:set>
+							  				${fns:abbr(menuName,50) }
+						  				</a>
+					  				</c:otherwise>
+					  			</c:choose>
+		          				
+				  			</li>
+				  		
+				  	    </c:if>
+          				
+          			</c:forEach>
+		           
+	           </ul>
+	           
+			</div>
+			<!-- END MEGA MENU -->
+
+
+			<!-- BEGIN TOP NAVIGATION MENU -->
+			<div class="top-menu">
+				<ul class="nav navbar-nav pull-right">
+					<c:if test="${fns:getUser().loginId eq 'admin'}">
+						<li  class="dropdown  dropdown-user" id="cache">
+							<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" >
+	                         	<i class="fa fa-language"></i><span class="username username-hide-on-mobile" id="cache_text"> clear cache  </span>
+	                         </a>
+							<ul class="dropdown-menu">
+								<li>
+									<a href="javascript:refreshCache('functionServiceDict')">refresh function service</a>
+								</li>
+								<li>
+									<a href="javascript:refreshCache('functionRegionDict')">refresh function region</a>
+								</li>
+								<li>
+									<a href="javascript:refreshCache('asnNoCache')">refresh ASN no</a>
+								</li>
+								<li>
+									<a href="javascript:initSpoofingIp()">Init Spoofing Ip</a>
+								</li>
+							</ul>
+						</li>
+					</c:if>
+					<li class="dropdown  dropdown-user nav">
+                         <a href="${pageContext.request.contextPath}/static/PotPlayerSetup64.exe" id="helpHref"  target="_self" >
+                         	<i class="fa fa-cloud-download"></i>
+                         	<span class="username username-hide-on-mobile" id="help">  
+                         		<spring:message code="cut sample tool" />
+                         	</span>
+                         </a>
+                     </li>
+					<!-- 在线帮助 -->
+					<li class="dropdown  dropdown-user nav">
+                         <a href="${ctx}/sys/help" id="helpHref"  target="mainFrame" >
+                         	<i class="icon-question  font-sharp"></i>
+                         	<span class="username username-hide-on-mobile" id="help">  
+                         		<spring:message code="help" />
+                         	</span>
+                         </a>
+                     </li>
+                     <!-- 系统语言 -->
+				     <li class="dropdown  dropdown-user" id="language">
+				     	
+				     	 
+				
+                         <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" >
+                         	<i class="fa fa-language"></i><span class="username username-hide-on-mobile" id="lang_text">  </span>
+                         </a>
+                        
+                         <ul class="dropdown-menu">
+                    	   <li><a href="${pageContext.request.contextPath}/language?language=zh_CN" id="cn">&nbsp;简体中文&nbsp;</a></li>
+                           <li><a href="${pageContext.request.contextPath}/language?language=en" id="en">&nbsp;English&nbsp;</a></li>
+						   <li><a href="${pageContext.request.contextPath}/language?language=ru" id="ru">&nbsp;русский язык&nbsp;</a></li>
+                         </ul>
+                     </li> 
+
+					<!-- BEGIN USER LOGIN DROPDOWN -->
+					<li class="dropdown dropdown-user"><a href="javascript:;"
+						class="dropdown-toggle" data-toggle="dropdown"
+						data-close-others="true"> 
+						<img alt="" class="img-circle" src=${fns:getUser().photo }/>
+<%-- 							src="${pageContext.request.contextPath}/static/pages/img/avatar.png" /> --%>
+							<span class="username username-hide-on-mobile"> 
+								${fns:getUser().name}</span> <i class="fa fa-angle-down"></i>
+					</a>
+						<ul class="dropdown-menu dropdown-menu-default">
+							
+							<li><a href="${ctx}/sys/user/info" target="mainFrame"><i class="icon-user"></i>&nbsp; <spring:message code="userInfo"></spring:message></a></li>
+							<li><a href="${ctx}/sys/user/modifyPwd" target="mainFrame"><i class="icon-lock"></i>&nbsp; <spring:message code="updatePwd"></spring:message></a></li>
+							<li><a href="${pageContext.request.contextPath }/logout" >
+								<i class="icon-key"></i> <spring:message code="exit"></spring:message></a></li>
+						</ul></li>
+					<!-- END USER LOGIN DROPDOWN -->
+
+				</ul>
+			</div>
+			<!-- END TOP NAVIGATION MENU -->
+
+
+		</div>
+		<!-- END HEADER INNER -->
+	</div>
+	<!-- END HEADER -->
+
+
+	<!-- BEGIN HEADER & CONTENT DIVIDER -->
+	<div class="clearfix"></div>
+	<!-- END HEADER & CONTENT DIVIDER -->
+	<!-- BEGIN CONTAINER -->
+	<div class="page-container">
+		<!-- BEGIN SIDEBAR -->
+		<div class="page-sidebar-wrapper">
+			<!-- BEGIN SIDEBAR -->
+			<div class="page-sidebar navbar-collapse  overhi" >
+			
+				<ul
+					class="page-sidebar-menu  page-header-fixed page-sidebar-menu-light"
+					data-keep-expanded="false" data-auto-scroll="true"
+					data-slide-speed="200" style="padding-top: 0px">
+					<li class="sidebar-toggler-wrapper hide">
+						<div class="sidebar-toggler">
+							<span></span>
+						</div> 
+					</li>
+
+					<li class="sidebar-search-wrapper">
+						<form class="sidebar-search">
+							<a href="javascript:;" class="remove"> <i class="icon-close"></i>
+							</a>
+							<div class="input-group">
+								<input class="form-control" autocomplete="off"  spellcheck="false" placeholder="Search..." type="text" id="searchText">
+								<span class="input-group-btn"> <a href="javascript:;"
+									class="btn" onclick="searchMenu();"> <i class="icon-magnifier"></i>
+								</a>
+								</span>
+							</div>
+						</form> 
+					</li>
+				</ul>
+				
+				
+				<%@include file="/WEB-INF/include/left_menu.jsp" %>
+				
+				
+				<!-- END SIDEBAR MENU -->
+			</div>
+			<!-- END SIDEBAR -->
+		</div>
+		<!-- END SIDEBAR -->
+		
+		
+
+		<div class="page-content-wrapper">
+			<div class="page-content">
+	
+				<div class="page-bar">
+					<ul class="page-breadcrumb">
+						<!-- <li><a href="${ctx}/dynamicpage/dynamicIndex" target="mainFrame"><spring:message code="home"></spring:message></a> <i class="fa fa-circle"></i></li> --> 
+						<li><a href="${ctx}/dashboard/logChart" target="mainFrame"><spring:message code="home"></spring:message></a> <i class="fa fa-circle"></i></li>
+					</ul>
+				</div>
+				
+		
+				 <iframe id="mainFrame" name="mainFrame" width="100%" onload="changeFrameHeight()" frameborder="0" srcolling="no" style="background-color:#181818;">	
+				 	<table id="contentTable" class="table table-striped table-bordered table-condensed text-nowrap">
+							<thead>
+								<tr>
+									<th><input type="checkbox" class="i-checks" id="checkAll"></th>
+								</tr>
+							</thead>
+							<tbody>
+								<tr>
+									<td></td>
+								</tr>
+							</tbody>
+						</table>
+			     </iframe>
+				
+
+
+			</div>
+			<!-- END CONTENT BODY -->
+		</div>
+		<!-- END CONTENT -->
+
+	</div>
+	<!-- END CONTAINER -->
+
+
+	<!-- BEGIN FOOTER -->
+	<div class="page-footer" style="position: fixed;right: 0;left: 0;z-index: 1030;">
+		<div class="page-footer-inner">
+			CEIEC All Rights Reserved，CEIEC &copy;
+		</div>
+		<div class="scroll-to-top">
+			<i class="icon-arrow-up"></i>
+		</div>
+	</div>
+	<!-- END FOOTER -->
+	<script type="text/javascript">
+		var fullflag = false;
+		// 全屏代码
+		function fullScreen() {
+			if(fullflag){
+				exitFullScreen();
+			}else{
+				fullflag = true;
+			    var elem = document.body;
+			    if (elem.webkitRequestFullScreen) {
+			        elem.webkitRequestFullScreen();
+			    } else if (elem.mozRequestFullScreen) {
+			        elem.mozRequestFullScreen();
+			    } else if (elem.requestFullScreen) {
+			        elem.requestFullscreen();
+			    } else {
+			        //notice.notice_show("浏览器不支持全屏API或已被禁用", null, null, null, true, true);
+			    }
+			}
+		}
+		function exitFullScreen() {
+			fullflag = false;
+		    var elem = document;
+		    if (elem.webkitCancelFullScreen) {
+		        elem.webkitCancelFullScreen();
+		    } else if (elem.mozCancelFullScreen) {
+		        elem.mozCancelFullScreen();
+		    } else if (elem.cancelFullScreen) {
+		        elem.cancelFullScreen();
+		    } else if (elem.exitFullscreen) {
+		        elem.exitFullscreen();
+		    } else {
+		        //notice.notice_show("浏览器不支持全屏API或已被禁用", null, null, null, true, true);
+		    }
+		}
+	//window.onload = function() {
+	//	fullScreen();//直接执行onclick中的函数就行
+	//}
+	</script>
+</body>
+
+
+</html>
\ No newline at end of file