黄海 7 months ago
commit a0efd74115

@ -57,12 +57,6 @@
}
.fix {
/* position: fixed;
top: 0;
right: 10px;
background-color: white;
padding: 10px;
z-index: 1000; */
display: flex;
justify-content: space-between;
align-items: center;
@ -89,10 +83,6 @@
</div>
</div>
<div><button type="button" class="layui-btn" id="back">返回</button></div>
<!-- <button type="button" class="layui-btn" id="saveData">保存</button> -->
</div>
<table id="ID-table-demo-data"></table>

@ -57,23 +57,32 @@
}
.fix {
position: fixed;
top: 0;
right: 10px;
background-color: white;
padding: 10px;
z-index: 1000;
display: flex;
justify-content: space-between;
align-items: center;
height: 55px;
}
</style>
</head>
<body class="layui-form">
<div class="layui-card" style="margin-top: 50px;">
<div class="layui-card">
<div class="layui-card-body">
<!-- <button type="button" class="layui-btn" id="getData">获取数据</button> -->
<div class="fix">
<!-- <button type="button" class="layui-btn" id="saveData">保存</button> -->
<button type="button" class="layui-btn" id="back">返回</button>
<div> <label class="layui-form-label" style="width: auto;">行政区划:</label>
<div class="layui-input-inline">
<input type="text" id="keyword" lay-affix="clear" lay-filter="clear" placeholder="请输入行政区划"
class="layui-input">
</div>
<div class="layui-input-inline">
<button class="layui-btn layui-btn-md" lay-submit lay-filter="user-query">
<i class="layui-icon layui-icon-search"></i>
查询
</button>
</div>
</div>
<div><button type="button" class="layui-btn" id="back">返回</button></div>
</div>
<table id="ID-table-demo-data"></table>
@ -92,6 +101,8 @@
layui.use('table', function () {
var table = layui.table;
var $ = layui.jquery;
var form = layui.form;
var id = GetQueryString("id");
var _data = [];
$.ajax({
@ -112,24 +123,30 @@
_cols.push(_obj);
});
_cols.push({ title: '操作', align: 'center', toolbar: '#table-bar' });
table.render({
elem: '#ID-table-demo-data',
id: 'ID-table-demo-data',
url: '/dsBase/dataease/getDataSetContentByProvince?id=' + id,
height: 'full-85',
page: {
limit: 20
, layout: ['count', 'prev', 'page', 'next', 'skip']
, prev: "上一页"
, next: "下一页"
},
request: {
pageName: 'pageNumber' //页码的参数名称默认page
, limitName: 'pageSize' //每页数据量的参数名默认limit
},
cols: [_cols]
});
tableRender();
function tableRender() {
table.render({
elem: '#ID-table-demo-data',
id: 'ID-table-demo-data',
url: '/dsBase/dataease/getDataSetContentByProvince?id=' + id,
where: {
keyword: $("#keyword").val()
},
height: 'full-85',
page: {
limit: 20
, layout: ['count', 'prev', 'page', 'next', 'skip']
, prev: "上一页"
, next: "下一页"
},
request: {
pageName: 'pageNumber' //页码的参数名称默认page
, limitName: 'pageSize' //每页数据量的参数名默认limit
},
cols: [_cols]
});
}
table.on('tool(ID-table-demo-data)', function (obj) {
layer.confirm('确定删除吗?', { icon: 0 }, function (index) {
@ -164,6 +181,13 @@
});
});
form.on('submit(user-query)', function () {
tableRender();
// 阻止表单的默认提交行为
return false;
});
$("#back").click(function () {
history.back();

Loading…
Cancel
Save