lisone/EasyAdmin8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(system): upgrade tabs functionality and improve error handling

Browse Source 
- Replace element.on with tabs.on for better tab management Add success and error handling for form submission
- Update HTML structure to use layui-tabs for improved UI
- Remove unnecessary Vue import
This commit is contained in:
wolfcode
2025-03-17 18:02:06 +08:00
parent e316cd40e0
commit 4bbe287626
2 changed files with 16 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
app/admin/view/system/config/index.html
View File

@@ -1,22 +1,16 @@
<div class="layuimini-container">
<div class="layuimini-main" id="app">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<div class="layui-tabs layui-tabs-card layui-panel " id="docDemoTabBrief">
<ul class="layui-tabs-header layui-bg-tint">
<li class="layui-this" data-group="site">网站设置</li>
<li data-group="logo">LOGO配置</li>
<li data-group="upload">上传配置</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
{include file="system/config/site" /}
</div>
<div class="layui-tab-item">
{include file="system/config/logo" /}
</div>
<div class="layui-tab-item">
{include file="system/config/upload" /}
</div>
<div class="layui-tabs-body">
<div class="layui-tabs-item layui-show"> {include file="system/config/site" /}</div>
<div class="layui-tabs-item"> {include file="system/config/logo" /}</div>
<div class="layui-tabs-item">{include file="system/config/upload" /}</div>
</div>
</div>

17
public/static/admin/js/system/config.js
View File

@@ -1,15 +1,15 @@
define(["jquery", "easy-admin", "vue"], function ($, ea, Vue) {
define(["jquery", "easy-admin"], function ($, ea) {
var form = layui.form;
return {
index: function () {
var _group = 'site'
var element = layui.element;
element.on('tab(docDemoTabBrief)', function (data) {
let tabs = layui.tabs
var TABS_ID = 'docDemoTabBrief';
tabs.on(`afterChange(${TABS_ID})`, function (data) {
_group = $(this).data('group')
});
})
let _upload_type = upload_type || 'local'
$('.upload_type').addClass('layui-hide')
$('.' + _upload_type).removeClass('layui-hide')
@@ -20,12 +20,15 @@ define(["jquery", "easy-admin", "vue"], function ($, ea, Vue) {
$('.' + _upload_type).removeClass('layui-hide')
});
form.on("submit", function (data) {
data.field['group'] = _group
});
ea.listen();
ea.listen('', function (res) {
ea.msg.success(res.msg);
}, function (err) {
ea.msg.error(err.msg);
});
}
};
});