|
@@ -1,196 +1,168 @@
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
- <head>
|
|
|
|
|
- <title>负荷波动情况统计</title>
|
|
|
|
|
- <meta http-equiv="X-UA-Compatible" content="IE=8" />
|
|
|
|
|
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
|
|
- <link rel="stylesheet" type="text/css" href="http://static.vbdsm.com/css/bootstrap.min.css" />
|
|
|
|
|
- <link
|
|
|
|
|
- rel="stylesheet"
|
|
|
|
|
- type="text/css"
|
|
|
|
|
- href="http://static.vbdsm.com/js/lib/easyui/themes/metro-blue/easyui.css" />
|
|
|
|
|
- <link
|
|
|
|
|
- rel="stylesheet"
|
|
|
|
|
- type="text/css"
|
|
|
|
|
- href="http://static.vbdsm.com/js/lib/easyui/themes/icon.css" />
|
|
|
|
|
- <link
|
|
|
|
|
- rel="stylesheet"
|
|
|
|
|
- type="text/css"
|
|
|
|
|
- href="http://static.vbdsm.com/js/lib/loadmask/jquery.loadmask.css" />
|
|
|
|
|
- <script
|
|
|
|
|
- type="text/javascript"
|
|
|
|
|
- src="http://static.vbdsm.com/js/lib/jquery-1.8.0.min.js"></script>
|
|
|
|
|
- <script type="text/javascript" src="http://static.vbdsm.com/js/lib/underscore-min.js"></script>
|
|
|
|
|
- <script
|
|
|
|
|
- type="text/javascript"
|
|
|
|
|
- src="http://static.vbdsm.com/js/lib/echarts/build/dist/echarts.js"></script>
|
|
|
|
|
- <script
|
|
|
|
|
- type="text/javascript"
|
|
|
|
|
- src="http://static.vbdsm.com/js/lib/zrender/js/jquery.js"></script>
|
|
|
|
|
- <script
|
|
|
|
|
- type="text/javascript"
|
|
|
|
|
- src="http://static.vbdsm.com/js/lib/zrender/js/esl/esl.js"></script>
|
|
|
|
|
- <script
|
|
|
|
|
- type="text/javascript"
|
|
|
|
|
- src="http://static.vbdsm.com/js/lib/highcharts/highcharts.js"></script>
|
|
|
|
|
- <script
|
|
|
|
|
- type="text/javascript"
|
|
|
|
|
- src="http://static.vbdsm.com/js/lib/easyui/jquery.easyui.min.js"></script>
|
|
|
|
|
- <script
|
|
|
|
|
- type="text/javascript"
|
|
|
|
|
- src="http://static.vbdsm.com/js/lib/easyui/locale/easyui-lang-zh_CN.js"></script>
|
|
|
|
|
- <script
|
|
|
|
|
- type="text/javascript"
|
|
|
|
|
- src="http://static.vbdsm.com/js/lib/loadmask/jquery.loadmask.min.js"></script>
|
|
|
|
|
- <script type="text/javascript" src="http://static.vbdsm.com/js/static.support.js"></script>
|
|
|
|
|
- <script type="text/javascript" src="http://static.vbdsm.com/js/easyui.support.js"></script>
|
|
|
|
|
- <script type="text/javascript" src="http://static.vbdsm.com/js/common.tools.js"></script>
|
|
|
|
|
- <script type="text/javascript" src="http://static.vbdsm.com/js/util.js"></script>
|
|
|
|
|
- <script src="/system/lang/platformAnalyse/config.json?script=1&auth_cid="></script>
|
|
|
|
|
- <script src="/js/geoJson/china-main-city/china-main-city-map.js"></script>
|
|
|
|
|
- <style type="text/css">
|
|
|
|
|
- body {
|
|
|
|
|
- font-family: "微软雅黑";
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- * {
|
|
|
|
|
- margin: 0px;
|
|
|
|
|
- padding: 0px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- td,
|
|
|
|
|
- th {
|
|
|
|
|
- padding: 2px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- dl {
|
|
|
|
|
- margin-top: 0;
|
|
|
|
|
- margin-bottom: 0px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- hr {
|
|
|
|
|
- margin-top: 7px;
|
|
|
|
|
- margin-bottom: 7px;
|
|
|
|
|
- border: 0;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- #menu_left * {
|
|
|
|
|
- vertical-align: middle;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- #detail td {
|
|
|
|
|
- height: 30px;
|
|
|
|
|
- line-height: 30px;
|
|
|
|
|
- color: #74b8f0;
|
|
|
|
|
- font-size: 15px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- #content {
|
|
|
|
|
- padding: 10px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- #content a {
|
|
|
|
|
- text-decoration: none;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- #content th {
|
|
|
|
|
- height: 33px;
|
|
|
|
|
- line-height: 33px;
|
|
|
|
|
- font-size: 12px;
|
|
|
|
|
- border: thin solid #ddd;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- #content td {
|
|
|
|
|
- height: 26px;
|
|
|
|
|
- line-height: 26px;
|
|
|
|
|
- font-size: 12px;
|
|
|
|
|
- border-bottom: thin solid #ddd;
|
|
|
|
|
- border-left: thin solid #ddd;
|
|
|
|
|
- border-right: thin solid #ddd;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .normal {
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .normal_left {
|
|
|
|
|
- text-align: left;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .other {
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- background-color: #eee;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .other_left {
|
|
|
|
|
- text-align: left;
|
|
|
|
|
- background-color: #eee;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .maxbox {
|
|
|
|
|
- width: 140px;
|
|
|
|
|
- height: 240px;
|
|
|
|
|
- border: 1px solid #dedede;
|
|
|
|
|
- float: right;
|
|
|
|
|
- margin-top: 10px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .maxbox > div {
|
|
|
|
|
- width: 140px;
|
|
|
|
|
- height: 120px;
|
|
|
|
|
- background-color: #fff;
|
|
|
|
|
- position: relative;
|
|
|
|
|
- box-sizing: border-box;
|
|
|
|
|
- padding: 15px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .maxbox > div.dis {
|
|
|
|
|
- background-color: #f2f2f2;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .maxbox > div.today .tit {
|
|
|
|
|
- font-weight: bold;
|
|
|
|
|
- font-size: 13px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .maxbox > div dl {
|
|
|
|
|
- color: #878787;
|
|
|
|
|
- padding-top: 5px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .maxbox > div dl dd {
|
|
|
|
|
- color: #000;
|
|
|
|
|
- font-weight: bold;
|
|
|
|
|
- font-size: 12px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .maxbox > div.today.dis .tit {
|
|
|
|
|
- background: url(images/jintian-dis.png);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .maxbox > div.yesterday .tit {
|
|
|
|
|
- font-weight: bold;
|
|
|
|
|
- font-size: 13px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .nodata {
|
|
|
|
|
- font-size: 12px;
|
|
|
|
|
- margin-top: 30px;
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- }
|
|
|
|
|
- </style>
|
|
|
|
|
-
|
|
|
|
|
- <script type="text/javascript" charset="UTF-8"></script>
|
|
|
|
|
- </head>
|
|
|
|
|
-
|
|
|
|
|
- <body id="flu_body">
|
|
|
|
|
- <div
|
|
|
|
|
- data-options="region:'center'"
|
|
|
|
|
- style="overflow-x: hidden; min-width: 890px; border: solid 1px #99bbe8"
|
|
|
|
|
- id="center">
|
|
|
|
|
- <div
|
|
|
|
|
- class="container"
|
|
|
|
|
- style="
|
|
|
|
|
|
|
+
|
|
|
|
|
+<head>
|
|
|
|
|
+ <title>负荷波动情况统计</title>
|
|
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=8" />
|
|
|
|
|
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
|
|
+ <link rel="stylesheet" type="text/css" href="http://static.vbdsm.com/css/bootstrap.min.css" />
|
|
|
|
|
+ <link rel="stylesheet" type="text/css" href="http://static.vbdsm.com/js/lib/easyui/themes/metro-blue/easyui.css" />
|
|
|
|
|
+ <link rel="stylesheet" type="text/css" href="http://static.vbdsm.com/js/lib/easyui/themes/icon.css" />
|
|
|
|
|
+ <link rel="stylesheet" type="text/css" href="http://static.vbdsm.com/js/lib/loadmask/jquery.loadmask.css" />
|
|
|
|
|
+ <script type="text/javascript" src="http://static.vbdsm.com/js/lib/jquery-1.8.0.min.js"></script>
|
|
|
|
|
+ <script type="text/javascript" src="http://static.vbdsm.com/js/lib/underscore-min.js"></script>
|
|
|
|
|
+ <script type="text/javascript" src="http://static.vbdsm.com/js/lib/echarts/build/dist/echarts.js"></script>
|
|
|
|
|
+ <script type="text/javascript" src="http://static.vbdsm.com/js/lib/zrender/js/jquery.js"></script>
|
|
|
|
|
+ <script type="text/javascript" src="http://static.vbdsm.com/js/lib/zrender/js/esl/esl.js"></script>
|
|
|
|
|
+ <script type="text/javascript" src="http://static.vbdsm.com/js/lib/highcharts/highcharts.js"></script>
|
|
|
|
|
+ <script type="text/javascript" src="http://static.vbdsm.com/js/lib/easyui/jquery.easyui.min.js"></script>
|
|
|
|
|
+ <script type="text/javascript" src="http://static.vbdsm.com/js/lib/easyui/locale/easyui-lang-zh_CN.js"></script>
|
|
|
|
|
+ <script type="text/javascript" src="http://static.vbdsm.com/js/lib/loadmask/jquery.loadmask.min.js"></script>
|
|
|
|
|
+ <script type="text/javascript" src="http://static.vbdsm.com/js/static.support.js"></script>
|
|
|
|
|
+ <script type="text/javascript" src="http://static.vbdsm.com/js/easyui.support.js"></script>
|
|
|
|
|
+ <script type="text/javascript" src="http://static.vbdsm.com/js/common.tools.js"></script>
|
|
|
|
|
+ <script type="text/javascript" src="http://static.vbdsm.com/js/util.js"></script>
|
|
|
|
|
+ <script src="/system/lang/platformAnalyse/config.json?script=1&auth_cid="></script>
|
|
|
|
|
+ <script src="/js/geoJson/china-main-city/china-main-city-map.js"></script>
|
|
|
|
|
+ <style type="text/css">
|
|
|
|
|
+ body {
|
|
|
|
|
+ font-family: "微软雅黑";
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ * {
|
|
|
|
|
+ margin: 0px;
|
|
|
|
|
+ padding: 0px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ td,
|
|
|
|
|
+ th {
|
|
|
|
|
+ padding: 2px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ dl {
|
|
|
|
|
+ margin-top: 0;
|
|
|
|
|
+ margin-bottom: 0px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ hr {
|
|
|
|
|
+ margin-top: 7px;
|
|
|
|
|
+ margin-bottom: 7px;
|
|
|
|
|
+ border: 0;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ #menu_left * {
|
|
|
|
|
+ vertical-align: middle;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ #detail td {
|
|
|
|
|
+ height: 30px;
|
|
|
|
|
+ line-height: 30px;
|
|
|
|
|
+ color: #74b8f0;
|
|
|
|
|
+ font-size: 15px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ #content {
|
|
|
|
|
+ padding: 10px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ #content a {
|
|
|
|
|
+ text-decoration: none;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ #content th {
|
|
|
|
|
+ height: 33px;
|
|
|
|
|
+ line-height: 33px;
|
|
|
|
|
+ font-size: 12px;
|
|
|
|
|
+ border: thin solid #ddd;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ #content td {
|
|
|
|
|
+ height: 26px;
|
|
|
|
|
+ line-height: 26px;
|
|
|
|
|
+ font-size: 12px;
|
|
|
|
|
+ border-bottom: thin solid #ddd;
|
|
|
|
|
+ border-left: thin solid #ddd;
|
|
|
|
|
+ border-right: thin solid #ddd;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .normal {
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .normal_left {
|
|
|
|
|
+ text-align: left;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .other {
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ background-color: #eee;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .other_left {
|
|
|
|
|
+ text-align: left;
|
|
|
|
|
+ background-color: #eee;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .maxbox {
|
|
|
|
|
+ width: 140px;
|
|
|
|
|
+ height: 240px;
|
|
|
|
|
+ border: 1px solid #dedede;
|
|
|
|
|
+ float: right;
|
|
|
|
|
+ margin-top: 10px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .maxbox>div {
|
|
|
|
|
+ width: 140px;
|
|
|
|
|
+ height: 120px;
|
|
|
|
|
+ background-color: #fff;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
|
+ padding: 15px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .maxbox>div.dis {
|
|
|
|
|
+ background-color: #f2f2f2;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .maxbox>div.today .tit {
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ font-size: 13px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .maxbox>div dl {
|
|
|
|
|
+ color: #878787;
|
|
|
|
|
+ padding-top: 5px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .maxbox>div dl dd {
|
|
|
|
|
+ color: #000;
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ font-size: 12px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .maxbox>div.today.dis .tit {
|
|
|
|
|
+ background: url(images/jintian-dis.png);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .maxbox>div.yesterday .tit {
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ font-size: 13px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .nodata {
|
|
|
|
|
+ font-size: 12px;
|
|
|
|
|
+ margin-top: 30px;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ }
|
|
|
|
|
+ </style>
|
|
|
|
|
+
|
|
|
|
|
+ <script type="text/javascript" charset="UTF-8"></script>
|
|
|
|
|
+</head>
|
|
|
|
|
+
|
|
|
|
|
+<body id="flu_body">
|
|
|
|
|
+ <div data-options="region:'center'" style="overflow-x: hidden; min-width: 890px; border: solid 1px #99bbe8"
|
|
|
|
|
+ id="center">
|
|
|
|
|
+ <div class="container" style="
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
min-width: 890px;
|
|
min-width: 890px;
|
|
|
min-height: 570px;
|
|
min-height: 570px;
|
|
@@ -198,12 +170,10 @@
|
|
|
background-image: url('http://static.vbdsm.com/images/mapbg.jpg');
|
|
background-image: url('http://static.vbdsm.com/images/mapbg.jpg');
|
|
|
background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
|
">
|
|
">
|
|
|
- <div class="row" style="min-width: 890px">
|
|
|
|
|
- <div class="col-xs-6">
|
|
|
|
|
- <!-- 地图 -->
|
|
|
|
|
- <div
|
|
|
|
|
- id="main"
|
|
|
|
|
- style="
|
|
|
|
|
|
|
+ <div class="row" style="min-width: 890px">
|
|
|
|
|
+ <div class="col-xs-6">
|
|
|
|
|
+ <!-- 地图 -->
|
|
|
|
|
+ <div id="main" style="
|
|
|
margin-left: 5px;
|
|
margin-left: 5px;
|
|
|
position: relative;
|
|
position: relative;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
@@ -212,28 +182,24 @@
|
|
|
margin-top: 50px;
|
|
margin-top: 50px;
|
|
|
float: left;
|
|
float: left;
|
|
|
"></div>
|
|
"></div>
|
|
|
- </div>
|
|
|
|
|
- <div class="col-xs-6">
|
|
|
|
|
- <!-- 总览信息-->
|
|
|
|
|
- <div
|
|
|
|
|
- id="detail1"
|
|
|
|
|
- style="
|
|
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="col-xs-6">
|
|
|
|
|
+ <!-- 总览信息-->
|
|
|
|
|
+ <div id="detail1" style="
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
width: 480px;
|
|
width: 480px;
|
|
|
height: 550px;
|
|
height: 550px;
|
|
|
float: right;
|
|
float: right;
|
|
|
margin-right: 10px;
|
|
margin-right: 10px;
|
|
|
">
|
|
">
|
|
|
- <div
|
|
|
|
|
- style="
|
|
|
|
|
|
|
+ <div style="
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 265px;
|
|
height: 265px;
|
|
|
background-color: white;
|
|
background-color: white;
|
|
|
margin-top: 10px;
|
|
margin-top: 10px;
|
|
|
border-radius: 5px;
|
|
border-radius: 5px;
|
|
|
">
|
|
">
|
|
|
- <div
|
|
|
|
|
- style="
|
|
|
|
|
|
|
+ <div style="
|
|
|
margin-top: 10px;
|
|
margin-top: 10px;
|
|
|
width: 90%;
|
|
width: 90%;
|
|
|
height: 35px;
|
|
height: 35px;
|
|
@@ -242,15 +208,11 @@
|
|
|
vertical-align: baseline;
|
|
vertical-align: baseline;
|
|
|
color: #74b8f0;
|
|
color: #74b8f0;
|
|
|
font-size: 24px;
|
|
font-size: 24px;
|
|
|
- "
|
|
|
|
|
- align="center"
|
|
|
|
|
- id="title">
|
|
|
|
|
- 全国运行情况
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <div
|
|
|
|
|
- id="show1"
|
|
|
|
|
- style="
|
|
|
|
|
|
|
+ " align="center" id="title">
|
|
|
|
|
+ 全国运行情况
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div id="show1" style="
|
|
|
margin-top: 10px;
|
|
margin-top: 10px;
|
|
|
border-right: 2px solid #cccccc;
|
|
border-right: 2px solid #cccccc;
|
|
|
height: 210px;
|
|
height: 210px;
|
|
@@ -258,52 +220,38 @@
|
|
|
margin-left: 5%;
|
|
margin-left: 5%;
|
|
|
float: left;
|
|
float: left;
|
|
|
">
|
|
">
|
|
|
- <div id="container1" style="height: 100%; width: 100%"></div>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <div style="margin-top: 10px; height: 180px; width: 190px; float: left">
|
|
|
|
|
- <table id="detail" cellspacing="0" cellpadding="0">
|
|
|
|
|
- <tr>
|
|
|
|
|
- <td align="left"> 监测用户：<span id="customer"></span></td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <td align="left"> 监测容量：<span id="total"></span></td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <td align="left"> 监测点数量：<span id="totalCount"></span></td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr id="show4">
|
|
|
|
|
- <td align="left"> 运行异常数量：<span id="NotonlineCount"></span></td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- </table>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <div id="container1" style="height: 100%; width: 100%"></div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div
|
|
|
|
|
- style="
|
|
|
|
|
|
|
+
|
|
|
|
|
+ <div style="margin-top: 10px; height: 180px; width: 190px; float: left">
|
|
|
|
|
+ <table id="detail" cellspacing="0" cellpadding="0">
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <td align="left"> 监测用户：<span id="customer"></span></td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <td align="left"> 监测容量：<span id="total"></span></td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <td align="left"> 监测点数量：<span id="totalCount"></span></td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ <tr id="show4">
|
|
|
|
|
+ <td align="left"> 运行异常数量：<span id="NotonlineCount"></span></td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ </table>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div style="
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 265px;
|
|
height: 265px;
|
|
|
background-color: white;
|
|
background-color: white;
|
|
|
margin-top: 10px;
|
|
margin-top: 10px;
|
|
|
display: none;
|
|
display: none;
|
|
|
border-radius: 5px;
|
|
border-radius: 5px;
|
|
|
- "
|
|
|
|
|
- id="cityContainer">
|
|
|
|
|
- <div
|
|
|
|
|
- id="city"
|
|
|
|
|
- style="
|
|
|
|
|
- font-size: 14px;
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- color: #74b8f0;
|
|
|
|
|
- background-color: #eee;
|
|
|
|
|
- height: 30px;
|
|
|
|
|
- line-height: 30px;
|
|
|
|
|
- border: 1px solid #ddd;
|
|
|
|
|
- border-radius: 5px 5px 0px 0px;
|
|
|
|
|
- "
|
|
|
|
|
- align="left"></div>
|
|
|
|
|
-
|
|
|
|
|
- <div
|
|
|
|
|
- style="
|
|
|
|
|
|
|
+ " id="cityContainer">
|
|
|
|
|
+ <!-- <div id="city" style="font-size: 14px;width: 100%;color: #74b8f0;background-color: #eee;height: 30px;
|
|
|
|
|
+ line-height: 30px;border: 1px solid #ddd;border-radius: 5px 5px 0px 0px;" align="left"></div> -->
|
|
|
|
|
+
|
|
|
|
|
+ <div style="
|
|
|
margin-top: 10px;
|
|
margin-top: 10px;
|
|
|
width: 90%;
|
|
width: 90%;
|
|
|
height: 35px;
|
|
height: 35px;
|
|
@@ -312,15 +260,11 @@
|
|
|
vertical-align: baseline;
|
|
vertical-align: baseline;
|
|
|
color: #74b8f0;
|
|
color: #74b8f0;
|
|
|
font-size: 24px;
|
|
font-size: 24px;
|
|
|
- "
|
|
|
|
|
- align="center"
|
|
|
|
|
- id="title1">
|
|
|
|
|
- 全省运行情况
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <div
|
|
|
|
|
- id="show2"
|
|
|
|
|
- style="
|
|
|
|
|
|
|
+ " align="center" id="title1">
|
|
|
|
|
+ 全省运行情况
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div id="show2" style="
|
|
|
margin-top: 10px;
|
|
margin-top: 10px;
|
|
|
border-right: 2px solid #cccccc;
|
|
border-right: 2px solid #cccccc;
|
|
|
height: 210px;
|
|
height: 210px;
|
|
@@ -328,102 +272,87 @@
|
|
|
margin-left: 5%;
|
|
margin-left: 5%;
|
|
|
float: left;
|
|
float: left;
|
|
|
">
|
|
">
|
|
|
- <div id="container2" style="height: 100%; width: 100%"></div>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <div style="margin-top: 10px; height: 180px; width: 190px; float: left">
|
|
|
|
|
- <table id="detail" cellspacing="0" cellpadding="0">
|
|
|
|
|
- <tr>
|
|
|
|
|
- <td align="left"> 监测用户：<span id="customer1"></span></td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <td align="left"> 监测容量：<span id="total1"></span></td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <td align="left"> 监测点数量：<span id="totalCount1"></span></td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr id="show3">
|
|
|
|
|
- <td align="left"> 运行异常数量：<span id="NotonlineCount1"></span></td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- </table>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <div id="container2" style="height: 100%; width: 100%"></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div style="margin-top: 10px; height: 180px; width: 190px; float: left">
|
|
|
|
|
+ <table id="detail" cellspacing="0" cellpadding="0">
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <td align="left"> 监测用户：<span id="customer1"></span></td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <td align="left"> 监测容量：<span id="total1"></span></td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <td align="left"> 监测点数量：<span id="totalCount1"></span></td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ <tr id="show3">
|
|
|
|
|
+ <td align="left"> 运行异常数量：<span id="NotonlineCount1"></span></td>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ </table>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div
|
|
|
|
|
- id="menu_left"
|
|
|
|
|
- style="
|
|
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div id="menu_left" style="
|
|
|
padding: 2px;
|
|
padding: 2px;
|
|
|
background-color: #eee;
|
|
background-color: #eee;
|
|
|
border-bottom: solid 1px #ddd;
|
|
border-bottom: solid 1px #ddd;
|
|
|
min-width: 796px;
|
|
min-width: 796px;
|
|
|
">
|
|
">
|
|
|
- <input type="hidden" id="currentProName" />
|
|
|
|
|
- <input type="hidden" id="currentCName" />
|
|
|
|
|
- <input type="hidden" id="currentDisName" /> 日期1：
|
|
|
|
|
- <input id="date1" class="easyui-datebox" style="width: 100px" /> 日期2：
|
|
|
|
|
- <input id="date2" class="easyui-datebox" style="width: 100px" /> 日期3：
|
|
|
|
|
- <input id="date3" class="easyui-datebox" style="width: 100px" />
|
|
|
|
|
- <span> 地区：</span>
|
|
|
|
|
- <!-- <input id="area1" /> -->
|
|
|
|
|
- <input id="area2" />
|
|
|
|
|
- <input id="area3" />
|
|
|
|
|
- <div style="display: inline-block">
|
|
|
|
|
- <span> 行业：</span>
|
|
|
|
|
- <input id="industry" />
|
|
|
|
|
- </div>
|
|
|
|
|
- <div style="display: inline-block">
|
|
|
|
|
- <span> 行业2：</span>
|
|
|
|
|
- <input id="industry2" />
|
|
|
|
|
- <a
|
|
|
|
|
- id="btnQuery"
|
|
|
|
|
- href="javascript:void(0)"
|
|
|
|
|
- class="easyui-linkbutton"
|
|
|
|
|
- title="查询信息"
|
|
|
|
|
- iconCls="icon-search"
|
|
|
|
|
- >查询</a
|
|
|
|
|
- >
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <input type="hidden" id="currentProName" />
|
|
|
|
|
+ <input type="hidden" id="currentCName" />
|
|
|
|
|
+ <input type="hidden" id="currentDisName" /> 日期1：
|
|
|
|
|
+ <input id="date1" class="easyui-datebox" style="width: 100px" /> 日期2：
|
|
|
|
|
+ <input id="date2" class="easyui-datebox" style="width: 100px" /> 日期3：
|
|
|
|
|
+ <input id="date3" class="easyui-datebox" style="width: 100px" />
|
|
|
|
|
+ <span> 地区：</span>
|
|
|
|
|
+ <!-- <input id="area1" /> -->
|
|
|
|
|
+ <input id="area2" />
|
|
|
|
|
+ <input id="area3" />
|
|
|
|
|
+ <div style="display: inline-block">
|
|
|
|
|
+ <span> 行业：</span>
|
|
|
|
|
+ <input id="industry" />
|
|
|
</div>
|
|
</div>
|
|
|
- <div>
|
|
|
|
|
- <div id="chartdiv" style="min-height: 300px; float: left"></div>
|
|
|
|
|
- <div class="maxbox">
|
|
|
|
|
- <div class="today" style="cursor: pointer" title="点击查看该时间点各企业负荷的波动情况">
|
|
|
|
|
- <input type="hidden" class="todayTime" />
|
|
|
|
|
- <div class="tit" id="firstDate"></div>
|
|
|
|
|
- <dl>
|
|
|
|
|
- <dt>最大波动负荷</dt>
|
|
|
|
|
- <dd></dd>
|
|
|
|
|
- </dl>
|
|
|
|
|
- <dl class="shijie">
|
|
|
|
|
- <dt>最大波动时间</dt>
|
|
|
|
|
- <dd></dd>
|
|
|
|
|
- </dl>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div
|
|
|
|
|
- class="yesterday dis"
|
|
|
|
|
- style="cursor: pointer"
|
|
|
|
|
- title="点击查看该时间点各企业负荷的波动情况">
|
|
|
|
|
- <input type="hidden" class="yesterdayTime" />
|
|
|
|
|
- <div class="tit" id="secondDate"></div>
|
|
|
|
|
- <dl>
|
|
|
|
|
- <dt>最大波动负荷</dt>
|
|
|
|
|
- <dd></dd>
|
|
|
|
|
- </dl>
|
|
|
|
|
- <dl class="shijie">
|
|
|
|
|
- <dt>最大波动时间</dt>
|
|
|
|
|
- <dd></dd>
|
|
|
|
|
- </dl>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <div style="display: inline-block">
|
|
|
|
|
+ <span> 行业2：</span>
|
|
|
|
|
+ <input id="industry2" />
|
|
|
|
|
+ <a id="btnQuery" href="javascript:void(0)" class="easyui-linkbutton" title="查询信息" iconCls="icon-search">查询</a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <div id="chartdiv" style="min-height: 300px; float: left"></div>
|
|
|
|
|
+ <div class="maxbox">
|
|
|
|
|
+ <div class="today" style="cursor: pointer" title="点击查看该时间点各企业负荷的波动情况">
|
|
|
|
|
+ <input type="hidden" class="todayTime" />
|
|
|
|
|
+ <div class="tit" id="firstDate"></div>
|
|
|
|
|
+ <dl>
|
|
|
|
|
+ <dt>最大波动负荷</dt>
|
|
|
|
|
+ <dd></dd>
|
|
|
|
|
+ </dl>
|
|
|
|
|
+ <dl class="shijie">
|
|
|
|
|
+ <dt>最大波动时间</dt>
|
|
|
|
|
+ <dd></dd>
|
|
|
|
|
+ </dl>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="yesterday dis" style="cursor: pointer" title="点击查看该时间点各企业负荷的波动情况">
|
|
|
|
|
+ <input type="hidden" class="yesterdayTime" />
|
|
|
|
|
+ <div class="tit" id="secondDate"></div>
|
|
|
|
|
+ <dl>
|
|
|
|
|
+ <dt>最大波动负荷</dt>
|
|
|
|
|
+ <dd></dd>
|
|
|
|
|
+ </dl>
|
|
|
|
|
+ <dl class="shijie">
|
|
|
|
|
+ <dt>最大波动时间</dt>
|
|
|
|
|
+ <dd></dd>
|
|
|
|
|
+ </dl>
|
|
|
</div>
|
|
</div>
|
|
|
- <div style="clear: both"></div>
|
|
|
|
|
</div>
|
|
</div>
|
|
|
- <div
|
|
|
|
|
- id="infoMap"
|
|
|
|
|
- class="infoBox"
|
|
|
|
|
- style="
|
|
|
|
|
|
|
+ <div style="clear: both"></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div id="infoMap" class="infoBox" style="
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
padding: 10px;
|
|
padding: 10px;
|
|
|
padding-right: 160px;
|
|
padding-right: 160px;
|
|
@@ -431,20 +360,21 @@
|
|
|
color: #333;
|
|
color: #333;
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
|
"></div>
|
|
"></div>
|
|
|
- </div>
|
|
|
|
|
- <div id="win">
|
|
|
|
|
- <table border="0" cellspacing="0" cellpadding="0" style="width: 100%" id="content"></table>
|
|
|
|
|
- </div>
|
|
|
|
|
- <script>
|
|
|
|
|
- $(document).ready(function () {
|
|
|
|
|
- var bodyWidth = $("body").width()
|
|
|
|
|
- $("#chartdiv").width(bodyWidth - 165)
|
|
|
|
|
- })
|
|
|
|
|
- $(window).resize(function () {
|
|
|
|
|
- var bodyWidth = $("body").width()
|
|
|
|
|
- $("#chartdiv").width(bodyWidth - 165)
|
|
|
|
|
- })
|
|
|
|
|
- </script>
|
|
|
|
|
- <script type="text/javascript" src="./js/fluctuationLoadInfo.js"></script>
|
|
|
|
|
- </body>
|
|
|
|
|
-</html>
|
|
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div id="win">
|
|
|
|
|
+ <table border="0" cellspacing="0" cellpadding="0" style="width: 100%" id="content"></table>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <script>
|
|
|
|
|
+ $(document).ready(function () {
|
|
|
|
|
+ var bodyWidth = $("body").width()
|
|
|
|
|
+ $("#chartdiv").width(bodyWidth - 165)
|
|
|
|
|
+ })
|
|
|
|
|
+ $(window).resize(function () {
|
|
|
|
|
+ var bodyWidth = $("body").width()
|
|
|
|
|
+ $("#chartdiv").width(bodyWidth - 165)
|
|
|
|
|
+ })
|
|
|
|
|
+ </script>
|
|
|
|
|
+ <script type="text/javascript" src="./js/fluctuationLoadInfo.js"></script>
|
|
|
|
|
+</body>
|
|
|
|
|
+
|
|
|
|
|
+</html>
|
