<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="UTF-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<title>修改电池信息</title>
|
<link rel="stylesheet" href="../src/css/layui.css">
|
<link rel="stylesheet" type="text/css" href="../pages/css/mylayui.css">
|
</head>
|
<body>
|
<div class="layui-page-container">
|
<!-- 页面主题内容 -->
|
<div class="layui-page-content" style="position: relative;">
|
<div class="layui-tbl-filter">
|
<div class="layui-form layui-form-pane" lay-filter="tblFilter">
|
<button class="layui-btn layui-btn-sm" id="batchExport">批量导入</button>
|
</div>
|
</div>
|
<table id="pageTbl" lay-filter="pageTbl"></table>
|
</div>
|
</div>
|
<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
|
<script type="text/javascript" src="../js/base.js"></script>
|
<script type="text/javascript" src="../src/layui.js"></script>
|
<script type="text/javascript" src="../pages/js/common.js"></script>
|
<script type="text/javascript" src="../pages/js/mylayui.js"></script>
|
<script type="text/javascript">
|
// 使用layui框架
|
layui.use(['form', 'laytpl', 'jquery', 'element', 'laydate', 'table'], function() {
|
var form = layui.form;
|
var laytpl = layui.laytpl;
|
var $ = layui.jquery;
|
var element = layui.element;
|
var laydate = layui.laydate;
|
var table = layui.table;
|
|
// 表格模块
|
var tOptions = {
|
elem: '#pageTbl'
|
,toolbar: true
|
,defaultToolbar: []
|
,cellMinWidth: 80
|
,cols: [[
|
{type:'checkbox',fixed: 'left'}
|
,{field:'StationName', title:'机房名称', align:'center', width: 470}
|
,{field:'realCapSum', title:'实际容量和（AH）', align:'center', minWidth: 160}
|
,{field:'groupNomCap', title:'电池组标称容量（AH）', align:'center', minWidth: 190}
|
,{field:'loadCurr53', title:'53V负载电流（A）', align:'center', minWidth: 160}
|
,{field:'loadCurr45', title:'45V负载电流（A）', align:'center', minWidth: 160}
|
]]
|
,data: []
|
,limit: 10000
|
,page: false
|
,height: 'full-8'
|
};
|
|
// 渲染表格
|
table.render(tOptions);
|
});
|
</script>
|
</body>
|
</html>
|
