<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="UTF-8">
|
<title>电池关注管理</title>
|
<link rel="stylesheet" href="css/basic.css">
|
<link rel="stylesheet" type="text/css" href="css/query.css">
|
<link rel="stylesheet" type="text/css" href="css/nocontent.css">
|
<link rel="stylesheet" type="text/css" href="css/loading.css">
|
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
|
</head>
|
<body>
|
<!--头部内容开始-->
|
<div id="top">
|
<div id="top_cont">
|
<img src="image/top_img01.jpg" alt="" title="福建福光有限公司" />
|
<div class="international">
|
<c:choose>
|
<c:when test="${sessionScope.WW_TRANS_I18N_LOCALE eq 'en_US'}">
|
<a href="javascript:;" value="CH" class="inter_action">简体中文</a>
|
<span>|</span>
|
<a href="javascript:;" value="US">English</a>
|
</c:when>
|
</c:choose>
|
|
</div>
|
<!--用户登录后显示用户名鼠标经过显示下拉菜单-->
|
<div id="sign_out">
|
<a href="#" id="user_name">霍东伟<span class="triangle"></span></a>
|
<ul>
|
<li><a href="pwdChange.html" target="_blank">密码修改</a></li>
|
<li><a href="#">安全退出</a></li>
|
</ul>
|
</div>
|
<!--结束-->
|
</div>
|
</div>
|
<!-- 主要内容 -->
|
<div id="main">
|
<div id="nav"></div>
|
<!-- 查询条件开始 -->
|
<div class="query-list">
|
<div class="query-header"><a href="javascript:;">电池放电测试查询条件</a></div>
|
<!-- 查询条件内容开始 -->
|
<div class="query-body">
|
<table>
|
<thead>
|
<tr>
|
<th>维护区</th>
|
<th>机房站点（或机房设备）</th>
|
<th>蓄电池组名称</th>
|
<th>单体编号</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td>
|
<select>
|
<option value="">全部</option>
|
<option value="">维护区1</option>
|
</select>
|
</td>
|
<td>
|
<select>
|
<option value="">全部</option>
|
<option value="">机房名称1</option>
|
<option value="">机房名称2</option>
|
<option value="">机房名称3</option>
|
<option value="">机房名称4</option>
|
</select>
|
</td>
|
<td>
|
<select>
|
<option value="">全部</option>
|
<option value="">蓄电池组名称1</option>
|
<option value="">蓄电池组名称2</option>
|
<option value="">蓄电池组名称3</option>
|
</select>
|
</td>
|
<td>
|
<select>
|
<option value="">全部</option>
|
<option value="">单体编号1</option>
|
<option value="">单体编号2</option>
|
<option value="">单体编号3</option>
|
</select>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
<!-- 查询条件内容结束 -->
|
</div>
|
<!-- 查询条件结束 -->
|
<!-- 表格固定的头部 -->
|
<div class="tbl-header"></div>
|
<!-- 表格滚动的部分 -->
|
<div class="tbl-body"></div>
|
<!-- 分页内容 -->
|
<div id="paging">
|
<a href="javascript:" class="btn search">查询</a>
|
<a href="javascript:;" class="btn output">导出</a>
|
<a href="javascript:showTblOpt(cardOptStatus);" class="cardOpt btn tbl-opt-btn">表格选项</a>
|
<span id="current">当前1/4</span>
|
<span>每页<input type="text" id="number"/>条</span>
|
<span id="total">数据总量 10</span>
|
<a href="javascript:" id="home">首页</a>
|
<a href="javascript:" id="pre">上一页</a>
|
<a href="javascript:" id="next_p">下一页</a>
|
<a href="javascript:" id="last">尾页</a>
|
<span id="cont">
|
转到<input type="text" id="page_num" />
|
<a href="javascript:" id="go">跳转</a>
|
</span>
|
</div>
|
</div>
|
<!-- 表格选项 -->
|
<div class="tbl-opt hide">
|
<div class="tbl-opt-header">
|
<img src="image/cell.png" alt="电池">
|
<span>选项</span>
|
<div class="tbl-opt-close"><a href="javascript:hideTblOpt();"></a></div>
|
</div>
|
<div class="tbl-content-header"></div>
|
<div class="tbl-content-body"></div>
|
<div class="tbl-opt-bottom">
|
<div class="ok"><input type="button" value="确定"></div>
|
<div class="out"><input type="button" value="返回" onclick="hideTblOpt()"></div>
|
</div>
|
</div>
|
<!-- 表格选项遮罩层 -->
|
<div class="tbl-opt-mask"></div>
|
|
<script type="text/javascript" src="js/buildNav.js"></script>
|
<script type="text/javascript" src="js/nocontent.js"></script>
|
<script type="text/javascript" src="js/query.js"></script>
|
<script type="text/javascript" src="js/loading.js"></script>
|
<script type="text/javascript">
|
//loading.showLoading();
|
//noContent.showNoContent('查询内容为空！');
|
var arrTh = new Array();
|
var arrTd = new Array();
|
// 定义页面表格选项的单元格变量
|
var cardArrTh = new Array();
|
var cardArrTd = new Array();
|
// 定义表格选项的选中状态
|
var cardOptStatus = new Array();
|
|
cardArrTh = ['编号', '选项', '是否选择'];
|
// 设置arrTh的值
|
arrTh = [
|
'维护区', '机房名称', '电池组名称',
|
'单体编号', '单体实时电压', '单体实际容量',
|
'单体容量百分比'
|
];
|
cardArrTd = getTblOptCont(arrTh);
|
// 根据表格的头部获取初始的状态数组
|
for(var i = 0; i < arrTh.length; i++) {
|
cardOptStatus.push(1);
|
}
|
// 生成表格选项和表格的头部
|
$(function() {
|
createFullTbl($('.tbl-header'), $('.tbl-body'), arrTh, arrTd, cardOptStatus);
|
createFullTbl($('.tbl-opt .tbl-content-header'), $('.tbl-opt .tbl-content-body'), cardArrTh, cardArrTd);
|
});
|
|
// 表格选项确定
|
$(function() {
|
$('.tbl-opt .ok input').click(function() {
|
cardOptStatus = getOptStatus();
|
createFullTbl($('.tbl-header'), $('.tbl-body'), arrTh, arrTd, cardOptStatus);
|
hideTblOpt();
|
});
|
});
|
</script>
|
</body>
|
</html>
|
