增加菜单到导出和导入;增加粘贴全局操作;优化表单错误表现;

This commit is contained in:
augushong
2024-10-15 16:06:36 +08:00
parent b04321e380
commit 008e781d6b
8 changed files with 185 additions and 3 deletions

View File

@@ -0,0 +1,15 @@
<div class="layuimini-container">
<form id="app-form" class="layui-form layuimini-form">
<div class="layui-form-item layui-row layui-col-xs12">
<label class="layui-form-label ">数据预览</label>
<div class="layui-input-block">
<textarea id="data" class="layui-textarea" readonly>{$list_menu_json}</textarea>
<div class="layui-btn-container" style="margin-top: 5px;">
<div class="layui-btn layui-btn-sm" data-toggle="copy-text" data-clipboard-target="#data">复制</div>
<a href="{:url('export',['download'=>1])}" class="layui-btn layui-btn-sm">下载</a>
</div>
<tip>可以通过复制或下载的方式导出配置,然后在另一个系统中导入。</tip>
</div>
</div>
</form>
</div>

View File

@@ -0,0 +1,3 @@
$(function () {
ua.listen();
});

View File

@@ -0,0 +1,22 @@
<div class="layuimini-container">
<form id="app-form" class="layui-form layuimini-form">
<div class="layui-form-item layui-row layui-col-xs12">
<label class="layui-form-label">数据预览</label>
<div class="layui-input-block">
<textarea id="data" name="data" class="layui-textarea"></textarea>
<div class="layui-btn-container" style="margin-top: 5px;">
<div class="layui-btn layui-btn-sm" data-toggle="paste-text" data-paste-target="#data">复制</div>
<div class="layui-btn layui-btn-sm " id="process-json-file">上传</div>
<input id="json-file-input" type="file" accept=".json" style="display: none;"/>
</div>
<tip>从另一个系统中复制或下载,导出配置文件,在本页面导入或上传即可。请不要随意编辑内容,否则可能导致出错。</tip>
<tip style="color: red;">注意:这将覆盖当前系统的配置文件,请注意导出备份。</tip>
</div>
</div>
<div class="hr-line"></div>
<div class="layui-form-item text-center">
<button type="submit" class="layui-btn layui-btn-normal layui-btn-sm" lay-submit>确认</button>
<button type="reset" class="layui-btn layui-btn-primary layui-btn-sm">重置</button>
</div>
</form>
</div>

View File

@@ -0,0 +1,38 @@
$(function () {
var fileInput = document.getElementById('json-file-input');
fileInput.addEventListener('change', function (e) {
var files = e.target.files;
if (files.length > 0) {
var file = files[0];
var reader = new FileReader();
reader.onload = function (e) {
var jsonStr = e.target.result;
// 解析json字符串判断是否出错
try {
var jsonData = JSON.parse(jsonStr);
} catch (error) {
layer.msg('JSON 解析出错,请检查 JSON 格式是否正确。');
return;
}
$('#data').val(jsonStr);
};
reader.readAsText(file);
}
});
$('#process-json-file').click(function () {
fileInput.click();
});
ua.listen(function (data) {
return data;
}, function (res) {
ua.msg.success(res.msg, function () {
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
parent.$('[data-treetable-refresh]').trigger("click");
});
});
});

View File

@@ -21,4 +21,6 @@
<button class="layui-btn layui-btn-sm layuimini-btn-primary" data-treetable-refresh><i class="fa fa-refresh"></i> </button>
<button class="layui-btn layui-btn-normal layui-btn-sm {if !auth('system.menu/add')}layui-hide{/if}" data-open="system.menu/add" data-title="添加" data-full="true"><i class="fa fa-plus"></i> 添加</button>
<button class="layui-btn layui-btn-sm layui-btn-danger {if !auth('system.menu/del')}layui-hide{/if}" data-url="system.menu/del" data-treetable-delete="currentTableRenderId"><i class="fa fa-trash-o"></i> 删除</button>
<button class="layui-btn layui-btn-sm {if !auth('system.menu/export')}layui-hide{/if}" data-open="system.menu/export" data-title="导出"> 导出</button>
<button class="layui-btn layui-btn-primary layui-btn-sm {if !auth('system.menu/import')}layui-hide{/if}" data-open="system.menu/import" data-title="导入"> 导入</button>
</script>