VBDSM
/
UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
							<!DOCTYPE html>
<html>
	<meta charset="UTF-8" />
	<head>
		<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/jquery-1.8.0.min.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/lib/highcharts/highcharts.js?v=4.1.8" type="text/javascript"></script>
		<script src="http://static.vbdsm.com/js/lib/highcharts/modules/exporting.js?v=4.1.8" 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/layer/layer/layer.js" type="text/javascript"></script>
		<script src="./js/common.js" type="text/javascript"></script>
		<script src="./js/date.js" type="text/javascript"></script>
		<script src="./js/shiftsAssess.js" type="text/javascript"></script>

		<script charset="UTF-8" type="text/javascript"></script>
	</head>
	<body>
		<div class="easyui-layout" data-options="fit:true,border:false,plain:true">
			<!---　左边树 -->
			<div data-options="region:'west',split:true" style="width: 200px; border-left: none; border-top: none; border-bottom: none">
				<div class="easyui-tabs" data-options="fit:true,justified:true, border:false, tabPosition:'bottom'" id="tt">
					<div title="监测点">
						<ul class="easyui-tree" data-options="lines:true, animate:true" id="monitorInfo"></ul>
					</div>
					<div data-options="" style="overflow: auto" title="用电区域">
						<ul class="easyui-tree" data-options="lines:true, animate:true" id="buildTree"></ul>
					</div>
				</div>
			</div>
			<!--- 右边内容 -->
			<div data-options="region:'center'" id="center" style="border-bottom: none; border-right: none; border-top: none; overflow-x: hidden; overflow: hidden; position: relative">
				<div style="padding: 2px; background-color: #eee; border-bottom: solid 1px #ddd; border-top: solid 1px #ffddff; vertical-align: left; color: #444444">
					<span>报表类型:</span>
					<select class="easyui-combobox" data-options="panelHeight:'auto'" id="type">
						<option value="1">按月</option>
						<option value="2">按年</option>
					</select>
					<input id="year" />
					<span id="monthSpan">
						<input id="month" />
					</span>
					<a class="easyui-linkbutton" data-options="plain:false, iconCls:'icon-ok'" href="javascript:query();">确定</a>
					<a class="easyui-linkbutton" data-options="iconCls:'icon-excelexport',plain:false" href="javascript:exportExcel();">导出Excel</a>
				</div>
				<div id="chartdiv" style="height: 300px" style="border-bottom: solid 1px #ddd"></div>
				<div class="easyui-tabs" data-options="border:false" id="functionTabs" style="width: 100%">
					<div title="班次电量详细">
						<table id="dg" style="width: 100%; height: auto"></table>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>