main
黄海 7 months ago
parent 34a59d8482
commit 42e3fa840d

@ -51,7 +51,7 @@
<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="uploadData"><a <span class="woo-tool-span woo-tool-text-span" lay-event="uploadData"><a
class="woo-theme-color">上传数据</a></span> class="woo-theme-color">全量更新</a></span>
<i class="woo-tool-text-delimiter"></i> <i class="woo-tool-text-delimiter"></i>
<span class="woo-tool-span woo-tool-text-span" lay-event="downloadData"><a <span class="woo-tool-span woo-tool-text-span" lay-event="downloadData"><a
class="woo-theme-color">下载数据</a></span> class="woo-theme-color">下载数据</a></span>
@ -60,9 +60,6 @@
class="woo-theme-color">数据维护</a></span> class="woo-theme-color">数据维护</a></span>
</script> </script>
</div> </div>
</div> </div>

@ -68,7 +68,7 @@
</head> </head>
<body class="layui-form"> <body class="layui-form">
<div class="layui-card" style="margin-top: 50px;"> <div class="layui-card" style="margin-top: 50px;">
<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">
@ -78,32 +78,22 @@
<table 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
class="woo-theme-color">向下插入</a></span>
<span class="woo-tool-span woo-tool-text-span" lay-event="delete"><a <span class="woo-tool-span woo-tool-text-span" lay-event="delete"><a
class="woo-theme-color">删除</a></span> class="woo-theme-color">删除</a></span>
</script> </script>
</div>
</div> </div>
</div>
<!-- 请勿在项目正式环境中引用该 layui.js 地址 --> <!-- 请勿在项目正式环境中引用该 layui.js 地址 -->
<script src="../js/layui/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 util = layui.util;
var id = GetQueryString("id"); var id = GetQueryString("id");
// var id = "3";
var _data = []; var _data = [];
$.ajax({ $.ajax({
type: "GET", type: "GET",
async: false, async: false,
@ -121,10 +111,10 @@
keys.forEach((item, index) => { keys.forEach((item, index) => {
_emptyData[item] = ""; _emptyData[item] = "";
var _obj = { field: item, title: item, edit: 'text', align: 'center' } var _obj = {field: item, title: item, edit: 'text', align: 'center'}
_cols.push(_obj); _cols.push(_obj);
}); });
_cols.push({ title: '操作', align: 'center', 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',
@ -135,24 +125,17 @@
}); });
table.on('tool(ID-table-demo-data)', function (obj) { table.on('tool(ID-table-demo-data)', function (obj) {
if (obj.event === 'add') { layer.confirm('确定删除吗?', {icon: 0}, function (index) {
_data.splice(obj.index + 1, 0, _emptyData);
table.cache['ID-table-demo-data'] = _data;
table.renderData('ID-table-demo-data');
} else {
layer.confirm('确定删除吗?', { icon: 0 }, function (index) {
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)
table.renderData('ID-table-demo-data'); table.renderData('ID-table-demo-data');
layer.close(index); layer.close(index);
}); });
}
}); });
$("#saveData").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;
return rest; return rest;
}); });
@ -196,7 +179,7 @@
return null; return null;
} }
}); });
</script> </script>
</body> </body>

Loading…
Cancel
Save