156 lines
4.9 KiB
HTML
156 lines
4.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>智慧路灯-用电模块</title>
|
|
<link rel="stylesheet" type="text/css" href="../../js/core/layui2.7.6/css/layui.css"/>
|
|
<style>
|
|
html,
|
|
body {
|
|
width: 97%;
|
|
height: 97%;
|
|
margin: 0;
|
|
padding: 0;
|
|
float: left;
|
|
}
|
|
html{
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.layui-table-view .layui-table td, .layui-table-view .layui-table th {
|
|
padding: 5px 0;
|
|
border-top: none;
|
|
border-right: none;
|
|
}
|
|
.layui-table-header
|
|
{
|
|
margin-bottom: 0.4%;
|
|
}
|
|
.layui-table-header tr{
|
|
background-image: url(../../img/index/child/titleLong.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.layui-table-header tr th{
|
|
color: #ffffff;
|
|
}
|
|
.layui-table-main tr{
|
|
background-image: url(../../img/index/child/standardColumnLong.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
|
|
display: inline-block;
|
|
margin-bottom: 5px;
|
|
}
|
|
.layui-table-main tr td{
|
|
color: rgba(255,255,255,0.8);
|
|
}
|
|
.layui-table-main tr:hover{
|
|
background-image: url(../../img/index/child/standardColumnHoverLong.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.layui-table td, .layui-table th, .layui-table-fixed-r, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] {
|
|
border-width: 0px;
|
|
}
|
|
.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table[lay-even] tr:nth-child(even) {
|
|
background-color: rgba(0,0,0,0);
|
|
}
|
|
.layui-table {
|
|
background-color: rgba(0,0,0,0);
|
|
}
|
|
.layui-laypage-count{
|
|
color: #FFFFFF!important;
|
|
}
|
|
.layui-box a{
|
|
color: #FFFFFF!important;
|
|
}
|
|
.layui-form-label {
|
|
position: relative;
|
|
float: left;
|
|
display: block;
|
|
padding: 12px 6px;
|
|
width: 80px;
|
|
font-weight: 400;
|
|
line-height: 20px;
|
|
text-align: right;
|
|
}
|
|
.layui-table-tool-self{
|
|
display:none;
|
|
}
|
|
.layui-table-box {
|
|
margin-left: 1%;
|
|
}
|
|
|
|
.layui-table-tool-self {
|
|
display: none;
|
|
}
|
|
|
|
.layui-table-page .layui-laypage input {
|
|
width: 40px;
|
|
background: transparent;
|
|
color: white;
|
|
}
|
|
|
|
.layui-table-page .layui-laypage button {
|
|
background: transparent;
|
|
color: white;
|
|
}
|
|
|
|
.layui-box, .layui-box * {
|
|
box-sizing: content-box;
|
|
color: #00e0ff;
|
|
}
|
|
|
|
.layui-table-view select[lay-ignore] {
|
|
display: inline-block;
|
|
color: white;
|
|
background: transparent;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- 给容器追加 class="layui-form-pane"，即可显示为方框风格 -->
|
|
<form class="layui-form layui-form-pane" action="">
|
|
<div class="layui-form-item" pane>
|
|
<label class="layui-form-label">是否开关</label>
|
|
<div class="layui-input-block">
|
|
<input type="checkbox" checked name="open" lay-skin="switch" lay-filter="switchTest" title="开关">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<button class="layui-btn" lay-submit lay-filter="demo2">确认</button>
|
|
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
|
</div>
|
|
<div class="layui-form-item" pane>
|
|
<label class="layui-form-label">每天</label>
|
|
<div class="layui-input-block">
|
|
<input type="checkbox" checked name="every" lay-skin="switch" lay-filter="switchTest" title="开关">
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<script>
|
|
layui.use(['form'], function(){
|
|
var form = layui.form;
|
|
var layer = layui.layer;
|
|
// 提交事件
|
|
form.on('submit(demo2)', function(data){
|
|
var field = data.field; // 获取表单字段值
|
|
// 显示填写结果，仅作演示用
|
|
layer.alert(JSON.stringify(field), {
|
|
title: '当前填写的字段值'
|
|
});
|
|
// 此处可执行 Ajax 等操作
|
|
// …
|
|
return false; // 阻止默认 form 跳转
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|
|
<script type="text/javascript" src="../../js/core/jquery-3.6.0.js"></script>
|
|
<script type="text/javascript" src="../../js/core/layui2.7.6/layui.js"></script>
|
|
<script src="../../js/core/public.js" type="text/javascript"></script>
|
|
<script type="text/javascript" src="../../js/electricity/defenceWarnDataList.js"></script>
|
|
|