VBDSM
/
UI


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
							<!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" type="text/javascript"></script>
		<script src="http://static.vbdsm.com/js/lib/zrender/js/jquery.js" type="text/javascript"></script>
		<script src="http://static.vbdsm.com/js/lib/zrender/js/esl/esl.js" type="text/javascript"></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="/system/lang/platformAnalyse/config.json?script=1&auth_cid=" type="text/javascript"></script>
		<script src="/js/geoJson/china-main-city/china-main-city-map.js" type="text/javascript"></script>
		<script src="industryLoadFlicking.js" type="text/javascript"></script>
		<style type="text/css">
			body {
				font-family: "微软雅黑";
			}

			* {
				margin: 0px;
				padding: 0px;
			}

			#menu_left * {
				vertical-align: middle;
			}

			.maxbox {
				min-width: 600px;
				min-height: 50%;
				float: right;
				margin-right: 10px;
			}
		</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 id="menu_left" style="padding: 2px; display: none">
				日期1：<input class="easyui-datebox" id="date1" style="width: 100px" /> 日期2：<input class="easyui-datebox" id="date2" style="width: 100px" /> 日期3：<input class="easyui-datebox" id="date3" style="width: 100px" /> <span>一级行业：</span
				><select id="industry" name="industry" onchange="getDistrictData()" style="width: 100px"></select>
				<span>二级行业：</span
				><select id="industry1" name="industry1" style="width: 100px"></select>
			</div>
			<!-- 市级负荷数据图表 -->
			<div style="margin-top: 10px; margin-left: 10px; min-width: 1300px">
				<div style="float: left">
					<div id="provinceChart" style="min-height: 300px; min-width: 600px"></div>
				</div>
				<div style="float: right">
					<div id="industryOneChart" style="min-height: 300px; min-width: 600px"></div>
				</div>
				<div style="clear: both"></div>
			</div>
			<!-- 市级负荷数据图表 -->
			<div style="margin-top: 10px; margin-left: 10px; min-width: 1300px">
				<div style="float: left">
					<div id="industryChart" style="min-height: 300px; min-width: 600px"></div>
				</div>
				<div class="maxbox" id="cityTable">
					<div align="center" style="margin-top: 5px">
						<span id="tableTitle" style="font-size: 18px"></span>
					</div>
					<div style="margin-top: 20px; margin-left: 20px">
						<table class="easyui-datagrid" id="flick-table" title="地区负荷波动企业">
							<thead>
								<tr>
									<!-- <th data-options="field:'sequence',width:80,align:'center'">序号</th> -->
									<th data-options="field:'companyId',width:120,align:'center'">序号</th>
									<!-- <th data-options="field:'areaName',width:150,align:'center'">行业</th> -->
									<th data-options="field:'companyName',width:200,align:'right'">企业名称</th>
									<th data-options="field:'p',width:200,align:'right',sortable:true">负荷波动值(万千瓦)</th>
								</tr>
							</thead>
						</table>
					</div>
				</div>
				<div style="clear: both"></div>
			</div>
		</div>
	</body>
</html>