<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="UTF-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
|
<title>自定义面板</title>
|
<link rel="stylesheet" href="mobilCss/jquery.mobile-1.4.5.min.css"/>
|
<script type="text/javascript" src="mobilJs/jquery-1.8.2.js"></script>
|
<script type="text/javascript" src="mobilJs/jquery.mobile-1.4.5.min.js"></script>
|
<script type="text/javascript" src="mobilJs/base.js"></script>
|
<link rel="stylesheet" type="text/css" href="css/tbl.css">
|
<link rel="stylesheet" href="css/fgpanel.css">
|
</head>
|
<body>
|
<div data-role="page">
|
<div class="fg-panel">
|
<div class="fg-panel-header">筛选</div>
|
<div class="fg-panel-content">
|
<legend><strong>维护区：</strong></legend>
|
<select type="date" name="mainteArea" id="mainteArea" data-mini="true">
|
<option value="-1">全部</option>
|
<option value="维护区1">维护区1</option>
|
<option value="维护区2">维护区2</option>
|
<option value="维护区3">维护区3</option>
|
</select>
|
<legend><strong>机房：</strong></legend>
|
<select type="date" name="homeName" id="homeName" data-mini="true">
|
<option value="-1">全部</option>
|
<option value="机房1">机房1</option>
|
<option value="机房2">机房2</option>
|
<option value="机房3">机房3</option>
|
</select>
|
<fieldset data-role="collapsible" data-collapsed="false" data-mini="true">
|
<legend><strong>时间段选择：</strong></legend>
|
<label for="startTime"><strong>开始时间：</strong></label>
|
<input type="date" name="startTime" id="startTime" value="1992-12-06">
|
<label for="endTime"><strong>结束时间：</strong></label>
|
<input type="date" name="endTime" id="endTime" value="1992-12-06">
|
</fieldset>
|
</div>
|
<div class="fg-panel-btn">
|
<a href="javascript:panel.hide(true);" data-role="button" class="ui-btn ui-mini ui-btn-b ui-shadow">确定</a>
|
</div>
|
</div>
|
<div data-role="header" data-position="fixed">
|
<a href="warn.html" class="ui-btn ui-corner-all ui-shadow ui-icon-back ui-btn-icon-left" target="_top" style="padding-top:0.7em;padding-bottom:0.7em;">返回</a>
|
<h1>自定义面板</h1>
|
<a href="javascript:panel.show();" class="ui-btn ui-corner-all ui-shadow ui-icon-bullets ui-btn-icon-left" target="_top" style="padding-top:0.7em;padding-bottom:0.7em;">筛选</a>
|
</div>
|
<div data-role="main" class="ui-content">
|
<div class="tbl-container"></div>
|
</div>
|
<script type="text/javascript" src="js/tbl.js"></script>
|
<script type="text/javascript" src="js/panel.js"></script>
|
</div>
|
</body>
|
</html>
|
