mirror of
https://gitee.com/js-yhsec/energy_storage.git
synced 2026-05-28 03:09:24 +08:00
128 lines
5.5 KiB
HTML
128 lines
5.5 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<title>光储充站控系统</title>
|
||
|
||
<script src="./libs/jquery/jquery-3.7.1.min.js"></script>
|
||
|
||
<link rel="stylesheet" href="./libs/DataTables-2.1.8/css/dataTables.dataTables.css" />
|
||
<script src="./libs/DataTables-2.1.8/js/dataTables.js"></script>
|
||
|
||
|
||
<style>
|
||
body {
|
||
/* background-color: #012036; */
|
||
/* background-image: url('../ui/bkg01.png'); */
|
||
background-size: 100% 100%;
|
||
background-attachment: fixed;
|
||
}
|
||
|
||
button {
|
||
color: #f0f0f0;
|
||
background-color: #44aaec;
|
||
border: 1px solid #0a87da;
|
||
border-radius: 5px;
|
||
margin: 5px;
|
||
height: 40px;
|
||
font-size: 16px;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
<table id="myTable" class="cell-border compact hover order-column stripe">
|
||
<thead>
|
||
<tr></tr>
|
||
</thead>
|
||
<tbody></tbody>
|
||
</table>
|
||
</body>
|
||
<script>
|
||
|
||
const dataTablesOption = {
|
||
data: [],
|
||
columns: [],
|
||
|
||
bSort: false,
|
||
aLengthMenu: [10, 20, 50, 100], //设置每页显示数据条数的下拉选项
|
||
displayLength: 20, //每页初始显示最大记录数量
|
||
// 设置：表格（t）、分页数据条数（l）、搜索框（f）、表格信息（i）、分页（p）、加载信息（r）
|
||
//dom: '<"table-ext"<"item"f><"item"l><"item"i><"item"p>>rt',
|
||
|
||
language: {
|
||
sLengthMenu: '每页显示 _MENU_ 条记录',
|
||
sZeroRecords: '对不起，查询不到任何相关数据',
|
||
sInfo: '当前显示 _START_ 到 _END_ 条，共 _TOTAL_ 条记录',
|
||
sInfoEmtpy: '找不到相关数据',
|
||
sInfoFiltered: '数据表中共为 _MAX_ 条记录)',
|
||
sProcessing: '正在加载中...',
|
||
sSearch: '结果中搜索',
|
||
paginate: { sPrevious: ' 上一页 ', sNext: ' 下一页 ', },
|
||
},
|
||
}
|
||
|
||
|
||
$(document).ready(function () {
|
||
dataTablesOption.columns = [
|
||
{ title: '编号1', width: '50px' },
|
||
{ title: '产品名称', width: '150px' },
|
||
{ title: '规格型号', width: '150px' },
|
||
{ title: '类别', width: '150px' },
|
||
{ title: '库存量', width: '80px' },
|
||
{ title: '采购总量', width: '80px' },
|
||
{ title: '入库总量', width: '80px' },
|
||
{ title: '销售总量', width: '80px' },
|
||
{ title: '出库总量', width: '80px' },
|
||
{ title: '异常总量', width: '80px' },
|
||
{ title: '异常说明' },
|
||
{
|
||
title: '操作',
|
||
width: '160px',
|
||
render: function (data, type, row) {
|
||
return (
|
||
'<a href="javascript:void(0);" class="table-btn-edit">编辑</a>' +
|
||
// '<a href="javascript:void(0);" class="table-btn-del">删除</a>' +
|
||
'<a href="javascript:void(0);" class="">采购</a>' +
|
||
'<a href="javascript:void(0);" class="">入库</a>' +
|
||
'<a href="javascript:void(0);" class="">销售</a>' +
|
||
'<a href="javascript:void(0);" class="">出库</a>'
|
||
)
|
||
},
|
||
},
|
||
]
|
||
|
||
|
||
var table = $('#myTable').DataTable(dataTablesOption)
|
||
|
||
table.row.add(['1', '产品名称', '产品型号', '五金类库/五金制品', '', '', '', '', '', '', ''])
|
||
table.row.add(['1', '产品名称', '产品型号', '五金类库/五金制品', '', '', '', '', '', '', ''])
|
||
table.row.add(['1', '产品名称', '产品型号', '五金类库/五金制品', '', '', '', '', '', '', ''])
|
||
table.row.add(['1', '产品名称', '产品型号', '五金类库/五金制品', '', '', '', '', '', '', ''])
|
||
table.row.add(['1', '产品名称', '产品型号', '五金类库/五金制品', '', '', '', '', '', '', ''])
|
||
table.row.add(['1', '产品名称', '产品型号', '五金类库/五金制品', '', '', '', '', '', '', ''])
|
||
table.row.add(['1', '产品名称', '产品型号', '五金类库/五金制品', '', '', '', '', '', '', ''])
|
||
table.row.add(['1', '产品名称', '产品型号', '五金类库/五金制品', '', '', '', '', '', '', ''])
|
||
table.row.add(['1', '产品名称', '产品型号', '五金类库/五金制品', '', '', '', '', '', '', ''])
|
||
table.row.add(['1', '产品名称', '产品型号', '五金类库/五金制品', '', '', '', '', '', '', ''])
|
||
table.row.add(['1', '产品名称', '产品型号', '五金类库/五金制品', '', '', '', '', '', '', ''])
|
||
table.row.add(['1', '产品名称', '产品型号', '五金类库/五金制品', '', '', '', '', '', '', ''])
|
||
|
||
table.row.add(['1', '产品名称', '产品型号', '五金类库/五金制品', '', '', '', '', '', '', ''])
|
||
table.row.add(['1', '产品名称', '产品型号', '五金类库/五金制品', '', '', '', '', '', '', ''])
|
||
table.row.add(['1', '产品名称', '产品型号', '五金类库/五金制品', '', '', '', '', '', '', ''])
|
||
table.row.add(['1', '产品名称', '产品型号', '五金类库/五金制品', '', '', '', '', '', '', ''])
|
||
table.row.add(['1', '产品名称', '产品型号', '五金类库/五金制品', '', '', '', '', '', '', ''])
|
||
table.row.add(['1', '产品名称', '产品型号', '五金类库/五金制品', '', '', '', '', '', '', ''])
|
||
table.row.add(['1', '产品名称', '产品型号', '五金类库/五金制品', '', '', '', '', '', '', ''])
|
||
table.row.add(['1', '产品名称', '产品型号', '五金类库/五金制品', '', '', '', '', '', '', ''])
|
||
table.row.add(['1', '产品名称', '产品型号', '五金类库/五金制品', '', '', '', '', '', '', ''])
|
||
table.row.add(['1', '产品名称', '产品型号', '五金类库/五金制品', '', '', '', '', '', '', ''])
|
||
table.row.add(['1', '产品名称', '产品型号', '五金类库/五金制品', '', '', '', '', '', '', ''])
|
||
table.draw()
|
||
})
|
||
|
||
</script>
|
||
|
||
</html> |