main
kgdxpr 9 months ago
parent ca01b62d4b
commit 2b0fd12108

@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Demo</title> <title>Demo</title>
<!-- 请勿在项目正式环境中引用该 layui.css 地址 --> <!-- 请勿在项目正式环境中引用该 layui.css 地址 -->
<link href="//unpkg.com/layui@2.9.18/dist/css/layui.css" rel="stylesheet"> <link href="../js/layui/css/layui.css" rel="stylesheet">
<style> <style>
.woo-tool-text-delimiter { .woo-tool-text-delimiter {
width: 1px; width: 1px;
@ -44,114 +44,61 @@
</style> </style>
</head> </head>
<body> <body class="layui-form">
<table class="layui-hide" id="ID-table-demo-data"></table> <div class="layui-card">
<div class="layui-card-body">
<button type="button" class="layui-btn" id="getData">获取数据</button>
<table class="layui-hide" id="ID-table-demo-data"></table>
<script type="text/html" id="table-bar">
<span class="woo-tool-span woo-tool-text-span" lay-event="add"><a
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 type="text/html" id="table-bar">
<span class="woo-tool-span woo-tool-text-span" lay-event="add"><a
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>
<button type="button" class="layui-btn" id="getData">获取数据</button> </div>
</div>
<!-- 请勿在项目正式环境中引用该 layui.js 地址 --> <!-- 请勿在项目正式环境中引用该 layui.js 地址 -->
<script src="//unpkg.com/layui@2.9.18/dist/layui.js"></script> <script src="../js/layui/layui.js"></script>
<script> <script>
layui.use('table', function () { layui.use('table', function () {
var table = layui.table; var table = layui.table;
var $ = layui.jquery; var $ = layui.jquery;
var _data = [ // var id = GetQueryString("id");
{
"行政区划": "昆明市", var id = "3";
"内容一": "1. 与2022年相比昆明市未来几年学前教育幼儿入园人数增长不大",
"学段": "学前", var _data = [];
"内容二": "2. 至2035年预计在十万左右仅增加几千人",
"内容三": "3. 未来城区、镇区幼儿入园人数将略有增加,而乡村幼儿入园人数将明显减少。",
"内容四": null, $.ajax({
"类型": "入园幼儿" type: "GET",
}, async: false,
{ url: '/dsBase/dataease/getDataSetTable?dataset_id=' + id,
"行政区划": "昆明市", dataType: "json",
"内容一": "1. 与2022年相比昆明市未来几年学前教育幼儿在园人数将略有增长", success: function (res) {
"学段": "学前", _data = res.data;
"内容二": "2. 至2035年预计达到三十三万左右增加3万人左右。",
"内容三": null,
"内容四": null,
"类型": "在园幼儿"
},
{
"行政区划": "昆明市",
"内容一": "1. 与2022年相比昆明市未来几年小学招生数增长不大",
"学段": "小学",
"内容二": "2.至2035年预计在十万左右增加约几千人",
"内容三": "3. 未来城区、镇区小学招生数增长不太大;",
"内容四": "4. 城区招生数所占比重较大,乡村小学招生数将明显减少。",
"类型": "招生总数"
},
{
"行政区划": "昆明市",
"内容一": "1. 小学在校生数略有增长至2035年预计在60万人左右增加约5万人",
"学段": "小学",
"内容二": "2. 未来城区、镇区小学在校生数增长不太大;",
"内容三": "3. 城区在校生数所占比重较大,乡村小学在校生数将明显减少。",
"内容四": null,
"类型": "在校生总数"
},
{
"行政区划": "昆明市",
"内容一": "1. 与2022年相比昆明市未来几年初中招生数增长不大",
"学段": "初中",
"内容二": "2. 至2035年预计在8.5万人左右,增加约几千人;",
"内容三": "3. 未来城区、镇区初学招生数增长变化不明显;",
"内容四": "4. 城区招生数所占比重依然较大,乡村初中招生数明显减少。",
"类型": "招生总数"
},
{
"行政区划": "昆明市",
"内容一": "1. 初中在校生数增加变化也不太大至2035年预计在25万人左右增加约2万人",
"学段": "初中",
"内容二": "2. 未来城区、镇区初学在校生数增长变化不明显;",
"内容三": "3. 城区在校生数所占比重依然较大,乡村初中在校生数明显减少。",
"内容四": null,
"类型": "在校生总数"
},
{
"行政区划": "昆明市",
"内容一": "1. 与2022年相比昆明市未来几年普通高中招生数增长近五千人左右达到约5.5万人;",
"学段": "高中",
"内容二": "2. 未来城区、镇区普通高中招生数增长变化不明显;",
"内容三": "3. 城区招生数所占比重依然较大,乡村普通高中招生数明显减少。",
"内容四": null,
"类型": "招生总数"
},
{
"行政区划": "昆明市",
"内容一": "1. 在校生数增加约一万人左右增长达到约15.5万人左右;",
"学段": "高中",
"内容二": "2. 未来城区、镇区普通高中在校生数增长变化不明显;",
"内容三": "3. 城区在校生数所占比重依然较大,乡村普通高中在校生数明显减少。",
"内容四": null,
"类型": "在校生总数"
} }
]; });
var _emptyData = {};
var _cols = []; var _cols = [];
let keys = Object.keys(_data[0]); let keys = Object.keys(_data[0]);
keys.forEach((item, index) => { keys.forEach((item, index) => {
_emptyData[item] = "";
var _obj = { field: item, title: item, edit: 'text' } var _obj = { field: item, title: item, edit: 'text' }
_cols.push(_obj); _cols.push(_obj);
}); });
_cols.push({ title: '操作1', toolbar: '#table-bar' }); _cols.push({ title: '操作1', toolbar: '#table-bar' });
table.render({
// 已知数据渲染
var inst = table.render({
elem: '#ID-table-demo-data', elem: '#ID-table-demo-data',
id: 'ID-table-demo-data', id: 'ID-table-demo-data',
page: false, page: false,
@ -160,27 +107,10 @@
}); });
table.on('tool(ID-table-demo-data)', function (obj) { table.on('tool(ID-table-demo-data)', function (obj) {
if (obj.event === 'add') { if (obj.event === 'add') {
_data.splice(obj.index + 1, 0, _emptyData);
let _obj = {
"行政区划": "",
"内容一": "",
"学段": "",
"内容二": "",
"内容三": "",
"内容四": "",
"类型": ""
};
// 在索引3之后插入对象
_data.splice(obj.index + 1, 0, _obj);
table.cache['ID-table-demo-data'] = _data; table.cache['ID-table-demo-data'] = _data;
table.renderData('ID-table-demo-data'); table.renderData('ID-table-demo-data');
} else { } else {
var cacheData = table.cache['ID-table-demo-data']; var cacheData = table.cache['ID-table-demo-data'];
cacheData.splice(obj.index, 1) cacheData.splice(obj.index, 1)
@ -188,9 +118,38 @@
} }
}); });
$("#getData").click(function () { $("#getData").click(function () {
console.log(table.cache['ID-table-demo-data']);
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>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 323 KiB

File diff suppressed because one or more lines are too long
Loading…
Cancel
Save