main
kgdxpr 9 months ago
parent 3a4f46e273
commit 4fba948b60

@ -47,14 +47,12 @@
<body class="layui-form"> <body class="layui-form">
<div class="layui-card"> <div class="layui-card">
<div class="layui-card-body"> <div class="layui-card-body">
<button type="button" class="layui-btn" id="getData">获取数据</button> <table id="data-table"></table>
<table class="layui-hide" id="ID-table-demo-data"></table>
<script type="text/html" id="table-bar"> <script type="text/html" id="table-bar">
<span class="woo-tool-span woo-tool-text-span" lay-event="add"><a <span class="woo-tool-span woo-tool-text-span" lay-event="mod"><a
class="woo-theme-color">向下插入</a></span> class="woo-theme-color">数据维护</a></span>
<span class="woo-tool-span woo-tool-text-span" lay-event="delete"><a
class="woo-theme-color">删除</a></span>
</script> </script>
@ -69,87 +67,32 @@
var table = layui.table; var table = layui.table;
var $ = layui.jquery; var $ = layui.jquery;
// var id = GetQueryString("id");
var id = "3";
var _data = [];
$.ajax({
type: "GET",
async: false,
url: '/dsBase/dataease/getDataSetTable?dataset_id=' + id,
dataType: "json",
success: function (res) {
_data = res.data;
}
});
var _emptyData = {};
var _cols = [];
let keys = Object.keys(_data[0]);
keys.forEach((item, index) => {
_emptyData[item] = "";
var _obj = { field: item, title: item, edit: 'text' }
_cols.push(_obj);
});
_cols.push({ title: '操作1', toolbar: '#table-bar' });
table.render({ table.render({
elem: '#ID-table-demo-data', elem: '#data-table',
id: 'ID-table-demo-data', url: '/dsBase/dataease/getDataSet',
page: false, height: 'full-35',
cols: [_cols], page: {
data: _data limit: 20
}); , layout: ['count', 'prev', 'page', 'next', 'skip']
, prev: "上一页"
table.on('tool(ID-table-demo-data)', function (obj) { , next: "下一页"
if (obj.event === 'add') { },
_data.splice(obj.index + 1, 0, _emptyData); cols: [[
table.cache['ID-table-demo-data'] = _data; { title: '序号', align: 'center', width: "5%", type: 'numbers' },
table.renderData('ID-table-demo-data'); { title: '分类', field: 'parent_name', align: 'center' },
} else { { title: '数据集', field: 'dataset_name', align: 'center'},
var cacheData = table.cache['ID-table-demo-data']; { title: '表名', field: 'table_name', align: 'center'},
cacheData.splice(obj.index, 1) { title: '操作', toolbar: '#table-bar', align: 'center'}
table.renderData('ID-table-demo-data'); ]],
} skin: 'line',
defaultToolbar: []
}); });
$("#getData").click(function () { table.on('tool(data-table)', function (obj) {
window.location.href = "./dataMod.html?id=" + obj.data.id;
const cleanedData = table.cache['ID-table-demo-data'].map(item => {
const { LAY_NUM, LAY_INDEX, ...rest } = item;
return rest;
});
$.ajax({
type: "POST",
dataType: "json",
async: false,
url: '/dsBase/dataease/saveDataSetTable',
data: {
"dataset_id": id,
"data": JSON.stringify(cleanedData)
},
success: function (res) {
console.log(res);
}
});
}); });
function GetQueryString(name, istop) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (typeof (istop) != "undefined") r = top.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
}); });
</script> </script>

@ -72,10 +72,10 @@
<div class="layui-card-body"> <div class="layui-card-body">
<!-- <button type="button" class="layui-btn" id="getData">获取数据</button> --> <!-- <button type="button" class="layui-btn" id="getData">获取数据</button> -->
<div class="fix"> <div class="fix">
<button type="button" class="layui-btn" id="getData">保存</button> <button type="button" class="layui-btn" id="saveData">保存</button>
<button type="button" class="layui-btn" id="getData">返回</button> <button type="button" class="layui-btn" id="back">返回</button>
</div> </div>
<table class="layui-hide" id="ID-table-demo-data"></table> <table id="ID-table-demo-data"></table>
<script type="text/html" id="table-bar"> <script type="text/html" id="table-bar">
<span class="woo-tool-span woo-tool-text-span" lay-event="add"><a <span class="woo-tool-span woo-tool-text-span" lay-event="add"><a
@ -97,9 +97,9 @@
var $ = layui.jquery; var $ = layui.jquery;
var util = layui.util; var util = layui.util;
// var id = GetQueryString("id"); var id = GetQueryString("id");
var id = "3"; // var id = "3";
var _data = []; var _data = [];
@ -121,10 +121,10 @@
keys.forEach((item, index) => { keys.forEach((item, index) => {
_emptyData[item] = ""; _emptyData[item] = "";
var _obj = { field: item, title: item, edit: 'text' } var _obj = { field: item, title: item, edit: 'text', align: 'center' }
_cols.push(_obj); _cols.push(_obj);
}); });
_cols.push({ title: '操作1', toolbar: '#table-bar' }); _cols.push({ title: '操作', align: 'center', toolbar: '#table-bar' });
table.render({ table.render({
elem: '#ID-table-demo-data', elem: '#ID-table-demo-data',
@ -146,7 +146,7 @@
} }
}); });
$("#getData").click(function () { $("#saveData").click(function () {
const cleanedData = table.cache['ID-table-demo-data'].map(item => { const cleanedData = table.cache['ID-table-demo-data'].map(item => {
const { LAY_NUM, LAY_INDEX, ...rest } = item; const { LAY_NUM, LAY_INDEX, ...rest } = item;
@ -163,23 +163,30 @@
"data": JSON.stringify(cleanedData) "data": JSON.stringify(cleanedData)
}, },
success: function (res) { success: function (res) {
console.log(res); if (res.success) {
layer.msg("保存成功!", {
icon: 1,
time: 1300
}, function () {
history.back();
});
} else {
layer.msg(result.message, {
icon: 2,
time: 2000
});
}
} }
}); });
}); });
// util.fixbar({ $("#back").click(function () {
// default: false, history.back();
// bars: [{ });
// type: 'groups',
// content: '保存数据',
// style: 'font-size: 21px;'
// }],
// css: { top: 10 },
// click: function (type) {
// console.log(type);
// }
// });
function GetQueryString(name, istop) { function GetQueryString(name, istop) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");

@ -32,8 +32,7 @@
<script src="//unpkg.com/layui@2.9.18/dist/layui.js"></script> <script src="//unpkg.com/layui@2.9.18/dist/layui.js"></script>
<script> <script>
layui.use(function () { layui.use(function () {
var util = layui.util; var util = layui.util;
// 自定义固定条
util.fixbar({ util.fixbar({
default: false, default: false,
bars: [{ bars: [{

Loading…
Cancel
Save