From 4bbe28762641da71c99a7ec17147f2cbb9790082 Mon Sep 17 00:00:00 2001
From: wolfcode <37436228+wolf-leo@users.noreply.github.com>
Date: Mon, 17 Mar 2025 18:02:06 +0800
Subject: [PATCH] refactor(system): upgrade tabs functionality and improve
 error handling

- 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
---
 app/admin/view/system/config/index.html | 18 ++++++------------
 public/static/admin/js/system/config.js | 17 ++++++++++-------
 2 files changed, 16 insertions(+), 19 deletions(-)

diff --git a/app/admin/view/system/config/index.html b/app/admin/view/system/config/index.html
index 289b448..a284870 100644
--- a/app/admin/view/system/config/index.html
+++ b/app/admin/view/system/config/index.html
@@ -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>
 
diff --git a/public/static/admin/js/system/config.js b/public/static/admin/js/system/config.js
index feae527..035b61d 100644
--- a/public/static/admin/js/system/config.js
+++ b/public/static/admin/js/system/config.js
@@ -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);
+            });
         }
     };
 });
\ No newline at end of file