VBDSM
/
UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<meta content="IE=8" http-equiv="X-UA-Compatible" />
		<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
		<title>平台运行分析</title>
		<link href="http://static.vbdsm.com/js/lib/easyui/themes/vber/easyui.css" rel="stylesheet" type="text/css" />
		<link href="http://static.vbdsm.com/js/lib/easyui/themes/icon.css" rel="stylesheet" type="text/css" />
		<link href="http://static.vbdsm.com/js/lib/loadmask/jquery.loadmask.css" rel="stylesheet" type="text/css" />
		<script src="http://static.vbdsm.com/js/lib/echarts/build/dist/echarts.js"></script>
		<script src="http://static.vbdsm.com/js/lib/zrender/js/jquery.js"></script>
		<script src="http://static.vbdsm.com/js/lib/zrender/js/esl/esl.js"></script>
		<script src="http://static.vbdsm.com/js/lib/highcharts/highcharts.js" type="text/javascript"></script>
		<script src="http://static.vbdsm.com/js/lib/easyui/jquery.easyui.min.js" type="text/javascript"></script>
		<script src="http://static.vbdsm.com/js/lib/easyui/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
		<script src="http://static.vbdsm.com/js/lib/loadmask/jquery.loadmask.min.js" type="text/javascript"></script>
		<script src="http://static.vbdsm.com/js/static.support.js" type="text/javascript"></script>
		<script src="http://static.vbdsm.com/js/easyui.support.js" type="text/javascript"></script>
		<script src="http://static.vbdsm.com/js/common.tools.js" type="text/javascript"></script>
		<script src="http://static.vbdsm.com/js/util.js" type="text/javascript"></script>
		<script src="http://static.vbdsm.com/js/lib/jquery.query-2.1.7.js" type="text/javascript"></script>
		<script src="./js/date.js" type="text/javascript"></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>
		<script src="./js/platformAnalyse.js" type="text/javascript"></script>
		<style type="text/css">
			body {
				font-family: "微软雅黑";
			}

			#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;
			}
		</style>

		<script charset="UTF-8" type="text/javascript"></script>
	</head>
	<body class="easyui-layout" data-options="fit:true, border:false,plain:true">
		<div data-options="region:'center'" id="center" style="border-top: none; border-bottom: none">
			<div style="width: 100%; min-width: 1150px; height: 570px; border-top: 1px solid #c3c3c3; background-image: url('http://static.vbdsm.com/images/mapbg.jpg'); background-size: 100%100%">
				<!-- 地图 -->
				<div id="main" style="margin-left: 5px; position: relative; overflow: hidden; width: 550px; height: 550px; float: left"></div>
				<!-- 总览信息-->
				<div style="overflow: hidden; width: 480px; height: 550px; float: right; margin-right: 10px">
					<div style="width: 100%; height: 265px; background-color: white; margin-top: 10px; border-radius: 5px">
						<div align="center" id="title" style="margin-top: 10px; width: 90%; height: 35px; border-bottom: 2px solid #74b8f0; margin-left: 5%; vertical-align: baseline; color: #74b8f0; font-size: 24px">全国运行情况</div>
						<div style="margin-top: 10px; border-right: 2px solid #cccccc; height: 210px; width: 220px; margin-left: 5%; float: left">
							<div id="container1" style="height: 100%; width: 100%"></div>
						</div>
						<div style="margin-top: 30px; height: 180px; width: 190px; float: left">
							<table cellpadding="0" cellspacing="0" id="detail">
								<tr>
									<td align="left">&nbsp;监测用户：<span id="customer"></span></td>
								</tr>
								<tr>
									<td align="left">&nbsp;监测容量：<span id="total"></span></td>
								</tr>
								<tr>
									<td align="left">&nbsp;监测点数量：<span id="totalCount"></span></td>
								</tr>
								<tr id="yichangTr" style="display: none">
									<td align="left">&nbsp;运行异常数量：<span id="NotonlineCount"></span></td>
								</tr>
							</table>
						</div>
					</div>
					<div id="cityContainer" style="width: 100%; height: 265px; background-color: white; margin-top: 10px; display: none; border-radius: 5px">
						<!-- <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 align="center" id="title1" style="margin-top: 10px; width: 90%; height: 35px; border-bottom: 2px solid #74b8f0; margin-left: 5%; vertical-align: baseline; color: #74b8f0; font-size: 24px">全省运行情况</div>
						<div style="margin-top: 10px; border-right: 2px solid #cccccc; height: 210px; width: 220px; margin-left: 5%; float: left">
							<div id="container2" style="height: 100%; width: 100%"></div>
						</div>
						<div style="margin-top: 30px; height: 180px; width: 190px; float: left">
							<table cellpadding="0" cellspacing="0" id="detail">
								<tr>
									<td align="left">&nbsp;监测用户：<span id="customer1"></span></td>
								</tr>
								<tr>
									<td align="left">&nbsp;监测容量：<span id="total1"></span></td>
								</tr>
								<tr>
									<td align="left">&nbsp;监测点数量：<span id="totalCount1"></span></td>
								</tr>
								<tr>
									<td align="left">&nbsp;运行异常数量：<span id="NotonlineCount1"></span></td>
								</tr>
							</table>
						</div>
					</div>
				</div>
			</div>
			<div id="menu_left" style="padding: 2px; background-color: #eee; border-bottom: solid 1px #ddd">
				<input id="currentProName" type="hidden" />
				<input id="currentCName" type="hidden" />
				<input id="currentDisName" type="hidden" />
				&nbsp;<input class="easyui-datebox" id="day" style="width: 120px" /> <span>&nbsp;地区：</span><input id="area" style="width: 120px" />
				<a class="easyui-linkbutton" href="javascript:void(0)" iconCls="icon-search" id="btnQuery" title="查询信息">查询</a>
			</div>
			<div id="chartdiv" style="width: 100%; min-height: 300px"></div>
		</div>
		<div id="win">
			<table border="0" cellpadding="0" cellspacing="0" id="content" style="width: 100%"></table>
		</div>
	</body>
</html>