diff --git a/assets/seed-data/Sys_Menu.json b/assets/seed-data/Sys_Menu.json
index 00647d8d..49567e0c 100644
--- a/assets/seed-data/Sys_Menu.json
+++ b/assets/seed-data/Sys_Menu.json
@@ -130,7 +130,7 @@
   },
   // ------------------------------  系统管理 ------------------------------
   {
-    "Icon": "sc-icon-App",
+    "Icon": "sc-icon-app",
     "Id": 485278637670422,
     "Name": "sys",
     "Path": "/sys",
@@ -151,7 +151,7 @@
   },
   {
     "Component": "sys/job",
-    "Icon": "sc-icon-ScheduledJob",
+    "Icon": "sc-icon-scheduled-job",
     "Id": 510067557638158,
     "Name": "sys/job",
     "ParentId": 485278637670422,
@@ -206,7 +206,7 @@
   },
   // ------------------------------  档案管理 ------------------------------
   {
-    "Icon": "sc-icon-Archive",
+    "Icon": "sc-icon-archive",
     "Id": 616214756757512,
     "Name": "archive",
     "Path": "/archive",
@@ -248,7 +248,7 @@
   },
   {
     "Component": "sys/log/login",
-    "Icon": "sc-icon-OpenDoor",
+    "Icon": "sc-icon-open-door",
     "Id": 485285246504970,
     "Name": "sys/log/login",
     "ParentId": 374792687640581,
@@ -291,7 +291,7 @@
   {
     "Id": 560217289232398,
     "ParentId": 373838105399301,
-    "Icon": "sc-icon-FreeSql",
+    "Icon": "sc-icon-free-sql",
     "Name": "dev/freesql",
     "Path": "https://freesql.net/guide",
     "Sort": 99,
diff --git a/src/backend/NetAdmin/NetAdmin.SysComponent.Application/Services/Sys/DevService.cs b/src/backend/NetAdmin/NetAdmin.SysComponent.Application/Services/Sys/DevService.cs
index 52479118..ed41d66c 100644
--- a/src/backend/NetAdmin/NetAdmin.SysComponent.Application/Services/Sys/DevService.cs
+++ b/src/backend/NetAdmin/NetAdmin.SysComponent.Application/Services/Sys/DevService.cs
@@ -141,8 +141,8 @@ public sealed class DevService(IApiService apiService) : ServiceBase<DevService>
                       indexJsFile, Environment.NewLine + tplExport.Replace("$iconName$", req.IconName).Replace(_REPLACE_TO_EMPTY, string.Empty))
                   .ConfigureAwait(false);
 
-        // 修改iconSelect.js
-        var iconSelectFile    = Path.Combine(_clientProjectPath, "src", "config", "iconSelect.js");
+        // 修改icon-select.js
+        var iconSelectFile    = Path.Combine(_clientProjectPath, "src", "config", "icon-select.js");
         var iconSelectContent = await File.ReadAllTextAsync(iconSelectFile).ConfigureAwait(false);
         iconSelectContent = iconSelectContent.Replace("export default", "exportDefault:").Replace("'", "\"");
         iconSelectContent = _regex2.Replace(iconSelectContent, "\"$1\":");
diff --git a/src/frontend/admin/.prettierignore b/src/frontend/admin/.prettierignore
index 32b46468..4d261ae6 100644
--- a/src/frontend/admin/.prettierignore
+++ b/src/frontend/admin/.prettierignore
@@ -1,4 +1,4 @@
 # 忽略格式化文件 (根据项目需要自行添加)
 node_modules
 dist
-iconSelect.js
\ No newline at end of file
+icon-select.js
\ No newline at end of file
diff --git a/src/frontend/admin/index.html b/src/frontend/admin/index.html
index 6ff3fbc9..23b53112 100644
--- a/src/frontend/admin/index.html
+++ b/src/frontend/admin/index.html
@@ -100,7 +100,7 @@
         <noscript>
             <strong>We're sorry but NetAdmin doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
         </noscript>
-        <div class="aminui" id="app">
+        <div class="admin-ui" id="app">
             <div class="app-loading">
                 <div class="app-loading__logo">
                     <img alt="" src="/src/assets/img/logo.svg" />
diff --git a/src/frontend/admin/package.json b/src/frontend/admin/package.json
index c4b1911d..06e5e5bf 100644
--- a/src/frontend/admin/package.json
+++ b/src/frontend/admin/package.json
@@ -28,13 +28,13 @@
         "vue-i18n": "11.1.7",
         "vue-router": "4.5.1",
         "vue3-ace-editor": "2.2.4",
-        "vue3-json-viewer": "2.4.0",
+        "vue3-json-viewer": "2.4.1",
         "vuedraggable": "4.0.3",
         "vuex": "4.1.0"
     },
     "devDependencies": {
         "@vitejs/plugin-vue": "6.0.0",
-        "prettier": "3.6.1",
+        "prettier": "3.6.2",
         "prettier-plugin-organize-attributes": "1.0.0",
         "sass": "1.89.2",
         "terser": "5.43.1",
diff --git a/src/frontend/admin/src/App.vue b/src/frontend/admin/src/app.vue
similarity index 95%
rename from src/frontend/admin/src/App.vue
rename to src/frontend/admin/src/app.vue
index b80f3244..e2b8c65b 100644
--- a/src/frontend/admin/src/App.vue
+++ b/src/frontend/admin/src/app.vue
@@ -1,14 +1,14 @@
 <template>
     <el-config-provider :button="config.button" :locale="locale" :size="config.size" :zIndex="config.zIndex">
-        <router-view v-if="isRouterAlive"></router-view>
+        <router-view v-if="isRouterAlive" />
         <na-version-updater />
     </el-config-provider>
 </template>
 
 <script>
 import colorTool from '@/utils/color'
-import naVersionUpdater from '@/components/naVersionUpdater'
-import UseTabs from '@/utils/useTabs'
+import naVersionUpdater from '@/components/na-version-updater'
+import UseTabs from '@/utils/use-tabs'
 
 export default {
     name: 'App',
@@ -126,7 +126,7 @@ export default {
                         UseTabs.close()
                     }
                 } else if (e.keyCode === 65) {
-                    document.getElementsByClassName('userbar-btn-search')[0]?.dispatchEvent(
+                    document.getElementsByClassName('user-bar-btn-search')[0]?.dispatchEvent(
                         new MouseEvent('click', {
                             view: window,
                             bubbles: true,
diff --git a/src/frontend/admin/src/assets/icons/AccountReport.vue b/src/frontend/admin/src/assets/icons/account-report.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/AccountReport.vue
rename to src/frontend/admin/src/assets/icons/account-report.vue
diff --git a/src/frontend/admin/src/assets/icons/Alert.vue b/src/frontend/admin/src/assets/icons/alert.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Alert.vue
rename to src/frontend/admin/src/assets/icons/alert.vue
diff --git a/src/frontend/admin/src/assets/icons/ApiDoc.vue b/src/frontend/admin/src/assets/icons/api-doc.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/ApiDoc.vue
rename to src/frontend/admin/src/assets/icons/api-doc.vue
diff --git a/src/frontend/admin/src/assets/icons/Api.vue b/src/frontend/admin/src/assets/icons/api.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Api.vue
rename to src/frontend/admin/src/assets/icons/api.vue
diff --git a/src/frontend/admin/src/assets/icons/App.vue b/src/frontend/admin/src/assets/icons/app.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/App.vue
rename to src/frontend/admin/src/assets/icons/app.vue
diff --git a/src/frontend/admin/src/assets/icons/App2.vue b/src/frontend/admin/src/assets/icons/app2.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/App2.vue
rename to src/frontend/admin/src/assets/icons/app2.vue
diff --git a/src/frontend/admin/src/assets/icons/Archive.vue b/src/frontend/admin/src/assets/icons/archive.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Archive.vue
rename to src/frontend/admin/src/assets/icons/archive.vue
diff --git a/src/frontend/admin/src/assets/icons/BugFill.vue b/src/frontend/admin/src/assets/icons/bug-fill.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/BugFill.vue
rename to src/frontend/admin/src/assets/icons/bug-fill.vue
diff --git a/src/frontend/admin/src/assets/icons/BugLine.vue b/src/frontend/admin/src/assets/icons/bug-line.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/BugLine.vue
rename to src/frontend/admin/src/assets/icons/bug-line.vue
diff --git a/src/frontend/admin/src/assets/icons/Business.vue b/src/frontend/admin/src/assets/icons/business.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Business.vue
rename to src/frontend/admin/src/assets/icons/business.vue
diff --git a/src/frontend/admin/src/assets/icons/Code.vue b/src/frontend/admin/src/assets/icons/code.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Code.vue
rename to src/frontend/admin/src/assets/icons/code.vue
diff --git a/src/frontend/admin/src/assets/icons/Code2.vue b/src/frontend/admin/src/assets/icons/code2.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Code2.vue
rename to src/frontend/admin/src/assets/icons/code2.vue
diff --git a/src/frontend/admin/src/assets/icons/Collect.vue b/src/frontend/admin/src/assets/icons/collect.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Collect.vue
rename to src/frontend/admin/src/assets/icons/collect.vue
diff --git a/src/frontend/admin/src/assets/icons/Country.vue b/src/frontend/admin/src/assets/icons/country.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Country.vue
rename to src/frontend/admin/src/assets/icons/country.vue
diff --git a/src/frontend/admin/src/assets/icons/Csharp.vue b/src/frontend/admin/src/assets/icons/csharp.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Csharp.vue
rename to src/frontend/admin/src/assets/icons/csharp.vue
diff --git a/src/frontend/admin/src/assets/icons/Daily.vue b/src/frontend/admin/src/assets/icons/daily.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Daily.vue
rename to src/frontend/admin/src/assets/icons/daily.vue
diff --git a/src/frontend/admin/src/assets/icons/Dashboard.vue b/src/frontend/admin/src/assets/icons/dashboard.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Dashboard.vue
rename to src/frontend/admin/src/assets/icons/dashboard.vue
diff --git a/src/frontend/admin/src/assets/icons/Demo.vue b/src/frontend/admin/src/assets/icons/demo.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Demo.vue
rename to src/frontend/admin/src/assets/icons/demo.vue
diff --git a/src/frontend/admin/src/assets/icons/Dept.vue b/src/frontend/admin/src/assets/icons/dept.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Dept.vue
rename to src/frontend/admin/src/assets/icons/dept.vue
diff --git a/src/frontend/admin/src/assets/icons/DeviceLog.vue b/src/frontend/admin/src/assets/icons/device-log.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/DeviceLog.vue
rename to src/frontend/admin/src/assets/icons/device-log.vue
diff --git a/src/frontend/admin/src/assets/icons/Device.vue b/src/frontend/admin/src/assets/icons/device.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Device.vue
rename to src/frontend/admin/src/assets/icons/device.vue
diff --git a/src/frontend/admin/src/assets/icons/Dic.vue b/src/frontend/admin/src/assets/icons/dic.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Dic.vue
rename to src/frontend/admin/src/assets/icons/dic.vue
diff --git a/src/frontend/admin/src/assets/icons/Docker.vue b/src/frontend/admin/src/assets/icons/docker.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Docker.vue
rename to src/frontend/admin/src/assets/icons/docker.vue
diff --git a/src/frontend/admin/src/assets/icons/Download.vue b/src/frontend/admin/src/assets/icons/download.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Download.vue
rename to src/frontend/admin/src/assets/icons/download.vue
diff --git a/src/frontend/admin/src/assets/icons/Drone.vue b/src/frontend/admin/src/assets/icons/drone.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Drone.vue
rename to src/frontend/admin/src/assets/icons/drone.vue
diff --git a/src/frontend/admin/src/assets/icons/ECharts.vue b/src/frontend/admin/src/assets/icons/echarts.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/ECharts.vue
rename to src/frontend/admin/src/assets/icons/echarts.vue
diff --git a/src/frontend/admin/src/assets/icons/Elastic.vue b/src/frontend/admin/src/assets/icons/elastic.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Elastic.vue
rename to src/frontend/admin/src/assets/icons/elastic.vue
diff --git a/src/frontend/admin/src/assets/icons/Element.vue b/src/frontend/admin/src/assets/icons/element.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Element.vue
rename to src/frontend/admin/src/assets/icons/element.vue
diff --git a/src/frontend/admin/src/assets/icons/Email.vue b/src/frontend/admin/src/assets/icons/email.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Email.vue
rename to src/frontend/admin/src/assets/icons/email.vue
diff --git a/src/frontend/admin/src/assets/icons/Error.vue b/src/frontend/admin/src/assets/icons/error.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Error.vue
rename to src/frontend/admin/src/assets/icons/error.vue
diff --git a/src/frontend/admin/src/assets/icons/ExLog.vue b/src/frontend/admin/src/assets/icons/ex-log.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/ExLog.vue
rename to src/frontend/admin/src/assets/icons/ex-log.vue
diff --git a/src/frontend/admin/src/assets/icons/Exception.vue b/src/frontend/admin/src/assets/icons/exception.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Exception.vue
rename to src/frontend/admin/src/assets/icons/exception.vue
diff --git a/src/frontend/admin/src/assets/icons/FileExcel.vue b/src/frontend/admin/src/assets/icons/file-excel.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/FileExcel.vue
rename to src/frontend/admin/src/assets/icons/file-excel.vue
diff --git a/src/frontend/admin/src/assets/icons/FilePpt.vue b/src/frontend/admin/src/assets/icons/file-ppt.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/FilePpt.vue
rename to src/frontend/admin/src/assets/icons/file-ppt.vue
diff --git a/src/frontend/admin/src/assets/icons/FileWord.vue b/src/frontend/admin/src/assets/icons/file-word.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/FileWord.vue
rename to src/frontend/admin/src/assets/icons/file-word.vue
diff --git a/src/frontend/admin/src/assets/icons/FreeSql.vue b/src/frontend/admin/src/assets/icons/free-sql.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/FreeSql.vue
rename to src/frontend/admin/src/assets/icons/free-sql.vue
diff --git a/src/frontend/admin/src/assets/icons/Gitea.vue b/src/frontend/admin/src/assets/icons/gitea.vue
similarity index 99%
rename from src/frontend/admin/src/assets/icons/Gitea.vue
rename to src/frontend/admin/src/assets/icons/gitea.vue
index 3f72f1a2..8632bb93 100644
--- a/src/frontend/admin/src/assets/icons/Gitea.vue
+++ b/src/frontend/admin/src/assets/icons/gitea.vue
@@ -3,4 +3,4 @@
         <path
             d="M178.602667 231.296C99.882667 231.125333-5.546667 281.173333 0.256 406.656c9.088 196.010667 209.92 214.186667 290.176 215.765333 8.789333 36.778667 103.253333 163.584 173.184 170.24h306.346667c183.722667-12.202667 321.28-555.605333 219.306666-557.653333-168.661333 7.936-268.629333 11.946667-354.346666 12.629333v169.6l-26.709334-11.818666-0.170666-157.696c-98.389333-0.042667-185.002667-4.608-349.397334-12.714667-20.565333-0.128-49.237333-3.626667-80.042666-3.712z m11.136 69.333333h9.386666c11.178667 100.48 29.354667 159.232 66.133334 249.002667-93.866667-11.093333-173.738667-38.357333-188.416-140.16-7.594667-52.693333 18.005333-107.690667 112.896-108.885333z m365.098666 98.773334c6.4 0.085333 12.928 1.28 19.072 4.096l31.957334 13.781333-22.912 41.770667a28.672 25.472 0 0 0-10.282667 1.621333 28.672 25.472 0 0 0-17.28 32.597333 28.672 25.472 0 0 0 4.778667 7.424l-39.509334 71.936a28.672 25.472 0 0 0-9.472 1.621334 28.672 25.472 0 0 0-17.28 32.597333 28.672 25.472 0 0 0 36.693334 15.36 28.672 25.472 0 0 0 17.237333-32.64 28.672 25.472 0 0 0-6.741333-9.386667l38.485333-70.058666a28.672 25.472 0 0 0 12.501333-1.28 28.672 25.472 0 0 0 9.088-4.778667c14.848 6.229333 27.008 11.306667 35.754667 15.616 13.141333 6.485333 17.792 10.794667 19.2 15.573333 1.408 4.693333-0.128 13.738667-7.552 29.610667-5.546667 11.818667-14.72 28.586667-25.557333 48.341333a28.672 25.472 0 0 0-10.709334 1.621334 28.672 25.472 0 0 0-17.28 32.597333 28.672 25.472 0 0 0 36.693334 15.36 28.672 25.472 0 0 0 17.237333-32.597333 28.672 25.472 0 0 0-5.845333-8.618667c10.709333-19.541333 19.925333-36.352 25.856-48.981333 8.021333-17.152 12.202667-29.909333 8.533333-42.24-3.669333-12.330667-14.933333-20.352-29.866667-27.733334-9.813333-4.821333-22.058667-9.941333-36.693333-16.085333a28.672 25.472 0 0 0-1.621333-10.197333 28.672 25.472 0 0 0-6.186667-8.917334l22.528-41.088 124.757333 53.888c22.528 9.770667 31.829333 33.706667 20.906667 53.76l-85.76 157.013334c-10.965333 20.010667-37.888 28.288-60.416 18.56l-176.512-76.288c-22.528-9.728-31.872-33.706667-20.906667-53.76l85.76-156.970667c7.509333-13.781333 22.613333-21.973333 38.613334-22.613333h2.730666z" />
     </svg>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/frontend/admin/src/assets/icons/Grafana.vue b/src/frontend/admin/src/assets/icons/grafana.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Grafana.vue
rename to src/frontend/admin/src/assets/icons/grafana.vue
diff --git a/src/frontend/admin/src/assets/icons/Help.vue b/src/frontend/admin/src/assets/icons/help.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Help.vue
rename to src/frontend/admin/src/assets/icons/help.vue
diff --git a/src/frontend/admin/src/assets/icons/Home.vue b/src/frontend/admin/src/assets/icons/home.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Home.vue
rename to src/frontend/admin/src/assets/icons/home.vue
diff --git a/src/frontend/admin/src/assets/icons/index.js b/src/frontend/admin/src/assets/icons/index.js
index 991395eb..e2c0ab30 100644
--- a/src/frontend/admin/src/assets/icons/index.js
+++ b/src/frontend/admin/src/assets/icons/index.js
@@ -1,78 +1,78 @@
-export { default as Alert } from './Alert.vue'
-export { default as Api } from './Api.vue'
-export { default as App } from './App.vue'
-export { default as App2 } from './App2.vue'
-export { default as BugFill } from './BugFill.vue'
-export { default as BugLine } from './BugLine.vue'
-export { default as Business } from './Business.vue'
-export { default as Code } from './Code.vue'
-export { default as Code2 } from './Code2.vue'
-export { default as Csharp } from './Csharp.vue'
-export { default as Dashboard } from './Dashboard.vue'
-export { default as Demo } from './Demo.vue'
-export { default as Dept } from './Dept.vue'
-export { default as Device } from './Device.vue'
-export { default as Dic } from './Dic.vue'
-export { default as Docker } from './Docker.vue'
-export { default as Download } from './Download.vue'
-export { default as Drone } from './Drone.vue'
-export { default as Elastic } from './Elastic.vue'
-export { default as Error } from './Error.vue'
-export { default as ExLog } from './ExLog.vue'
-export { default as FileExcel } from './FileExcel.vue'
-export { default as FilePpt } from './FilePpt.vue'
-export { default as FileWord } from './FileWord.vue'
-export { default as Gitea } from './Gitea.vue'
-export { default as Grafana } from './Grafana.vue'
-export { default as Js } from './Js.vue'
-export { default as Kafka } from './Kafka.vue'
-export { default as Key } from './Key.vue'
-export { default as Kibana } from './Kibana.vue'
-export { default as Link } from './Link.vue'
-export { default as Log } from './Log.vue'
-export { default as LoginLog } from './LoginLog.vue'
-export { default as Memory } from './Memory.vue'
-export { default as Meter } from './Meter.vue'
-export { default as OpenDoor } from './OpenDoor.vue'
-export { default as OperLog } from './OperLog.vue'
-export { default as Organization } from './Organization.vue'
-export { default as Position } from './Position.vue'
-export { default as Product } from './Product.vue'
-export { default as ProductCategory } from './ProductCategory.vue'
-export { default as Resource } from './Resource.vue'
-export { default as Robot } from './Robot.vue'
-export { default as Role } from './Role.vue'
-export { default as ScheduledJob } from './ScheduledJob.vue'
-export { default as Send } from './Send.vue'
-export { default as Stats } from './Stats.vue'
-export { default as Sync } from './Sync.vue'
-export { default as Task } from './Task.vue'
-export { default as Tpl } from './Tpl.vue'
-export { default as Unlink } from './Unlink.vue'
-export { default as Upload } from './Upload.vue'
-export { default as Vue } from './Vue.vue'
-export { default as Warning } from './Warning.vue'
-export { default as Wechat } from './Wechat.vue'
-export { default as Report } from './Report.vue'
-export { default as Daily } from './Daily.vue'
-export { default as AccountReport } from './AccountReport.vue'
-export { default as Element } from './Element.vue'
-export { default as ApiDoc } from './ApiDoc.vue'
-export { default as Help } from './Help.vue'
-export { default as Version } from './Version.vue'
-export { default as Home } from './Home.vue'
-export { default as Exception } from './Exception.vue'
-export { default as Collect } from './Collect.vue'
-export { default as FreeSql } from './FreeSql.vue'
-export { default as Performance } from './Performance.vue'
-export { default as Proxy } from './Proxy.vue'
-export { default as ECharts } from './ECharts.vue'
-export { default as Mobile } from './Mobile.vue'
-export { default as Email } from './Email.vue'
-export { default as SmsCode } from './SmsCode.vue'
-export { default as MailCode } from './MailCode.vue'
-export { default as Archive } from './Archive.vue'
-export { default as DeviceLog } from './DeviceLog.vue'
-export { default as NickName } from './NickName.vue'
-export { default as Telegram } from './Telegram.vue'
-export { default as Country } from './Country.vue'
\ No newline at end of file
+export { default as alert } from './alert'
+export { default as api } from './api'
+export { default as app } from './app'
+export { default as app2 } from './app2'
+export { default as 'bug-fill' } from './bug-fill'
+export { default as 'bug-line' } from './bug-line'
+export { default as business } from './business'
+export { default as code } from './code'
+export { default as code2 } from './code2'
+export { default as csharp } from './csharp'
+export { default as dashboard } from './dashboard'
+export { default as demo } from './demo'
+export { default as dept } from './dept'
+export { default as device } from './device'
+export { default as dic } from './dic'
+export { default as docker } from './docker'
+export { default as download } from './download'
+export { default as drone } from './drone'
+export { default as elastic } from './elastic'
+export { default as error } from './error'
+export { default as 'ex-log' } from './ex-log'
+export { default as 'file-excel' } from './file-excel'
+export { default as 'file-ppt' } from './file-ppt'
+export { default as 'file-word' } from './file-word'
+export { default as gitea } from './gitea'
+export { default as grafana } from './grafana'
+export { default as js } from './js'
+export { default as kafka } from './kafka'
+export { default as key } from './key'
+export { default as kibana } from './kibana'
+export { default as link } from './link'
+export { default as log } from './log'
+export { default as 'login-log' } from './login-log'
+export { default as memory } from './memory'
+export { default as meter } from './meter'
+export { default as 'open-door' } from './open-door'
+export { default as 'oper-log' } from './oper-log'
+export { default as organization } from './organization'
+export { default as position } from './position'
+export { default as product } from './product'
+export { default as 'product-category' } from './product-category'
+export { default as resource } from './resource'
+export { default as robot } from './robot'
+export { default as role } from './role'
+export { default as 'scheduled-job' } from './scheduled-job'
+export { default as send } from './send'
+export { default as stats } from './stats'
+export { default as sync } from './sync'
+export { default as task } from './task'
+export { default as tpl } from './tpl'
+export { default as unlink } from './unlink'
+export { default as upload } from './upload'
+export { default as vue } from './vue'
+export { default as warning } from './warning'
+export { default as wechat } from './wechat'
+export { default as report } from './report'
+export { default as daily } from './daily'
+export { default as 'account-report' } from './account-report'
+export { default as element } from './element'
+export { default as 'api-doc' } from './api-doc'
+export { default as help } from './help'
+export { default as version } from './version'
+export { default as home } from './home'
+export { default as exception } from './exception'
+export { default as collect } from './collect'
+export { default as 'free-sql' } from './free-sql'
+export { default as performance } from './performance'
+export { default as proxy } from './proxy'
+export { default as 'echarts' } from './echarts'
+export { default as mobile } from './mobile'
+export { default as email } from './email'
+export { default as 'sms-code' } from './sms-code'
+export { default as 'mail-code' } from './mail-code'
+export { default as archive } from './archive'
+export { default as 'device-log' } from './device-log'
+export { default as 'nick-name' } from './nick-name'
+export { default as telegram } from './telegram'
+export { default as country } from './country'
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Js.vue b/src/frontend/admin/src/assets/icons/js.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Js.vue
rename to src/frontend/admin/src/assets/icons/js.vue
diff --git a/src/frontend/admin/src/assets/icons/Kafka.vue b/src/frontend/admin/src/assets/icons/kafka.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Kafka.vue
rename to src/frontend/admin/src/assets/icons/kafka.vue
diff --git a/src/frontend/admin/src/assets/icons/Key.vue b/src/frontend/admin/src/assets/icons/key.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Key.vue
rename to src/frontend/admin/src/assets/icons/key.vue
diff --git a/src/frontend/admin/src/assets/icons/Kibana.vue b/src/frontend/admin/src/assets/icons/kibana.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Kibana.vue
rename to src/frontend/admin/src/assets/icons/kibana.vue
diff --git a/src/frontend/admin/src/assets/icons/Link.vue b/src/frontend/admin/src/assets/icons/link.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Link.vue
rename to src/frontend/admin/src/assets/icons/link.vue
diff --git a/src/frontend/admin/src/assets/icons/Log.vue b/src/frontend/admin/src/assets/icons/log.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Log.vue
rename to src/frontend/admin/src/assets/icons/log.vue
diff --git a/src/frontend/admin/src/assets/icons/LoginLog.vue b/src/frontend/admin/src/assets/icons/login-log.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/LoginLog.vue
rename to src/frontend/admin/src/assets/icons/login-log.vue
diff --git a/src/frontend/admin/src/assets/icons/MailCode.vue b/src/frontend/admin/src/assets/icons/mail-code.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/MailCode.vue
rename to src/frontend/admin/src/assets/icons/mail-code.vue
diff --git a/src/frontend/admin/src/assets/icons/Memory.vue b/src/frontend/admin/src/assets/icons/memory.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Memory.vue
rename to src/frontend/admin/src/assets/icons/memory.vue
diff --git a/src/frontend/admin/src/assets/icons/Meter.vue b/src/frontend/admin/src/assets/icons/meter.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Meter.vue
rename to src/frontend/admin/src/assets/icons/meter.vue
diff --git a/src/frontend/admin/src/assets/icons/Mobile.vue b/src/frontend/admin/src/assets/icons/mobile.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Mobile.vue
rename to src/frontend/admin/src/assets/icons/mobile.vue
diff --git a/src/frontend/admin/src/assets/icons/NickName.vue b/src/frontend/admin/src/assets/icons/nick-name.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/NickName.vue
rename to src/frontend/admin/src/assets/icons/nick-name.vue
diff --git a/src/frontend/admin/src/assets/icons/OpenDoor.vue b/src/frontend/admin/src/assets/icons/open-door.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/OpenDoor.vue
rename to src/frontend/admin/src/assets/icons/open-door.vue
diff --git a/src/frontend/admin/src/assets/icons/OperLog.vue b/src/frontend/admin/src/assets/icons/oper-log.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/OperLog.vue
rename to src/frontend/admin/src/assets/icons/oper-log.vue
diff --git a/src/frontend/admin/src/assets/icons/Organization.vue b/src/frontend/admin/src/assets/icons/organization.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Organization.vue
rename to src/frontend/admin/src/assets/icons/organization.vue
diff --git a/src/frontend/admin/src/assets/icons/Performance.vue b/src/frontend/admin/src/assets/icons/performance.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Performance.vue
rename to src/frontend/admin/src/assets/icons/performance.vue
diff --git a/src/frontend/admin/src/assets/icons/Position.vue b/src/frontend/admin/src/assets/icons/position.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Position.vue
rename to src/frontend/admin/src/assets/icons/position.vue
diff --git a/src/frontend/admin/src/assets/icons/ProductCategory.vue b/src/frontend/admin/src/assets/icons/product-category.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/ProductCategory.vue
rename to src/frontend/admin/src/assets/icons/product-category.vue
diff --git a/src/frontend/admin/src/assets/icons/Product.vue b/src/frontend/admin/src/assets/icons/product.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Product.vue
rename to src/frontend/admin/src/assets/icons/product.vue
diff --git a/src/frontend/admin/src/assets/icons/Proxy.vue b/src/frontend/admin/src/assets/icons/proxy.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Proxy.vue
rename to src/frontend/admin/src/assets/icons/proxy.vue
diff --git a/src/frontend/admin/src/assets/icons/Report.vue b/src/frontend/admin/src/assets/icons/report.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Report.vue
rename to src/frontend/admin/src/assets/icons/report.vue
diff --git a/src/frontend/admin/src/assets/icons/Resource.vue b/src/frontend/admin/src/assets/icons/resource.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Resource.vue
rename to src/frontend/admin/src/assets/icons/resource.vue
diff --git a/src/frontend/admin/src/assets/icons/Robot.vue b/src/frontend/admin/src/assets/icons/robot.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Robot.vue
rename to src/frontend/admin/src/assets/icons/robot.vue
diff --git a/src/frontend/admin/src/assets/icons/Role.vue b/src/frontend/admin/src/assets/icons/role.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Role.vue
rename to src/frontend/admin/src/assets/icons/role.vue
diff --git a/src/frontend/admin/src/assets/icons/ScheduledJob.vue b/src/frontend/admin/src/assets/icons/scheduled-job.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/ScheduledJob.vue
rename to src/frontend/admin/src/assets/icons/scheduled-job.vue
diff --git a/src/frontend/admin/src/assets/icons/Send.vue b/src/frontend/admin/src/assets/icons/send.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Send.vue
rename to src/frontend/admin/src/assets/icons/send.vue
diff --git a/src/frontend/admin/src/assets/icons/SmsCode.vue b/src/frontend/admin/src/assets/icons/sms-code.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/SmsCode.vue
rename to src/frontend/admin/src/assets/icons/sms-code.vue
diff --git a/src/frontend/admin/src/assets/icons/Stats.vue b/src/frontend/admin/src/assets/icons/stats.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Stats.vue
rename to src/frontend/admin/src/assets/icons/stats.vue
diff --git a/src/frontend/admin/src/assets/icons/Sync.vue b/src/frontend/admin/src/assets/icons/sync.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Sync.vue
rename to src/frontend/admin/src/assets/icons/sync.vue
diff --git a/src/frontend/admin/src/assets/icons/Task.vue b/src/frontend/admin/src/assets/icons/task.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Task.vue
rename to src/frontend/admin/src/assets/icons/task.vue
diff --git a/src/frontend/admin/src/assets/icons/Telegram.vue b/src/frontend/admin/src/assets/icons/telegram.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Telegram.vue
rename to src/frontend/admin/src/assets/icons/telegram.vue
diff --git a/src/frontend/admin/src/assets/icons/Tpl.vue b/src/frontend/admin/src/assets/icons/tpl.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Tpl.vue
rename to src/frontend/admin/src/assets/icons/tpl.vue
diff --git a/src/frontend/admin/src/assets/icons/tpl/Svg.vue b/src/frontend/admin/src/assets/icons/tpl/svg.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/tpl/Svg.vue
rename to src/frontend/admin/src/assets/icons/tpl/svg.vue
diff --git a/src/frontend/admin/src/assets/icons/Unlink.vue b/src/frontend/admin/src/assets/icons/unlink.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Unlink.vue
rename to src/frontend/admin/src/assets/icons/unlink.vue
diff --git a/src/frontend/admin/src/assets/icons/Upload.vue b/src/frontend/admin/src/assets/icons/upload.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Upload.vue
rename to src/frontend/admin/src/assets/icons/upload.vue
diff --git a/src/frontend/admin/src/assets/icons/Version.vue b/src/frontend/admin/src/assets/icons/version.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Version.vue
rename to src/frontend/admin/src/assets/icons/version.vue
diff --git a/src/frontend/admin/src/assets/icons/Vue.vue b/src/frontend/admin/src/assets/icons/vue.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Vue.vue
rename to src/frontend/admin/src/assets/icons/vue.vue
diff --git a/src/frontend/admin/src/assets/icons/Warning.vue b/src/frontend/admin/src/assets/icons/warning.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Warning.vue
rename to src/frontend/admin/src/assets/icons/warning.vue
diff --git a/src/frontend/admin/src/assets/icons/Wechat.vue b/src/frontend/admin/src/assets/icons/wechat.vue
similarity index 100%
rename from src/frontend/admin/src/assets/icons/Wechat.vue
rename to src/frontend/admin/src/assets/icons/wechat.vue
diff --git a/src/frontend/admin/src/components/naArea/index.vue b/src/frontend/admin/src/components/na-area/index.vue
similarity index 92%
rename from src/frontend/admin/src/components/naArea/index.vue
rename to src/frontend/admin/src/components/na-area/index.vue
index 294800af..00fa101c 100644
--- a/src/frontend/admin/src/components/naArea/index.vue
+++ b/src/frontend/admin/src/components/na-area/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <scTableSelect
+    <sc-table-select
         v-model="area"
         :params="form"
         :props="{ label: 'key', value: 'value' }"
@@ -9,19 +9,19 @@
         <template #header>
             <el-form :model="form">
                 <el-form-item>
-                    <el-input v-model="form.keywords" :placeholder="$t('请输入地区或代码')" @input="onInput" clearable></el-input>
+                    <el-input v-model="form.keywords" :placeholder="$t('请输入地区或代码')" @input="onInput" clearable />
                 </el-form-item>
             </el-form>
         </template>
         <el-table-column :label="$t('地区')" prop="key" width="400" />
         <el-table-column :label="$t('代码')" prop="value" />
-    </scTableSelect>
+    </sc-table-select>
 </template>
-<style scoped></style>
+<style scoped />
 <script>
 import { defineAsyncComponent } from 'vue'
 
-const scTableSelect = defineAsyncComponent(() => import('@/components/scTableSelect'))
+const scTableSelect = defineAsyncComponent(() => import('@/components/sc-table-select'))
 export default {
     props: {
         modelValue: { type: Object },
diff --git a/src/frontend/admin/src/components/naButtonBulkDel/index.vue b/src/frontend/admin/src/components/na-button-bulk-del/index.vue
similarity index 82%
rename from src/frontend/admin/src/components/naButtonBulkDel/index.vue
rename to src/frontend/admin/src/components/na-button-bulk-del/index.vue
index c180d956..a33f6e46 100644
--- a/src/frontend/admin/src/components/naButtonBulkDel/index.vue
+++ b/src/frontend/admin/src/components/na-button-bulk-del/index.vue
@@ -1,13 +1,7 @@
 <template>
-    <el-button
-        :disabled="vue.selection.length === 0 || loading"
-        :loading="loading"
-        @click="bulkDel"
-        icon="el-icon-delete"
-        plain
-        type="danger"></el-button>
+    <el-button :disabled="vue.selection.length === 0 || loading" :loading="loading" @click="bulkDel" icon="el-icon-delete" plain type="danger" />
 </template>
-<style scoped></style>
+<style scoped />
 <script>
 export default {
     emits: [],
diff --git a/src/frontend/admin/src/components/naColAvatar/index.vue b/src/frontend/admin/src/components/na-col-avatar/index.vue
similarity index 98%
rename from src/frontend/admin/src/components/naColAvatar/index.vue
rename to src/frontend/admin/src/components/na-col-avatar/index.vue
index f85f891f..a60ebffd 100644
--- a/src/frontend/admin/src/components/naColAvatar/index.vue
+++ b/src/frontend/admin/src/components/na-col-avatar/index.vue
@@ -2,7 +2,7 @@
     <el-table-column :label="label" :prop="prop" sortable="custom">
         <template #default="{ row }">
             <div class="avatar">
-                <el-avatar :src="getAvatar(row, prop, avatar)" size="small"></el-avatar>
+                <el-avatar :src="getAvatar(row, prop, avatar)" size="small" />
                 <el-link v-if="this.click" @click="this.click(row)"> {{ tool.getNestedProperty(row, prop) }}</el-link>
                 <span v-else> {{ tool.getNestedProperty(row, prop) }}</span>
             </div>
diff --git a/src/frontend/admin/src/components/naColId/index.vue b/src/frontend/admin/src/components/na-col-id/index.vue
similarity index 90%
rename from src/frontend/admin/src/components/naColId/index.vue
rename to src/frontend/admin/src/components/na-col-id/index.vue
index b4639330..f5cb5a47 100644
--- a/src/frontend/admin/src/components/naColId/index.vue
+++ b/src/frontend/admin/src/components/na-col-id/index.vue
@@ -3,7 +3,7 @@
         <template #default="{ row }">
             <p>{{ row.id }}</p>
             <p v-if="showTime" class="color-secondary">{{ row.createdTime }}</p>
-            <slot :data="row"></slot>
+            <slot :data="row" />
         </template>
     </el-table-column>
 </template>
@@ -26,4 +26,4 @@ export default {
     methods: {},
 }
 </script>
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/naColIndicator/index.vue b/src/frontend/admin/src/components/na-col-indicator/index.vue
similarity index 82%
rename from src/frontend/admin/src/components/naColIndicator/index.vue
rename to src/frontend/admin/src/components/na-col-indicator/index.vue
index c3d4d82f..822aa996 100644
--- a/src/frontend/admin/src/components/naColIndicator/index.vue
+++ b/src/frontend/admin/src/components/na-col-indicator/index.vue
@@ -2,12 +2,12 @@
     <el-table-column v-bind:="$attrs">
         <template #default="{ row }">
             <na-indicator :data="row" :options="options" :prop="$attrs.prop" />
-            <slot :data="row" name="info"></slot>
+            <slot :data="row" name="info" />
         </template>
     </el-table-column>
 </template>
 <script>
-import naIndicator from '@/components/naIndicator'
+import naIndicator from '@/components/na-indicator'
 export default {
     emits: [],
     props: {
diff --git a/src/frontend/admin/src/components/naColOperation/index.vue b/src/frontend/admin/src/components/na-col-operation/index.vue
similarity index 97%
rename from src/frontend/admin/src/components/naColOperation/index.vue
rename to src/frontend/admin/src/components/na-col-operation/index.vue
index 7f57921a..1d1d206a 100644
--- a/src/frontend/admin/src/components/naColOperation/index.vue
+++ b/src/frontend/admin/src/components/na-col-operation/index.vue
@@ -39,7 +39,7 @@
     </el-table-column>
 </template>
 <script>
-import naColOperation from '@/config/naColOperation'
+import naColOperation from '@/config/na-col-operation'
 
 export default {
     emits: [],
@@ -83,4 +83,4 @@ export default {
     },
 }
 </script>
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/naColTag/index.vue b/src/frontend/admin/src/components/na-col-tag/index.vue
similarity index 100%
rename from src/frontend/admin/src/components/naColTag/index.vue
rename to src/frontend/admin/src/components/na-col-tag/index.vue
diff --git a/src/frontend/admin/src/components/naColTags/index.vue b/src/frontend/admin/src/components/na-col-tags/index.vue
similarity index 100%
rename from src/frontend/admin/src/components/naColTags/index.vue
rename to src/frontend/admin/src/components/na-col-tags/index.vue
diff --git a/src/frontend/admin/src/components/naColTime/index.vue b/src/frontend/admin/src/components/na-col-time/index.vue
similarity index 96%
rename from src/frontend/admin/src/components/naColTime/index.vue
rename to src/frontend/admin/src/components/na-col-time/index.vue
index ccf3c081..71e30c38 100644
--- a/src/frontend/admin/src/components/naColTime/index.vue
+++ b/src/frontend/admin/src/components/na-col-time/index.vue
@@ -5,7 +5,7 @@
         </template>
     </el-table-column>
 </template>
-<style scoped></style>
+<style scoped />
 <script>
 import tool from '@/utils/tool'
 
diff --git a/src/frontend/admin/src/components/naColUser/index.vue b/src/frontend/admin/src/components/na-col-user/index.vue
similarity index 92%
rename from src/frontend/admin/src/components/naColUser/index.vue
rename to src/frontend/admin/src/components/na-col-user/index.vue
index ccac418b..399084cf 100644
--- a/src/frontend/admin/src/components/naColUser/index.vue
+++ b/src/frontend/admin/src/components/na-col-user/index.vue
@@ -5,18 +5,18 @@
                 :style="{ display: $TOOL.getNestedProperty(row, $attrs.prop) ? 'flex' : 'none' }"
                 @click="click($TOOL.getNestedProperty(row, $attrs.prop))"
                 class="el-table-column-avatar">
-                <el-avatar v-if="$TOOL.getNestedProperty(row, $attrs.nestProp)" :src="getAvatar(row, $attrs.nestProp)" size="small"></el-avatar>
+                <el-avatar v-if="$TOOL.getNestedProperty(row, $attrs.nestProp)" :src="getAvatar(row, $attrs.nestProp)" size="small" />
                 <div>
                     <p>{{ $TOOL.getNestedProperty(row, $attrs.nestProp) }}</p>
                     <p v-if="$attrs.nestProp2">{{ $TOOL.getNestedProperty(row, $attrs.nestProp2) }}</p>
                 </div>
             </div>
-            <save-dialog v-if="dialog.save" @closed="dialog.save = false" ref="saveDialog"></save-dialog>
+            <save-dialog v-if="dialog.save" @closed="dialog.save = false" ref="saveDialog" />
         </template>
     </el-table-column>
 </template>
 <script>
-import saveDialog from '@/views/sys/user/save.vue'
+import saveDialog from '@/views/sys/user/save'
 
 export default {
     components: { saveDialog },
@@ -49,4 +49,4 @@ export default {
     watch: {},
 }
 </script>
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/naDept/index.vue b/src/frontend/admin/src/components/na-dept/index.vue
similarity index 94%
rename from src/frontend/admin/src/components/naDept/index.vue
rename to src/frontend/admin/src/components/na-dept/index.vue
index 3359008e..f2dc1618 100644
--- a/src/frontend/admin/src/components/naDept/index.vue
+++ b/src/frontend/admin/src/components/na-dept/index.vue
@@ -4,9 +4,9 @@
         :options="options"
         :placeholder="placeholder"
         :props="{ label: 'name', value: 'id', checkStrictly: true, expandTrigger: 'hover', emitPath: false, multiple: multiple }"
-        clearable></el-cascader>
+        clearable />
 </template>
-<style scoped></style>
+<style scoped />
 <script>
 export default {
     props: {
diff --git a/src/frontend/admin/src/components/naFormEmail/index.vue b/src/frontend/admin/src/components/na-form-email/index.vue
similarity index 96%
rename from src/frontend/admin/src/components/naFormEmail/index.vue
rename to src/frontend/admin/src/components/na-form-email/index.vue
index e99efaa3..fa6fdf0d 100644
--- a/src/frontend/admin/src/components/naFormEmail/index.vue
+++ b/src/frontend/admin/src/components/na-form-email/index.vue
@@ -17,7 +17,7 @@
                 clearable
                 maxlength="4"
                 oninput="value=value.replace(/\D/g,'')"
-                prefix-icon="el-icon-message"></el-input>
+                prefix-icon="el-icon-message" />
             <el-button :disabled="sendDisabled" @click="getYzm"
                 >{{ $t('获取验证码') }}<span v-if="sendDisabled"> ({{ waitSecs }})</span></el-button
             >
@@ -29,11 +29,11 @@
         @success="captchaSuccess"
         captchaType="blockPuzzle"
         mode="pop"
-        ref="verify"></na-verify>
+        ref="verify" />
 </template>
 
 <script>
-import naVerify from '@/components/naVerifition'
+import naVerify from '@/components/na-verifition'
 
 export default {
     emits: [],
diff --git a/src/frontend/admin/src/components/naFormPhone/index.vue b/src/frontend/admin/src/components/na-form-phone/index.vue
similarity index 96%
rename from src/frontend/admin/src/components/naFormPhone/index.vue
rename to src/frontend/admin/src/components/na-form-phone/index.vue
index 4a7eceff..fd5b73f9 100644
--- a/src/frontend/admin/src/components/naFormPhone/index.vue
+++ b/src/frontend/admin/src/components/na-form-phone/index.vue
@@ -18,7 +18,7 @@
                 clearable
                 maxlength="4"
                 oninput="value=value.replace(/\D/g,'')"
-                prefix-icon="el-icon-message"></el-input>
+                prefix-icon="el-icon-message" />
             <el-button :disabled="sendDisabled" @click="getYzm">
                 {{ $t('获取验证码') }}
                 <span v-if="sendDisabled"> ({{ waitSecs }})</span></el-button
@@ -31,11 +31,11 @@
         @success="captchaSuccess"
         captchaType="blockPuzzle"
         mode="pop"
-        ref="verify"></na-verify>
+        ref="verify" />
 </template>
 
 <script>
-import naVerify from '@/components/naVerifition'
+import naVerify from '@/components/na-verifition'
 
 export default {
     emits: [],
diff --git a/src/frontend/admin/src/components/naIndicator/index.vue b/src/frontend/admin/src/components/na-indicator/index.vue
similarity index 91%
rename from src/frontend/admin/src/components/naIndicator/index.vue
rename to src/frontend/admin/src/components/na-indicator/index.vue
index 62a9ba6f..db365eac 100644
--- a/src/frontend/admin/src/components/naIndicator/index.vue
+++ b/src/frontend/admin/src/components/na-indicator/index.vue
@@ -1,7 +1,7 @@
 <template>
     <template v-for="(item, i) in options" :key="i">
         <div v-if="this.$TOOL.getNestedProperty(data, this.prop)?.toString().toLowerCase() === item.value?.toString().toLowerCase()">
-            <scStatusIndicator
+            <sc-status-indicator
                 :pulse="item.pulse"
                 :style="
                     item.type && item.type !== 'none'
@@ -10,7 +10,7 @@
                 "
                 :type="item.type" />
             <span v-if="!$slots.default">&nbsp;{{ item.text }}</span>
-            <slot :data="data" :text="item.text"></slot>
+            <slot :data="data" :text="item.text" />
         </div>
     </template>
 </template>
diff --git a/src/frontend/admin/src/components/naInfo/index.vue b/src/frontend/admin/src/components/na-info/index.vue
similarity index 98%
rename from src/frontend/admin/src/components/naInfo/index.vue
rename to src/frontend/admin/src/components/na-info/index.vue
index 7bee5b0b..b6473d15 100644
--- a/src/frontend/admin/src/components/naInfo/index.vue
+++ b/src/frontend/admin/src/components/na-info/index.vue
@@ -6,7 +6,7 @@
                     {{ item }}
                 </el-descriptions-item>
             </el-descriptions>
-            <el-empty v-if="esData && !esData.hits" v-loading="true"></el-empty>
+            <el-empty v-if="esData && !esData.hits" v-loading="true" />
             <el-descriptions
                 v-for="(desc, i) in esData.hits.hits.map((x) => x._source)"
                 v-if="esData?.hits?.hits?.length > 0"
@@ -67,4 +67,4 @@ export default {
     },
 }
 </script>
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/naSearch/index.vue b/src/frontend/admin/src/components/na-search/index.vue
similarity index 98%
rename from src/frontend/admin/src/components/naSearch/index.vue
rename to src/frontend/admin/src/components/na-search/index.vue
index c312bfdd..dc69175e 100644
--- a/src/frontend/admin/src/components/naSearch/index.vue
+++ b/src/frontend/admin/src/components/na-search/index.vue
@@ -11,7 +11,7 @@
             :teleported="false"
             :type="dateType"
             :value-format="dateValueFormat"
-            @change="dateChange"></el-date-picker>
+            @change="dateChange" />
 
         <template v-for="(item, i) in controls" :key="i">
             <el-input
@@ -37,7 +37,7 @@
                     </el-select>
                 </template>
             </el-input>
-            <scSelect
+            <sc-select
                 v-else-if="item.type === 'remote-select' && (!item.condition || item.condition())"
                 v-model="form[item.field[0]][item.field[1]]"
                 v-role="item.role || '*/*/*'"
@@ -74,7 +74,7 @@
                 :style="item.style"
                 clearable
                 filterable />
-            <naUserSelect
+            <na-user-select
                 v-else-if="item.type === 'user-select' && (!item.condition || item.condition())"
                 v-model="form[item.field[0]][item.field[1]]"
                 v-role="item.role || '*/*/*'"
@@ -92,7 +92,7 @@
                     <template #reference>
                         <el-button @click="reset" icon="el-icon-refresh-left">{{ $t('重置') }}</el-button>
                     </template>
-                    <VAceEditor
+                    <v-ace-editor
                         v-model:value="aceEditorValue"
                         :theme="$TOOL.data.get('APP_SET_DARK') || $CONFIG.APP_SET_DARK ? 'github_dark' : 'github'"
                         lang="json"
@@ -146,14 +146,14 @@
         </el-badge>
     </form>
 </template>
-<style scoped></style>
+<style scoped />
 <script>
 import tool from '@/utils/tool'
-import vkbeautify from 'vkbeautify/index'
+import vkbeautify from 'vkbeautify'
 
 import { defineAsyncComponent } from 'vue'
-const naUserSelect = defineAsyncComponent(() => import('@/components/naUserSelect'))
-const scSelect = defineAsyncComponent(() => import('@/components/scSelect'))
+const naUserSelect = defineAsyncComponent(() => import('@/components/na-user-select'))
+const scSelect = defineAsyncComponent(() => import('@/components/sc-select'))
 export default {
     components: {
         naUserSelect,
@@ -443,7 +443,7 @@ export default {
         }
         this.aceEditorValue = this.vkbeautify.json(this.vue.query, 2)
         this.selectInputKey = this.controls.find((x) => x.type === 'select-input')?.field[1][0].key
-        if (this.dateType === 'datetimerange') {
+        if (this.dateType === 'datetime-range') {
             this.dateShortCuts.unshift(
                 {
                     text: this.$t('最近一时'),
diff --git a/src/frontend/admin/src/components/naUserSelect/index.vue b/src/frontend/admin/src/components/na-user-select/index.vue
similarity index 79%
rename from src/frontend/admin/src/components/naUserSelect/index.vue
rename to src/frontend/admin/src/components/na-user-select/index.vue
index 8c6459d2..c6580698 100644
--- a/src/frontend/admin/src/components/naUserSelect/index.vue
+++ b/src/frontend/admin/src/components/na-user-select/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <scTableSelect
+    <sc-table-select
         v-model="user"
         :params="form"
         :props="{ label: 'userName', value: 'id' }"
@@ -9,24 +9,20 @@
         <template #header>
             <el-form :model="form">
                 <el-form-item>
-                    <el-input
-                        v-model="form.keywords"
-                        :placeholder="$t('用户编号 / 用户名 / 手机号 / 邮箱 / 备注')"
-                        @input="onInput"
-                        clearable></el-input>
+                    <el-input v-model="form.keywords" :placeholder="$t('用户编号 / 用户名 / 手机号 / 邮箱 / 备注')" @input="onInput" clearable />
                 </el-form-item>
             </el-form>
         </template>
         <el-table-column :label="$t('用户编号')" prop="id" />
         <el-table-column :label="$t('用户名')" prop="userName" />
         <el-table-column :label="$t('手机号')" prop="mobile" />
-    </scTableSelect>
+    </sc-table-select>
 </template>
-<style scoped></style>
+<style scoped />
 <script>
 import { defineAsyncComponent } from 'vue'
 
-const scTableSelect = defineAsyncComponent(() => import('@/components/scTableSelect'))
+const scTableSelect = defineAsyncComponent(() => import('@/components/sc-table-select'))
 export default {
     props: {
         modelValue: { type: Object },
diff --git a/src/frontend/admin/src/components/naVerifition/index.vue b/src/frontend/admin/src/components/na-verifition/index.vue
similarity index 98%
rename from src/frontend/admin/src/components/naVerifition/index.vue
rename to src/frontend/admin/src/components/na-verifition/index.vue
index 64c3af6c..a2650702 100644
--- a/src/frontend/admin/src/components/naVerifition/index.vue
+++ b/src/frontend/admin/src/components/na-verifition/index.vue
@@ -5,7 +5,7 @@
                 {{ $t('请完成安全验证') }}
                 <span @click="closeBox" class="verifybox-close">
                     <el-icon>
-                        <el-icon-close></el-icon-close>
+                        <el-icon-close />
                     </el-icon>
                 </span>
             </div>
@@ -25,7 +25,7 @@
                     :tpl="tpl"
                     :type="verifyType"
                     :vSpace="vSpace"
-                    ref="instance"></component>
+                    ref="instance" />
             </div>
         </div>
     </div>
@@ -35,7 +35,7 @@
  * Verify 验证码组件
  * @description 分发验证码使用
  * */
-import slide from './slide.vue'
+import slide from './slide'
 import { computed, ref, toRefs, watchEffect } from 'vue'
 
 export default {
diff --git a/src/frontend/admin/src/components/naVerifition/slide.vue b/src/frontend/admin/src/components/na-verifition/slide.vue
similarity index 98%
rename from src/frontend/admin/src/components/naVerifition/slide.vue
rename to src/frontend/admin/src/components/na-verifition/slide.vue
index e5e35b8a..c4ed516e 100644
--- a/src/frontend/admin/src/components/naVerifition/slide.vue
+++ b/src/frontend/admin/src/components/na-verifition/slide.vue
@@ -5,7 +5,7 @@
                 <img :src="backImgBase" alt="" style="width: 100%; height: 100%; display: block" />
                 <div v-show="showRefresh" @click="refresh" class="verify-refresh">
                     <el-icon>
-                        <el-icon-refresh></el-icon-refresh>
+                        <el-icon-refresh />
                     </el-icon>
                 </div>
                 <transition name="tips">
@@ -21,7 +21,7 @@
                 'line-height': barSize.height,
             }"
             class="verify-bar-area">
-            <span v-text="text" class="verify-msg"></span>
+            <span v-text="text" class="verify-msg" />
             <div
                 :style="{
                     width: leftBarWidth !== undefined ? leftBarWidth : barSize.height,
@@ -30,7 +30,7 @@
                     transaction: transitionWidth,
                 }"
                 class="verify-left-bar">
-                <span v-text="finishText" class="verify-msg"></span>
+                <span v-text="finishText" class="verify-msg" />
                 <div
                     :style="{
                         width: barSize.height,
@@ -43,7 +43,7 @@
                     @touchstart="start"
                     class="verify-move-block">
                     <el-icon>
-                        <el-icon-arrow-right></el-icon-arrow-right>
+                        <el-icon-arrow-right />
                     </el-icon>
                     <div
                         v-if="type === '2'"
diff --git a/src/frontend/admin/src/components/naVersionUpdater/index.vue b/src/frontend/admin/src/components/na-version-updater/index.vue
similarity index 99%
rename from src/frontend/admin/src/components/naVersionUpdater/index.vue
rename to src/frontend/admin/src/components/na-version-updater/index.vue
index 1832c0b2..7f68bc7e 100644
--- a/src/frontend/admin/src/components/naVersionUpdater/index.vue
+++ b/src/frontend/admin/src/components/na-version-updater/index.vue
@@ -1,4 +1,4 @@
-<template></template>
+<template />
 
 <script>
 import { h } from 'vue'
@@ -153,4 +153,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scContextmenu/index.vue b/src/frontend/admin/src/components/sc-context-menu/index.vue
similarity index 99%
rename from src/frontend/admin/src/components/scContextmenu/index.vue
rename to src/frontend/admin/src/components/sc-context-menu/index.vue
index 1b40b97f..22ccf298 100644
--- a/src/frontend/admin/src/components/scContextmenu/index.vue
+++ b/src/frontend/admin/src/components/sc-context-menu/index.vue
@@ -2,7 +2,7 @@
     <transition name="el-zoom-in-top">
         <div v-if="visible" :style="{ left: left + 'px', top: top + 'px' }" @contextmenu.prevent="fun" class="sc-contextmenu" ref="contextmenu">
             <ul class="sc-contextmenu__menu">
-                <slot></slot>
+                <slot />
             </ul>
         </div>
     </transition>
diff --git a/src/frontend/admin/src/components/scContextmenu/item.vue b/src/frontend/admin/src/components/sc-context-menu/item.vue
similarity index 98%
rename from src/frontend/admin/src/components/scContextmenu/item.vue
rename to src/frontend/admin/src/components/sc-context-menu/item.vue
index 1016ecf6..c6cf4d2e 100644
--- a/src/frontend/admin/src/components/scContextmenu/item.vue
+++ b/src/frontend/admin/src/components/sc-context-menu/item.vue
@@ -10,7 +10,7 @@
             <template v-else>{{ suffix }}</template>
         </span>
         <ul v-if="$slots.default" class="sc-contextmenu__menu">
-            <slot></slot>
+            <slot />
         </ul>
     </li>
 </template>
@@ -73,4 +73,4 @@ export default {
 }
 </script>
 
-<style></style>
\ No newline at end of file
+<style />
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scCron/index.vue b/src/frontend/admin/src/components/sc-cron/index.vue
similarity index 93%
rename from src/frontend/admin/src/components/scCron/index.vue
rename to src/frontend/admin/src/components/sc-cron/index.vue
index ad3377fe..391794f3 100644
--- a/src/frontend/admin/src/components/scCron/index.vue
+++ b/src/frontend/admin/src/components/sc-cron/index.vue
@@ -2,7 +2,7 @@
     <el-input v-bind="$attrs" v-model="defaultValue">
         <template #append>
             <el-dropdown @command="handleShortcuts" size="large" trigger="click">
-                <el-button icon="el-icon-arrow-down"></el-button>
+                <el-button icon="el-icon-arrow-down" />
                 <template #dropdown>
                     <el-dropdown-menu>
                         <el-dropdown-item command="0 * * * * ?">{{ $t('每分钟') }}</el-dropdown-item>
@@ -41,19 +41,19 @@
                             </el-radio-group>
                         </el-form-item>
                         <el-form-item v-if="value.second.type === 1" :label="$t('范围')">
-                            <el-input-number v-model="value.second.range.start" :max="59" :min="0" controls-position="right"></el-input-number>
+                            <el-input-number v-model="value.second.range.start" :max="59" :min="0" controls-position="right" />
                             <span style="padding: 0 1rem">-</span>
-                            <el-input-number v-model="value.second.range.end" :max="59" :min="0" controls-position="right"></el-input-number>
+                            <el-input-number v-model="value.second.range.end" :max="59" :min="0" controls-position="right" />
                         </el-form-item>
                         <el-form-item v-if="value.second.type === 2" :label="$t('间隔')">
-                            <el-input-number v-model="value.second.loop.start" :max="59" :min="0" controls-position="right"></el-input-number>
+                            <el-input-number v-model="value.second.loop.start" :max="59" :min="0" controls-position="right" />
                             {{ $t('频率') }}
-                            <el-input-number v-model="value.second.loop.end" :max="59" :min="0" controls-position="right"></el-input-number>
+                            <el-input-number v-model="value.second.loop.end" :max="59" :min="0" controls-position="right" />
                             {{ $t('秒') }}
                         </el-form-item>
                         <el-form-item v-if="value.second.type === 3" :label="$t('指定')">
                             <el-select v-model="value.second.appoint" multiple style="width: 100%">
-                                <el-option v-for="(item, index) in data.second" :key="index" :label="item" :value="item"></el-option>
+                                <el-option v-for="(item, index) in data.second" :key="index" :label="item" :value="item" />
                             </el-select>
                         </el-form-item>
                     </el-form>
@@ -75,19 +75,19 @@
                             </el-radio-group>
                         </el-form-item>
                         <el-form-item v-if="value.minute.type === 1" :label="$t('范围')">
-                            <el-input-number v-model="value.minute.range.start" :max="59" :min="0" controls-position="right"></el-input-number>
+                            <el-input-number v-model="value.minute.range.start" :max="59" :min="0" controls-position="right" />
                             <span style="padding: 0 1rem">-</span>
-                            <el-input-number v-model="value.minute.range.end" :max="59" :min="0" controls-position="right"></el-input-number>
+                            <el-input-number v-model="value.minute.range.end" :max="59" :min="0" controls-position="right" />
                         </el-form-item>
                         <el-form-item v-if="value.minute.type === 2" :label="$t('间隔')">
-                            <el-input-number v-model="value.minute.loop.start" :max="59" :min="0" controls-position="right"></el-input-number>
+                            <el-input-number v-model="value.minute.loop.start" :max="59" :min="0" controls-position="right" />
                             {{ $t('频率') }}
-                            <el-input-number v-model="value.minute.loop.end" :max="59" :min="0" controls-position="right"></el-input-number>
+                            <el-input-number v-model="value.minute.loop.end" :max="59" :min="0" controls-position="right" />
                             {{ $t('分钟') }}
                         </el-form-item>
                         <el-form-item v-if="value.minute.type === 3" :label="$t('指定')">
                             <el-select v-model="value.minute.appoint" multiple style="width: 100%">
-                                <el-option v-for="(item, index) in data.minute" :key="index" :label="item" :value="item"></el-option>
+                                <el-option v-for="(item, index) in data.minute" :key="index" :label="item" :value="item" />
                             </el-select>
                         </el-form-item>
                     </el-form>
@@ -109,19 +109,19 @@
                             </el-radio-group>
                         </el-form-item>
                         <el-form-item v-if="value.hour.type === 1" :label="$t('范围')">
-                            <el-input-number v-model="value.hour.range.start" :max="23" :min="0" controls-position="right"></el-input-number>
+                            <el-input-number v-model="value.hour.range.start" :max="23" :min="0" controls-position="right" />
                             <span style="padding: 0 1rem">-</span>
-                            <el-input-number v-model="value.hour.range.end" :max="23" :min="0" controls-position="right"></el-input-number>
+                            <el-input-number v-model="value.hour.range.end" :max="23" :min="0" controls-position="right" />
                         </el-form-item>
                         <el-form-item v-if="value.hour.type === 2" :label="$t('间隔')">
-                            <el-input-number v-model="value.hour.loop.start" :max="23" :min="0" controls-position="right"></el-input-number>
+                            <el-input-number v-model="value.hour.loop.start" :max="23" :min="0" controls-position="right" />
                             {{ $t('频率') }}
-                            <el-input-number v-model="value.hour.loop.end" :max="23" :min="0" controls-position="right"></el-input-number>
+                            <el-input-number v-model="value.hour.loop.end" :max="23" :min="0" controls-position="right" />
                             {{ $t('小时') }}
                         </el-form-item>
                         <el-form-item v-if="value.hour.type === 3" :label="$t('指定')">
                             <el-select v-model="value.hour.appoint" multiple style="width: 100%">
-                                <el-option v-for="(item, index) in data.hour" :key="index" :label="item" :value="item"></el-option>
+                                <el-option v-for="(item, index) in data.hour" :key="index" :label="item" :value="item" />
                             </el-select>
                         </el-form-item>
                     </el-form>
@@ -145,19 +145,19 @@
                             </el-radio-group>
                         </el-form-item>
                         <el-form-item v-if="value.day.type === 1" :label="$t('范围')">
-                            <el-input-number v-model="value.day.range.start" :max="31" :min="1" controls-position="right"></el-input-number>
+                            <el-input-number v-model="value.day.range.start" :max="31" :min="1" controls-position="right" />
                             <span style="padding: 0 1rem">-</span>
-                            <el-input-number v-model="value.day.range.end" :max="31" :min="1" controls-position="right"></el-input-number>
+                            <el-input-number v-model="value.day.range.end" :max="31" :min="1" controls-position="right" />
                         </el-form-item>
                         <el-form-item v-if="value.day.type === 2" :label="$t('间隔')">
-                            <el-input-number v-model="value.day.loop.start" :max="31" :min="1" controls-position="right"></el-input-number>
+                            <el-input-number v-model="value.day.loop.start" :max="31" :min="1" controls-position="right" />
                             {{ $t('频率') }}
-                            <el-input-number v-model="value.day.loop.end" :max="31" :min="1" controls-position="right"></el-input-number>
+                            <el-input-number v-model="value.day.loop.end" :max="31" :min="1" controls-position="right" />
                             {{ $t('天') }}
                         </el-form-item>
                         <el-form-item v-if="value.day.type === 3" :label="$t('指定')">
                             <el-select v-model="value.day.appoint" multiple style="width: 100%">
-                                <el-option v-for="(item, index) in data.day" :key="index" :label="item" :value="item"></el-option>
+                                <el-option v-for="(item, index) in data.day" :key="index" :label="item" :value="item" />
                             </el-select>
                         </el-form-item>
                     </el-form>
@@ -179,19 +179,19 @@
                             </el-radio-group>
                         </el-form-item>
                         <el-form-item v-if="value.month.type === 1" :label="$t('范围')">
-                            <el-input-number v-model="value.month.range.start" :max="12" :min="1" controls-position="right"></el-input-number>
+                            <el-input-number v-model="value.month.range.start" :max="12" :min="1" controls-position="right" />
                             <span style="padding: 0 1rem">-</span>
-                            <el-input-number v-model="value.month.range.end" :max="12" :min="1" controls-position="right"></el-input-number>
+                            <el-input-number v-model="value.month.range.end" :max="12" :min="1" controls-position="right" />
                         </el-form-item>
                         <el-form-item v-if="value.month.type === 2" :label="$t('间隔')">
-                            <el-input-number v-model="value.month.loop.start" :max="12" :min="1" controls-position="right"></el-input-number>
+                            <el-input-number v-model="value.month.loop.start" :max="12" :min="1" controls-position="right" />
                             {{ $t('频率') }}
-                            <el-input-number v-model="value.month.loop.end" :max="12" :min="1" controls-position="right"></el-input-number>
+                            <el-input-number v-model="value.month.loop.end" :max="12" :min="1" controls-position="right" />
                             {{ $t('月') }}
                         </el-form-item>
                         <el-form-item v-if="value.month.type === 3" :label="$t('指定')">
                             <el-select v-model="value.month.appoint" multiple style="width: 100%">
-                                <el-option v-for="(item, index) in data.month" :key="index" :label="item" :value="item"></el-option>
+                                <el-option v-for="(item, index) in data.month" :key="index" :label="item" :value="item" />
                             </el-select>
                         </el-form-item>
                     </el-form>
@@ -217,29 +217,29 @@
                             </el-form-item>
                             <el-form-item v-if="value.week.type === 1" :label="$t('范围')">
                                 <el-select v-model="value.week.range.start">
-                                    <el-option v-for="(item, index) in data.week" :key="index" :label="item.label" :value="item.value"></el-option>
+                                    <el-option v-for="(item, index) in data.week" :key="index" :label="item.label" :value="item.value" />
                                 </el-select>
                                 <span style="padding: 0 1rem">-</span>
                                 <el-select v-model="value.week.range.end">
-                                    <el-option v-for="(item, index) in data.week" :key="index" :label="item.label" :value="item.value"></el-option>
+                                    <el-option v-for="(item, index) in data.week" :key="index" :label="item.label" :value="item.value" />
                                 </el-select>
                             </el-form-item>
                             <el-form-item v-if="value.week.type === 2" :label="$t('间隔')">
-                                <el-input-number v-model="value.week.loop.start" :max="4" :min="1" controls-position="right"></el-input-number>
+                                <el-input-number v-model="value.week.loop.start" :max="4" :min="1" controls-position="right" />
                                 {{ $t('频率') }}
                                 <el-select v-model="value.week.loop.end" style="width: 10rem">
-                                    <el-option v-for="(item, index) in data.week" :key="index" :label="item.label" :value="item.value"></el-option>
+                                    <el-option v-for="(item, index) in data.week" :key="index" :label="item.label" :value="item.value" />
                                 </el-select>
                                 {{ $t('执行一次') }}
                             </el-form-item>
                             <el-form-item v-if="value.week.type === 3" :label="$t('指定')">
                                 <el-select v-model="value.week.appoint" multiple style="width: 100%">
-                                    <el-option v-for="(item, index) in data.week" :key="index" :label="item.label" :value="item.value"></el-option>
+                                    <el-option v-for="(item, index) in data.week" :key="index" :label="item.label" :value="item.value" />
                                 </el-select>
                             </el-form-item>
                             <el-form-item v-if="value.week.type === 4" :label="$t('最后一周')">
                                 <el-select v-model="value.week.last">
-                                    <el-option v-for="(item, index) in data.week" :key="index" :label="item.label" :value="item.value"></el-option>
+                                    <el-option v-for="(item, index) in data.week" :key="index" :label="item.label" :value="item.value" />
                                 </el-select>
                             </el-form-item>
                         </el-form>
@@ -263,19 +263,19 @@
                             </el-radio-group>
                         </el-form-item>
                         <el-form-item v-if="value.year.type === 1" :label="$t('范围')">
-                            <el-input-number v-model="value.year.range.start" controls-position="right"></el-input-number>
+                            <el-input-number v-model="value.year.range.start" controls-position="right" />
                             <span style="padding: 0 1rem">-</span>
-                            <el-input-number v-model="value.year.range.end" controls-position="right"></el-input-number>
+                            <el-input-number v-model="value.year.range.end" controls-position="right" />
                         </el-form-item>
                         <el-form-item v-if="value.year.type === 2" :label="$t('间隔')">
-                            <el-input-number v-model="value.year.loop.start" controls-position="right"></el-input-number>
+                            <el-input-number v-model="value.year.loop.start" controls-position="right" />
                             {{ $t('频率') }}
-                            <el-input-number v-model="value.year.loop.end" :min="1" controls-position="right"></el-input-number>
+                            <el-input-number v-model="value.year.loop.end" :min="1" controls-position="right" />
                             {{ $t('年') }}
                         </el-form-item>
                         <el-form-item v-if="value.year.type === 3" :label="$t('指定')">
                             <el-select v-model="value.year.appoint" multiple style="width: 100%">
-                                <el-option v-for="(item, index) in data.year" :key="index" :label="item" :value="item"></el-option>
+                                <el-option v-for="(item, index) in data.year" :key="index" :label="item" :value="item" />
                             </el-select>
                         </el-form-item>
                     </el-form>
diff --git a/src/frontend/admin/src/components/scDialog/index.vue b/src/frontend/admin/src/components/sc-dialog/index.vue
similarity index 97%
rename from src/frontend/admin/src/components/scDialog/index.vue
rename to src/frontend/admin/src/components/sc-dialog/index.vue
index a02df7f5..9e3d1061 100644
--- a/src/frontend/admin/src/components/scDialog/index.vue
+++ b/src/frontend/admin/src/components/sc-dialog/index.vue
@@ -22,10 +22,10 @@
                 </div>
             </template>
             <div v-loading="loading">
-                <slot></slot>
+                <slot />
             </div>
             <template #footer>
-                <slot name="footer"></slot>
+                <slot name="footer" />
             </template>
         </el-dialog>
     </div>
diff --git a/src/frontend/admin/src/components/scEcharts/echarts-theme-T.js b/src/frontend/admin/src/components/sc-echarts/echarts-theme-t.js
similarity index 100%
rename from src/frontend/admin/src/components/scEcharts/echarts-theme-T.js
rename to src/frontend/admin/src/components/sc-echarts/echarts-theme-t.js
diff --git a/src/frontend/admin/src/components/scEcharts/index.vue b/src/frontend/admin/src/components/sc-echarts/index.vue
similarity index 94%
rename from src/frontend/admin/src/components/scEcharts/index.vue
rename to src/frontend/admin/src/components/sc-echarts/index.vue
index f14b7375..0c033d3c 100644
--- a/src/frontend/admin/src/components/scEcharts/index.vue
+++ b/src/frontend/admin/src/components/sc-echarts/index.vue
@@ -4,7 +4,7 @@
 
 <script>
 import * as echarts from 'echarts'
-import T from './echarts-theme-T.js'
+import t from './echarts-theme-t.js'
 const unwarp = (obj) => obj && (obj.__v_raw || obj.valueOf() || obj)
 
 export default {
@@ -51,12 +51,12 @@ export default {
     async mounted() {
         this.isActivat = true
         await this.$nextTick()
-        echarts.registerTheme('T', await T.build())
+        echarts.registerTheme('t', await t.build())
         this.draw()
     },
     methods: {
         draw() {
-            const myChart = echarts.init(this.$refs.scEcharts, 'T')
+            const myChart = echarts.init(this.$refs.scEcharts, 't')
             myChart.setOption(this.myOptions)
             this.myChart = myChart
             window.addEventListener('resize', () => myChart.resize())
diff --git a/src/frontend/admin/src/components/scFileExport/column.vue b/src/frontend/admin/src/components/sc-file-export/column.vue
similarity index 100%
rename from src/frontend/admin/src/components/scFileExport/column.vue
rename to src/frontend/admin/src/components/sc-file-export/column.vue
diff --git a/src/frontend/admin/src/components/scFileExport/index.vue b/src/frontend/admin/src/components/sc-file-export/index.vue
similarity index 98%
rename from src/frontend/admin/src/components/scFileExport/index.vue
rename to src/frontend/admin/src/components/sc-file-export/index.vue
index c7434182..ad1f736a 100644
--- a/src/frontend/admin/src/components/scFileExport/index.vue
+++ b/src/frontend/admin/src/components/sc-file-export/index.vue
@@ -21,7 +21,7 @@
                                     <el-option v-for="item in fileTypes" :key="item" :label="'*.' + item" :value="item" />
                                 </el-select>
                             </el-form-item>
-                            <slot :formData="formData" name="form"></slot>
+                            <slot :formData="formData" name="form" />
                         </el-form>
                         <el-button
                             v-if="async"
@@ -38,7 +38,7 @@
                         }}</el-button>
                     </el-tab-pane>
                     <el-tab-pane v-if="columnData.length > 0" :label="$t('列设置')" lazy>
-                        <columnSet :column="columnData"></columnSet>
+                        <column-set :column="columnData" />
                     </el-tab-pane>
                     <el-tab-pane v-if="data && showData" :label="$t('其他参数')" lazy>
                         <el-descriptions :column="1" border size="small">
@@ -209,4 +209,4 @@ export default {
 }
 </script>
 
-<style></style>
\ No newline at end of file
+<style />
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scFileImport/index.vue b/src/frontend/admin/src/components/sc-file-import/index.vue
similarity index 98%
rename from src/frontend/admin/src/components/scFileImport/index.vue
rename to src/frontend/admin/src/components/sc-file-import/index.vue
index e30d2ae0..94caae33 100644
--- a/src/frontend/admin/src/components/scFileImport/index.vue
+++ b/src/frontend/admin/src/components/sc-file-import/index.vue
@@ -37,7 +37,7 @@
                 </template>
             </el-upload>
             <el-form v-if="$slots.form" inline label-position="left" label-width="10rem" style="margin-top: 18px">
-                <slot :formData="formData" name="form"></slot>
+                <slot :formData="formData" name="form" />
             </el-form>
         </div>
     </el-dialog>
@@ -128,4 +128,4 @@ export default {
 }
 </script>
 
-<style></style>
\ No newline at end of file
+<style />
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scFileSelect/index.vue b/src/frontend/admin/src/components/sc-file-select/index.vue
similarity index 96%
rename from src/frontend/admin/src/components/scFileSelect/index.vue
rename to src/frontend/admin/src/components/sc-file-select/index.vue
index 02d58238..c73f04b8 100644
--- a/src/frontend/admin/src/components/scFileSelect/index.vue
+++ b/src/frontend/admin/src/components/sc-file-select/index.vue
@@ -13,7 +13,7 @@
                     ref="group">
                     <template #default="{ node }">
                         <span class="el-tree-node__label">
-                            <el-icon class="icon"><el-icon-folder /></el-icon>{{ node.label }}
+                            <el-icon class="icon"><el-icon-folder />{{ node.label }}</el-icon>
                         </span>
                     </template>
                 </el-tree>
@@ -40,7 +40,7 @@
                         <el-button icon="el-icon-upload" type="primary">{{ $t('本地上传') }}</el-button>
                     </el-upload>
                     <span class="tips"
-                        ><el-icon><el-icon-warning /></el-icon>{{ $t('大小不超过{{ maxSize }}MB') }}</span
+                        ><el-icon><el-icon-warning />{{ $t('大小不超过{{ maxSize }}MB') }} </el-icon></span
                     >
                 </div>
                 <div class="keyword">
@@ -50,18 +50,18 @@
                         @clear="search"
                         @keyup.enter="search"
                         clearable
-                        prefix-icon="el-icon-search"></el-input>
+                        prefix-icon="el-icon-search" />
                 </div>
             </div>
             <div class="sc-file-select__list">
                 <el-scrollbar ref="scrollbar">
-                    <el-empty v-if="fileList.length === 0 && data.length === 0" :description="$t('无数据')" :image-size="80"></el-empty>
+                    <el-empty v-if="fileList.length === 0 && data.length === 0" :description="$t('无数据')" :image-size="80" />
                     <div v-for="(file, index) in fileList" :key="index" class="sc-file-select__item">
                         <div class="sc-file-select__item__file">
                             <div class="sc-file-select__item__upload">
-                                <el-progress :percentage="file.progress" :width="70" type="circle"></el-progress>
+                                <el-progress :percentage="file.progress" :width="70" type="circle" />
                             </div>
-                            <el-image :src="file.tempImg" fit="contain"></el-image>
+                            <el-image :src="file.tempImg" fit="contain" />
                         </div>
                         <p>{{ file.name }}</p>
                     </div>
@@ -83,7 +83,7 @@
                                 </el-icon>
                             </div>
                             <div class="sc-file-select__item__box"></div>
-                            <el-image v-if="_isImg(item[fileProps.url])" :src="item[fileProps.url]" fit="contain" lazy></el-image>
+                            <el-image v-if="_isImg(item[fileProps.url])" :src="item[fileProps.url]" fit="contain" lazy />
                             <div v-else class="item-file item-file-doc">
                                 <i
                                     v-if="files[_getExt(item[fileProps.url])]"
@@ -104,10 +104,10 @@
                     @current-change="reload"
                     background
                     layout="prev, pager, next"
-                    small></el-pagination>
+                    small />
             </div>
             <div class="sc-file-select__do">
-                <slot name="do"></slot>
+                <slot name="do" />
                 <el-button :disabled="value.length <= 0" @click="submit" type="primary">{{ $t('确定') }}</el-button>
             </div>
         </div>
@@ -115,7 +115,7 @@
 </template>
 
 <script>
-import config from '@/config/fileSelect'
+import config from '@/config/file-select'
 
 export default {
     props: {
diff --git a/src/frontend/admin/src/components/scFormTable/index.vue b/src/frontend/admin/src/components/sc-form-table/index.vue
similarity index 96%
rename from src/frontend/admin/src/components/scFormTable/index.vue
rename to src/frontend/admin/src/components/sc-form-table/index.vue
index 1ae41ed1..877608e3 100644
--- a/src/frontend/admin/src/components/scFormTable/index.vue
+++ b/src/frontend/admin/src/components/sc-form-table/index.vue
@@ -3,7 +3,7 @@
         <el-table :data="data" border ref="table" stripe>
             <el-table-column fixed="left" type="index" width="50">
                 <template #header>
-                    <el-button v-if="!hideAdd" @click="rowAdd" circle icon="el-icon-plus" size="small" type="primary"></el-button>
+                    <el-button v-if="!hideAdd" @click="rowAdd" circle icon="el-icon-plus" size="small" type="primary" />
                 </template>
                 <template #default="scope">
                     <div :class="['sc-form-table-handle', { 'sc-form-table-handle-delete': !hideDelete }]">
@@ -15,7 +15,7 @@
                             icon="el-icon-delete"
                             plain
                             size="small"
-                            type="danger"></el-button>
+                            type="danger" />
                     </div>
                 </template>
             </el-table-column>
@@ -26,7 +26,7 @@
                     </div>
                 </template>
             </el-table-column>
-            <slot></slot>
+            <slot />
             <template #empty>
                 {{ placeholder }}
             </template>
diff --git a/src/frontend/admin/src/components/scIconSelect/index.vue b/src/frontend/admin/src/components/sc-icon-select/index.vue
similarity index 96%
rename from src/frontend/admin/src/components/scIconSelect/index.vue
rename to src/frontend/admin/src/components/sc-icon-select/index.vue
index b8a62cfc..737332a5 100644
--- a/src/frontend/admin/src/components/scIconSelect/index.vue
+++ b/src/frontend/admin/src/components/sc-icon-select/index.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="sc-icon-select">
         <div :class="{ hasValue: value }" @click="open" class="sc-icon-select__wrapper">
-            <el-input v-model="value" :disabled="disabled" :prefix-icon="value || 'el-icon-plus'" readonly></el-input>
+            <el-input v-model="value" :disabled="disabled" :prefix-icon="value || 'el-icon-plus'" readonly />
         </div>
         <el-dialog v-model="dialogVisible" :title="$t('图标选择器')" :width="760" append-to-body destroy-on-close>
             <div class="sc-icon-select__dialog">
@@ -47,9 +47,15 @@
 </template>
 
 <script>
-import config from '@/config/iconSelect'
+import config from '@/config/icon-select'
+import { error } from '../../assets/icons'
 
 export default {
+    computed: {
+        error() {
+            return error
+        },
+    },
     props: {
         modelValue: { type: String, default: '' },
         disabled: { type: Boolean, default: false },
diff --git a/src/frontend/admin/src/components/scMini/scStatusIndicator.vue b/src/frontend/admin/src/components/sc-mini/sc-status-indicator.vue
similarity index 100%
rename from src/frontend/admin/src/components/scMini/scStatusIndicator.vue
rename to src/frontend/admin/src/components/sc-mini/sc-status-indicator.vue
diff --git a/src/frontend/admin/src/components/scMini/scTrend.vue b/src/frontend/admin/src/components/sc-mini/sc-trend.vue
similarity index 100%
rename from src/frontend/admin/src/components/scMini/scTrend.vue
rename to src/frontend/admin/src/components/sc-mini/sc-trend.vue
diff --git a/src/frontend/admin/src/components/scPageHeader/index.vue b/src/frontend/admin/src/components/sc-page-header/index.vue
similarity index 97%
rename from src/frontend/admin/src/components/scPageHeader/index.vue
rename to src/frontend/admin/src/components/sc-page-header/index.vue
index c184fec2..e9100fd6 100644
--- a/src/frontend/admin/src/components/scPageHeader/index.vue
+++ b/src/frontend/admin/src/components/sc-page-header/index.vue
@@ -14,7 +14,7 @@
             </p>
         </div>
         <div v-if="$slots.main" class="sc-page-header__main">
-            <slot name="main"></slot>
+            <slot name="main" />
         </div>
     </div>
 </template>
diff --git a/src/frontend/admin/src/components/scPasswordStrength/index.vue b/src/frontend/admin/src/components/sc-password-strength/index.vue
similarity index 100%
rename from src/frontend/admin/src/components/scPasswordStrength/index.vue
rename to src/frontend/admin/src/components/sc-password-strength/index.vue
diff --git a/src/frontend/admin/src/components/scSelectFilter/index.vue b/src/frontend/admin/src/components/sc-select-filter/index.vue
similarity index 99%
rename from src/frontend/admin/src/components/scSelectFilter/index.vue
rename to src/frontend/admin/src/components/sc-select-filter/index.vue
index 6b55cbbd..87afeae7 100644
--- a/src/frontend/admin/src/components/scSelectFilter/index.vue
+++ b/src/frontend/admin/src/components/sc-select-filter/index.vue
@@ -6,7 +6,7 @@
                 <label>
                     <span>{{ item.title }}({{ item.options?.length - 1 }})</span>
                     <el-icon style="display: none">
-                        <el-icon-arrow-up></el-icon-arrow-up>
+                        <el-icon-arrow-up />
                     </el-icon>
                 </label>
             </div>
diff --git a/src/frontend/admin/src/components/scSelect/index.vue b/src/frontend/admin/src/components/sc-select/index.vue
similarity index 98%
rename from src/frontend/admin/src/components/scSelect/index.vue
rename to src/frontend/admin/src/components/sc-select/index.vue
index a9d659e6..173f7b9f 100644
--- a/src/frontend/admin/src/components/scSelect/index.vue
+++ b/src/frontend/admin/src/components/sc-select/index.vue
@@ -7,7 +7,7 @@
         </div>
         <el-select v-bind="$attrs" :allow-create="allowCreate" :loading="loading" @visible-change="visibleChange">
             <el-option v-for="item in options" :key="item[props.value]" :label="item[props.label]" :value="objValueType ? item : item[props.value]">
-                <slot :data="item" name="option"></slot>
+                <slot :data="item" name="option" />
             </el-option>
         </el-select>
     </div>
diff --git a/src/frontend/admin/src/components/scStatistic/index.vue b/src/frontend/admin/src/components/sc-statistic/index.vue
similarity index 95%
rename from src/frontend/admin/src/components/scStatistic/index.vue
rename to src/frontend/admin/src/components/sc-statistic/index.vue
index 328bf618..3ef26f13 100644
--- a/src/frontend/admin/src/components/scStatistic/index.vue
+++ b/src/frontend/admin/src/components/sc-statistic/index.vue
@@ -16,14 +16,14 @@
         <div class="sc-statistic-content">
             <span v-if="prefix" class="sc-statistic-content-prefix">{{ prefix }}</span>
             <span class="sc-statistic-content-value">
-                <slot v-if="$slots.content" name="content"></slot>
+                <slot v-if="$slots.content" name="content" />
                 <template v-else>
                     {{ cmtValue }}
                 </template>
             </span>
             <span v-if="suffix" class="sc-statistic-content-suffix">{{ suffix }}</span>
             <span class="sc-statistic-icon">
-                <slot v-if="$slots.icon" name="icon"></slot>
+                <slot v-if="$slots.icon" name="icon" />
             </span>
         </div>
         <div v-if="description || $slots.default" class="sc-statistic-description">
diff --git a/src/frontend/admin/src/components/scTableSelect/index.vue b/src/frontend/admin/src/components/sc-table-select/index.vue
similarity index 98%
rename from src/frontend/admin/src/components/scTableSelect/index.vue
rename to src/frontend/admin/src/components/sc-table-select/index.vue
index f33a4c5a..edc78fa9 100644
--- a/src/frontend/admin/src/components/scTableSelect/index.vue
+++ b/src/frontend/admin/src/components/sc-table-select/index.vue
@@ -17,7 +17,7 @@
         <template #empty>
             <div v-loading="loading" class="scTable-select__table">
                 <div class="scTable-select__header">
-                    <slot :form="formData" :submit="formSubmit" name="header"></slot>
+                    <slot :form="formData" :submit="formSubmit" name="header" />
                 </div>
                 <el-table
                     :data="tableData"
@@ -33,7 +33,7 @@
                             ><span>{{ scope.$index + (currentPage - 1) * pageSize + 1 }}</span></template
                         >
                     </el-table-column>
-                    <slot></slot>
+                    <slot />
                 </el-table>
                 <div class="scTable-select__page">
                     <el-pagination
@@ -43,7 +43,7 @@
                         @current-change="reload"
                         background
                         layout="prev, pager, next"
-                        small></el-pagination>
+                        small />
                 </div>
             </div>
         </template>
@@ -51,7 +51,7 @@
 </template>
 
 <script>
-import config from '@/config/tableSelect'
+import config from '@/config/table-select'
 
 export default {
     props: {
diff --git a/src/frontend/admin/src/components/scTable/columnSetting.vue b/src/frontend/admin/src/components/sc-table/column-setting.vue
similarity index 83%
rename from src/frontend/admin/src/components/scTable/columnSetting.vue
rename to src/frontend/admin/src/components/sc-table/column-setting.vue
index 4478d0f3..a031769e 100644
--- a/src/frontend/admin/src/components/scTable/columnSetting.vue
+++ b/src/frontend/admin/src/components/sc-table/column-setting.vue
@@ -1,5 +1,5 @@
 <template>
-    <div v-if="usercolumn.length > 0" v-loading="isSave" class="setting-column">
+    <div v-if="userColumn.length > 0" v-loading="isSave" class="setting-column">
         <div class="setting-column__title">
             <span class="move_b"></span>
             <span class="show_b">{{ $t('显示') }}</span>
@@ -10,32 +10,32 @@
         </div>
         <div class="setting-column__list" ref="list">
             <ul>
-                <li v-for="item in usercolumn" :key="item.prop">
+                <li v-for="item in userColumn" :key="item.prop">
                     <span class="move_b">
                         <el-tag class="move" style="cursor: move"><el-icon-d-caret style="width: 1em; height: 1em" /></el-tag>
                     </span>
                     <span class="show_b">
-                        <el-switch v-model="item.hide" :active-value="false" :inactive-value="true"></el-switch>
+                        <el-switch v-model="item.hide" :active-value="false" :inactive-value="true" />
                     </span>
                     <span :title="item.prop" class="name_b">{{ item.label }}</span>
                     <span class="width_b">
-                        <el-input v-model="item.width" placeholder="auto" size="small"></el-input>
+                        <el-input v-model="item.width" placeholder="auto" size="small" />
                     </span>
                     <span class="sortable_b">
-                        <el-switch v-model="item.sortable"></el-switch>
+                        <el-switch v-model="item.sortable" />
                     </span>
                     <span class="fixed_b">
-                        <el-switch v-model="item.fixed"></el-switch>
+                        <el-switch v-model="item.fixed" />
                     </span>
                 </li>
             </ul>
         </div>
         <div class="setting-column__bottom">
-            <el-button :disabled="isSave" @click="backDefaul">{{ $t('重置') }}</el-button>
+            <el-button :disabled="isSave" @click="backDefault">{{ $t('重置') }}</el-button>
             <el-button @click="save" type="primary">{{ $t('保存') }}</el-button>
         </div>
     </div>
-    <el-empty v-else :description="$t('暂无可配置的列')" :image-size="80"></el-empty>
+    <el-empty v-else :description="$t('暂无可配置的列')" :image-size="80" />
 </template>
 
 <script>
@@ -54,19 +54,19 @@ export default {
     data() {
         return {
             isSave: false,
-            usercolumn: JSON.parse(JSON.stringify(this.column || [])),
+            userColumn: JSON.parse(JSON.stringify(this.column || [])),
         }
     },
     watch: {
-        usercolumn: {
+        userColumn: {
             handler() {
-                this.$emit('userChange', this.usercolumn)
+                this.$emit('userChange', this.userColumn)
             },
             deep: true,
         },
     },
     mounted() {
-        this.usercolumn.length > 0 && this.rowDrop()
+        this.userColumn.length > 0 && this.rowDrop()
     },
     methods: {
         rowDrop() {
@@ -77,17 +77,17 @@ export default {
                 animation: 300,
                 ghostClass: 'ghost',
                 onEnd({ newIndex, oldIndex }) {
-                    const tableData = _this.usercolumn
+                    const tableData = _this.userColumn
                     const currRow = tableData.splice(oldIndex, 1)[0]
                     tableData.splice(newIndex, 0, currRow)
                 },
             })
         },
-        backDefaul() {
-            this.$emit('back', this.usercolumn)
+        backDefault() {
+            this.$emit('back', this.userColumn)
         },
         save() {
-            this.$emit('save', this.usercolumn)
+            this.$emit('save', this.userColumn)
         },
     },
 }
diff --git a/src/frontend/admin/src/components/scTable/column.js b/src/frontend/admin/src/components/sc-table/column.js
similarity index 100%
rename from src/frontend/admin/src/components/scTable/column.js
rename to src/frontend/admin/src/components/sc-table/column.js
diff --git a/src/frontend/admin/src/components/scTable/fieldFilter.vue b/src/frontend/admin/src/components/sc-table/field-filter.vue
similarity index 93%
rename from src/frontend/admin/src/components/scTable/fieldFilter.vue
rename to src/frontend/admin/src/components/sc-table/field-filter.vue
index 5309738b..efed612f 100644
--- a/src/frontend/admin/src/components/scTable/fieldFilter.vue
+++ b/src/frontend/admin/src/components/sc-table/field-filter.vue
@@ -1,5 +1,5 @@
 <template>
-    <scDialog v-model="visible" :title="$t('高级筛选')" destroy-on-close>
+    <sc-dialog v-model="visible" :title="$t('高级筛选')" destroy-on-close>
         <el-form :model="form" :rules="rules" label-width="10rem" ref="form">
             <el-form-item :label="$t('字段名')" prop="field">
                 <el-input v-model="form.field" :placeholder="$t('字段名')" clearable />
@@ -16,7 +16,7 @@
             <el-button @click="visible = false">{{ $t('取消') }}</el-button>
             <el-button @click="submit" type="primary">{{ $t('确定') }}</el-button>
         </template>
-    </scDialog>
+    </sc-dialog>
 </template>
 <script>
 export default {
@@ -48,4 +48,4 @@ export default {
     },
 }
 </script>
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scTable/index.vue b/src/frontend/admin/src/components/sc-table/index.vue
similarity index 80%
rename from src/frontend/admin/src/components/scTable/index.vue
rename to src/frontend/admin/src/components/sc-table/index.vue
index c5807842..80c4e015 100644
--- a/src/frontend/admin/src/components/scTable/index.vue
+++ b/src/frontend/admin/src/components/sc-table/index.vue
@@ -20,7 +20,7 @@
                 @sort-change="sortChange"
                 ref="scTable"
                 tooltip-effect="light">
-                <slot></slot>
+                <slot />
                 <template v-for="(item, index) in userColumn" :key="index">
                     <el-table-column
                         v-if="!item.hide"
@@ -42,7 +42,7 @@
                 </template>
                 <el-table-column min-width="1" />
                 <template #empty>
-                    <el-empty :description="emptyText" :image-size="100"></el-empty>
+                    <el-empty :description="emptyText" :image-size="100" />
                 </template>
             </el-table>
         </div>
@@ -59,7 +59,7 @@
                     @current-change="paginationChange"
                     @update:page-size="pageSizeChange"
                     background
-                    size="small"></el-pagination>
+                    size="small" />
             </div>
             <div v-if="!hideDo" class="scTable-do">
                 <el-button
@@ -70,14 +70,8 @@
                     icon="el-icon-download"
                     plain
                     style="margin-left: 1rem"
-                    type="primary"></el-button>
-                <el-button
-                    v-if="!hideRefresh"
-                    :title="$t('刷新')"
-                    @click="refresh"
-                    circle
-                    icon="el-icon-refresh"
-                    style="margin-left: 1rem"></el-button>
+                    type="primary" />
+                <el-button v-if="!hideRefresh" :title="$t('刷新')" @click="refresh" circle icon="el-icon-refresh" style="margin-left: 1rem" />
                 <el-popover
                     v-if="column"
                     :hide-after="0"
@@ -88,19 +82,19 @@
                     placement="top"
                     trigger="click">
                     <template #reference>
-                        <el-button circle icon="el-icon-set-up" style="margin-left: 1rem"></el-button>
+                        <el-button circle icon="el-icon-set-up" style="margin-left: 1rem" />
                     </template>
-                    <columnSetting
+                    <column-setting
                         v-if="customColumnShow"
                         :column="userColumn"
                         @back="columnSettingBack"
                         @save="columnSettingSave"
                         @userChange="columnSettingChange"
-                        ref="columnSetting"></columnSetting>
+                        ref="columnSetting" />
                 </el-popover>
                 <el-popover v-if="!hideSetting" :hide-after="0" :title="$t('表格设置')" :width="400" placement="top" trigger="click">
                     <template #reference>
-                        <el-button circle icon="el-icon-setting" style="margin-left: 1rem"></el-button>
+                        <el-button circle icon="el-icon-setting" style="margin-left: 1rem" />
                     </template>
                     <el-form label-position="left" label-width="10rem">
                         <el-form-item :label="$t('表格尺寸')">
@@ -111,16 +105,16 @@
                             </el-radio-group>
                         </el-form-item>
                         <el-form-item :label="$t('样式')">
-                            <el-checkbox v-model="config.border" :label="$t('纵向边框')"></el-checkbox>
-                            <el-checkbox v-model="config.stripe" :label="$t('斑马纹')"></el-checkbox>
+                            <el-checkbox v-model="config.border" :label="$t('纵向边框')" />
+                            <el-checkbox v-model="config.stripe" :label="$t('斑马纹')" />
                         </el-form-item>
                     </el-form>
                 </el-popover>
             </div>
         </div>
     </div>
-    <scContextmenu @command="contextMenuCommand" @visible-change="contextMenuVisibleChange" ref="contextmenu">
-        <scContextmenuItem
+    <sc-contextmenu @command="contextMenuCommand" @visible-change="contextMenuVisibleChange" ref="contextmenu">
+        <sc-contextmenu-item
             v-for="(menu, index) in contextMenus.filter((x) => {
                 if (current.column?.property === x) {
                     return true
@@ -130,85 +124,56 @@
             :command="menu"
             :key="index"
             :title="`${menu}`">
-            <scContextmenuItem :command="`${menu}^|^Equal^|^${tool.getNestedProperty(current.row, menu) ?? ''}`" title="="></scContextmenuItem>
-            <scContextmenuItem :command="`${menu}^|^NotEqual^|^${tool.getNestedProperty(current.row, menu) ?? ''}`" title="≠"></scContextmenuItem>
-            <scContextmenuItem
-                :command="`${menu}^|^GreaterThan^|^${tool.getNestedProperty(current.row, menu) ?? ''}`"
-                divided
-                title="＞"></scContextmenuItem>
-            <scContextmenuItem
-                :command="`${menu}^|^GreaterThanOrEqual^|^${tool.getNestedProperty(current.row, menu) ?? ''}`"
-                title="≥"></scContextmenuItem>
-            <scContextmenuItem :command="`${menu}^|^LessThan^|^${tool.getNestedProperty(current.row, menu) ?? ''}`" title="＜"></scContextmenuItem>
-            <scContextmenuItem
-                :command="`${menu}^|^LessThanOrEqual^|^${tool.getNestedProperty(current.row, menu) ?? ''}`"
-                title="≤"></scContextmenuItem>
-            <scContextmenuItem
-                :command="`${menu}^|^Contains^|^${tool.getNestedProperty(current.row, menu) ?? ''}`"
-                :title="$t('包含')"
-                divided></scContextmenuItem>
-            <scContextmenuItem
-                :command="`${menu}^|^NotContains^|^${tool.getNestedProperty(current.row, menu) ?? ''}`"
-                :title="$t('不含')"></scContextmenuItem>
-            <scContextmenuItem
+            <sc-contextmenu-item :command="`${menu}^|^Equal^|^${tool.getNestedProperty(current.row, menu) ?? ''}`" title="=" />
+            <sc-contextmenu-item :command="`${menu}^|^NotEqual^|^${tool.getNestedProperty(current.row, menu) ?? ''}`" title="≠" />
+            <sc-contextmenu-item :command="`${menu}^|^GreaterThan^|^${tool.getNestedProperty(current.row, menu) ?? ''}`" divided title="＞" />
+            <sc-contextmenu-item :command="`${menu}^|^GreaterThanOrEqual^|^${tool.getNestedProperty(current.row, menu) ?? ''}`" title="≥" />
+            <sc-contextmenu-item :command="`${menu}^|^LessThan^|^${tool.getNestedProperty(current.row, menu) ?? ''}`" title="＜" />
+            <sc-contextmenu-item :command="`${menu}^|^LessThanOrEqual^|^${tool.getNestedProperty(current.row, menu) ?? ''}`" title="≤" />
+            <sc-contextmenu-item :command="`${menu}^|^Contains^|^${tool.getNestedProperty(current.row, menu) ?? ''}`" :title="$t('包含')" divided />
+            <sc-contextmenu-item :command="`${menu}^|^NotContains^|^${tool.getNestedProperty(current.row, menu) ?? ''}`" :title="$t('不含')" />
+            <sc-contextmenu-item
                 :command="`${menu}^|^StartsWith^|^${tool.getNestedProperty(current.row, menu) ?? ''}`"
                 :title="$t('以 x 开始')"
-                divided></scContextmenuItem>
-            <scContextmenuItem
-                :command="`${menu}^|^NotStartsWith^|^${tool.getNestedProperty(current.row, menu) ?? ''}`"
-                :title="$t('非 x 开始')"></scContextmenuItem>
-            <scContextmenuItem
-                :command="`${menu}^|^EndsWith^|^${tool.getNestedProperty(current.row, menu) ?? ''}`"
-                :title="$t('以 x 结束')"></scContextmenuItem>
-            <scContextmenuItem
-                :command="`${menu}^|^NotEndsWith^|^${tool.getNestedProperty(current.row, menu) ?? ''}`"
-                :title="$t('非 x 结束')"></scContextmenuItem>
-            <scContextmenuItem
-                :command="`${menu}^|^Range^|^${tool.getNestedProperty(current.row, menu) ?? ''}`"
-                :title="$t('数值范围')"
-                divided></scContextmenuItem>
-            <scContextmenuItem
-                :command="`${menu}^|^DateRange^|^${tool.getNestedProperty(current.row, menu) ?? ''}`"
-                :title="$t('日期范围')"></scContextmenuItem>
-            <scContextmenuItem
-                :command="`${menu}^|^Any^|^${tool.getNestedProperty(current.row, menu) ?? ''}`"
-                :title="$t('为其一')"
-                divided></scContextmenuItem>
-            <scContextmenuItem
-                :command="`${menu}^|^NotAny^|^${tool.getNestedProperty(current.row, menu) ?? ''}`"
-                :title="$t('非其一')"></scContextmenuItem>
-            <scContextmenuItem
+                divided />
+            <sc-contextmenu-item :command="`${menu}^|^NotStartsWith^|^${tool.getNestedProperty(current.row, menu) ?? ''}`" :title="$t('非 x 开始')" />
+            <sc-contextmenu-item :command="`${menu}^|^EndsWith^|^${tool.getNestedProperty(current.row, menu) ?? ''}`" :title="$t('以 x 结束')" />
+            <sc-contextmenu-item :command="`${menu}^|^NotEndsWith^|^${tool.getNestedProperty(current.row, menu) ?? ''}`" :title="$t('非 x 结束')" />
+            <sc-contextmenu-item :command="`${menu}^|^Range^|^${tool.getNestedProperty(current.row, menu) ?? ''}`" :title="$t('数值范围')" divided />
+            <sc-contextmenu-item :command="`${menu}^|^DateRange^|^${tool.getNestedProperty(current.row, menu) ?? ''}`" :title="$t('日期范围')" />
+            <sc-contextmenu-item :command="`${menu}^|^Any^|^${tool.getNestedProperty(current.row, menu) ?? ''}`" :title="$t('为其一')" divided />
+            <sc-contextmenu-item :command="`${menu}^|^NotAny^|^${tool.getNestedProperty(current.row, menu) ?? ''}`" :title="$t('非其一')" />
+            <sc-contextmenu-item
                 :command="`${menu}^|^order-ascending^|^${tool.getNestedProperty(current.row, menu) ?? ''}`"
                 :title="$t('顺序排序')"
-                divided></scContextmenuItem>
-            <scContextmenuItem
+                divided />
+            <sc-contextmenu-item
                 :command="`${menu}^|^order-descending^|^${tool.getNestedProperty(current.row, menu) ?? ''}`"
-                :title="$t('倒序排序')"></scContextmenuItem>
-        </scContextmenuItem>
-        <scContextmenuItem :title="$t('复制')" command="copy" divided icon="el-icon-copy-document" suffix="C"></scContextmenuItem>
-        <scContextmenuItem
-            v-if="contextOpers.includes('add')"
-            :title="$t('新建')"
-            command="add"
-            divided
-            icon="el-icon-plus"
-            suffix="A"></scContextmenuItem>
-        <scContextmenuItem v-if="contextOpers.includes('view')" :title="$t('查看')" command="view" icon="el-icon-view" suffix="V"></scContextmenuItem>
-        <scContextmenuItem v-if="contextOpers.includes('edit')" :title="$t('编辑')" command="edit" icon="el-icon-edit" suffix="E"></scContextmenuItem>
-        <scContextmenuItem v-if="contextOpers.includes('del')" :title="$t('删除')" command="del" icon="el-icon-delete" suffix="D"></scContextmenuItem>
-        <scContextmenuItem v-for="(adv, index) in contextAdvs" :command="adv" :divided="adv.divided" :icon="adv.icon" :key="index" :title="adv.label">
-        </scContextmenuItem>
-        <scContextmenuItem v-if="exportApi" :title="$t('导出文件')" command="export" divided icon="el-icon-download"></scContextmenuItem>
-        <scContextmenuItem :title="$t('重新加载')" command="refresh" divided icon="el-icon-refresh" suffix="R"></scContextmenuItem>
-    </scContextmenu>
-    <field-filter ref="fieldFilterDialog"></field-filter>
+                :title="$t('倒序排序')" />
+        </sc-contextmenu-item>
+        <sc-contextmenu-item :title="$t('复制')" command="copy" divided icon="el-icon-copy-document" suffix="C" />
+        <sc-contextmenu-item v-if="contextOpers.includes('add')" :title="$t('新建')" command="add" divided icon="el-icon-plus" suffix="A" />
+        <sc-contextmenu-item v-if="contextOpers.includes('view')" :title="$t('查看')" command="view" icon="el-icon-view" suffix="V" />
+        <sc-contextmenu-item v-if="contextOpers.includes('edit')" :title="$t('编辑')" command="edit" icon="el-icon-edit" suffix="E" />
+        <sc-contextmenu-item v-if="contextOpers.includes('del')" :title="$t('删除')" command="del" icon="el-icon-delete" suffix="D" />
+        <sc-contextmenu-item
+            v-for="(adv, index) in contextAdvs"
+            :command="adv"
+            :divided="adv.divided"
+            :icon="adv.icon"
+            :key="index"
+            :title="adv.label" />
+        <sc-contextmenu-item v-if="exportApi" :title="$t('导出文件')" command="export" divided icon="el-icon-download" />
+        <sc-contextmenu-item :title="$t('重新加载')" command="refresh" divided icon="el-icon-refresh" suffix="R" />
+    </sc-contextmenu>
+    <field-filter ref="fieldFilterDialog" />
 </template>
 <script>
 import config from '@/config/table'
-import columnSetting from './columnSetting'
-import scContextmenuItem from '@/components/scContextmenu/item.vue'
-import scContextmenu from '@/components/scContextmenu'
-import fieldFilter from './fieldFilter.vue'
+import columnSetting from './column-setting'
+import scContextmenuItem from '@/components/sc-context-menu/item'
+import scContextmenu from '@/components/sc-context-menu'
+import fieldFilter from './field-filter'
 import { h } from 'vue'
 import tool from '@/utils/tool'
 
@@ -419,7 +384,7 @@ export default {
             if (kv[1].indexOf('order-') === 0) {
                 this.vue.query.prop = kv[0]
                 this.vue.query.order = kv[1].substring(6)
-                this.upData()
+                await this.upData()
             } else {
                 this.$refs.fieldFilterDialog.open({ field: kv[0], operator: kv[1], value: kv[2] }, (data) => {
                     const value = data.value?.split('\n') ?? ['']
@@ -586,7 +551,7 @@ export default {
             this.$refs.columnSetting.isSave = true
             try {
                 this.userColumn = await config.columnSettingReset(this.tableName, this.column)
-                this.$refs.columnSetting.usercolumn = JSON.parse(JSON.stringify(this.userColumn || []))
+                this.$refs.columnSetting.userColumn = JSON.parse(JSON.stringify(this.userColumn || []))
             } catch (error) {
                 this.$message.error('重置失败')
                 this.$refs.columnSetting.isSave = false
diff --git a/src/frontend/admin/src/components/scUpload/file.vue b/src/frontend/admin/src/components/sc-upload/file.vue
similarity index 99%
rename from src/frontend/admin/src/components/scUpload/file.vue
rename to src/frontend/admin/src/components/sc-upload/file.vue
index 1f176856..85ce7522 100644
--- a/src/frontend/admin/src/components/scUpload/file.vue
+++ b/src/frontend/admin/src/components/sc-upload/file.vue
@@ -25,7 +25,7 @@
                 <div v-if="tip" class="el-upload__tip">{{ tip }}</div>
             </template>
         </el-upload>
-        <span style="display: none !important"><el-input v-model="value"></el-input></span>
+        <span style="display: none !important"><el-input v-model="value" /></span>
     </div>
 </template>
 
diff --git a/src/frontend/admin/src/components/scUpload/index.vue b/src/frontend/admin/src/components/sc-upload/index.vue
similarity index 98%
rename from src/frontend/admin/src/components/scUpload/index.vue
rename to src/frontend/admin/src/components/sc-upload/index.vue
index c0a2a817..1cdf9e34 100644
--- a/src/frontend/admin/src/components/scUpload/index.vue
+++ b/src/frontend/admin/src/components/sc-upload/index.vue
@@ -4,7 +4,7 @@
             <div class="sc-upload__progress">
                 <el-progress :percentage="file.percentage" :stroke-width="16" :text-inside="true" />
             </div>
-            <el-image :src="file.tempFile" class="image" fit="cover"></el-image>
+            <el-image :src="file.tempFile" class="image" fit="cover" />
         </div>
         <div v-if="file && file.status === 'success'" class="sc-upload__img">
             <el-image :preview-src-list="[file.url]" :src="file.url" :z-index="9999" append-to-body class="image" fit="cover" hide-on-click-modal>
@@ -47,9 +47,9 @@
                 </div>
             </slot>
         </el-upload>
-        <span style="display: none !important"><el-input v-model="value"></el-input></span>
+        <span style="display: none !important"><el-input v-model="value" /></span>
         <el-dialog v-model="cropperDialogVisible" :title="$t('剪裁')" :width="580" @closed="cropperClosed" destroy-on-close draggable>
-            <scCropper :aspectRatio="aspectRatio" :compress="compress" :src="cropperFile.tempCropperFile" ref="cropper"></scCropper>
+            <sc-cropper :aspectRatio="aspectRatio" :compress="compress" :src="cropperFile.tempCropperFile" ref="cropper" />
             <template #footer>
                 <el-button @click="cropperDialogVisible = false">{{ $t('取消') }}</el-button>
                 <el-button @click="cropperSave" type="primary">{{ $t('确定') }}</el-button>
diff --git a/src/frontend/admin/src/components/scUpload/multiple.vue b/src/frontend/admin/src/components/sc-upload/multiple.vue
similarity index 99%
rename from src/frontend/admin/src/components/scUpload/multiple.vue
rename to src/frontend/admin/src/components/sc-upload/multiple.vue
index e5d7507e..92f1d7aa 100644
--- a/src/frontend/admin/src/components/scUpload/multiple.vue
+++ b/src/frontend/admin/src/components/sc-upload/multiple.vue
@@ -54,7 +54,7 @@
                 </div>
             </template>
         </el-upload>
-        <span style="display: none !important"><el-input v-model="value"></el-input></span>
+        <span style="display: none !important"><el-input v-model="value" /></span>
     </div>
 </template>
 
diff --git a/src/frontend/admin/src/components/scWaterMark/index.vue b/src/frontend/admin/src/components/sc-water-mark/index.vue
similarity index 98%
rename from src/frontend/admin/src/components/scWaterMark/index.vue
rename to src/frontend/admin/src/components/sc-water-mark/index.vue
index 6fd572b7..e7dc80f9 100644
--- a/src/frontend/admin/src/components/scWaterMark/index.vue
+++ b/src/frontend/admin/src/components/sc-water-mark/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="sc-water-mark" ref="scWaterMark">
-        <slot></slot>
+        <slot />
     </div>
 </template>
 
diff --git a/src/frontend/admin/src/config/appConfig.js b/src/frontend/admin/src/config/app-config.js
similarity index 100%
rename from src/frontend/admin/src/config/appConfig.js
rename to src/frontend/admin/src/config/app-config.js
diff --git a/src/frontend/admin/src/config/fileSelect.js b/src/frontend/admin/src/config/file-select.js
similarity index 97%
rename from src/frontend/admin/src/config/fileSelect.js
rename to src/frontend/admin/src/config/file-select.js
index 6b8744d0..341669d8 100644
--- a/src/frontend/admin/src/config/fileSelect.js
+++ b/src/frontend/admin/src/config/file-select.js
@@ -1,5 +1,5 @@
 import API from '@/api'
-import DEFAULT_CONFIG from '@/config/index'
+import DEFAULT_CONFIG from '@/config'
 //文件选择器配置
 
 export default {
diff --git a/src/frontend/admin/src/config/icon-select.js b/src/frontend/admin/src/config/icon-select.js
new file mode 100644
index 00000000..3d9705eb
--- /dev/null
+++ b/src/frontend/admin/src/config/icon-select.js
@@ -0,0 +1 @@
+export default{"icons":[{"icons":["el-icon-add-location","el-icon-aim","el-icon-alarm-clock","el-icon-apple","el-icon-arrow-down-bold","el-icon-arrow-down","el-icon-arrow-left-bold","el-icon-arrow-left","el-icon-arrow-right-bold","el-icon-arrow-right","el-icon-arrow-up-bold","el-icon-arrow-up","el-icon-avatar","el-icon-back","el-icon-baseball","el-icon-basketball","el-icon-bell-filled","el-icon-bell","el-icon-bicycle","el-icon-bottom-left","el-icon-bottom-right","el-icon-bottom","el-icon-bowl","el-icon-box","el-icon-briefcase","el-icon-brush-filled","el-icon-brush","el-icon-burger","el-icon-calendar","el-icon-camera-filled","el-icon-camera","el-icon-caret-bottom","el-icon-caret-left","el-icon-caret-right","el-icon-caret-top","el-icon-cellphone","el-icon-chat-dot-round","el-icon-chat-dot-square","el-icon-chat-line-round","el-icon-chat-line-square","el-icon-chat-round","el-icon-chat-square","el-icon-check","el-icon-checked","el-icon-cherry","el-icon-chicken","el-icon-circle-check-filled","el-icon-circle-check","el-icon-circle-close-filled","el-icon-circle-close","el-icon-circle-plus-filled","el-icon-circle-plus","el-icon-clock","el-icon-close-bold","el-icon-close","el-icon-cloudy","el-icon-coffee-cup","el-icon-coffee","el-icon-coin","el-icon-cold-drink","el-icon-collection-tag","el-icon-collection","el-icon-comment","el-icon-compass","el-icon-connection","el-icon-coordinate","el-icon-copy-document","el-icon-cpu","el-icon-credit-card","el-icon-crop","el-icon-d-arrow-left","el-icon-d-arrow-right","el-icon-d-caret","el-icon-data-analysis","el-icon-data-board","el-icon-data-line","el-icon-delete-filled","el-icon-delete-location","el-icon-delete","el-icon-dessert","el-icon-discount","el-icon-dish-dot","el-icon-dish","el-icon-document-add","el-icon-document-checked","el-icon-document-copy","el-icon-document-delete","el-icon-document-remove","el-icon-document","el-icon-download","el-icon-drizzling","el-icon-edit-pen","el-icon-edit","el-icon-eleme-filled","el-icon-eleme","el-icon-element-plus","el-icon-expand","el-icon-failed","el-icon-female","el-icon-files","el-icon-film","el-icon-filter","el-icon-finished","el-icon-first-aid-kit","el-icon-flag","el-icon-fold","el-icon-folder-add","el-icon-folder-checked","el-icon-folder-delete","el-icon-folder-opened","el-icon-folder-remove","el-icon-folder","el-icon-food","el-icon-football","el-icon-fork-spoon","el-icon-fries","el-icon-full-screen","el-icon-goblet-full","el-icon-goblet-square-full","el-icon-goblet-square","el-icon-goblet","el-icon-goods-filled","el-icon-goods","el-icon-grape","el-icon-grid","el-icon-guide","el-icon-headset","el-icon-help-filled","el-icon-help","el-icon-hide","el-icon-histogram","el-icon-home-filled","el-icon-hot-water","el-icon-house","el-icon-ice-cream-round","el-icon-ice-cream-square","el-icon-ice-cream","el-icon-ice-drink","el-icon-ice-tea","el-icon-info-filled","el-icon-iphone","el-icon-key","el-icon-knife-fork","el-icon-lightning","el-icon-link","el-icon-list","el-icon-loading","el-icon-location-filled","el-icon-location-information","el-icon-location","el-icon-lock","el-icon-lollipop","el-icon-magic-stick","el-icon-magnet","el-icon-male","el-icon-management","el-icon-map-location","el-icon-medal","el-icon-menu","el-icon-message-box","el-icon-message","el-icon-mic","el-icon-microphone","el-icon-milk-tea","el-icon-minus","el-icon-money","el-icon-monitor","el-icon-moon-night","el-icon-moon","el-icon-more-filled","el-icon-more","el-icon-mostly-cloudy","el-icon-mouse","el-icon-mug","el-icon-mute-notification","el-icon-mute","el-icon-no-smoking","el-icon-notebook","el-icon-notification","el-icon-odometer","el-icon-office-building","el-icon-open","el-icon-operation","el-icon-opportunity","el-icon-orange","el-icon-paperclip","el-icon-partly-cloudy","el-icon-pear","el-icon-phone-filled","el-icon-phone","el-icon-picture-filled","el-icon-picture-rounded","el-icon-picture","el-icon-pie-chart","el-icon-place","el-icon-platform","el-icon-plus","el-icon-pointer","el-icon-position","el-icon-postcard","el-icon-pouring","el-icon-present","el-icon-price-tag","el-icon-printer","el-icon-promotion","el-icon-question-filled","el-icon-rank","el-icon-reading-lamp","el-icon-reading","el-icon-refresh-left","el-icon-refresh-right","el-icon-refresh","el-icon-refrigerator","el-icon-remove-filled","el-icon-remove","el-icon-right","el-icon-scale-to-original","el-icon-school","el-icon-scissor","el-icon-search","el-icon-select","el-icon-sell","el-icon-semi-select","el-icon-service","el-icon-set-up","el-icon-setting","el-icon-share","el-icon-ship","el-icon-shop","el-icon-shopping-bag","el-icon-shopping-cart-full","el-icon-shopping-cart","el-icon-smoking","el-icon-soccer","el-icon-sold-out","el-icon-sort-down","el-icon-sort-up","el-icon-sort","el-icon-stamp","el-icon-star-filled","el-icon-star","el-icon-stopwatch","el-icon-success-filled","el-icon-sugar","el-icon-suitcase","el-icon-sunny","el-icon-sunrise","el-icon-sunset","el-icon-switch-button","el-icon-switch","el-icon-takeaway-box","el-icon-ticket","el-icon-tickets","el-icon-timer","el-icon-toilet-paper","el-icon-tools","el-icon-top-left","el-icon-top-right","el-icon-top","el-icon-trend-charts","el-icon-trophy","el-icon-turn-off","el-icon-umbrella","el-icon-unlock","el-icon-upload-filled","el-icon-upload","el-icon-user-filled","el-icon-user","el-icon-van","el-icon-video-camera-filled","el-icon-video-camera","el-icon-video-pause","el-icon-video-play","el-icon-view","el-icon-wallet-filled","el-icon-wallet","el-icon-warning-filled","el-icon-warning","el-icon-watch","el-icon-watermelon","el-icon-wind-power","el-icon-zoom-in","el-icon-zoom-out"],"name":"默认"},{"icons":["sc-icon-account-report","sc-icon-alert","sc-icon-api-doc","sc-icon-api","sc-icon-app","sc-icon-app2","sc-icon-archive","sc-icon-bug-fill","sc-icon-bug-line","sc-icon-business","sc-icon-code","sc-icon-code2","sc-icon-collect","sc-icon-country","sc-icon-csharp","sc-icon-daily","sc-icon-dashboard","sc-icon-demo","sc-icon-dept","sc-icon-device-log","sc-icon-device","sc-icon-dic","sc-icon-docker","sc-icon-download","sc-icon-drone","sc-icon-echarts","sc-icon-elastic","sc-icon-element","sc-icon-email","sc-icon-error","sc-icon-ex-log","sc-icon-exception","sc-icon-file-excel","sc-icon-file-ppt","sc-icon-file-word","sc-icon-free-sql","sc-icon-gitea","sc-icon-grafana","sc-icon-help","sc-icon-home","sc-icon-js","sc-icon-kafka","sc-icon-key","sc-icon-kibana","sc-icon-link","sc-icon-log","sc-icon-login-log","sc-icon-mail-code","sc-icon-memory","sc-icon-meter","sc-icon-mobile","sc-icon-nick-name","sc-icon-open-door","sc-icon-oper-log","sc-icon-organization","sc-icon-performance","sc-icon-position","sc-icon-product-category","sc-icon-product","sc-icon-proxy","sc-icon-report","sc-icon-resource","sc-icon-robot","sc-icon-role","sc-icon-scheduled-job","sc-icon-send","sc-icon-sms-code","sc-icon-stats","sc-icon-sync","sc-icon-task","sc-icon-telegram","sc-icon-tpl","sc-icon-unlink","sc-icon-upload","sc-icon-version","sc-icon-vue","sc-icon-warning","sc-icon-wechat"],"name":"扩展"}]}
\ No newline at end of file
diff --git a/src/frontend/admin/src/config/iconSelect.js b/src/frontend/admin/src/config/iconSelect.js
deleted file mode 100644
index 5fc2b78c..00000000
--- a/src/frontend/admin/src/config/iconSelect.js
+++ /dev/null
@@ -1 +0,0 @@
-export default{"icons":[{"icons":["el-icon-add-location","el-icon-aim","el-icon-alarm-clock","el-icon-apple","el-icon-arrow-down","el-icon-arrow-down-bold","el-icon-arrow-left","el-icon-arrow-left-bold","el-icon-arrow-right","el-icon-arrow-right-bold","el-icon-arrow-up","el-icon-arrow-up-bold","el-icon-avatar","el-icon-back","el-icon-baseball","el-icon-basketball","el-icon-bell","el-icon-bell-filled","el-icon-bicycle","el-icon-bottom","el-icon-bottom-left","el-icon-bottom-right","el-icon-bowl","el-icon-box","el-icon-briefcase","el-icon-brush","el-icon-brush-filled","el-icon-burger","el-icon-calendar","el-icon-camera","el-icon-camera-filled","el-icon-caret-bottom","el-icon-caret-left","el-icon-caret-right","el-icon-caret-top","el-icon-cellphone","el-icon-chat-dot-round","el-icon-chat-dot-square","el-icon-chat-line-round","el-icon-chat-line-square","el-icon-chat-round","el-icon-chat-square","el-icon-check","el-icon-checked","el-icon-cherry","el-icon-chicken","el-icon-circle-check","el-icon-circle-check-filled","el-icon-circle-close","el-icon-circle-close-filled","el-icon-circle-plus","el-icon-circle-plus-filled","el-icon-clock","el-icon-close","el-icon-close-bold","el-icon-cloudy","el-icon-coffee","el-icon-coffee-cup","el-icon-coin","el-icon-cold-drink","el-icon-collection","el-icon-collection-tag","el-icon-comment","el-icon-compass","el-icon-connection","el-icon-coordinate","el-icon-copy-document","el-icon-cpu","el-icon-credit-card","el-icon-crop","el-icon-d-arrow-left","el-icon-d-arrow-right","el-icon-d-caret","el-icon-data-analysis","el-icon-data-board","el-icon-data-line","el-icon-delete","el-icon-delete-filled","el-icon-delete-location","el-icon-dessert","el-icon-discount","el-icon-dish","el-icon-dish-dot","el-icon-document","el-icon-document-add","el-icon-document-checked","el-icon-document-copy","el-icon-document-delete","el-icon-document-remove","el-icon-download","el-icon-drizzling","el-icon-edit","el-icon-edit-pen","el-icon-eleme","el-icon-eleme-filled","el-icon-element-plus","el-icon-expand","el-icon-failed","el-icon-female","el-icon-files","el-icon-film","el-icon-filter","el-icon-finished","el-icon-first-aid-kit","el-icon-flag","el-icon-fold","el-icon-folder","el-icon-folder-add","el-icon-folder-checked","el-icon-folder-delete","el-icon-folder-opened","el-icon-folder-remove","el-icon-food","el-icon-football","el-icon-fork-spoon","el-icon-fries","el-icon-full-screen","el-icon-goblet","el-icon-goblet-full","el-icon-goblet-square","el-icon-goblet-square-full","el-icon-goods","el-icon-goods-filled","el-icon-grape","el-icon-grid","el-icon-guide","el-icon-headset","el-icon-help","el-icon-help-filled","el-icon-hide","el-icon-histogram","el-icon-home-filled","el-icon-hot-water","el-icon-house","el-icon-ice-cream","el-icon-ice-cream-round","el-icon-ice-cream-square","el-icon-ice-drink","el-icon-ice-tea","el-icon-info-filled","el-icon-iphone","el-icon-key","el-icon-knife-fork","el-icon-lightning","el-icon-link","el-icon-list","el-icon-loading","el-icon-location","el-icon-location-filled","el-icon-location-information","el-icon-lock","el-icon-lollipop","el-icon-magic-stick","el-icon-magnet","el-icon-male","el-icon-management","el-icon-map-location","el-icon-medal","el-icon-menu","el-icon-message","el-icon-message-box","el-icon-mic","el-icon-microphone","el-icon-milk-tea","el-icon-minus","el-icon-money","el-icon-monitor","el-icon-moon","el-icon-moon-night","el-icon-more","el-icon-more-filled","el-icon-mostly-cloudy","el-icon-mouse","el-icon-mug","el-icon-mute","el-icon-mute-notification","el-icon-no-smoking","el-icon-notebook","el-icon-notification","el-icon-odometer","el-icon-office-building","el-icon-open","el-icon-operation","el-icon-opportunity","el-icon-orange","el-icon-paperclip","el-icon-partly-cloudy","el-icon-pear","el-icon-phone","el-icon-phone-filled","el-icon-picture","el-icon-picture-filled","el-icon-picture-rounded","el-icon-pie-chart","el-icon-place","el-icon-platform","el-icon-plus","el-icon-pointer","el-icon-position","el-icon-postcard","el-icon-pouring","el-icon-present","el-icon-price-tag","el-icon-printer","el-icon-promotion","el-icon-question-filled","el-icon-rank","el-icon-reading","el-icon-reading-lamp","el-icon-refresh","el-icon-refresh-left","el-icon-refresh-right","el-icon-refrigerator","el-icon-remove","el-icon-remove-filled","el-icon-right","el-icon-scale-to-original","el-icon-school","el-icon-scissor","el-icon-search","el-icon-select","el-icon-sell","el-icon-semi-select","el-icon-service","el-icon-set-up","el-icon-setting","el-icon-share","el-icon-ship","el-icon-shop","el-icon-shopping-bag","el-icon-shopping-cart","el-icon-shopping-cart-full","el-icon-smoking","el-icon-soccer","el-icon-sold-out","el-icon-sort","el-icon-sort-down","el-icon-sort-up","el-icon-stamp","el-icon-star","el-icon-star-filled","el-icon-stopwatch","el-icon-success-filled","el-icon-sugar","el-icon-suitcase","el-icon-sunny","el-icon-sunrise","el-icon-sunset","el-icon-switch","el-icon-switch-button","el-icon-takeaway-box","el-icon-ticket","el-icon-tickets","el-icon-timer","el-icon-toilet-paper","el-icon-tools","el-icon-top","el-icon-top-left","el-icon-top-right","el-icon-trend-charts","el-icon-trophy","el-icon-turn-off","el-icon-umbrella","el-icon-unlock","el-icon-upload","el-icon-upload-filled","el-icon-user","el-icon-user-filled","el-icon-van","el-icon-video-camera","el-icon-video-camera-filled","el-icon-video-pause","el-icon-video-play","el-icon-view","el-icon-wallet","el-icon-wallet-filled","el-icon-warning","el-icon-warning-filled","el-icon-watch","el-icon-watermelon","el-icon-wind-power","el-icon-zoom-in","el-icon-zoom-out"],"name":"默认"},{"icons":["sc-icon-Vue","sc-icon-Code","sc-icon-Wechat","sc-icon-BugFill","sc-icon-BugLine","sc-icon-FileWord","sc-icon-FileExcel","sc-icon-FilePpt","sc-icon-Organization","sc-icon-Upload","sc-icon-Download","sc-icon-Role","sc-icon-Dept","sc-icon-Js","sc-icon-Memory","sc-icon-Dashboard","sc-icon-Api","sc-icon-Code2","sc-icon-Csharp","sc-icon-Dic","sc-icon-Position","sc-icon-Tpl","sc-icon-Demo","sc-icon-Link","sc-icon-Unlink","sc-icon-Send","sc-icon-SmsCode","sc-icon-Meter","sc-icon-Grafana","sc-icon-Elastic","sc-icon-Kibana","sc-icon-Kafka","sc-icon-Resource","sc-icon-Robot","sc-icon-Device","sc-icon-Business","sc-icon-App","sc-icon-App2","sc-icon-Sync","sc-icon-Drone","sc-icon-Gitea","sc-icon-Docker","sc-icon-Task","sc-icon-ProductCategory","sc-icon-Product","sc-icon-Error","sc-icon-Warning","sc-icon-Stats","sc-icon-Log","sc-icon-OperLog","sc-icon-LoginLog","sc-icon-ExLog","sc-icon-Key","sc-icon-OpenDoor","sc-icon-Alert","sc-icon-Device","sc-icon-Task","sc-icon-Resource","sc-icon-Report","sc-icon-Daily","sc-icon-AccountReport","sc-icon-Element","sc-icon-ApiDoc","sc-icon-Help","sc-icon-Version","sc-icon-Home","sc-icon-Exception","sc-icon-Collect","sc-icon-FreeSql","sc-icon-Performance","sc-icon-Proxy","sc-icon-ECharts","sc-icon-Mobile","sc-icon-Email","sc-icon-SmsCode","sc-icon-MailCode","sc-icon-Archive","sc-icon-DeviceLog","sc-icon-NickName","sc-icon-Telegram","sc-icon-Country"],"name":"扩展"}]}
\ No newline at end of file
diff --git a/src/frontend/admin/src/config/index.js b/src/frontend/admin/src/config/index.js
index 65b2d5f3..739d7ecd 100644
--- a/src/frontend/admin/src/config/index.js
+++ b/src/frontend/admin/src/config/index.js
@@ -1,5 +1,5 @@
-import MY_CONFIG from './myConfig'
-import APP_CONFIG from './appConfig'
+import MY_CONFIG from './my-config'
+import APP_CONFIG from './app-config'
 import avatar from '@/utils/avatar'
 import tool from '@/utils/tool'
 
@@ -61,9 +61,9 @@ const DEFAULT_CONFIG = {
         compsList: [
             ['chart-bar-request'],
             ['ver'],
-            ['chart-bar-jobrecord'],
+            ['chart-bar-job-record'],
             ['chart-pie-request'],
-            ['chart-pie-jobrecord'],
+            ['chart-pie-job-record'],
             ['modules'],
             ['change-log'],
         ],
diff --git a/src/frontend/admin/src/config/myConfig.js b/src/frontend/admin/src/config/my-config.js
similarity index 100%
rename from src/frontend/admin/src/config/myConfig.js
rename to src/frontend/admin/src/config/my-config.js
diff --git a/src/frontend/admin/src/config/naColOperation.js b/src/frontend/admin/src/config/na-col-operation.js
similarity index 100%
rename from src/frontend/admin/src/config/naColOperation.js
rename to src/frontend/admin/src/config/na-col-operation.js
diff --git a/src/frontend/admin/src/config/naFormEmail.js b/src/frontend/admin/src/config/na-form-email.js
similarity index 100%
rename from src/frontend/admin/src/config/naFormEmail.js
rename to src/frontend/admin/src/config/na-form-email.js
diff --git a/src/frontend/admin/src/config/naFormPassword.js b/src/frontend/admin/src/config/na-form-password.js
similarity index 100%
rename from src/frontend/admin/src/config/naFormPassword.js
rename to src/frontend/admin/src/config/na-form-password.js
diff --git a/src/frontend/admin/src/config/naFormPhone.js b/src/frontend/admin/src/config/na-form-phone.js
similarity index 100%
rename from src/frontend/admin/src/config/naFormPhone.js
rename to src/frontend/admin/src/config/na-form-phone.js
diff --git a/src/frontend/admin/src/config/tableSelect.js b/src/frontend/admin/src/config/table-select.js
similarity index 100%
rename from src/frontend/admin/src/config/tableSelect.js
rename to src/frontend/admin/src/config/table-select.js
diff --git a/src/frontend/admin/src/config/table.js b/src/frontend/admin/src/config/table.js
index 35496523..b78c8e9f 100644
--- a/src/frontend/admin/src/config/table.js
+++ b/src/frontend/admin/src/config/table.js
@@ -69,9 +69,9 @@ export default {
             }, 1000)
         })
     },
-    handleUpdate: function (table, data, mode) {
+    handleUpdate: async function (table, data, mode) {
         if (mode === 'add') {
-            table.upData()
+            await table.upData()
         } else if (mode === 'edit') {
             function func(items) {
                 items.forEach((item) => {
diff --git a/src/frontend/admin/src/directives/authsAll.js b/src/frontend/admin/src/directives/auths-all.js
similarity index 100%
rename from src/frontend/admin/src/directives/authsAll.js
rename to src/frontend/admin/src/directives/auths-all.js
diff --git a/src/frontend/admin/src/global.js b/src/frontend/admin/src/global.js
index 12529e0b..568cbdbf 100644
--- a/src/frontend/admin/src/global.js
+++ b/src/frontend/admin/src/global.js
@@ -4,7 +4,7 @@ import * as elIcons from '@element-plus/icons-vue'
 import * as scIcons from '@/assets/icons'
 import api from '@/api'
 import config from '@/config'
-import errorHandler from '@/utils/errorHandler'
+import errorHandler from '@/utils/error-handler'
 import http from '@/utils/request'
 import tool from '@/utils/tool'
 
@@ -16,7 +16,7 @@ import time from '@/directives/time'
 
 // vue3-json-viewer
 import 'vue3-json-viewer/dist/vue3-json-viewer.css'
-import JsonViewer from 'vue3-json-viewer'
+import jsonViewer from 'vue3-json-viewer'
 
 // VAceEditor
 import ace from 'ace-builds'
@@ -26,19 +26,19 @@ import 'ace-builds/src-noconflict/theme-github_dark' // Load the theme definitio
 import { VAceEditor } from 'vue3-ace-editor'
 
 // sc组件
-import scDialog from '@/components/scDialog'
-import scSelectFilter from '@/components/scSelectFilter'
-import scStatistic from '@/components/scStatistic'
-import scStatusIndicator from '@/components/scMini/scStatusIndicator'
-import scTable from '@/components/scTable'
+import scDialog from '@/components/sc-dialog'
+import scSelectFilter from '@/components/sc-select-filter'
+import scStatistic from '@/components/sc-statistic'
+import scStatusIndicator from '@/components/sc-mini/sc-status-indicator'
+import scTable from '@/components/sc-table'
 
 // net-admin组件
-import naButtonBulkDel from '@/components/naButtonBulkDel'
-import naColId from '@/components/naColId'
-import naColIndicator from '@/components/naColIndicator'
-import naColOperation from '@/components/naColOperation'
-import naColUser from '@/components/naColUser'
-import naSearch from '@/components/naSearch'
+import naButtonBulkDel from '@/components/na-button-bulk-del'
+import naColId from '@/components/na-col-id'
+import naColIndicator from '@/components/na-col-indicator'
+import naColOperation from '@/components/na-col-operation'
+import naColUser from '@/components/na-col-user'
+import naSearch from '@/components/na-search'
 
 export default {
     install(app) {
@@ -65,9 +65,9 @@ export default {
             },
         }
 
-        app.use(JsonViewer)
+        app.use(jsonViewer)
 
-        app.component('VAceEditor', VAceEditor)
+        app.component('vAceEditor', VAceEditor)
 
         // net-admin组件
         app.component('naButtonBulkDel', naButtonBulkDel)
@@ -96,7 +96,7 @@ export default {
         }
         //统一注册sc-icon图标
         for (let icon in scIcons) {
-            app.component(`ScIcon${icon}`, scIcons[icon])
+            app.component(`sc-icon-${icon}`, scIcons[icon])
         }
 
         //关闭async-validator全局控制台警告
diff --git a/src/frontend/admin/src/layout/components/iframeView.vue b/src/frontend/admin/src/layout/components/iframe-view.vue
similarity index 87%
rename from src/frontend/admin/src/layout/components/iframeView.vue
rename to src/frontend/admin/src/layout/components/iframe-view.vue
index ec5b3991..be2a61c6 100644
--- a/src/frontend/admin/src/layout/components/iframeView.vue
+++ b/src/frontend/admin/src/layout/components/iframe-view.vue
@@ -26,8 +26,8 @@ export default {
         iframeList() {
             return this.$store.state.iframe.iframeList
         },
-        ismobile() {
-            return this.$store.state.global.ismobile
+        isMobile() {
+            return this.$store.state.global.isMobile
         },
         layoutTags() {
             return this.$store.state.global.layoutTags
@@ -37,13 +37,13 @@ export default {
     methods: {
         push(route) {
             if (route.meta.type === 'iframe') {
-                if (this.ismobile || !this.layoutTags) {
+                if (this.isMobile || !this.layoutTags) {
                     this.$store.commit('setIframeList', route)
                 } else {
                     this.$store.commit('pushIframeList', route)
                 }
             } else {
-                if (this.ismobile || !this.layoutTags) {
+                if (this.isMobile || !this.layoutTags) {
                     this.$store.commit('clearIframeList')
                 }
             }
diff --git a/src/frontend/admin/src/layout/components/NavMenu.vue b/src/frontend/admin/src/layout/components/nav-menu.vue
similarity index 84%
rename from src/frontend/admin/src/layout/components/NavMenu.vue
rename to src/frontend/admin/src/layout/components/nav-menu.vue
index 7e3bf91d..0acd1727 100644
--- a/src/frontend/admin/src/layout/components/NavMenu.vue
+++ b/src/frontend/admin/src/layout/components/nav-menu.vue
@@ -1,10 +1,10 @@
 <template>
     <div v-if="navMenus.length <= 0" style="padding: 20px">
-        <el-alert :closable="false" :title="$t('无子集菜单')" center type="info"></el-alert>
+        <el-alert :closable="false" :title="$t('无子集菜单')" center type="info" />
     </div>
     <template v-bind:key="navMenu" v-for="navMenu in navMenus">
         <el-menu-item v-if="!hasChildren(navMenu)" :index="navMenu.path">
-            <a v-if="navMenu.meta && navMenu.meta.type === 'link'" :href="navMenu.path" @click.stop="() => {}" target="_blank"></a>
+            <nav-menu v-if="navMenu.meta && navMenu.meta.type === 'link'" :href="navMenu.path" @click.stop="() => {}" target="_blank"></nav-menu>
             <el-icon v-if="navMenu.meta && navMenu.meta.icon">
                 <component :is="navMenu.meta.icon || 'el-icon-menu'" />
             </el-icon>
@@ -21,14 +21,13 @@
                 <span>{{ this.$t(navMenu.meta.title) }}</span>
                 <span v-if="navMenu.meta.tag" class="menu-tag">{{ navMenu.meta.tag }}</span>
             </template>
-            <NavMenu :navMenus="navMenu.children"></NavMenu>
+            <nav-menu :navMenus="navMenu.children" />
         </el-sub-menu>
     </template>
 </template>
 
 <script>
 export default {
-    name: 'NavMenu',
     props: ['navMenus'],
     data() {
         return {}
diff --git a/src/frontend/admin/src/layout/components/sideM.vue b/src/frontend/admin/src/layout/components/side-m.vue
similarity index 97%
rename from src/frontend/admin/src/layout/components/sideM.vue
rename to src/frontend/admin/src/layout/components/side-m.vue
index 19d18ddb..d74a06e5 100644
--- a/src/frontend/admin/src/layout/components/sideM.vue
+++ b/src/frontend/admin/src/layout/components/side-m.vue
@@ -15,7 +15,7 @@
             <el-main>
                 <el-scrollbar>
                     <el-menu :default-active="$route.meta.active || $route.fullPath" @select="select" router>
-                        <NavMenu :navMenus="menu"></NavMenu>
+                        <nav-menu :navMenus="menu" />
                     </el-menu>
                 </el-scrollbar>
             </el-main>
@@ -24,12 +24,12 @@
 </template>
 
 <script>
-import NavMenu from './NavMenu.vue'
+import navMenu from './nav-menu'
 import DEFAULT_CONFIG from '@/config'
 
 export default {
     components: {
-        NavMenu,
+        navMenu,
     },
     data() {
         return {
diff --git a/src/frontend/admin/src/layout/components/tags.vue b/src/frontend/admin/src/layout/components/tags.vue
index b540c41d..d25334a2 100644
--- a/src/frontend/admin/src/layout/components/tags.vue
+++ b/src/frontend/admin/src/layout/components/tags.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="adminui-tags">
+    <div class="admin-ui-tags">
         <ul ref="tags">
             <li
                 v-bind:key="tag"
@@ -72,7 +72,7 @@ export default {
             contextMenuItem: null,
             left: 0,
             top: 0,
-            tagList: this.$store.state.viewTags.viewTags,
+            tagList: this.$store.state['view-tags']['view-tags'],
             tipDisplayed: false,
         }
     },
diff --git a/src/frontend/admin/src/layout/components/tasks.vue b/src/frontend/admin/src/layout/components/tasks.vue
index 9c407735..f20acd5f 100644
--- a/src/frontend/admin/src/layout/components/tasks.vue
+++ b/src/frontend/admin/src/layout/components/tasks.vue
@@ -16,7 +16,7 @@
                     </el-button>
                 </el-badge>
             </div>
-            <el-button @click="refresh" circle icon="el-icon-refresh"></el-button>
+            <el-button @click="refresh" circle icon="el-icon-refresh" />
             <div>
                 <el-badge :hidden="jobsCnt === 0" :value="jobsCnt" type="primary">
                     <el-button
@@ -109,24 +109,20 @@
         </el-main>
     </el-container>
 
-    <jobSaveDialog
-        v-if="dialog.jobSave"
-        @closed="dialog.jobSave = null"
-        @mounted="$refs.jobSaveDialog.open(dialog.jobSave)"
-        ref="jobSaveDialog"></jobSaveDialog>
-    <jobRecordSaveDialog
+    <job-save-dialog v-if="dialog.jobSave" @closed="dialog.jobSave = null" @mounted="$refs.jobSaveDialog.open(dialog.jobSave)" ref="jobSaveDialog" />
+    <job-record-save-dialog
         v-if="dialog.jobRecordSave"
         @closed="dialog.jobRecordSave = null"
         @mounted="$refs.jobRecordSaveDialog.open(dialog.jobRecordSave)"
-        ref="jobRecordSaveDialog"></jobRecordSaveDialog>
+        ref="jobRecordSaveDialog" />
 </template>
 
 <script>
 import { defineAsyncComponent } from 'vue'
-import scPageHeader from '@/components/scPageHeader'
+import scPageHeader from '@/components/sc-page-header'
 
-const jobSaveDialog = defineAsyncComponent(() => import('@/views/sys/job/all/save.vue'))
-const jobRecordSaveDialog = defineAsyncComponent(() => import('@/views/sys/job/record/save.vue'))
+const jobSaveDialog = defineAsyncComponent(() => import('@/views/sys/job/all/save'))
+const jobRecordSaveDialog = defineAsyncComponent(() => import('@/views/sys/job/record/save'))
 
 export default {
     computed: {
diff --git a/src/frontend/admin/src/layout/components/topbar.vue b/src/frontend/admin/src/layout/components/topbar.vue
index 934e1127..2a0c3c77 100644
--- a/src/frontend/admin/src/layout/components/topbar.vue
+++ b/src/frontend/admin/src/layout/components/topbar.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="adminui-topbar">
+    <div class="admin-ui-topbar">
         <div class="left-panel">
             <el-breadcrumb class="hidden-sm-and-down" separator-icon="el-icon-arrow-right">
                 <transition-group name="breadcrumb">
@@ -16,7 +16,7 @@
         </div>
         <div class="center-panel"></div>
         <div class="right-panel">
-            <slot></slot>
+            <slot />
         </div>
     </div>
 </template>
diff --git a/src/frontend/admin/src/layout/components/userbar.vue b/src/frontend/admin/src/layout/components/user-bar.vue
similarity index 95%
rename from src/frontend/admin/src/layout/components/userbar.vue
rename to src/frontend/admin/src/layout/components/user-bar.vue
index 02b7345c..9bf27d36 100644
--- a/src/frontend/admin/src/layout/components/userbar.vue
+++ b/src/frontend/admin/src/layout/components/user-bar.vue
@@ -5,7 +5,7 @@
                 <component :is="config.dark ? 'el-icon-sunny' : 'el-icon-moon'" />
             </el-icon>
         </div>
-        <div @click="search" class="panel-item hidden-sm-and-down userbar-btn-search">
+        <div @click="search" class="panel-item hidden-sm-and-down user-bar-btn-search">
             <el-icon>
                 <el-icon-search />
             </el-icon>
@@ -15,7 +15,7 @@
                 <el-icon-full-screen />
             </el-icon>
         </div>
-        <div v-auth="'sys/job/userbar'" @click="tasks" class="tasks panel-item">
+        <div v-auth="'system/job/user-bar'" @click="tasks" class="tasks panel-item">
             <el-badge :hidden="failJobCnt === 0" :value="failJobCnt">
                 <el-icon>
                     <sc-icon-ScheduledJob />
@@ -53,7 +53,7 @@
                                       user.userName.slice(0, 1).toUpperCase(),
                                   ).outerHTML,
                               )
-                    "></el-avatar>
+                    " />
 
                 <label>{{ user.userName }}</label>
                 <el-icon class="el-icon--right">
@@ -71,20 +71,20 @@
     </div>
 
     <el-dialog v-model="searchVisible" :title="$t('搜索')" :width="700" center destroy-on-close>
-        <search @success="searchVisible = false"></search>
+        <search @success="searchVisible = false" />
     </el-dialog>
 
     <el-drawer v-model="tasksVisible" :size="800" :title="$t('作业中心')" @close="taskClose" destroy-on-close>
-        <tasks :fail="failJobCnt" @closed="tasksVisible = false"></tasks>
+        <tasks :fail="failJobCnt" @closed="tasksVisible = false" />
     </el-drawer>
 </template>
 
 <script>
 import { defineAsyncComponent } from 'vue'
 import avatar from '../../utils/avatar'
-const search = defineAsyncComponent(() => import('./search.vue'))
-const tasks = defineAsyncComponent(() => import('./tasks.vue'))
-const message = defineAsyncComponent(() => import('@/views/profile/message/components/list.vue'))
+const search = defineAsyncComponent(() => import('./search'))
+const tasks = defineAsyncComponent(() => import('./tasks'))
+const message = defineAsyncComponent(() => import('@/views/profile/message/components/list'))
 export default {
     components: {
         search,
@@ -119,7 +119,7 @@ export default {
     },
     methods: {
         async getFailJobsCnt() {
-            if (this.$GLOBAL.permissions.some((x) => x === '*/*/*' || x === 'sys/job/userbar')) {
+            if (this.$GLOBAL.permissions.some((x) => x === '*/*/*' || x === 'system/job/user-bar')) {
                 const res = await this.$API.sys_job.countRecord.post({
                     dynamicFilter: {
                         filters: [
diff --git a/src/frontend/admin/src/layout/index.vue b/src/frontend/admin/src/layout/index.vue
index f4ff56a7..cd13ac71 100644
--- a/src/frontend/admin/src/layout/index.vue
+++ b/src/frontend/admin/src/layout/index.vue
@@ -1,8 +1,8 @@
 <template>
     <!-- 通栏布局 -->
     <template v-if="layout === 'header'">
-        <header class="adminui-header">
-            <div @click="logoClick" class="adminui-header-left">
+        <header class="admin-ui-header">
+            <div @click="logoClick" class="admin-ui-header-left">
                 <div class="logo-bar">
                     <img class="logo logo-fill-color" src="@/assets/img/logo.svg" />
                     <div>
@@ -10,7 +10,7 @@
                         <p class="version color-secondary">{{ version }}</p>
                     </div>
                 </div>
-                <ul v-if="!ismobile" class="nav">
+                <ul v-if="!isMobile" class="nav">
                     <li v-for="item in menu" :class="pmenu.path === item.path ? 'active' : ''" :key="item" @click="showMenu(item)">
                         <el-icon>
                             <component :is="item.meta.icon || 'el-icon-menu'" />
@@ -19,41 +19,41 @@
                     </li>
                 </ul>
             </div>
-            <div class="adminui-header-right">
-                <userbar></userbar>
+            <div class="admin-ui-header-right">
+                <user-bar />
             </div>
         </header>
-        <section class="aminui-wrapper">
+        <section class="admin-ui-wrapper">
             <div
-                v-if="(!ismobile && nextMenu.length > 0) || (!pmenu.component && pmenu.meta)"
-                :class="menuIsCollapse ? 'aminui-side isCollapse' : 'aminui-side'">
-                <div v-if="!menuIsCollapse" class="adminui-side-top">
+                v-if="(!isMobile && nextMenu.length > 0) || (!pmenu.component && pmenu.meta)"
+                :class="menuIsCollapse ? 'admin-ui-side isCollapse' : 'admin-ui-side'">
+                <div v-if="!menuIsCollapse" class="admin-ui-side-top">
                     <h2>{{ pmenu.meta.title }}</h2>
                 </div>
-                <div class="adminui-side-scroll">
+                <div class="admin-ui-side-scroll">
                     <el-scrollbar>
                         <el-menu :collapse="menuIsCollapse" :default-active="active" :unique-opened="$CONFIG.APP_SET_MENU_UNIQUE_OPENED" router>
-                            <NavMenu :navMenus="nextMenu"></NavMenu>
+                            <nav-menu :navMenus="nextMenu" />
                         </el-menu>
                     </el-scrollbar>
                 </div>
-                <div @click="$store.commit('TOGGLE_menuIsCollapse')" class="adminui-side-bottom">
+                <div @click="$store.commit('TOGGLE_menuIsCollapse')" class="admin-ui-side-bottom">
                     <el-icon>
                         <el-icon-expand v-if="menuIsCollapse" />
                         <el-icon-fold v-else />
                     </el-icon>
                 </div>
             </div>
-            <Side-m v-if="ismobile"></Side-m>
-            <div class="aminui-body el-container">
-                <Tags v-if="!ismobile && layoutTags" :vue="this"></Tags>
-                <div class="adminui-main" id="adminui-main">
+            <side-m v-if="isMobile" />
+            <div class="admin-ui-body el-container">
+                <tags v-if="!isMobile && layoutTags" :vue="this" />
+                <div class="admin-ui-main" id="admin-ui-main">
                     <router-view v-slot="{ Component }" :key="routerViewKey">
                         <keep-alive :max="5">
-                            <component v-if="$store.state.keepAlive.routeShow" :is="Component" :key="$route.fullPath" />
+                            <component v-if="$store.state['keep-alive'].routeShow" :is="Component" :key="$route.fullPath" />
                         </keep-alive>
                     </router-view>
-                    <iframe-view></iframe-view>
+                    <iframe-view />
                 </div>
             </div>
         </section>
@@ -61,8 +61,8 @@
 
     <!-- 经典布局 -->
     <template v-else-if="layout === 'menu'">
-        <header class="adminui-header">
-            <div @click="logoClick" class="adminui-header-left">
+        <header class="admin-ui-header">
+            <div @click="logoClick" class="admin-ui-header-left">
                 <div class="logo-bar">
                     <img class="logo logo-fill-color" src="@/assets/img/logo.svg" />
                     <div>
@@ -71,36 +71,36 @@
                     </div>
                 </div>
             </div>
-            <div class="adminui-header-right">
-                <userbar></userbar>
+            <div class="admin-ui-header-right">
+                <user-bar />
             </div>
         </header>
-        <section class="aminui-wrapper">
-            <div v-if="!ismobile" :class="menuIsCollapse ? 'aminui-side isCollapse' : 'aminui-side'">
-                <div class="adminui-side-scroll">
+        <section class="admin-ui-wrapper">
+            <div v-if="!isMobile" :class="menuIsCollapse ? 'admin-ui-side isCollapse' : 'admin-ui-side'">
+                <div class="admin-ui-side-scroll">
                     <el-scrollbar>
                         <el-menu :collapse="menuIsCollapse" :default-active="active" :unique-opened="$CONFIG.APP_SET_MENU_UNIQUE_OPENED" router>
-                            <NavMenu :navMenus="menu"></NavMenu>
+                            <nav-menu :navMenus="menu" />
                         </el-menu>
                     </el-scrollbar>
                 </div>
-                <div @click="$store.commit('TOGGLE_menuIsCollapse')" class="adminui-side-bottom">
+                <div @click="$store.commit('TOGGLE_menuIsCollapse')" class="admin-ui-side-bottom">
                     <el-icon>
                         <el-icon-expand v-if="menuIsCollapse" />
                         <el-icon-fold v-else />
                     </el-icon>
                 </div>
             </div>
-            <Side-m v-if="ismobile"></Side-m>
-            <div class="aminui-body el-container">
-                <Tags v-if="!ismobile && layoutTags" :vue="this"></Tags>
-                <div class="adminui-main" id="adminui-main">
+            <side-m v-if="isMobile" />
+            <div class="admin-ui-body el-container">
+                <tags v-if="!isMobile && layoutTags" :vue="this" />
+                <div class="admin-ui-main" id="admin-ui-main">
                     <router-view v-slot="{ Component }" :key="routerViewKey">
                         <keep-alive :max="5">
-                            <component v-if="$store.state.keepAlive.routeShow" :is="Component" :key="$route.fullPath" />
+                            <component v-if="$store.state['keep-alive'].routeShow" :is="Component" :key="$route.fullPath" />
                         </keep-alive>
                     </router-view>
-                    <iframe-view></iframe-view>
+                    <iframe-view />
                 </div>
             </div>
         </section>
@@ -108,8 +108,8 @@
 
     <!-- 功能坞布局 -->
     <template v-else-if="layout === 'dock'">
-        <header class="adminui-header">
-            <div @click="logoClick" class="adminui-header-left">
+        <header class="admin-ui-header">
+            <div @click="logoClick" class="admin-ui-header-left">
                 <div class="logo-bar">
                     <img class="logo logo-fill-color" src="@/assets/img/logo.svg" />
                     <div>
@@ -118,45 +118,45 @@
                     </div>
                 </div>
             </div>
-            <div class="adminui-header-right">
-                <div v-if="!ismobile" class="adminui-header-menu">
+            <div class="admin-ui-header-right">
+                <div v-if="!isMobile" class="admin-ui-header-menu">
                     <el-menu
                         :default-active="active"
                         active-text-color="var(--el-color-primary)"
                         mode="horizontal"
                         router
                         text-color="var(--el-text-color-primary)">
-                        <NavMenu :navMenus="menu"></NavMenu>
+                        <nav-menu :navMenus="menu" />
                     </el-menu>
                 </div>
-                <Side-m v-if="ismobile"></Side-m>
-                <userbar></userbar>
+                <side-m v-if="isMobile" />
+                <user-bar />
             </div>
         </header>
-        <section class="aminui-wrapper">
-            <div class="aminui-body el-container">
-                <Tags v-if="!ismobile && layoutTags" :vue="this"></Tags>
-                <div class="adminui-main" id="adminui-main">
+        <section class="admin-ui-wrapper">
+            <div class="admin-ui-body el-container">
+                <tags v-if="!isMobile && layoutTags" :vue="this" />
+                <div class="admin-ui-main" id="admin-ui-main">
                     <router-view v-slot="{ Component }" :key="routerViewKey">
                         <keep-alive :max="5">
-                            <component v-if="$store.state.keepAlive.routeShow" :is="Component" :key="$route.fullPath" />
+                            <component v-if="$store.state['keep-alive'].routeShow" :is="Component" :key="$route.fullPath" />
                         </keep-alive>
                     </router-view>
-                    <iframe-view></iframe-view>
+                    <iframe-view />
                 </div>
             </div>
         </section>
     </template>
     <!-- 默认布局 -->
     <template v-else>
-        <section class="aminui-wrapper">
-            <div v-if="!ismobile" class="aminui-side-split">
-                <div class="aminui-side-split-top">
+        <section class="admin-ui-wrapper">
+            <div v-if="!isMobile" class="admin-ui-side-split">
+                <div class="admin-ui-side-split-top">
                     <router-link :to="$CONFIG.DASHBOARD_URL">
                         <img :title="$CONFIG.APP_NAME" class="logo logo-fill-color" src="@/assets/img/logo.svg" />
                     </router-link>
                 </div>
-                <div class="adminui-side-split-scroll">
+                <div class="admin-ui-side-split-scroll">
                     <el-scrollbar>
                         <ul>
                             <li v-for="item in menu" :class="pmenu.path === item.path ? 'active' : ''" :key="item" @click="showMenu(item)">
@@ -170,38 +170,38 @@
                 </div>
             </div>
             <div
-                v-if="(!ismobile && nextMenu.length > 0) || (!pmenu.component && pmenu.meta)"
-                :class="menuIsCollapse ? 'aminui-side isCollapse' : 'aminui-side'">
-                <div v-if="!menuIsCollapse" class="adminui-side-top">
+                v-if="(!isMobile && nextMenu.length > 0) || (!pmenu.component && pmenu.meta)"
+                :class="menuIsCollapse ? 'admin-ui-side isCollapse' : 'admin-ui-side'">
+                <div v-if="!menuIsCollapse" class="admin-ui-side-top">
                     <h2>{{ pmenu.meta.title }}</h2>
                 </div>
-                <div class="adminui-side-scroll">
+                <div class="admin-ui-side-scroll">
                     <el-scrollbar>
                         <el-menu :collapse="menuIsCollapse" :default-active="active" :unique-opened="$CONFIG.APP_SET_MENU_UNIQUE_OPENED" router>
-                            <NavMenu :navMenus="nextMenu"></NavMenu>
+                            <nav-menu :navMenus="nextMenu" />
                         </el-menu>
                     </el-scrollbar>
                 </div>
-                <div @click="$store.commit('TOGGLE_menuIsCollapse')" class="adminui-side-bottom">
+                <div @click="$store.commit('TOGGLE_menuIsCollapse')" class="admin-ui-side-bottom">
                     <el-icon>
                         <el-icon-expand v-if="menuIsCollapse" />
                         <el-icon-fold v-else />
                     </el-icon>
                 </div>
             </div>
-            <Side-m v-if="ismobile"></Side-m>
-            <div class="aminui-body el-container">
-                <Topbar>
-                    <userbar></userbar>
-                </Topbar>
-                <Tags v-if="!ismobile && layoutTags" :vue="this"></Tags>
-                <div class="adminui-main" id="adminui-main">
+            <side-m v-if="isMobile" />
+            <div class="admin-ui-body el-container">
+                <topbar>
+                    <user-bar />
+                </topbar>
+                <tags v-if="!isMobile && layoutTags" :vue="this" />
+                <div class="admin-ui-main" id="admin-ui-main">
                     <router-view v-slot="{ Component }" :key="routerViewKey">
                         <keep-alive :max="5">
-                            <component v-if="$store.state.keepAlive.routeShow" :is="Component" :key="$route.fullPath" />
+                            <component v-if="$store.state['keep-alive'].routeShow" :is="Component" :key="$route.fullPath" />
                         </keep-alive>
                     </router-view>
-                    <iframe-view></iframe-view>
+                    <iframe-view />
                 </div>
             </div>
         </section>
@@ -213,26 +213,26 @@
         </el-icon>
     </div>
 
-    <auto-exit></auto-exit>
+    <auto-exit />
 </template>
 
 <script>
-import SideM from './components/sideM.vue'
-import Topbar from './components/topbar.vue'
-import Tags from './components/tags.vue'
-import NavMenu from './components/NavMenu.vue'
-import userbar from './components/userbar.vue'
-import iframeView from './components/iframeView.vue'
-import autoExit from './other/autoExit.js'
+import sideM from './components/side-m'
+import topbar from './components/topbar'
+import tags from './components/tags'
+import navMenu from './components/nav-menu'
+import userBar from './components/user-bar'
+import iframeView from './components/iframe-view'
+import autoExit from './other/auto-exit'
 
 export default {
     name: 'index',
     components: {
-        SideM,
-        Topbar,
-        Tags,
-        NavMenu,
-        userbar,
+        sideM,
+        topbar,
+        tags,
+        navMenu,
+        userBar,
         iframeView,
         autoExit,
     },
@@ -247,8 +247,8 @@ export default {
         }
     },
     computed: {
-        ismobile() {
-            return this.$store.state.global.ismobile
+        isMobile() {
+            return this.$store.state.global.isMobile
         },
         layout() {
             return this.$store.state.global.layout
@@ -285,7 +285,7 @@ export default {
             this.$router.push({ path: '/' })
         },
         onLayoutResize() {
-            this.$store.commit('SET_ismobile', document.body.clientWidth < 992)
+            this.$store.commit('SET_isMobile', document.body.clientWidth < 992)
         },
         //路由监听高亮
         showThis() {
diff --git a/src/frontend/admin/src/layout/other/autoExit.js b/src/frontend/admin/src/layout/other/auto-exit.js
similarity index 100%
rename from src/frontend/admin/src/layout/other/autoExit.js
rename to src/frontend/admin/src/layout/other/auto-exit.js
diff --git a/src/frontend/admin/src/layout/other/empty.vue b/src/frontend/admin/src/layout/other/empty.vue
index e3bc8ac8..01a0b428 100644
--- a/src/frontend/admin/src/layout/other/empty.vue
+++ b/src/frontend/admin/src/layout/other/empty.vue
@@ -1,3 +1,3 @@
 <template>
-    <router-view></router-view>
+    <router-view />
 </template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/locales/lang/en.js b/src/frontend/admin/src/locales/lang/en.js
index afbd1b6b..93b7b2f3 100644
--- a/src/frontend/admin/src/locales/lang/en.js
+++ b/src/frontend/admin/src/locales/lang/en.js
@@ -193,7 +193,6 @@ export default {
     用于登录系统: 'Used to log in to the system',
     用户代理: 'User agent',
     用户名: 'Username',
-    用户名: 'User name',
     用户注册: 'User registration',
     用户注册设置: 'User registration settings',
     用户编号: 'User ID',
diff --git a/src/frontend/admin/src/locales/lang/zh-cn.js b/src/frontend/admin/src/locales/lang/zh-cn.js
index 00cdfe47..885560e3 100644
--- a/src/frontend/admin/src/locales/lang/zh-cn.js
+++ b/src/frontend/admin/src/locales/lang/zh-cn.js
@@ -193,7 +193,6 @@ export default {
     用于登录系统: '用于登录系统',
     用户代理: '用户代理',
     用户名: '用户名',
-    用户名: '用户名',
     用户注册: '用户注册',
     用户注册设置: '用户注册设置',
     用户编号: '用户编号',
diff --git a/src/frontend/admin/src/main.js b/src/frontend/admin/src/main.js
index 10ac8dda..c86e6a35 100644
--- a/src/frontend/admin/src/main.js
+++ b/src/frontend/admin/src/main.js
@@ -6,9 +6,9 @@ import global from './global'
 import i18n from './locales'
 import router from './router'
 import store from './store'
-import App from './App.vue'
+import App from './app'
 import preload from '@/utils/preload'
-import passiveEventListener from '@/utils/passiveEventListener'
+import passiveEventListener from '@/utils/passive-event-listener'
 
 const app = createApp(App)
 app.use(ElementPlus)
diff --git a/src/frontend/admin/src/router/index.js b/src/frontend/admin/src/router/index.js
index d712ae06..0a1e3dd1 100644
--- a/src/frontend/admin/src/router/index.js
+++ b/src/frontend/admin/src/router/index.js
@@ -3,15 +3,15 @@ import { ElNotification } from 'element-plus'
 import config from '@/config'
 import NProgress from 'nprogress'
 import 'nprogress/nprogress.css'
-import systemRouter from './systemRouter'
+import systemRouter from './system-router'
 import userRoutes from '@/config/route'
-import { afterEach, beforeEach } from './scrollBehavior'
+import { afterEach, beforeEach } from './scroll-behavior'
 
 // 匹配views里面所有的.vue文件
 const modules = import.meta.glob('./../views/**/*.vue')
 const otherModules = {
-    404: () => import('../layout/other/404.vue'),
-    empty: () => import('../layout/other/empty.vue'),
+    404: () => import('../layout/other/404'),
+    empty: () => import('../layout/other/empty'),
 }
 
 //系统路由
@@ -85,8 +85,8 @@ router.beforeEach(async (to, from, next) => {
     next()
 })
 
-router.afterEach((to, from) => {
-    afterEach(to, from)
+router.afterEach(async (to, from) => {
+    await afterEach(to, from)
     NProgress.done()
 })
 
diff --git a/src/frontend/admin/src/router/scrollBehavior.js b/src/frontend/admin/src/router/scroll-behavior.js
similarity index 67%
rename from src/frontend/admin/src/router/scrollBehavior.js
rename to src/frontend/admin/src/router/scroll-behavior.js
index 8ce112a4..1f4c0483 100644
--- a/src/frontend/admin/src/router/scrollBehavior.js
+++ b/src/frontend/admin/src/router/scroll-behavior.js
@@ -2,7 +2,7 @@ import store from '@/store'
 import { nextTick } from 'vue'
 
 export function beforeEach(to, from) {
-    const adminMain = document.querySelector('#adminui-main')
+    const adminMain = document.querySelector('#admin-ui-main')
     if (!adminMain) {
         return false
     }
@@ -13,12 +13,12 @@ export function beforeEach(to, from) {
 }
 
 export async function afterEach(to) {
-    const adminMain = document.querySelector('#adminui-main')
+    const adminMain = document.querySelector('#admin-ui-main')
     if (!adminMain) {
         return false
     }
     await nextTick(() => {
-        const beforeRoute = store.state.viewTags.viewTags.filter((v) => v.fullPath === to.fullPath)[0]
+        const beforeRoute = store.state['view-tags']['view-tags'].filter((v) => v.fullPath === to.fullPath)[0]
         if (beforeRoute) {
             adminMain.scrollTop = beforeRoute.scrollTop || 0
         }
diff --git a/src/frontend/admin/src/router/systemRouter.js b/src/frontend/admin/src/router/system-router.js
similarity index 93%
rename from src/frontend/admin/src/router/systemRouter.js
rename to src/frontend/admin/src/router/system-router.js
index c0952522..f9d44bd6 100644
--- a/src/frontend/admin/src/router/systemRouter.js
+++ b/src/frontend/admin/src/router/system-router.js
@@ -17,7 +17,7 @@ const routes = [
                 children: [
                     {
                         path: '/profile/settings',
-                        component: () => import(/* webpackChunkName: "userRegister" */ '@/views/profile/settings.vue'),
+                        component: () => import(/* webpackChunkName: "userRegister" */ '@/views/profile/settings'),
                         meta: {
                             title: '系统设置',
                         },
@@ -45,7 +45,7 @@ const routes = [
                     },
                     {
                         path: '/profile/logs',
-                        component: () => import(/* webpackChunkName: "userRegister" */ '@/views/profile/logs.vue'),
+                        component: () => import(/* webpackChunkName: "userRegister" */ '@/views/profile/logs'),
                         meta: {
                             title: '登录日志',
                         },
@@ -63,14 +63,14 @@ const routes = [
     },
     {
         path: '/guest/register',
-        component: () => import(/* webpackChunkName: "userRegister" */ '@/views/guest/register.vue'),
+        component: () => import(/* webpackChunkName: "userRegister" */ '@/views/guest/register'),
         meta: {
             title: '注册',
         },
     },
     {
         path: '/guest/reset-password',
-        component: () => import(/* webpackChunkName: "resetPassword" */ '@/views/guest/resetPassword'),
+        component: () => import(/* webpackChunkName: "resetPassword" */ '@/views/guest/reset-password'),
         meta: {
             title: '重置密码',
         },
diff --git a/src/frontend/admin/src/store/modules/global.js b/src/frontend/admin/src/store/modules/global.js
index 49a37f1c..04ebc622 100644
--- a/src/frontend/admin/src/store/modules/global.js
+++ b/src/frontend/admin/src/store/modules/global.js
@@ -3,7 +3,7 @@ import config from '@/config'
 export default {
     state: {
         //移动端布局
-        ismobile: false,
+        isMobile: false,
         //布局
         layout: config.APP_SET_LAYOUT,
         //菜单是否折叠 toggle
@@ -14,8 +14,8 @@ export default {
         theme: config.THEME,
     },
     mutations: {
-        SET_ismobile(state, key) {
-            state.ismobile = key
+        SET_isMobile(state, key) {
+            state.isMobile = key
         },
         SET_layout(state, key) {
             state.layout = key
diff --git a/src/frontend/admin/src/store/modules/keepAlive.js b/src/frontend/admin/src/store/modules/keep-alive.js
similarity index 100%
rename from src/frontend/admin/src/store/modules/keepAlive.js
rename to src/frontend/admin/src/store/modules/keep-alive.js
diff --git a/src/frontend/admin/src/store/modules/viewTags.js b/src/frontend/admin/src/store/modules/view-tags.js
similarity index 60%
rename from src/frontend/admin/src/store/modules/viewTags.js
rename to src/frontend/admin/src/store/modules/view-tags.js
index 66acd967..01490542 100644
--- a/src/frontend/admin/src/store/modules/viewTags.js
+++ b/src/frontend/admin/src/store/modules/view-tags.js
@@ -2,30 +2,30 @@ import router from '@/router'
 
 export default {
     state: {
-        viewTags: [],
+        'view-tags': [],
     },
     mutations: {
         pushViewTags(state, route) {
-            let backPathIndex = state.viewTags.findIndex((item) => item.fullPath === router.options.history.state.back)
-            let target = state.viewTags.find((item) => item.fullPath === route.fullPath)
+            let backPathIndex = state['view-tags'].findIndex((item) => item.fullPath === router.options.history.state.back)
+            let target = state['view-tags'].find((item) => item.fullPath === route.fullPath)
             let isName = route.name
             if (!target && isName) {
                 if (backPathIndex === -1) {
-                    state.viewTags.push(route)
+                    state['view-tags'].push(route)
                 } else {
-                    state.viewTags.splice(backPathIndex + 1, 0, route)
+                    state['view-tags'].splice(backPathIndex + 1, 0, route)
                 }
             }
         },
         removeViewTags(state, route) {
-            state.viewTags.forEach((item, index) => {
+            state['view-tags'].forEach((item, index) => {
                 if (item.fullPath === route.fullPath) {
-                    state.viewTags.splice(index, 1)
+                    state['view-tags'].splice(index, 1)
                 }
             })
         },
         updateViewTags(state, route) {
-            state.viewTags.forEach((item) => {
+            state['view-tags'].forEach((item) => {
                 if (item.fullPath === route.fullPath) {
                     item = Object.assign(item, route)
                 }
@@ -33,14 +33,14 @@ export default {
         },
         updateViewTagsTitle(state, title = '') {
             const nowFullPath = location.hash.substring(1)
-            state.viewTags.forEach((item) => {
+            state['view-tags'].forEach((item) => {
                 if (item.fullPath === nowFullPath) {
                     item.meta.title = title
                 }
             })
         },
         clearViewTags(state) {
-            state.viewTags = []
+            state['view-tags'] = []
         },
     },
 }
\ No newline at end of file
diff --git a/src/frontend/admin/src/style/app.scss b/src/frontend/admin/src/style/app.scss
index 9b6bacb6..d811537a 100644
--- a/src/frontend/admin/src/style/app.scss
+++ b/src/frontend/admin/src/style/app.scss
@@ -46,12 +46,12 @@ textarea {
 }
 
 /* 大布局样式 */
-.aminui {
+.admin-ui {
     display: flex;
     flex-flow: column;
 }
 
-.aminui-wrapper {
+.admin-ui-wrapper {
     display: flex;
     flex: 1;
     overflow: auto;
@@ -106,7 +106,7 @@ textarea {
 }
 
 /* 头部 */
-.adminui-header {
+.admin-ui-header {
     height: 4rem;
     background: var(--el-color-white);
     display: flex;
@@ -114,26 +114,26 @@ textarea {
     border-bottom: var(--el-border-color-lighter) 1px solid;
 }
 
-.adminui-header-left {
+.admin-ui-header-left {
     cursor: pointer;
     display: flex;
     align-items: center;
     padding-left: 1rem;
 }
 
-.adminui-header-right {
+.admin-ui-header-right {
     display: flex;
     align-items: center;
 }
 
-.adminui-header .logo-bar {
+.admin-ui-header .logo-bar {
     font-size: 1.5rem;
     font-weight: bold;
     display: flex;
     align-items: center;
 }
 
-.adminui-header .logo-bar .logo {
+.admin-ui-header .logo-bar .logo {
     margin-right: 1rem;
     width: 3rem;
     height: 3rem;
@@ -145,13 +145,13 @@ textarea {
     filter: drop-shadow(var(--el-color-primary) 10000px 0);
 }
 
-.adminui-header .nav {
+.admin-ui-header .nav {
     display: flex;
     height: 100%;
     margin-left: 3rem;
 }
 
-.adminui-header .nav li {
+.admin-ui-header .nav li {
     padding: 0 1rem;
     margin: 0 1rem 0 0;
     font-size: 1.1rem;
@@ -163,18 +163,18 @@ textarea {
     cursor: pointer;
 }
 
-.adminui-header .nav li i {
+.admin-ui-header .nav li i {
     margin-right: 0.3rem;
 }
 
-.adminui-header .nav li:hover {
+.admin-ui-header .nav li:hover {
 }
 
-.adminui-header .nav li.active {
+.admin-ui-header .nav li.active {
     color: var(--el-color-primary);
 }
 
-.adminui-header .user-bar .panel-item:hover {
+.admin-ui-header .user-bar .panel-item:hover {
     background: rgba(255, 255, 255, 0.1) !important;
 }
 
@@ -183,7 +183,7 @@ textarea {
 }
 
 /* 左侧菜单 */
-.aminui-side-split {
+.admin-ui-side-split {
     width: 5rem;
     flex-shrink: 0;
     background: var(--el-color-white);
@@ -193,11 +193,11 @@ textarea {
     border-right: var(--el-border-color-lighter) 1px solid;
 }
 
-.aminui-side-split-top {
+.admin-ui-side-split-top {
     height: 4rem;
 }
 
-.aminui-side-split-top a {
+.admin-ui-side-split-top a {
     width: 100%;
     height: 100%;
     display: flex;
@@ -205,19 +205,19 @@ textarea {
     justify-content: center;
 }
 
-.aminui-side-split-top .logo {
+.admin-ui-side-split-top .logo {
     height: 3rem;
     vertical-align: bottom;
 }
 
-.adminui-side-split-scroll {
+.admin-ui-side-split-scroll {
     overflow: auto;
     overflow-x: hidden;
     height: 100%;
     flex: 1;
 }
 
-.aminui-side-split li {
+.admin-ui-side-split li {
     cursor: pointer;
     width: 5rem;
     height: 5rem;
@@ -228,41 +228,41 @@ textarea {
     justify-content: center;
 }
 
-.aminui-side-split li i {
+.admin-ui-side-split li i {
     font-size: 1.5rem;
 }
 
-.aminui-side-split li p {
+.admin-ui-side-split li p {
     margin-top: 0.5rem;
 }
 
-.aminui-side-split li:hover {
+.admin-ui-side-split li:hover {
     background: rgba(255, 255, 255, 0.1);
 }
 
-.aminui-side-split li.active {
+.admin-ui-side-split li.active {
     background: var(--el-color-primary);
     color: var(--el-color-white);
 }
 
-.adminui-side-split-scroll::-webkit-scrollbar-thumb {
+.admin-ui-side-split-scroll::-webkit-scrollbar-thumb {
     background-color: rgba(255, 255, 255, 0.4);
     border-radius: 0.4rem;
 }
 
-.adminui-side-split-scroll::-webkit-scrollbar-thumb:hover {
+.admin-ui-side-split-scroll::-webkit-scrollbar-thumb:hover {
     background-color: rgba(255, 255, 255, 0.5);
 }
 
-.adminui-side-split-scroll::-webkit-scrollbar-track {
+.admin-ui-side-split-scroll::-webkit-scrollbar-track {
     background-color: rgba(255, 255, 255, 0);
 }
 
-.adminui-side-split-scroll::-webkit-scrollbar-track:hover {
+.admin-ui-side-split-scroll::-webkit-scrollbar-track:hover {
     background-color: rgba(255, 255, 255, 0);
 }
 
-.aminui-side {
+.admin-ui-side {
     display: flex;
     flex-flow: column;
     flex-shrink: 0;
@@ -272,25 +272,25 @@ textarea {
     transition: width 0.3s;
 }
 
-.adminui-side-top {
+.admin-ui-side-top {
     border-bottom: 1px solid var(--el-border-color-lighter);
     height: 4rem;
     line-height: 4rem;
 }
 
-.adminui-side-top h2 {
+.admin-ui-side-top h2 {
     padding: 0 var(--el-menu-base-level-padding);
     font-size: 1.3rem;
     color: var(--el-text-color-primary);
 }
 
-.adminui-side-scroll {
+.admin-ui-side-scroll {
     overflow: auto;
     overflow-x: hidden;
     flex: 1;
 }
 
-.adminui-side-bottom {
+.admin-ui-side-bottom {
     border-top: 1px solid var(--el-border-color-lighter);
     height: 4rem;
     cursor: pointer;
@@ -299,15 +299,15 @@ textarea {
     justify-content: center;
 }
 
-.adminui-side-bottom i {
+.admin-ui-side-bottom i {
     font-size: 1.3rem;
 }
 
-.adminui-side-bottom:hover {
+.admin-ui-side-bottom:hover {
     color: var(--el-color-primary);
 }
 
-.aminui-side.isCollapse {
+.admin-ui-side.isCollapse {
     width: 5rem;
 }
 
@@ -328,13 +328,13 @@ textarea {
 }
 
 /* 右侧内容 */
-.aminui-body {
+.admin-ui-body {
     flex: 1;
     display: flex;
     flex-flow: column;
 }
 
-.adminui-topbar {
+.admin-ui-topbar {
     height: 3rem;
     border-bottom: 1px solid var(--el-border-color-lighter);
     background: var(--el-color-white);
@@ -342,12 +342,12 @@ textarea {
     justify-content: space-between;
 }
 
-.adminui-topbar .left-panel {
+.admin-ui-topbar .left-panel {
     display: flex;
     align-items: center;
 }
 
-.adminui-topbar .right-panel {
+.admin-ui-topbar .right-panel {
     display: flex;
     align-items: center;
 }
@@ -359,18 +359,18 @@ textarea {
     gap: 0.5rem;
 }
 
-.adminui-tags {
+.admin-ui-tags {
     height: 3rem;
     background: var(--el-color-white);
     border-bottom: 1px solid var(--el-border-color-light);
 }
 
-.adminui-tags ul {
+.admin-ui-tags ul {
     display: flex;
     overflow: hidden;
 }
 
-.adminui-tags li {
+.admin-ui-tags li {
     cursor: pointer;
     display: inline-block;
     height: calc(3rem - 1px);
@@ -379,7 +379,7 @@ textarea {
     flex-shrink: 0;
 }
 
-.adminui-tags li::after {
+.admin-ui-tags li::after {
     content: ' ';
     width: 1px;
     height: 100%;
@@ -388,7 +388,7 @@ textarea {
     background-image: linear-gradient(var(--el-color-white), var(--el-border-color-light));
 }
 
-.adminui-tags li a {
+.admin-ui-tags li a {
     padding: 0 1rem;
     width: 100%;
     height: 100%;
@@ -398,7 +398,7 @@ textarea {
     align-items: center;
 }
 
-.adminui-tags li i {
+.admin-ui-tags li i {
     margin-left: 1rem;
     border-radius: 0.3rem;
     width: 1.3rem;
@@ -408,44 +408,44 @@ textarea {
     justify-content: center;
 }
 
-.adminui-tags li i:hover {
+.admin-ui-tags li i:hover {
     background: rgba(0, 0, 0, 0.2);
     color: var(--el-color-white);
 }
 
-.adminui-tags li:hover {
+.admin-ui-tags li:hover {
     background: var(--el-fill-color-dark);
 }
 
-.adminui-tags li.active {
+.admin-ui-tags li.active {
     background: var(--el-color-primary);
 }
 
-.adminui-tags li.active a {
+.admin-ui-tags li.active a {
     color: var(--el-color-white);
 }
 
-.adminui-tags li.sortable-ghost {
+.admin-ui-tags li.sortable-ghost {
     opacity: 0;
 }
 
-.adminui-main {
+.admin-ui-main {
     overflow: auto;
     background-color: var(--el-bg-color);
     flex: 1;
 }
 
 /*页面最大化*/
-.aminui.main-maximize {
+.admin-ui.main-maximize {
     .main-maximize-exit {
         display: block;
     }
 
-    .aminui-side-split,
-    .aminui-side,
-    .adminui-header,
-    .adminui-topbar,
-    .adminui-tags {
+    .admin-ui-side-split,
+    .admin-ui-side,
+    .admin-ui-header,
+    .admin-ui-topbar,
+    .admin-ui-tags {
         display: none;
     }
 }
diff --git a/src/frontend/admin/src/style/dark.scss b/src/frontend/admin/src/style/dark.scss
index eb8108e2..633835b6 100644
--- a/src/frontend/admin/src/style/dark.scss
+++ b/src/frontend/admin/src/style/dark.scss
@@ -25,42 +25,42 @@ html.dark {
     }
 
     //框架
-    .adminui-header {
+    .admin-ui-header {
         background: var(--el-bg-color-overlay);
         border-bottom: 1px solid var(--el-border-color-light);
         height: 4rem;
     }
 
-    .aminui-side-split {
+    .admin-ui-side-split {
         background: var(--el-bg-color);
         border-color: var(--el-bg-color);
     }
 
-    .aminui-side-split li {
+    .admin-ui-side-split li {
         color: var(--el-text-color-primary);
     }
 
-    .aminui-side {
+    .admin-ui-side {
         background: var(--el-bg-color-overlay);
         border-color: var(--el-border-color-light);
     }
 
-    .adminui-side-top,
-    .adminui-side-bottom {
+    .admin-ui-side-top,
+    .admin-ui-side-bottom {
         border-color: var(--el-border-color-light);
     }
 
-    .adminui-side-top h2 {
+    .admin-ui-side-top h2 {
         color: var(--el-text-color-primary);
     }
 
-    .adminui-topbar,
-    .adminui-tags {
+    .admin-ui-topbar,
+    .admin-ui-tags {
         background: var(--el-bg-color-overlay);
         border-color: var(--el-border-color-light);
     }
 
-    .adminui-main {
+    .admin-ui-main {
         background: var(--el-bg-color);
     }
 
@@ -68,7 +68,7 @@ html.dark {
         background: var(--el-bg-color);
     }
 
-    .adminui-header-menu .el-menu {
+    .admin-ui-header-menu .el-menu {
         --el-menu-bg-color: var(--el-bg-color-overlay) !important;
         --el-menu-hover-bg-color: #171819 !important;
     }
diff --git a/src/frontend/admin/src/style/fix.scss b/src/frontend/admin/src/style/fix.scss
index 413829dd..75719aca 100644
--- a/src/frontend/admin/src/style/fix.scss
+++ b/src/frontend/admin/src/style/fix.scss
@@ -246,15 +246,15 @@
     font-size: 0.9rem;
 }
 
-.aminui-side-split li.active {
+.admin-ui-side-split li.active {
     background-color: var(--el-color-primary);
 }
 
-.adminui-tags li:hover {
+.admin-ui-tags li:hover {
     background-color: var(--el-color-primary-light-9);
 }
 
-.adminui-tags li.active {
+.admin-ui-tags li.active {
     background-color: var(--el-color-primary) !important;
 }
 
@@ -333,6 +333,6 @@
     color: var(--el-text-color-regular);
 }
 
-.adminui-header .el-drawer__header {
+.admin-ui-header .el-drawer__header {
     margin-bottom: 0;
 }
\ No newline at end of file
diff --git a/src/frontend/admin/src/style/media.scss b/src/frontend/admin/src/style/media.scss
index d9c846b7..d1b1b883 100644
--- a/src/frontend/admin/src/style/media.scss
+++ b/src/frontend/admin/src/style/media.scss
@@ -21,7 +21,7 @@
         margin-left: 0 !important;
     }
 
-    .adminui-main {
+    .admin-ui-main {
         > .el-container {
             display: block;
             height: auto;
@@ -83,49 +83,49 @@
             margin-top: 1rem;
         }
     }
-    .adminui-main > .el-container > *:first-child:not(.el-aside):not(.el-header) {
+    .admin-ui-main > .el-container > *:first-child:not(.el-aside):not(.el-header) {
         border: 0;
         margin-top: 0;
     }
-    .adminui-main > .el-container > *:first-child:not(.el-aside):not(.el-header) + .el-aside {
+    .admin-ui-main > .el-container > *:first-child:not(.el-aside):not(.el-header) + .el-aside {
         margin-top: 0;
     }
-    .adminui-main > .el-container > .el-aside {
+    .admin-ui-main > .el-container > .el-aside {
         border-bottom: 1px solid var(--el-border-color-light) !important;
     }
-    .adminui-main > .el-container > .el-container {
+    .admin-ui-main > .el-container > .el-container {
         border-top: 1px solid var(--el-border-color-light);
         border-bottom: 1px solid var(--el-border-color-light);
         margin-top: 1rem;
     }
-    .adminui-main > .el-container > .el-container + .el-aside {
+    .admin-ui-main > .el-container > .el-container + .el-aside {
         border-top: 1px solid var(--el-border-color-light);
         margin-top: 1rem;
     }
-    .adminui-main > .el-container > .el-header {
+    .admin-ui-main > .el-container > .el-header {
         @extend .headerPublic;
     }
-    .adminui-main > .el-container > .el-main.nopadding {
+    .admin-ui-main > .el-container > .el-main.nopadding {
         border-top: 1px solid var(--el-border-color-light);
         border-bottom: 1px solid var(--el-border-color-light);
         margin-top: 1rem;
     }
-    .adminui-main > .el-container > .el-main + .el-aside {
+    .admin-ui-main > .el-container > .el-main + .el-aside {
         border-left: 0 !important;
         border-top: 1px solid var(--el-border-color-light);
         margin-top: 1rem;
     }
-    .adminui-main > .el-container > .el-footer {
+    .admin-ui-main > .el-container > .el-footer {
         margin-top: 1rem;
         border-bottom: 1px solid var(--el-border-color-light);
     }
-    .adminui-main > .el-container .el-header {
+    .admin-ui-main > .el-container .el-header {
         @extend .headerPublic;
     }
-    .adminui-main > .el-container .el-header .left-panel {
+    .admin-ui-main > .el-container .el-header .left-panel {
         display: block;
     }
-    .adminui-main > .el-container .el-header .right-panel {
+    .admin-ui-main > .el-container .el-header .right-panel {
         display: block;
         margin-top: 1rem;
     }
diff --git a/src/frontend/admin/src/utils/errorHandler.js b/src/frontend/admin/src/utils/error-handler.js
similarity index 100%
rename from src/frontend/admin/src/utils/errorHandler.js
rename to src/frontend/admin/src/utils/error-handler.js
diff --git a/src/frontend/admin/src/utils/passiveEventListener.js b/src/frontend/admin/src/utils/passive-event-listener.js
similarity index 100%
rename from src/frontend/admin/src/utils/passiveEventListener.js
rename to src/frontend/admin/src/utils/passive-event-listener.js
diff --git a/src/frontend/admin/src/utils/request.js b/src/frontend/admin/src/utils/request.js
index 41053e36..1b7e08be 100644
--- a/src/frontend/admin/src/utils/request.js
+++ b/src/frontend/admin/src/utils/request.js
@@ -6,7 +6,7 @@ import router from '@/router'
 import { h } from 'vue'
 import jsonBigInt from 'json-bigint'
 
-import i18 from '@/locales/index'
+import i18 from '@/locales'
 
 axios.defaults.baseURL = ''
 
diff --git a/src/frontend/admin/src/utils/tool.js b/src/frontend/admin/src/utils/tool.js
index 664ce6f6..8498b4c6 100644
--- a/src/frontend/admin/src/utils/tool.js
+++ b/src/frontend/admin/src/utils/tool.js
@@ -57,7 +57,7 @@ tool.time = {
             return target.format('YYYY-MM-DD')
         }
 
-        let result = ''
+        let result
         if (absDiff < 60) {
             // 1分钟内
             result = _this.$t(`{n} 秒`, { n: Math.floor(absDiff) })
@@ -221,11 +221,11 @@ tool.cookie = {
 }
 
 /* Fullscreen */
-tool.screen = function (element) {
+tool.screen = async function (element) {
     const isFull = !!(document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement || document.fullscreenElement)
     if (isFull) {
         if (document.exitFullscreen) {
-            document.exitFullscreen()
+            await document.exitFullscreen()
         } else if (document.msExitFullscreen) {
             document.msExitFullscreen()
         } else if (document.mozCancelFullScreen) {
@@ -365,7 +365,7 @@ tool.recursiveFindProperty = function (obj, propName, propValue, result = [], vi
 tool.refreshTab = function (_this) {
     _this.$parent.keepAliveList = []
     _this.contextMenuVisible = false
-    const tag = _this.$store.state.viewTags.viewTags.find((x) => x.fullPath === _this.$route.fullPath)
+    const tag = _this.$store.state['view-tags']['view-tags'].find((x) => x.fullPath === _this.$route.fullPath)
     //判断是否当前路由，否的话跳转
     if (_this.$route.fullPath !== tag.fullPath) {
         _this.$router.push({
diff --git a/src/frontend/admin/src/utils/useTabs.js b/src/frontend/admin/src/utils/use-tabs.js
similarity index 89%
rename from src/frontend/admin/src/utils/useTabs.js
rename to src/frontend/admin/src/utils/use-tabs.js
index 252dc7be..dfe1023d 100644
--- a/src/frontend/admin/src/utils/useTabs.js
+++ b/src/frontend/admin/src/utils/use-tabs.js
@@ -23,7 +23,7 @@ export default {
         store.commit('removeViewTags', route)
         store.commit('removeIframeList', route)
         store.commit('removeKeepLive', route.name)
-        const tagList = store.state.viewTags.viewTags
+        const tagList = store.state['view-tags']['view-tags']
         const latestView = tagList.slice(-1)[0]
         if (latestView) {
             router.push(latestView)
@@ -38,14 +38,14 @@ export default {
         store.commit('removeIframeList', route)
         store.commit('removeKeepLive', route.name)
         if (next) {
-            const tagList = store.state.viewTags.viewTags
+            const tagList = store.state['view-tags']['view-tags']
             next(tagList)
         }
     },
     //关闭其他
     closeOther() {
         const route = router.currentRoute.value
-        const tagList = [...store.state.viewTags.viewTags]
+        const tagList = [...store.state['view-tags']['view-tags']]
         tagList.forEach((tag) => {
             if ((tag.meta && tag.meta.affix) || route.fullPath === tag.fullPath) {
                 return true
diff --git a/src/frontend/admin/src/views/dev/code/index.vue b/src/frontend/admin/src/views/dev/code/index.vue
index 42c6c639..d8d2dab0 100644
--- a/src/frontend/admin/src/views/dev/code/index.vue
+++ b/src/frontend/admin/src/views/dev/code/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <router-view></router-view>
+    <router-view />
     <el-main>
         <el-row :gutter="15">
             <el-col :lg="6" :md="8" :sm="12" :xl="6" :xs="24">
@@ -30,13 +30,13 @@
                         <div class="title">
                             <h2>{{ $t('生成后端代码') }}</h2>
                             <p>
-                                <el-input v-model="formCs.type" :placeholder="$t('模块类型')"></el-input>
+                                <el-input v-model="formCs.type" :placeholder="$t('模块类型')" />
                             </p>
                             <p>
-                                <el-input v-model="formCs.moduleName" :placeholder="$t('模块名称')"></el-input>
+                                <el-input v-model="formCs.moduleName" :placeholder="$t('模块名称')" />
                             </p>
                             <p>
-                                <el-input v-model="formCs.moduleRemark" :placeholder="$t('模块说明')"></el-input>
+                                <el-input v-model="formCs.moduleRemark" :placeholder="$t('模块说明')" />
                             </p>
                             <p>
                                 <el-button @click="generateCsCode()">{{ $t('生成') }}</el-button>
@@ -56,10 +56,10 @@
                         <div class="title">
                             <h2>{{ $t('生成图标代码') }}</h2>
                             <p>
-                                <el-input v-model="form.iconName" :placeholder="$t('图标名称')"></el-input>
+                                <el-input v-model="form.iconName" :placeholder="$t('图标名称')" />
                             </p>
                             <p>
-                                <el-input v-model="form.svgCode" :placeholder="$t('粘贴SVG代码')"></el-input>
+                                <el-input v-model="form.svgCode" :placeholder="$t('粘贴SVG代码')" />
                             </p>
                             <p>
                                 <el-row align="middle">
@@ -86,13 +86,13 @@
                         <div class="title">
                             <h2>{{ $t('生成表格代码') }}</h2>
                             <p>
-                                <el-input v-model="form.summaryInfo" :placeholder="$t('注释信息')" type="textarea"></el-input>
+                                <el-input v-model="form.summaryInfo" :placeholder="$t('注释信息')" type="textarea" />
                             </p>
                             <p>
-                                <el-input v-model="form.tableCode" :placeholder="$t('表格代码')" type="textarea"></el-input>
+                                <el-input v-model="form.tableCode" :placeholder="$t('表格代码')" type="textarea" />
                             </p>
                             <p>
-                                <el-input v-model="form.formCode" :placeholder="$t('表单代码')" type="textarea"></el-input>
+                                <el-input v-model="form.formCode" :placeholder="$t('表单代码')" type="textarea" />
                             </p>
                             <p>
                                 <el-button @click="generateTableCode()">{{ $t('生成') }}</el-button>
diff --git a/src/frontend/admin/src/views/guest/components/commonPage.vue b/src/frontend/admin/src/views/guest/components/common-page.vue
similarity index 95%
rename from src/frontend/admin/src/views/guest/components/commonPage.vue
rename to src/frontend/admin/src/views/guest/components/common-page.vue
index 9ce88940..478dad8e 100644
--- a/src/frontend/admin/src/views/guest/components/commonPage.vue
+++ b/src/frontend/admin/src/views/guest/components/common-page.vue
@@ -16,7 +16,7 @@
             <div class="common-container">
                 <h2 class="common-title">{{ title }}</h2>
                 <div class="common-main el-card">
-                    <slot></slot>
+                    <slot />
                 </div>
             </div>
         </el-main>
@@ -31,4 +31,4 @@ export default {
 }
 </script>
 
-<style></style>
\ No newline at end of file
+<style />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/guest/components/passwordForm.vue b/src/frontend/admin/src/views/guest/components/password-form.vue
similarity index 97%
rename from src/frontend/admin/src/views/guest/components/passwordForm.vue
rename to src/frontend/admin/src/views/guest/components/password-form.vue
index cdc339b4..7a281ee4 100644
--- a/src/frontend/admin/src/views/guest/components/passwordForm.vue
+++ b/src/frontend/admin/src/views/guest/components/password-form.vue
@@ -1,14 +1,14 @@
 <template>
     <el-form :model="form" :rules="rules" @keyup.enter="login" label-width="0" ref="loginForm" size="large">
         <el-form-item prop="account">
-            <el-input v-model="form.account" :placeholder="$t('用户名 / 手机 / 邮箱')" clearable prefix-icon="el-icon-user"></el-input>
+            <el-input v-model="form.account" :placeholder="$t('用户名 / 手机 / 邮箱')" clearable prefix-icon="el-icon-user" />
         </el-form-item>
         <el-form-item prop="password">
-            <el-input v-model="form.password" :placeholder="$t('请输入密码')" clearable prefix-icon="el-icon-lock" show-password></el-input>
+            <el-input v-model="form.password" :placeholder="$t('请输入密码')" clearable prefix-icon="el-icon-lock" show-password />
         </el-form-item>
         <el-form-item style="margin-bottom: 1rem">
             <el-col :span="12">
-                <el-checkbox v-model="autoLogin" :label="$t('24小时免登录')"></el-checkbox>
+                <el-checkbox v-model="autoLogin" :label="$t('24小时免登录')" />
             </el-col>
             <el-col :span="12" class="login-forgot">
                 <router-link to="/guest/reset-password">{{ $t('忘记密码？') }}</router-link>
@@ -80,4 +80,4 @@ export default {
 }
 </script>
 
-<style></style>
\ No newline at end of file
+<style />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/guest/components/phoneForm.vue b/src/frontend/admin/src/views/guest/components/phone-form.vue
similarity index 89%
rename from src/frontend/admin/src/views/guest/components/phoneForm.vue
rename to src/frontend/admin/src/views/guest/components/phone-form.vue
index 0d74179f..9099b8ff 100644
--- a/src/frontend/admin/src/views/guest/components/phoneForm.vue
+++ b/src/frontend/admin/src/views/guest/components/phone-form.vue
@@ -6,7 +6,7 @@
             :vue="this"
             code-field="code"
             form-name="loginForm"
-            phone-field="destDevice"></na-form-phone>
+            phone-field="destDevice" />
         <el-form-item>
             <el-button :loading="loading" @click="login" class="w100p" round type="primary">{{ $t('登录') }}</el-button>
         </el-form-item>
@@ -17,8 +17,8 @@
     </el-form>
 </template>
 <script>
-import naFormPhone from '@/components/naFormPhone'
-import phoneConfig from '@/config/naFormPhone'
+import naFormPhone from '@/components/na-form-phone'
+import phoneConfig from '@/config/na-form-phone'
 
 export default {
     components: {
@@ -56,4 +56,4 @@ export default {
     },
 }
 </script>
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/guest/login.vue b/src/frontend/admin/src/views/guest/login.vue
index ecbd5281..f03bef68 100644
--- a/src/frontend/admin/src/views/guest/login.vue
+++ b/src/frontend/admin/src/views/guest/login.vue
@@ -2,7 +2,7 @@
     <div class="login_bg">
         <div class="login_main">
             <div class="login_config">
-                <el-button :icon="config.dark ? 'el-icon-sunny' : 'el-icon-moon'" @click="configDark" circle type="info"></el-button>
+                <el-button :icon="config.dark ? 'el-icon-sunny' : 'el-icon-moon'" @click="configDark" circle type="info" />
                 <el-dropdown @command="configLang" placement="bottom-end" trigger="click">
                     <el-button circle>
                         <svg
@@ -39,10 +39,10 @@
                 </div>
                 <el-tabs>
                     <el-tab-pane :label="$t('账号登录')" lazy>
-                        <password-form></password-form>
+                        <password-form />
                     </el-tab-pane>
                     <el-tab-pane :label="$t('手机号登录')" lazy>
-                        <phone-form></phone-form>
+                        <phone-form />
                     </el-tab-pane>
                 </el-tabs>
             </div>
@@ -51,8 +51,8 @@
 </template>
 
 <script>
-import passwordForm from './components/passwordForm'
-import phoneForm from './components/phoneForm'
+import passwordForm from './components/password-form'
+import phoneForm from './components/phone-form'
 import $CONFIG from '@/config'
 
 export default {
diff --git a/src/frontend/admin/src/views/guest/register.vue b/src/frontend/admin/src/views/guest/register.vue
index 913257db..29e7667e 100644
--- a/src/frontend/admin/src/views/guest/register.vue
+++ b/src/frontend/admin/src/views/guest/register.vue
@@ -7,17 +7,11 @@
         </el-steps>
         <el-form v-if="stepActive === 0" :model="form" :rules="rules" @keyup.enter="next" label-width="15rem" ref="stepForm_0" size="large">
             <el-form-item :label="$t('登录账号')" prop="userName">
-                <el-input v-model="form.userName" :placeholder="$t('请输入登录账号')" clearable maxlength="16"></el-input>
+                <el-input v-model="form.userName" :placeholder="$t('请输入登录账号')" clearable maxlength="16" />
             </el-form-item>
             <el-form-item :label="$t('登录密码')" prop="passwordText">
-                <el-input
-                    v-model="form.passwordText"
-                    :placeholder="$t('请输入登录密码')"
-                    clearable
-                    maxlength="16"
-                    show-password
-                    type="password"></el-input>
-                <scPasswordStrength v-model="form.passwordText"></scPasswordStrength>
+                <el-input v-model="form.passwordText" :placeholder="$t('请输入登录密码')" clearable maxlength="16" show-password type="password" />
+                <sc-password-strength v-model="form.passwordText" />
                 <div class="el-form-item-msg">{{ $t('请输入包含英文、数字的8位以上密码') }}</div>
             </el-form-item>
             <el-form-item :label="$t('确认密码')" prop="passwordText2">
@@ -27,10 +21,10 @@
                     clearable
                     maxlength="16"
                     show-password
-                    type="password"></el-input>
+                    type="password" />
             </el-form-item>
             <el-form-item :label="$t('邀请码')" prop="inviter">
-                <el-input v-model="form.inviter" :placeholder="$t('请输入邀请码')" clearable maxlength="6"></el-input>
+                <el-input v-model="form.inviter" :placeholder="$t('请输入邀请码')" clearable maxlength="6" />
             </el-form-item>
             <el-form-item label="" prop="agree">
                 <el-checkbox v-model="form.agree" label="">{{ $t('我已阅读并同意') }}</el-checkbox>
@@ -44,7 +38,7 @@
                 :phone-field="['verifySmsCodeReq.destDevice', 'destDevice']"
                 :phone-place-holder="$t('手机号码')"
                 :vue="this"
-                form-name="stepForm_1"></na-form-phone>
+                form-name="stepForm_1" />
         </el-form>
         <div v-if="stepActive >= 2">
             <el-result :sub-title="$t('可以使用登录账号以及手机号登录系统')" :title="$t('注册成功')" icon="success">
@@ -85,11 +79,11 @@
     </common-page>
 </template>
 <script>
-import commonPage from './components/commonPage'
-import naFormPassword from '@/config/naFormPassword'
-import naFormPhone from '@/components/naFormPhone'
-import phoneConfig from '@/config/naFormPhone'
-import scPasswordStrength from '@/components/scPasswordStrength'
+import commonPage from './components/common-page'
+import naFormPassword from '@/config/na-form-password'
+import naFormPhone from '@/components/na-form-phone'
+import phoneConfig from '@/config/na-form-phone'
+import scPasswordStrength from '@/components/sc-password-strength'
 
 export default {
     components: {
@@ -214,4 +208,4 @@ export default {
     },
 }
 </script>
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/guest/resetPassword.vue b/src/frontend/admin/src/views/guest/reset-password.vue
similarity index 85%
rename from src/frontend/admin/src/views/guest/resetPassword.vue
rename to src/frontend/admin/src/views/guest/reset-password.vue
index d87e48e5..cbaa41d6 100644
--- a/src/frontend/admin/src/views/guest/resetPassword.vue
+++ b/src/frontend/admin/src/views/guest/reset-password.vue
@@ -13,14 +13,14 @@
                 :phone-label="$t('手机号码')"
                 :phone-place-holder="$t('手机号码')"
                 :vue="this"
-                form-name="form"></na-form-phone>
+                form-name="form" />
             <el-form-item :label="$t('新密码')" prop="passwordText">
-                <el-input v-model="form.passwordText" :placeholder="$t('请输入新密码')" show-password></el-input>
-                <scPasswordStrength v-model="form.passwordText"></scPasswordStrength>
+                <el-input v-model="form.passwordText" :placeholder="$t('请输入新密码')" show-password />
+                <sc-password-strength v-model="form.passwordText" />
                 <div class="el-form-item-msg">{{ $t('请输入包含英文、数字的8位以上密码') }}</div>
             </el-form-item>
             <el-form-item :label="$t('确认新密码')" prop="passwordText2">
-                <el-input v-model="form.passwordText2" :placeholder="$t('请再一次输入新密码')" show-password></el-input>
+                <el-input v-model="form.passwordText2" :placeholder="$t('请再一次输入新密码')" show-password />
             </el-form-item>
             <el-form-item>
                 <el-button :loading="loading" @click="save" type="primary">{{ $t('提交') }}</el-button>
@@ -35,11 +35,11 @@
 </template>
 
 <script>
-import commonPage from './components/commonPage'
-import naFormPassword from '@/config/naFormPassword'
-import naFormPhone from '@/components/naFormPhone'
-import phoneConfig from '@/config/naFormPhone'
-import scPasswordStrength from '@/components/scPasswordStrength'
+import commonPage from './components/common-page'
+import naFormPassword from '@/config/na-form-password'
+import naFormPhone from '@/components/na-form-phone'
+import phoneConfig from '@/config/na-form-phone'
+import scPasswordStrength from '@/components/sc-password-strength'
 
 export default {
     components: {
@@ -90,4 +90,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/guest/view-doc.vue b/src/frontend/admin/src/views/guest/view-doc.vue
index 852dc114..38642603 100644
--- a/src/frontend/admin/src/views/guest/view-doc.vue
+++ b/src/frontend/admin/src/views/guest/view-doc.vue
@@ -4,7 +4,7 @@
             :class="this.$TOOL.data.get('APP_SET_DARK') || this.$CONFIG.APP_SET_DARK ? 'aie-theme-dark' : 'aie-theme-light'"
             ref="editor"></section>
     </article>
-    <not-found v-else></not-found>
+    <not-found v-else />
 </template>
 
 <script>
@@ -14,7 +14,7 @@ import { defineAsyncComponent } from 'vue'
 import sysConfig from '@/config'
 import tool from '@/utils/tool'
 
-const notFound = defineAsyncComponent(() => import('@/layout/other/404.vue'))
+const notFound = defineAsyncComponent(() => import('@/layout/other/404'))
 
 export default {
     components: { notFound },
diff --git a/src/frontend/admin/src/views/home/index.vue b/src/frontend/admin/src/views/home/index.vue
index c7cf7543..47977aa3 100644
--- a/src/frontend/admin/src/views/home/index.vue
+++ b/src/frontend/admin/src/views/home/index.vue
@@ -1,7 +1,7 @@
 <template>
     <el-main v-loading="loading" :style="{ height: mainHeight, minHeight: '100%' }">
-        <widgets v-if="dashboard" @on-customizing="onCustomizing" @on-mounted="this.loading = false"></widgets>
-        <work v-if="myapp" @on-mounted="this.loading = false"></work>
+        <widgets v-if="dashboard" @on-customizing="onCustomizing" @on-mounted="this.loading = false" />
+        <work v-if="myApp" @on-mounted="this.loading = false" />
     </el-main>
 
     <el-tour v-model="tour.open" @close="$TOOL.data.set('TOUR_TIP_READ_INDEX', true)">
@@ -37,14 +37,14 @@ export default {
             loading: true,
             mainHeight: 'auto',
             dashboard: false,
-            myapp: false,
+            myApp: false,
         }
     },
     async created() {
         //下载配置
         await this.$TOOL.data.downloadConfig()
         this.dashboard = this.$GLOBAL.user.roles.findIndex((x) => x.displayDashboard) >= 0
-        this.myapp = !this.dashboard
+        this.myApp = !this.dashboard
     },
     mounted() {
         this.$nextTick(() => {
@@ -53,8 +53,8 @@ export default {
             }
 
             const timer = setInterval(() => {
-                this.tour.targets.tags = document.getElementsByClassName('adminui-tags')[0]
-                this.tour.targets.search = document.getElementsByClassName('userbar-btn-search')[0]
+                this.tour.targets.tags = document.getElementsByClassName('admin-ui-tags')[0]
+                this.tour.targets.search = document.getElementsByClassName('user-bar-btn-search')[0]
                 this.tour.targets.userCenter = document.getElementsByClassName('user-center')[0]
                 if (this.dashboard) {
                     this.tour.targets.layoutSetting = document.getElementsByClassName('layout-setting')[0]
@@ -77,4 +77,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/home/widgets/components/change-log.vue b/src/frontend/admin/src/views/home/widgets/components/change-log.vue
index fc889a02..4bd0e2d9 100644
--- a/src/frontend/admin/src/views/home/widgets/components/change-log.vue
+++ b/src/frontend/admin/src/views/home/widgets/components/change-log.vue
@@ -32,7 +32,7 @@ export default {
 }
 </script>
 
-<style scoped></style>
+<style scoped />
 <style lang="scss">
 .change-log {
     min-height: 30rem;
diff --git a/src/frontend/admin/src/views/home/widgets/components/chart-bar-jobrecord.vue b/src/frontend/admin/src/views/home/widgets/components/chart-bar-job-record.vue
similarity index 95%
rename from src/frontend/admin/src/views/home/widgets/components/chart-bar-jobrecord.vue
rename to src/frontend/admin/src/views/home/widgets/components/chart-bar-job-record.vue
index b31079c8..8dbe4965 100644
--- a/src/frontend/admin/src/views/home/widgets/components/chart-bar-jobrecord.vue
+++ b/src/frontend/admin/src/views/home/widgets/components/chart-bar-job-record.vue
@@ -15,12 +15,12 @@
                     value: ['DateTime.Now.Date.AddDays(-1)', 'DateTime.Now.Date'],
                 },
             ]"
-            height="20rem"></chart-bar>
+            height="20rem" />
     </el-card>
 </template>
 
 <script>
-import ChartBar from '@/views/home/widgets/components/components/chart-bar.vue'
+import ChartBar from '@/views/home/widgets/components/components/chart-bar'
 import tool from '@/utils/tool'
 
 export default {
diff --git a/src/frontend/admin/src/views/home/widgets/components/chart-bar-request.vue b/src/frontend/admin/src/views/home/widgets/components/chart-bar-request.vue
index c81d4c50..abbd44b0 100644
--- a/src/frontend/admin/src/views/home/widgets/components/chart-bar-request.vue
+++ b/src/frontend/admin/src/views/home/widgets/components/chart-bar-request.vue
@@ -15,12 +15,12 @@
                     value: ['DateTime.Now.Date.AddDays(-1)', 'DateTime.Now.Date'],
                 },
             ]"
-            height="20rem"></chart-bar>
+            height="20rem" />
     </el-card>
 </template>
 
 <script>
-import ChartBar from '@/views/home/widgets/components/components/chart-bar.vue'
+import ChartBar from '@/views/home/widgets/components/components/chart-bar'
 import tool from '@/utils/tool'
 
 export default {
diff --git a/src/frontend/admin/src/views/home/widgets/components/chart-pie-jobrecord.vue b/src/frontend/admin/src/views/home/widgets/components/chart-pie-job-record.vue
similarity index 95%
rename from src/frontend/admin/src/views/home/widgets/components/chart-pie-jobrecord.vue
rename to src/frontend/admin/src/views/home/widgets/components/chart-pie-job-record.vue
index 19bd44af..88059e2e 100644
--- a/src/frontend/admin/src/views/home/widgets/components/chart-pie-jobrecord.vue
+++ b/src/frontend/admin/src/views/home/widgets/components/chart-pie-job-record.vue
@@ -15,12 +15,12 @@
                     radius: [0, '30%'],
                 },
             ]"
-            height="20rem"></chart-pie>
+            height="20rem" />
     </el-card>
 </template>
 
 <script>
-import ChartPie from '@/views/home/widgets/components/components/chart-pie.vue'
+import ChartPie from '@/views/home/widgets/components/components/chart-pie'
 import tool from '@/utils/tool'
 
 export default {
diff --git a/src/frontend/admin/src/views/home/widgets/components/chart-pie-request.vue b/src/frontend/admin/src/views/home/widgets/components/chart-pie-request.vue
index 83040901..3cf620e1 100644
--- a/src/frontend/admin/src/views/home/widgets/components/chart-pie-request.vue
+++ b/src/frontend/admin/src/views/home/widgets/components/chart-pie-request.vue
@@ -15,12 +15,12 @@
                     radius: [0, '30%'],
                 },
             ]"
-            height="20rem"></chart-pie>
+            height="20rem" />
     </el-card>
 </template>
 
 <script>
-import ChartPie from '@/views/home/widgets/components/components/chart-pie.vue'
+import ChartPie from '@/views/home/widgets/components/components/chart-pie'
 import tool from '@/utils/tool'
 
 export default {
diff --git a/src/frontend/admin/src/views/home/widgets/components/components/chart-bar.vue b/src/frontend/admin/src/views/home/widgets/components/components/chart-bar.vue
index 2310ff7d..93aaa89a 100644
--- a/src/frontend/admin/src/views/home/widgets/components/components/chart-bar.vue
+++ b/src/frontend/admin/src/views/home/widgets/components/components/chart-bar.vue
@@ -1,11 +1,11 @@
 <template>
     <div v-loading="loading">
-        <scEcharts v-bind="$attrs" :option="option"></scEcharts>
+        <sc-echarts v-bind="$attrs" :option="option" />
     </div>
 </template>
 
 <script>
-import scEcharts from '@/components/scEcharts'
+import scEcharts from '@/components/sc-echarts'
 
 export default {
     components: {
diff --git a/src/frontend/admin/src/views/home/widgets/components/components/chart-pie.vue b/src/frontend/admin/src/views/home/widgets/components/components/chart-pie.vue
index 0467a79f..c79e0a5d 100644
--- a/src/frontend/admin/src/views/home/widgets/components/components/chart-pie.vue
+++ b/src/frontend/admin/src/views/home/widgets/components/components/chart-pie.vue
@@ -1,11 +1,11 @@
 <template>
     <div v-loading="loading">
-        <scEcharts v-bind="$attrs" :option="option"></scEcharts>
+        <sc-echarts v-bind="$attrs" :option="option" />
     </div>
 </template>
 
 <script>
-import scEcharts from '@/components/scEcharts'
+import scEcharts from '@/components/sc-echarts'
 
 export default {
     components: {
diff --git a/src/frontend/admin/src/views/home/widgets/components/index.js b/src/frontend/admin/src/views/home/widgets/components/index.js
index 34bc5cee..bebe2cc6 100644
--- a/src/frontend/admin/src/views/home/widgets/components/index.js
+++ b/src/frontend/admin/src/views/home/widgets/components/index.js
@@ -1,10 +1,3 @@
-/*
- * @Author: Xujianchen
- * @Date: 2023-02-28 14:12:15
- * @LastEditors: Xujianchen
- * @LastEditTime: 2023-03-18 12:45:04
- * @Description:
- */
 import { markRaw } from 'vue'
 
 const resultComps = {}
diff --git a/src/frontend/admin/src/views/home/widgets/components/modules.vue b/src/frontend/admin/src/views/home/widgets/components/modules.vue
index e3f5d8de..d8589f10 100644
--- a/src/frontend/admin/src/views/home/widgets/components/modules.vue
+++ b/src/frontend/admin/src/views/home/widgets/components/modules.vue
@@ -45,5 +45,5 @@ export default {
 }
 </script>
 
-<style scoped></style>
+<style scoped />
 <script setup></script>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/home/widgets/dialog/custom-layout-dialog.vue b/src/frontend/admin/src/views/home/widgets/dialog/custom-layout-dialog.vue
index f17696c9..32012a9f 100644
--- a/src/frontend/admin/src/views/home/widgets/dialog/custom-layout-dialog.vue
+++ b/src/frontend/admin/src/views/home/widgets/dialog/custom-layout-dialog.vue
@@ -1,5 +1,5 @@
 <template>
-    <scDialog v-model="visible" :title="`${title}`" @closed="$emit('closed')" destroy-on-close>
+    <sc-dialog v-model="visible" :title="`${title}`" @closed="$emit('closed')" destroy-on-close>
         <el-form :model="form" ref="form">
             <el-form-item
                 v-for="(row, index) in form.rows"
@@ -26,7 +26,7 @@
             <el-button @click="this.form.rows.push({ value: '' })">{{ $t('添加一行') }}</el-button>
             <el-button @click="submit" type="primary">{{ $t('保存') }}</el-button>
         </template>
-    </scDialog>
+    </sc-dialog>
 </template>
 
 <script>
@@ -77,4 +77,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/home/widgets/index.vue b/src/frontend/admin/src/views/home/widgets/index.vue
index 80b98f5e..dbcaa899 100644
--- a/src/frontend/admin/src/views/home/widgets/index.vue
+++ b/src/frontend/admin/src/views/home/widgets/index.vue
@@ -4,7 +4,7 @@
             <div class="widgets" ref="widgets">
                 <div class="widgets-wrapper">
                     <div v-if="nowCompsList.length <= 0" class="no-widgets">
-                        <el-empty :description="$t('没有部件啦')" :image-size="280"></el-empty>
+                        <el-empty :description="$t('没有部件啦')" :image-size="280" />
                     </div>
                     <el-row :gutter="15">
                         <el-col v-bind:key="index" v-for="(item, index) in grid.layout" :md="item" :xs="24">
@@ -20,15 +20,9 @@
                                 item-key="com">
                                 <template #item="{ element }">
                                     <div class="widgets-item">
-                                        <component :is="allComps[element]"></component>
+                                        <component :is="allComps[element]" />
                                         <div v-if="customizing" class="customize-overlay">
-                                            <el-button
-                                                @click="remove(element)"
-                                                class="close"
-                                                icon="el-icon-close"
-                                                plain
-                                                size="small"
-                                                type="danger"></el-button>
+                                            <el-button @click="remove(element)" class="close" icon="el-icon-close" plain size="small" type="danger" />
                                             <label>
                                                 <el-icon>
                                                     <component :is="allComps[element].icon" />
@@ -68,12 +62,12 @@
                             v-for="l in layouts"
                             :active="grid.layout.join(',') === l.replaceAll('-', ',')"
                             :layout="l"
-                            @onSetLayout="setLayout"></layout>
+                            @onSetLayout="setLayout" />
                         <layout
                             v-for="l in customLayouts"
                             :active="grid.layout.join(',') === l.replaceAll('-', ',')"
                             :layout="l"
-                            @onSetLayout="setLayout"></layout>
+                            @onSetLayout="setLayout" />
                     </div>
                 </el-header>
                 <el-header style="height: auto">
@@ -84,7 +78,7 @@
                 <el-main class="nopadding">
                     <div class="widgets-list">
                         <div v-if="myCompsList.length <= 0" class="widgets-list-nodata">
-                            <el-empty :description="$t('没有部件啦')" :image-size="60"></el-empty>
+                            <el-empty :description="$t('没有部件啦')" :image-size="60" />
                         </div>
                         <div v-for="item in myCompsList" :key="item.title" class="widgets-list-item">
                             <div class="item-logo">
@@ -97,7 +91,7 @@
                                 <p>{{ item.description }}</p>
                             </div>
                             <div class="item-actions">
-                                <el-button @click="push(item)" icon="el-icon-plus" size="small" type="primary"></el-button>
+                                <el-button @click="push(item)" icon="el-icon-plus" size="small" type="primary" />
                             </div>
                         </div>
                     </div>
@@ -120,14 +114,14 @@
         @closed="dialog.customLayout = null"
         @mounted="$refs.customLayoutDialog.open(dialog.customLayout)"
         @onCustomLayout="(l) => (customLayouts = [l])"
-        ref="customLayoutDialog"></custom-layout-dialog>
+        ref="customLayoutDialog" />
 </template>
 
 <script>
 import draggable from 'vuedraggable'
 import allComps from './components'
-import customLayoutDialog from './dialog/custom-layout-dialog.vue'
-import layout from './components/components/layout.vue'
+import customLayoutDialog from './dialog/custom-layout-dialog'
+import layout from './components/components/layout'
 
 export default {
     components: {
diff --git a/src/frontend/admin/src/views/home/work/components/myapp.vue b/src/frontend/admin/src/views/home/work/components/my-app.vue
similarity index 100%
rename from src/frontend/admin/src/views/home/work/components/myapp.vue
rename to src/frontend/admin/src/views/home/work/components/my-app.vue
diff --git a/src/frontend/admin/src/views/home/work/index.vue b/src/frontend/admin/src/views/home/work/index.vue
index 78a38fe6..9d0b7bc1 100644
--- a/src/frontend/admin/src/views/home/work/index.vue
+++ b/src/frontend/admin/src/views/home/work/index.vue
@@ -1,15 +1,15 @@
 <template>
     <el-card :header="$t('我的常用')" shadow="never">
-        <myapp></myapp>
+        <my-app />
     </el-card>
 </template>
 
 <script>
-import myapp from './components/myapp'
+import myApp from './components/my-app'
 
 export default {
     components: {
-        myapp,
+        myApp,
     },
     data() {
         return {}
@@ -21,4 +21,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/profile/account/index.vue b/src/frontend/admin/src/views/profile/account/index.vue
index dd0e8a46..450d1c56 100644
--- a/src/frontend/admin/src/views/profile/account/index.vue
+++ b/src/frontend/admin/src/views/profile/account/index.vue
@@ -2,41 +2,41 @@
     <el-card :header="$t('基本资料')" shadow="never">
         <el-form :model="form" label-width="15rem" ref="form">
             <el-form-item :label="$t('头像')">
-                <scUpload v-model="form.avatar" :onSuccess="updateUser" :title="$t('上传头像')"></scUpload>
+                <sc-upload v-model="form.avatar" :onSuccess="updateUser" :title="$t('上传头像')" />
             </el-form-item>
             <el-form-item :label="$t('用户编号')">
                 <div class="flex w100p gap05">
-                    <el-input v-model="form.id" readonly></el-input>
+                    <el-input v-model="form.id" readonly />
                     <el-button v-copy="form.id">{{ $t('复制') }}</el-button>
                 </div>
             </el-form-item>
             <el-form-item :label="$t('邀请码')">
                 <div class="flex w100p gap05">
-                    <el-input v-model="form.inviteCode" readonly></el-input>
+                    <el-input v-model="form.inviteCode" readonly />
                     <el-button v-copy="form.inviteCode">{{ $t('复制') }}</el-button>
                 </div>
             </el-form-item>
             <el-form-item :label="$t('用户名')">
-                <el-input v-model="form.userName" readonly></el-input>
+                <el-input v-model="form.userName" readonly />
             </el-form-item>
             <el-form-item :label="$t('密码')">
                 <div class="flex w100p gap05">
-                    <el-input readonly value="******"></el-input>
+                    <el-input readonly value="******" />
                     <el-button @click="setPasswordClick">{{ $t('设置密码') }}</el-button>
                 </div>
             </el-form-item>
             <el-form-item :label="$t('注册时间')">
-                <el-input v-model="form.createdTime" readonly></el-input>
+                <el-input v-model="form.createdTime" readonly />
             </el-form-item>
             <el-form-item :label="$t('手机号码')">
                 <div class="flex w100p gap05">
-                    <el-input v-model="form.mobile" readonly></el-input>
+                    <el-input v-model="form.mobile" readonly />
                     <el-button @click="setMobileClick">{{ form.mobile ? $t('更换手机') : $t('绑定手机') }}</el-button>
                 </div>
             </el-form-item>
             <el-form-item :label="$t('电子邮箱')">
                 <div class="flex w100p gap05">
-                    <el-input v-model="form.email" readonly></el-input>
+                    <el-input v-model="form.email" readonly />
                     <el-button @click="setEmailClick">{{ $t('设置邮箱') }}</el-button>
                 </div>
             </el-form-item>
@@ -48,26 +48,26 @@
         @closed="dialog.setMobile = null"
         @mounted="$refs.setMobileDialog.open(dialog.setMobile)"
         @success="setSuccess"
-        ref="setMobileDialog"></set-mobile-dialog>
+        ref="setMobileDialog" />
     <set-password-dialog
         v-if="dialog.setPassword"
         @closed="dialog.setPassword = null"
         @mounted="$refs.setPasswordDialog.open(dialog.setPassword)"
-        ref="setPasswordDialog"></set-password-dialog>
+        ref="setPasswordDialog" />
     <set-email-dialog
         v-if="dialog.setEmail"
         @closed="dialog.setEmail = null"
         @mounted="$refs.setEmailDialog.open(dialog.setEmail)"
         @success="setSuccess"
-        ref="setEmailDialog"></set-email-dialog>
+        ref="setEmailDialog" />
 </template>
 
 <script>
 import { defineAsyncComponent } from 'vue'
-const setMobileDialog = defineAsyncComponent(() => import('@/views/profile/account/set-mobile.vue'))
-const setPasswordDialog = defineAsyncComponent(() => import('@/views/profile/account/set-password.vue'))
-const setEmailDialog = defineAsyncComponent(() => import('@/views/profile/account/set-email.vue'))
-const scUpload = defineAsyncComponent(() => import('@/components/scUpload'))
+const setMobileDialog = defineAsyncComponent(() => import('@/views/profile/account/set-mobile'))
+const setPasswordDialog = defineAsyncComponent(() => import('@/views/profile/account/set-password'))
+const setEmailDialog = defineAsyncComponent(() => import('@/views/profile/account/set-email'))
+const scUpload = defineAsyncComponent(() => import('@/components/sc-upload'))
 
 export default {
     components: { setMobileDialog, setPasswordDialog, setEmailDialog, scUpload },
@@ -107,4 +107,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/profile/account/set-email.vue b/src/frontend/admin/src/views/profile/account/set-email.vue
index 7a7be552..21919960 100644
--- a/src/frontend/admin/src/views/profile/account/set-email.vue
+++ b/src/frontend/admin/src/views/profile/account/set-email.vue
@@ -14,7 +14,7 @@
                         form-name="form" />
                 </el-col>
                 <el-col :lg="10">
-                    <naFormEmail
+                    <na-form-email
                         v-model="form"
                         :code-label="$t('邮箱验证码')"
                         :email-label="$t('邮箱地址')"
@@ -35,11 +35,11 @@
 </template>
 
 <script>
-import naFormPhone from '@/components/naFormPhone'
-import phoneConfig from '@/config/naFormPhone'
-import emailConfig from '@/config/naFormEmail'
+import naFormPhone from '@/components/na-form-phone'
+import phoneConfig from '@/config/na-form-phone'
+import emailConfig from '@/config/na-form-email'
 import { defineAsyncComponent } from 'vue'
-const naFormEmail = defineAsyncComponent(() => import('@/components/naFormEmail'))
+const naFormEmail = defineAsyncComponent(() => import('@/components/na-form-email'))
 export default {
     components: {
         naFormPhone,
diff --git a/src/frontend/admin/src/views/profile/account/set-mobile.vue b/src/frontend/admin/src/views/profile/account/set-mobile.vue
index 5a386664..292c5732 100644
--- a/src/frontend/admin/src/views/profile/account/set-mobile.vue
+++ b/src/frontend/admin/src/views/profile/account/set-mobile.vue
@@ -40,8 +40,8 @@
 </template>
 
 <script>
-import naFormPhone from '@/components/naFormPhone'
-import phoneConfig from '@/config/naFormPhone'
+import naFormPhone from '@/components/na-form-phone'
+import phoneConfig from '@/config/na-form-phone'
 
 export default {
     components: {
diff --git a/src/frontend/admin/src/views/profile/account/set-password.vue b/src/frontend/admin/src/views/profile/account/set-password.vue
index 59776f44..3dda8d25 100644
--- a/src/frontend/admin/src/views/profile/account/set-password.vue
+++ b/src/frontend/admin/src/views/profile/account/set-password.vue
@@ -2,24 +2,12 @@
     <el-dialog v-model="visible" :title="$t('修改密码')" @closed="$emit('closed')" destroy-on-close>
         <el-form :model="form" :rules="rules" label-width="15rem" ref="form">
             <el-form-item :label="$t('旧密码')" prop="oldPassword">
-                <el-input
-                    v-model="form.oldPassword"
-                    :placeholder="$t('请输入当前密码')"
-                    clearable
-                    maxlength="16"
-                    show-password
-                    type="password"></el-input>
+                <el-input v-model="form.oldPassword" :placeholder="$t('请输入当前密码')" clearable maxlength="16" show-password type="password" />
                 <div class="el-form-item-msg">{{ $t('必须提供当前登录用户密码才能进行更改') }}</div>
             </el-form-item>
             <el-form-item :label="$t('新密码')" prop="newPassword">
-                <el-input
-                    v-model="form.newPassword"
-                    :placeholder="$t('请输入新密码')"
-                    clearable
-                    maxlength="16"
-                    show-password
-                    type="password"></el-input>
-                <scPasswordStrength v-model="form.newPassword"></scPasswordStrength>
+                <el-input v-model="form.newPassword" :placeholder="$t('请输入新密码')" clearable maxlength="16" show-password type="password" />
+                <sc-password-strength v-model="form.newPassword" />
                 <div class="el-form-item-msg">{{ $t('请输入包含英文、数字的8位以上密码') }}</div>
             </el-form-item>
             <el-form-item :label="$t('确认新密码')" prop="confirmNewPassword">
@@ -29,7 +17,7 @@
                     clearable
                     maxlength="16"
                     show-password
-                    type="password"></el-input>
+                    type="password" />
             </el-form-item>
         </el-form>
 
@@ -41,8 +29,8 @@
 </template>
 
 <script>
-import scPasswordStrength from '@/components/scPasswordStrength'
-import naFormPassword from '@/config/naFormPassword'
+import scPasswordStrength from '@/components/sc-password-strength'
+import naFormPassword from '@/config/na-form-password'
 
 export default {
     components: {
@@ -92,4 +80,4 @@ export default {
     },
 }
 </script>
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/profile/index.vue b/src/frontend/admin/src/views/profile/index.vue
index dcd6c08b..6596c1cc 100644
--- a/src/frontend/admin/src/views/profile/index.vue
+++ b/src/frontend/admin/src/views/profile/index.vue
@@ -4,7 +4,7 @@
             <el-container>
                 <el-header>
                     <div class="user-info-top">
-                        <el-avatar :size="70" :src="user.avatar ? user.avatar : $CONFIG.DEFAULT_AVATAR(user.userName)"></el-avatar>
+                        <el-avatar :size="70" :src="user.avatar ? user.avatar : $CONFIG.DEFAULT_AVATAR(user.userName)" />
                         <h2>{{ user.userName }}</h2>
                         <p>
                             <el-tag v-for="(item, i) in user.roles" :key="i" effect="dark" round size="large">{{ item.name }}</el-tag>
@@ -93,7 +93,7 @@ export default {
 </script>
 <style scoped>
 @media (max-width: 77rem) {
-    .adminui-main > .el-container {
+    .admin-ui-main > .el-container {
         height: 100%;
     }
 
diff --git a/src/frontend/admin/src/views/profile/logs.vue b/src/frontend/admin/src/views/profile/logs.vue
index 6203a2ce..fdb9c43c 100644
--- a/src/frontend/admin/src/views/profile/logs.vue
+++ b/src/frontend/admin/src/views/profile/logs.vue
@@ -1,6 +1,6 @@
 <template>
     <el-card :header="$t('登录日志')" shadow="never">
-        <login-log :ownerId="$GLOBAL.user.id.toString()" :show-filter="false"></login-log>
+        <login-log :ownerId="$GLOBAL.user.id.toString()" :show-filter="false" />
     </el-card>
 </template>
 
@@ -15,4 +15,4 @@ export default {
 }
 </script>
 
-<style></style>
\ No newline at end of file
+<style />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/profile/message/components/list.vue b/src/frontend/admin/src/views/profile/message/components/list.vue
index 7535ffc1..77b52f3b 100644
--- a/src/frontend/admin/src/views/profile/message/components/list.vue
+++ b/src/frontend/admin/src/views/profile/message/components/list.vue
@@ -3,16 +3,10 @@
         <el-container v-if="msgList.length > 0" class="nopadding">
             <el-header style="border: none">
                 <div class="right-panel">
-                    <el-button
-                        v-loading="readLoading"
-                        :disabled="readLoading"
-                        @click="batchRead"
-                        icon="el-icon-message"
-                        plain
-                        type="success"></el-button>
+                    <el-button v-loading="readLoading" :disabled="readLoading" @click="batchRead" icon="el-icon-message" plain type="success" />
                     <el-popconfirm :title="`确定清空本页消息吗？`" @confirm="batchDel" width="15rem">
                         <template #reference>
-                            <el-button v-loading="delLoading" :disabled="delLoading" icon="el-icon-delete" plain type="danger"></el-button>
+                            <el-button v-loading="delLoading" :disabled="delLoading" icon="el-icon-delete" plain type="danger" />
                         </template>
                     </el-popconfirm>
                 </div>
@@ -31,12 +25,9 @@
                                 <div :class="`msg-title ${msg.myFlags.userSiteMsgStatus === 'read' ? 'msg-wrapper-read' : ''}`">
                                     <div>
                                         <el-badge v-if="msg.myFlags.userSiteMsgStatus === 0" is-dot type="primary">
-                                            <el-avatar :size="40" :src="msg.sender.avatar ?? $CONFIG.DEFAULT_AVATAR(msg.sender.userName)"></el-avatar>
+                                            <el-avatar :size="40" :src="msg.sender.avatar ?? $CONFIG.DEFAULT_AVATAR(msg.sender.userName)" />
                                         </el-badge>
-                                        <el-avatar
-                                            v-else
-                                            :size="40"
-                                            :src="msg.sender.avatar ?? $CONFIG.DEFAULT_AVATAR(msg.sender.userName)"></el-avatar>
+                                        <el-avatar v-else :size="40" :src="msg.sender.avatar ?? $CONFIG.DEFAULT_AVATAR(msg.sender.userName)" />
                                     </div>
                                     <div>
                                         <h2>{{ msg.title }}</h2>
@@ -59,7 +50,7 @@
                 </div>
             </el-main>
         </el-container>
-        <el-empty v-else></el-empty>
+        <el-empty v-else />
     </div>
 </template>
 
diff --git a/src/frontend/admin/src/views/profile/message/index.vue b/src/frontend/admin/src/views/profile/message/index.vue
index 78279cd8..5624124e 100644
--- a/src/frontend/admin/src/views/profile/message/index.vue
+++ b/src/frontend/admin/src/views/profile/message/index.vue
@@ -4,7 +4,7 @@
     </el-card>
 </template>
 <script>
-import list from '@/views/profile/message/components/list.vue'
+import list from '@/views/profile/message/components/list'
 
 export default {
     components: {
diff --git a/src/frontend/admin/src/views/profile/settings.vue b/src/frontend/admin/src/views/profile/settings.vue
index e61651cd..6910e4e8 100644
--- a/src/frontend/admin/src/views/profile/settings.vue
+++ b/src/frontend/admin/src/views/profile/settings.vue
@@ -9,20 +9,20 @@
             </el-form-item>
             <el-form-item :label="$t('框架布局')">
                 <el-select v-model="config.layout">
-                    <el-option :label="$t('默认')" value="default"></el-option>
-                    <el-option :label="$t('通栏')" value="header"></el-option>
-                    <el-option :label="$t('经典')" value="menu"></el-option>
-                    <el-option :label="$t('功能坞')" value="dock"></el-option>
+                    <el-option :label="$t('默认')" value="default" />
+                    <el-option :label="$t('通栏')" value="header" />
+                    <el-option :label="$t('经典')" value="menu" />
+                    <el-option :label="$t('功能坞')" value="dock" />
                 </el-select>
             </el-form-item>
             <el-form-item :label="$t('折叠菜单')">
-                <el-switch v-model="config.menuIsCollapse"></el-switch>
+                <el-switch v-model="config.menuIsCollapse" />
             </el-form-item>
             <el-form-item :label="$t('手风琴菜单')">
-                <el-switch v-model="config.menuUniqueOpened"></el-switch>
+                <el-switch v-model="config.menuUniqueOpened" />
             </el-form-item>
             <el-form-item :label="$t('标签栏')">
-                <el-switch v-model="config.layoutTags"></el-switch>
+                <el-switch v-model="config.layoutTags" />
             </el-form-item>
             <el-form-item>
                 <el-popconfirm :title="$t('确定将当前主题设置恢复默认值吗？')" @confirm="themeReset" width="20rem">
@@ -182,4 +182,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/profile/token/index.vue b/src/frontend/admin/src/views/profile/token/index.vue
index 9ac9de9b..3b4b0e72 100644
--- a/src/frontend/admin/src/views/profile/token/index.vue
+++ b/src/frontend/admin/src/views/profile/token/index.vue
@@ -2,10 +2,10 @@
     <el-card :header="$t('授权信息')" shadow="never">
         <el-form :model="form" :rules="rules" label-width="10rem" ref="form">
             <el-form-item :label="$t('授权令牌')">
-                <el-input v-model="form.token" class="font-monospace" readonly rows="10" type="textarea"></el-input>
+                <el-input v-model="form.token" class="font-monospace" readonly rows="10" type="textarea" />
             </el-form-item>
             <el-form-item :label="$t('过期时间')">
-                <el-input v-model="form.exp" class="font-monospace" readonly></el-input>
+                <el-input v-model="form.exp" class="font-monospace" readonly />
             </el-form-item>
             <el-form-item>
                 <el-button v-copy="form.token" type="primary">{{ $t('复制授权令牌') }}</el-button>
@@ -45,4 +45,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/api/index.vue b/src/frontend/admin/src/views/sys/api/index.vue
index 87922f3c..881ad2ab 100644
--- a/src/frontend/admin/src/views/sys/api/index.vue
+++ b/src/frontend/admin/src/views/sys/api/index.vue
@@ -1,13 +1,13 @@
 <template>
     <el-container>
         <el-header>
-            <div class="left-panel"></div>
+            <div class="left-panel" />
             <div class="right-panel">
                 <el-button :loading="loading" @click="sync" icon="sc-icon-sync" type="primary">{{ $t('同步接口') }}</el-button>
             </div>
         </el-header>
         <el-main class="nopadding">
-            <scTable
+            <sc-table
                 :export-api="$API.sys_api.export"
                 :query-api="$API.sys_api.query"
                 :summary-method="(x) => [$t('接口总数'), countTotalRows(x.data)]"
@@ -19,7 +19,7 @@
                 stripe>
                 <el-table-column :label="$t('接口路径')" min-width="400" prop="id" />
                 <el-table-column :label="$t('接口名称')" min-width="200" prop="name" />
-                <naColIndicator
+                <na-col-indicator
                     :label="$t('请求方式')"
                     :options="
                         Object.entries(this.$GLOBAL.enums.httpMethods).map((x) => {
@@ -31,7 +31,7 @@
                     sortable="custom"
                     width="150" />
                 <el-table-column :label="$t('接口描述')" min-width="200" prop="summary" />
-            </scTable>
+            </sc-table>
         </el-main>
     </el-container>
 </template>
@@ -79,4 +79,4 @@ export default {
 }
 </script>
 
-<style></style>
\ No newline at end of file
+<style />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/cache/index.vue b/src/frontend/admin/src/views/sys/cache/index.vue
index b069c25c..413d8f5c 100644
--- a/src/frontend/admin/src/views/sys/cache/index.vue
+++ b/src/frontend/admin/src/views/sys/cache/index.vue
@@ -5,48 +5,48 @@
                 <el-row :gutter="15">
                     <el-col :lg="4">
                         <el-card shadow="never">
-                            <scStatistic :title="$t('Redis 版本')" :value="statistics.version" group-separator></scStatistic>
+                            <sc-statistic :title="$t('Redis 版本')" :value="statistics.version" group-separator />
                         </el-card>
                     </el-col>
                     <el-col :lg="4">
                         <el-card shadow="never">
-                            <scStatistic
+                            <sc-statistic
                                 :suffix="$t('天')"
                                 :title="$t('Redis 运行时间')"
                                 :value="parseInt(statistics.upTime / 86400)"
-                                group-separator></scStatistic>
+                                group-separator />
                         </el-card>
                     </el-col>
                     <el-col :lg="4">
                         <el-card shadow="never">
-                            <scStatistic
+                            <sc-statistic
                                 :title="$t('CPU 使用率')"
                                 :value="statistics.upTime ? (statistics.usedCpu / statistics.upTime).toFixed(2) : 0"
                                 group-separator
-                                suffix="%"></scStatistic>
+                                suffix="%" />
                         </el-card>
                     </el-col>
                     <el-col :lg="4">
                         <el-card shadow="never">
-                            <scStatistic
+                            <sc-statistic
                                 :title="$t('内存使用量')"
                                 :value="(statistics.usedMemory / 1024 / 1024).toFixed(2)"
                                 group-separator
-                                suffix="MiB"></scStatistic>
+                                suffix="MiB" />
                         </el-card>
                     </el-col>
                     <el-col :lg="4">
                         <el-card shadow="never">
-                            <scStatistic :title="$t('缓存数量')" :value="statistics.dbSize" group-separator></scStatistic>
+                            <sc-statistic :title="$t('缓存数量')" :value="statistics.dbSize" group-separator />
                         </el-card>
                     </el-col>
                     <el-col :lg="4">
                         <el-card shadow="never">
-                            <scStatistic
+                            <sc-statistic
                                 :title="$t('缓存命中率')"
                                 :value="((statistics.keyspaceHits / (statistics.keyspaceMisses + statistics.keyspaceHits)) * 100).toFixed(2)"
                                 group-separator
-                                suffix="%"></scStatistic>
+                                suffix="%" />
                         </el-card>
                     </el-col>
                 </el-row>
@@ -63,11 +63,11 @@
                 </form>
             </div>
             <div class="right-panel">
-                <el-button :disabled="selection.length === 0" @click="batchDel" icon="el-icon-delete" plain type="danger"></el-button>
+                <el-button :disabled="selection.length === 0" @click="batchDel" icon="el-icon-delete" plain type="danger" />
             </div>
         </el-header>
         <el-main v-loading="loading" class="nopadding">
-            <scTable
+            <sc-table
                 v-if="tableData.length > 0"
                 :data="tableData"
                 :page-size="100"
@@ -83,7 +83,7 @@
                 <el-table-column :label="$t('键名')" min-width="400" prop="key" />
                 <el-table-column :label="$t('数据类型')" align="center" prop="type" width="100" />
                 <el-table-column :label="$t('过期时间')" align="right" prop="expireTime" width="200" />
-                <naColOperation
+                <na-col-operation
                     :buttons="[
                         {
                             icon: 'el-icon-view',
@@ -100,15 +100,15 @@
                     ]"
                     :vue="this"
                     width="100" />
-            </scTable>
-            <el-empty v-else></el-empty>
+            </sc-table>
+            <el-empty v-else />
         </el-main>
     </el-container>
-    <na-info v-if="dialog.info" ref="info"></na-info>
+    <na-info v-if="dialog.info" ref="info" />
 </template>
 
 <script>
-import naInfo from '@/components/naInfo'
+import naInfo from '@/components/na-info'
 
 export default {
     components: {
diff --git a/src/frontend/admin/src/views/sys/config/index.vue b/src/frontend/admin/src/views/sys/config/index.vue
index 312840a6..43c14d64 100644
--- a/src/frontend/admin/src/views/sys/config/index.vue
+++ b/src/frontend/admin/src/views/sys/config/index.vue
@@ -4,13 +4,13 @@
             <el-row :gutter="15">
                 <el-col :lg="24">
                     <el-card shadow="never">
-                        <scStatistic :title="$t('总数')" :value="statistics.total" group-separator></scStatistic>
+                        <sc-statistic :title="$t('总数')" :value="statistics.total" group-separator />
                     </el-card>
                 </el-col>
             </el-row>
         </el-header>
         <el-header class="el-header-select-filter">
-            <scSelectFilter
+            <sc-select-filter
                 :data="[
                     {
                         title: $t('启用状态'),
@@ -24,7 +24,7 @@
                 ]"
                 :label-width="10"
                 @on-change="filterChange"
-                ref="selectFilter"></scSelectFilter>
+                ref="selectFilter" />
         </el-header>
         <el-header>
             <div class="left-panel">
@@ -34,13 +34,13 @@
                     @reset="onReset"
                     @search="onSearch"
                     dateFormat="YYYY-MM-DD HH:mm:ss"
-                    dateType="datetimerange"
+                    dateType="datetime-range"
                     dateValueFormat="YYYY-MM-DD HH:mm:ss"
                     ref="search" />
             </div>
             <div class="right-panel">
-                <el-button @click="this.dialog.save = { mode: 'add' }" icon="el-icon-plus" type="primary"></el-button>
-                <naButtonBulkDel :api="$API.sys_config.bulkDelete" :vue="this" />
+                <el-button @click="this.dialog.save = { mode: 'add' }" icon="el-icon-plus" type="primary" />
+                <na-button-bulk-del :api="$API.sys_config.bulkDelete" :vue="this" />
                 <el-dropdown v-show="this.selection.length > 0">
                     <el-button type="primary">
                         {{ $t('批量操作') }}
@@ -58,7 +58,7 @@
             </div>
         </el-header>
         <el-main class="nopadding">
-            <scTable
+            <sc-table
                 :context-menus="['id', 'userRegisterConfirm', 'userRegisterDept.name', 'userRegisterRole.name', 'enabled', 'createdTime']"
                 :context-multi="{ id: ['createdTime'] }"
                 :export-api="$API.sys_config.export"
@@ -75,23 +75,23 @@
                 row-key="id"
                 stripe>
                 <el-table-column type="selection" width="50" />
-                <naColId :label="$t('配置编号')" min-width="170" prop="id" />
+                <na-col-id :label="$t('配置编号')" min-width="170" prop="id" />
                 <el-table-column :label="$t('用户注册')" align="center">
                     <el-table-column :label="$t('默认部门')" align="center" prop="userRegisterDept.name" width="150" />
                     <el-table-column :label="$t('默认角色')" align="center" prop="userRegisterRole.name" width="150" />
                     <el-table-column :label="$t('人工审核')" align="center" prop="userRegisterConfirm" width="100">
                         <template #default="{ row }">
-                            <el-switch v-model="row.userRegisterConfirm" @change="changeSwitch($event, row)"></el-switch>
+                            <el-switch v-model="row.userRegisterConfirm" @change="changeSwitch($event, row)" />
                         </template>
                     </el-table-column>
                     <el-table-column :label="$t('邀请注册')" align="center" prop="registerInviteRequired" width="100">
                         <template #default="{ row }">
-                            <el-switch v-model="row.registerInviteRequired" @change="changeSwitch($event, row)"></el-switch>
+                            <el-switch v-model="row.registerInviteRequired" @change="changeSwitch($event, row)" />
                         </template>
                     </el-table-column>
                     <el-table-column :label="$t('手机注册')" align="center" prop="registerMobileRequired" width="100">
                         <template #default="{ row }">
-                            <el-switch v-model="row.registerMobileRequired" @change="changeSwitch($event, row)"></el-switch>
+                            <el-switch v-model="row.registerMobileRequired" @change="changeSwitch($event, row)" />
                         </template>
                     </el-table-column>
                 </el-table-column>
@@ -102,14 +102,14 @@
                 </el-table-column>
                 <el-table-column :label="$t('启用')" align="center" prop="enabled" sortable="custom" width="100">
                     <template #default="{ row }">
-                        <el-switch v-model="row.enabled" @change="changeSwitch($event, row)"></el-switch>
+                        <el-switch v-model="row.enabled" @change="changeSwitch($event, row)" />
                     </template>
                 </el-table-column>
-                <naColOperation
+                <na-col-operation
                     :buttons="naColOperation.buttons.concat(naColOperation.delButton(this.$t('删除配置'), $API.sys_config.delete))"
                     :vue="this"
                     width="120" />
-            </scTable>
+            </sc-table>
         </el-main>
     </el-container>
 
@@ -118,15 +118,15 @@
         @closed="dialog.save = null"
         @mounted="$refs.saveDialog.open(dialog.save)"
         @success="(data, mode) => $refs.table.upData()"
-        ref="saveDialog"></save-dialog>
+        ref="saveDialog" />
 </template>
 
 <script>
 import { defineAsyncComponent } from 'vue'
 import table from '@/config/table'
-import naColOperation from '@/config/naColOperation'
+import naColOperation from '@/config/na-col-operation'
 
-const saveDialog = defineAsyncComponent(() => import('./save.vue'))
+const saveDialog = defineAsyncComponent(() => import('./save'))
 export default {
     components: {
         saveDialog,
@@ -269,4 +269,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/config/save.vue b/src/frontend/admin/src/views/sys/config/save.vue
index 14bccb94..e0d914d7 100644
--- a/src/frontend/admin/src/views/sys/config/save.vue
+++ b/src/frontend/admin/src/views/sys/config/save.vue
@@ -1,5 +1,5 @@
 <template>
-    <scDialog v-model="visible" :title="`${titleMap[mode]}：${form?.id ?? '...'}`" @closed="$emit('closed')" destroy-on-close>
+    <sc-dialog v-model="visible" :title="`${titleMap[mode]}：${form?.id ?? '...'}`" @closed="$emit('closed')" destroy-on-close>
         <div v-loading="loading">
             <el-tabs v-if="!loading" tab-position="top">
                 <el-tab-pane :label="$t('基本信息')">
@@ -8,7 +8,7 @@
                             <el-collapse-item :title="$t('用户注册设置')" name="1">
                                 <div style="margin: 1rem">
                                     <el-form-item :label="$t('默认角色')" prop="userRegisterRoleId">
-                                        <scSelect
+                                        <sc-select
                                             v-model="form.userRegisterRoleId"
                                             :config="{ props: { label: 'name', value: 'id' } }"
                                             :export-api="$API.sys_role.export"
@@ -18,47 +18,47 @@
                                             style="width: 15rem" />
                                     </el-form-item>
                                     <el-form-item :label="$t('默认部门')" prop="userRegisterDeptId">
-                                        <naDept v-model="form.userRegisterDeptId" style="width: 15rem"></naDept>
+                                        <na-dept v-model="form.userRegisterDeptId" style="width: 15rem" />
                                     </el-form-item>
                                     <el-form-item :label="$t('开启人工审核')" prop="userRegisterConfirm">
-                                        <el-switch v-model="form.userRegisterConfirm"></el-switch>
+                                        <el-switch v-model="form.userRegisterConfirm" />
                                     </el-form-item>
                                     <el-form-item :label="$t('邀请注册')" prop="registerInviteRequired">
-                                        <el-switch v-model="form.registerInviteRequired"></el-switch>
+                                        <el-switch v-model="form.registerInviteRequired" />
                                     </el-form-item>
                                     <el-form-item :label="$t('手机注册')" prop="registerMobileRequired">
-                                        <el-switch v-model="form.registerMobileRequired"></el-switch>
+                                        <el-switch v-model="form.registerMobileRequired" />
                                     </el-form-item>
                                 </div>
                             </el-collapse-item>
                             <el-collapse-item :title="$t('财务配置')" name="2">
                                 <div style="margin: 1rem">
                                     <el-form-item :label="$t('人民币兑点数比率')" prop="cnyToPointRate">
-                                        <el-input-number v-model="form.cnyToPointRate" :max="999999999" :min="1"></el-input-number>
+                                        <el-input-number v-model="form.cnyToPointRate" :max="999999999" :min="1" />
                                     </el-form-item>
                                     <el-form-item :label="$t('美元兑点数比率')" prop="usdToPointRate">
-                                        <el-input-number v-model="form.usdToPointRate" :max="999999999" :min="1"></el-input-number>
+                                        <el-input-number v-model="form.usdToPointRate" :max="999999999" :min="1" />
                                     </el-form-item>
                                     <el-form-item :label="$t('USDT 收款地址')" prop="trc20ReceiptAddress">
-                                        <el-input v-model="form.trc20ReceiptAddress" maxlength="34" placeholder="placeholder"></el-input>
+                                        <el-input v-model="form.trc20ReceiptAddress" maxlength="34" placeholder="placeholder" />
                                     </el-form-item>
                                 </div>
                             </el-collapse-item>
                         </el-collapse>
 
                         <el-form-item :label="$t('启用')" prop="enabled">
-                            <el-switch v-model="form.enabled"></el-switch>
+                            <el-switch v-model="form.enabled" />
                         </el-form-item>
                     </el-form>
                 </el-tab-pane>
                 <el-tab-pane v-if="mode === 'view'" :label="$t('原始数据')">
-                    <JsonViewer
+                    <json-viewer
                         :expand-depth="5"
                         :theme="this.$TOOL.data.get('APP_SET_DARK') || this.$CONFIG.APP_SET_DARK ? 'dark' : 'light'"
                         :value="form"
                         copyable
                         expanded
-                        sort></JsonViewer>
+                        sort />
                 </el-tab-pane>
             </el-tabs>
         </div>
@@ -66,13 +66,13 @@
             <el-button @click="visible = false">{{ $t('取消') }}</el-button>
             <el-button v-if="mode !== 'view'" :disabled="loading" :loading="loading" @click="submit" type="primary">{{ $t('保存') }}</el-button>
         </template>
-    </scDialog>
+    </sc-dialog>
 </template>
 
 <script>
 import { defineAsyncComponent } from 'vue'
-const naDept = defineAsyncComponent(() => import('@/components/naDept'))
-const scSelect = defineAsyncComponent(() => import('@/components/scSelect'))
+const naDept = defineAsyncComponent(() => import('@/components/na-dept'))
+const scSelect = defineAsyncComponent(() => import('@/components/sc-select'))
 export default {
     components: { naDept, scSelect },
     data() {
diff --git a/src/frontend/admin/src/views/sys/dept/index.vue b/src/frontend/admin/src/views/sys/dept/index.vue
index d9c28351..d9374338 100644
--- a/src/frontend/admin/src/views/sys/dept/index.vue
+++ b/src/frontend/admin/src/views/sys/dept/index.vue
@@ -4,13 +4,13 @@
             <el-row :gutter="15">
                 <el-col :lg="24">
                     <el-card shadow="never">
-                        <scStatistic :title="$t('总数')" :value="statistics.total" group-separator></scStatistic>
+                        <sc-statistic :title="$t('总数')" :value="statistics.total" group-separator />
                     </el-card>
                 </el-col>
             </el-row>
         </el-header>
         <el-header class="el-header-select-filter">
-            <scSelectFilter
+            <sc-select-filter
                 :data="[
                     {
                         title: $t('启用状态'),
@@ -24,7 +24,7 @@
                 ]"
                 :label-width="10"
                 @on-change="filterChange"
-                ref="selectFilter"></scSelectFilter>
+                ref="selectFilter" />
         </el-header>
         <el-header>
             <div class="left-panel">
@@ -41,13 +41,13 @@
                     @reset="onReset"
                     @search="onSearch"
                     dateFormat="YYYY-MM-DD HH:mm:ss"
-                    dateType="datetimerange"
+                    dateType="datetime-range"
                     dateValueFormat="YYYY-MM-DD HH:mm:ss"
                     ref="search" />
             </div>
             <div class="right-panel">
-                <el-button @click="this.dialog.save = { mode: 'add' }" icon="el-icon-plus" type="primary"></el-button>
-                <naButtonBulkDel :api="$API.sys_dept.bulkDelete" :vue="this" />
+                <el-button @click="this.dialog.save = { mode: 'add' }" icon="el-icon-plus" type="primary" />
+                <na-button-bulk-del :api="$API.sys_dept.bulkDelete" :vue="this" />
                 <el-dropdown v-show="this.selection.length > 0">
                     <el-button type="primary">
                         {{ $t('批量操作') }}
@@ -65,7 +65,7 @@
             </div>
         </el-header>
         <el-main class="nopadding">
-            <scTable
+            <sc-table
                 :context-menus="['id', 'name', 'sort', 'enabled', 'createdTime', 'summary']"
                 :context-multi="{ id: ['createdTime'] }"
                 :default-sort="{ prop: 'sort', order: 'descending' }"
@@ -88,7 +88,7 @@
                 stripe>
                 <el-table-column type="selection" width="50" />
                 <el-table-column :label="$t('部门名称')" min-width="150" prop="name" sortable="custom" />
-                <naColId :label="$t('部门编号')" prop="id" sortable="custom" width="170" />
+                <na-col-id :label="$t('部门编号')" prop="id" sortable="custom" width="170" />
                 <el-table-column :label="$t('用户数量')" align="right" width="100">
                     <template #default="{ row }">
                         <el-link @click.native="dialog.save = { mode: 'view', row, tabId: 'user' }"
@@ -100,14 +100,14 @@
                 <el-table-column label="备注" min-width="100" prop="summary" sortable="custom" />
                 <el-table-column :label="$t('启用')" align="center" prop="enabled" sortable="custom" width="100">
                     <template #default="{ row }">
-                        <el-switch v-model="row.enabled" @change="changeSwitch($event, row)"></el-switch>
+                        <el-switch v-model="row.enabled" @change="changeSwitch($event, row)" />
                     </template>
                 </el-table-column>
-                <naColOperation
+                <na-col-operation
                     :buttons="naColOperation.buttons.concat(naColOperation.delButton(this.$t('删除部门'), $API.sys_dept.delete))"
                     :vue="this"
                     width="120" />
-            </scTable>
+            </sc-table>
         </el-main>
     </el-container>
 
@@ -116,15 +116,15 @@
         @closed="dialog.save = null"
         @mounted="$refs.saveDialog.open(dialog.save)"
         @success="(data, mode) => table.handleUpdate($refs.table, data, mode)"
-        ref="saveDialog"></save-dialog>
+        ref="saveDialog" />
 </template>
 
 <script>
 import { defineAsyncComponent } from 'vue'
 import table from '@/config/table'
-import naColOperation from '@/config/naColOperation'
+import naColOperation from '@/config/na-col-operation'
 
-const saveDialog = defineAsyncComponent(() => import('./save.vue'))
+const saveDialog = defineAsyncComponent(() => import('./save'))
 export default {
     components: {
         saveDialog,
@@ -271,4 +271,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/dept/save.vue b/src/frontend/admin/src/views/sys/dept/save.vue
index 546d0644..e49d60d8 100644
--- a/src/frontend/admin/src/views/sys/dept/save.vue
+++ b/src/frontend/admin/src/views/sys/dept/save.vue
@@ -1,5 +1,5 @@
 <template>
-    <scDialog v-model="visible" :title="`${titleMap[mode]}：${form?.id ?? '...'}`" @closed="$emit('closed')" destroy-on-close full-screen>
+    <sc-dialog v-model="visible" :title="`${titleMap[mode]}：${form?.id ?? '...'}`" @closed="$emit('closed')" destroy-on-close full-screen>
         <div v-loading="loading">
             <el-tabs v-model="tabId" tab-position="top">
                 <el-tab-pane :label="$t('基本信息')">
@@ -11,33 +11,33 @@
                                 :props="deptsProps"
                                 :show-all-levels="false"
                                 clearable
-                                style="width: 100%"></el-cascader>
+                                style="width: 100%" />
                         </el-form-item>
                         <el-form-item :label="$t('部门名称')" prop="name">
-                            <el-input v-model="form.name" :placeholder="$t('请输入部门名称')" clearable></el-input>
+                            <el-input v-model="form.name" :placeholder="$t('请输入部门名称')" clearable />
                         </el-form-item>
                         <el-form-item :label="$t('排序')" prop="sort">
-                            <el-input-number v-model="form.sort" :min="0" controls-position="right" style="width: 100%"></el-input-number>
+                            <el-input-number v-model="form.sort" :min="0" controls-position="right" style="width: 100%" />
                         </el-form-item>
                         <el-form-item :label="$t('启用')" prop="enabled">
-                            <el-switch v-model="form.enabled"></el-switch>
+                            <el-switch v-model="form.enabled" />
                         </el-form-item>
                         <el-form-item :label="$t('备注')" prop="summary">
-                            <el-input v-model="form.summary" clearable type="textarea"></el-input>
+                            <el-input v-model="form.summary" clearable type="textarea" />
                         </el-form-item>
                     </el-form>
                 </el-tab-pane>
                 <el-tab-pane v-if="mode === 'view'" :label="$t('用户列表')" name="user">
-                    <user v-if="tabId === 'user'" :dept-id="form.id"></user>
+                    <user v-if="tabId === 'user'" :dept-id="form.id" />
                 </el-tab-pane>
                 <el-tab-pane v-if="mode === 'view'" :label="$t('原始数据')">
-                    <JsonViewer
+                    <json-viewer
                         :expand-depth="5"
                         :theme="this.$TOOL.data.get('APP_SET_DARK') || this.$CONFIG.APP_SET_DARK ? 'dark' : 'light'"
                         :value="form"
                         copyable
                         expanded
-                        sort></JsonViewer>
+                        sort />
                 </el-tab-pane>
             </el-tabs>
         </div>
@@ -45,7 +45,7 @@
             <el-button @click="visible = false">{{ $t('取消') }}</el-button>
             <el-button v-if="mode !== 'view'" :disabled="loading" :loading="loading" @click="submit" type="primary">{{ $t('保存') }}</el-button>
         </template>
-    </scDialog>
+    </sc-dialog>
 </template>
 
 <script>
@@ -134,4 +134,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/dic/components/catalog-select.vue b/src/frontend/admin/src/views/sys/dic/components/catalog-select.vue
index 44ea39cf..2891e931 100644
--- a/src/frontend/admin/src/views/sys/dic/components/catalog-select.vue
+++ b/src/frontend/admin/src/views/sys/dic/components/catalog-select.vue
@@ -11,9 +11,9 @@
             checkStrictly: true,
             expandTrigger: 'hover',
         }"
-        clearable></el-cascader>
+        clearable />
 </template>
-<style scoped></style>
+<style scoped />
 <script>
 export default {
     props: {
diff --git a/src/frontend/admin/src/views/sys/dic/index.vue b/src/frontend/admin/src/views/sys/dic/index.vue
index 3040e859..2fc6a58d 100644
--- a/src/frontend/admin/src/views/sys/dic/index.vue
+++ b/src/frontend/admin/src/views/sys/dic/index.vue
@@ -3,7 +3,7 @@
         <el-aside v-loading="loading" width="40rem">
             <el-container>
                 <el-header>
-                    <el-input v-model="filterText" :placeholder="$t('输入关键字进行过滤')" clearable></el-input>
+                    <el-input v-model="filterText" :placeholder="$t('输入关键字进行过滤')" clearable />
                 </el-header>
                 <el-main class="nopadding">
                     <el-tree
@@ -23,11 +23,11 @@
                                 <span>{{ data.name }} {{ data.code }}</span>
                                 <span class="btn">
                                     <el-button-group size="small">
-                                        <el-button @click.stop="add(data.id, data.code)" icon="el-icon-plus"></el-button>
-                                        <el-button @click.stop="edit(data)" icon="el-icon-edit"></el-button>
+                                        <el-button @click.stop="add(data.id, data.code)" icon="el-icon-plus" />
+                                        <el-button @click.stop="edit(data)" icon="el-icon-edit" />
                                         <el-popconfirm :title="$t('确定删除 {item} 吗？', { item: data.name })" @confirm="del(data)" width="20rem">
                                             <template #reference>
-                                                <el-button @click.stop="() => {}" icon="el-icon-delete"></el-button>
+                                                <el-button @click.stop="() => {}" icon="el-icon-delete" />
                                             </template>
                                         </el-popconfirm>
                                     </el-button-group>
@@ -51,14 +51,14 @@
         @closed="dialog.save = null"
         @mounted="$refs.saveDialog.open(dialog.save)"
         @success="(data, mode) => getData()"
-        ref="saveDialog"></save-dialog>
+        ref="saveDialog" />
 </template>
 
 <script>
 import { defineAsyncComponent } from 'vue'
 import list from './list'
 
-const saveDialog = defineAsyncComponent(() => import('./save.vue'))
+const saveDialog = defineAsyncComponent(() => import('./save'))
 export default {
     components: {
         list,
diff --git a/src/frontend/admin/src/views/sys/dic/list/index.vue b/src/frontend/admin/src/views/sys/dic/list/index.vue
index 425ad134..b1a485e7 100644
--- a/src/frontend/admin/src/views/sys/dic/list/index.vue
+++ b/src/frontend/admin/src/views/sys/dic/list/index.vue
@@ -4,13 +4,13 @@
             <el-row :gutter="15">
                 <el-col :lg="24">
                     <el-card shadow="never">
-                        <scStatistic :title="$t('总数')" :value="statistics.total" group-separator></scStatistic>
+                        <sc-statistic :title="$t('总数')" :value="statistics.total" group-separator />
                     </el-card>
                 </el-col>
             </el-row>
         </el-header>
         <el-header class="el-header-select-filter">
-            <scSelectFilter
+            <sc-select-filter
                 :data="[
                     {
                         title: $t('启用状态'),
@@ -24,7 +24,7 @@
                 ]"
                 :label-width="9"
                 @on-change="filterChange"
-                ref="selectFilter"></scSelectFilter>
+                ref="selectFilter" />
         </el-header>
         <el-header>
             <div class="left-panel">
@@ -41,16 +41,13 @@
                     @reset="onReset"
                     @search="onSearch"
                     dateFormat="YYYY-MM-DD HH:mm:ss"
-                    dateType="datetimerange"
+                    dateType="datetime-range"
                     dateValueFormat="YYYY-MM-DD HH:mm:ss"
                     ref="search" />
             </div>
             <div class="right-panel">
-                <el-button
-                    @click="this.dialog.save = { mode: 'add', data: { catalogId: this.catalogId } }"
-                    icon="el-icon-plus"
-                    type="primary"></el-button>
-                <naButtonBulkDel :api="$API.sys_dic.bulkDeleteContent" :vue="this" />
+                <el-button @click="this.dialog.save = { mode: 'add', data: { catalogId: this.catalogId } }" icon="el-icon-plus" type="primary" />
+                <na-button-bulk-del :api="$API.sys_dic.bulkDeleteContent" :vue="this" />
                 <el-dropdown v-show="this.selection.length > 0">
                     <el-button type="primary">
                         {{ $t('批量操作') }}
@@ -62,7 +59,7 @@
                         <el-dropdown-menu>
                             <el-dropdown-item @click="setEnabled(true)">{{ $t('启用') }}</el-dropdown-item>
                             <el-dropdown-item @click="setEnabled(false)">{{ $t('禁用') }}</el-dropdown-item>
-                            <el-dropdown-item @click="this.dialog.savebatch = { mode: 'batchedit', data: { catalogId: this.catalogId } }">{{
+                            <el-dropdown-item @click="this.dialog.saveBatch = { mode: 'batchedit', data: { catalogId: this.catalogId } }">{{
                                 $t('设置项值')
                             }}</el-dropdown-item>
                         </el-dropdown-menu>
@@ -71,7 +68,7 @@
             </div>
         </el-header>
         <el-main class="nopadding">
-            <scTable
+            <sc-table
                 :before-post="(data) => data.dynamicFilter.filters.length > 0"
                 :context-menus="['key', 'value', 'enabled', 'createdTime', 'id', 'summary']"
                 :context-multi="{ id: ['createdTime'] }"
@@ -91,20 +88,20 @@
                 row-key="id"
                 stripe>
                 <el-table-column type="selection" width="50" />
-                <naColId :label="$t('唯一编码')" prop="id" sortable="custom" width="170" />
+                <na-col-id :label="$t('唯一编码')" prop="id" sortable="custom" width="170" />
                 <el-table-column :label="$t('项名')" min-width="150" prop="key" sortable="custom" />
                 <el-table-column :label="$t('项值')" min-width="150" prop="value" sortable="custom" />
                 <el-table-column :label="$t('备注')" min-width="150" prop="summary" sortable="custom" />
                 <el-table-column :label="$t('启用')" align="center" prop="enabled" sortable="custom" width="100">
                     <template #default="{ row }">
-                        <el-switch v-model="row.enabled" @change="changeSwitch($event, row)"></el-switch>
+                        <el-switch v-model="row.enabled" @change="changeSwitch($event, row)" />
                     </template>
                 </el-table-column>
-                <naColOperation
+                <na-col-operation
                     :buttons="naColOperation.buttons.concat(naColOperation.delButton(this.$t('删除字典项'), $API.sys_dic.deleteContent))"
                     :vue="this"
                     width="120" />
-            </scTable>
+            </sc-table>
         </el-main>
     </el-container>
 
@@ -113,27 +110,27 @@
         @closed="dialog.save = null"
         @mounted="$refs.saveDialog.open(dialog.save)"
         @success="(data, mode) => table.handleUpdate($refs.table, data, mode)"
-        ref="saveDialog"></save-dialog>
+        ref="saveDialog" />
 
-    <savebatch-dialog
-        v-if="dialog.savebatch"
-        @closed="dialog.savebatch = null"
-        @mounted="$refs.savebatchDialog.open(dialog.savebatch)"
-        @success="(data, mode) => batchsuccess(data, mode)"
-        ref="savebatchDialog"></savebatch-dialog>
+    <save-batch-dialog
+        v-if="dialog.saveBatch"
+        @closed="dialog.saveBatch = null"
+        @mounted="$refs.saveBatchDialog.open(dialog.saveBatch)"
+        @success="(data, mode) => batchSuccess(data, mode)"
+        ref="saveBatchDialog" />
 </template>
 
 <script>
 import { defineAsyncComponent } from 'vue'
 import table from '@/config/table'
-import naColOperation from '@/config/naColOperation'
+import naColOperation from '@/config/na-col-operation'
 
-const saveDialog = defineAsyncComponent(() => import('./save.vue'))
-const savebatchDialog = defineAsyncComponent(() => import('./savebatch.vue'))
+const saveDialog = defineAsyncComponent(() => import('./save'))
+const saveBatchDialog = defineAsyncComponent(() => import('./save-batch'))
 export default {
     components: {
         saveDialog,
-        savebatchDialog,
+        saveBatchDialog,
     },
     computed: {
         naColOperation() {
@@ -175,7 +172,7 @@ export default {
             ])
             this.statistics.enabled = res[0].data
         },
-        async batchsuccess(data, mode) {
+        async batchSuccess(data, mode) {
             if (mode === 'batchedit') {
                 let loading
                 try {
@@ -274,4 +271,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/dic/list/savebatch.vue b/src/frontend/admin/src/views/sys/dic/list/save-batch.vue
similarity index 91%
rename from src/frontend/admin/src/views/sys/dic/list/savebatch.vue
rename to src/frontend/admin/src/views/sys/dic/list/save-batch.vue
index 22cf7612..1a11fd03 100644
--- a/src/frontend/admin/src/views/sys/dic/list/savebatch.vue
+++ b/src/frontend/admin/src/views/sys/dic/list/save-batch.vue
@@ -1,22 +1,22 @@
 <template>
-    <scDialog v-model="visible" :title="$t('批量修改')" @closed="$emit('closed')" destroy-on-close>
+    <sc-dialog v-model="visible" :title="$t('批量修改')" @closed="$emit('closed')" destroy-on-close>
         <div v-loading="loading">
             <el-tabs tab-position="top">
                 <el-tab-pane :label="$t('基本信息')">
                     <el-form :disabled="mode === 'view'" :model="form" :rules="rules" label-width="10rem" ref="dialogForm">
                         <el-form-item :label="$t('项值')" prop="value">
-                            <el-input v-model="form.value" clearable></el-input>
+                            <el-input v-model="form.value" clearable />
                         </el-form-item>
                     </el-form>
                 </el-tab-pane>
                 <el-tab-pane v-if="mode === 'view'" :label="$t('原始数据')">
-                    <JsonViewer
+                    <json-viewer
                         :expand-depth="5"
                         :theme="this.$TOOL.data.get('APP_SET_DARK') || this.$CONFIG.APP_SET_DARK ? 'dark' : 'light'"
                         :value="form"
                         copyable
                         expanded
-                        sort></JsonViewer>
+                        sort />
                 </el-tab-pane>
             </el-tabs>
         </div>
@@ -24,7 +24,7 @@
             <el-button @click="visible = false">{{ $t('取消') }}</el-button>
             <el-button v-if="mode !== 'view'" :disabled="loading" :loading="loading" @click="submit" type="primary">{{ $t('保存') }}</el-button>
         </template>
-    </scDialog>
+    </sc-dialog>
 </template>
 
 <script>
@@ -80,4 +80,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/dic/list/save.vue b/src/frontend/admin/src/views/sys/dic/list/save.vue
index ae718bf3..7efe882d 100644
--- a/src/frontend/admin/src/views/sys/dic/list/save.vue
+++ b/src/frontend/admin/src/views/sys/dic/list/save.vue
@@ -1,5 +1,5 @@
 <template>
-    <scDialog v-model="visible" :title="`${titleMap[mode]}：${form?.id ?? '...'}`" @closed="$emit('closed')" destroy-on-close>
+    <sc-dialog v-model="visible" :title="`${titleMap[mode]}：${form?.id ?? '...'}`" @closed="$emit('closed')" destroy-on-close>
         <div v-loading="loading">
             <el-tabs tab-position="top">
                 <el-tab-pane :label="$t('基本信息')">
@@ -8,24 +8,24 @@
                             <catalog-select v-model="form.catalogId" class="w100p" />
                         </el-form-item>
                         <el-form-item :label="$t('项名')" prop="key">
-                            <el-input v-model="form.key" clearable></el-input>
+                            <el-input v-model="form.key" clearable />
                         </el-form-item>
                         <el-form-item :label="$t('项值')" prop="value">
-                            <el-input v-model="form.value" clearable></el-input>
+                            <el-input v-model="form.value" clearable />
                         </el-form-item>
                         <el-form-item :label="$t('备注')" prop="summary">
-                            <el-input v-model="form.summary" clearable></el-input>
+                            <el-input v-model="form.summary" clearable />
                         </el-form-item>
                     </el-form>
                 </el-tab-pane>
                 <el-tab-pane v-if="mode === 'view'" :label="$t('原始数据')">
-                    <JsonViewer
+                    <json-viewer
                         :expand-depth="5"
                         :theme="this.$TOOL.data.get('APP_SET_DARK') || this.$CONFIG.APP_SET_DARK ? 'dark' : 'light'"
                         :value="form"
                         copyable
                         expanded
-                        sort></JsonViewer>
+                        sort />
                 </el-tab-pane>
             </el-tabs>
         </div>
@@ -33,12 +33,12 @@
             <el-button @click="visible = false">{{ $t('取消') }}</el-button>
             <el-button v-if="mode !== 'view'" :disabled="loading" :loading="loading" @click="submit" type="primary">{{ $t('保存') }}</el-button>
         </template>
-    </scDialog>
+    </sc-dialog>
 </template>
 
 <script>
 import { defineAsyncComponent } from 'vue'
-const catalogSelect = defineAsyncComponent(() => import('../components/catalog-select.vue'))
+const catalogSelect = defineAsyncComponent(() => import('../components/catalog-select'))
 export default {
     components: { catalogSelect },
     data() {
@@ -101,4 +101,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/dic/save.vue b/src/frontend/admin/src/views/sys/dic/save.vue
index 9d667218..2078b49d 100644
--- a/src/frontend/admin/src/views/sys/dic/save.vue
+++ b/src/frontend/admin/src/views/sys/dic/save.vue
@@ -1,11 +1,11 @@
 <template>
-    <scDialog v-model="visible" :title="`${titleMap[mode]}：${form?.id ?? '...'}`" @closed="$emit('closed')" destroy-on-close>
+    <sc-dialog v-model="visible" :title="`${titleMap[mode]}：${form?.id ?? '...'}`" @closed="$emit('closed')" destroy-on-close>
         <el-form v-loading="loading" :model="form" :rules="rules" label-width="10rem" ref="dialogForm">
             <el-form-item :label="$t('字典目录名称')" prop="name">
-                <el-input v-model="form.name" :placeholder="$t('字典目录名称')" clearable></el-input>
+                <el-input v-model="form.name" :placeholder="$t('字典目录名称')" clearable />
             </el-form-item>
             <el-form-item :label="$t('字典目录编码')" prop="code">
-                <el-input v-model="form.code" :placeholder="$t('字典目录编码')" clearable></el-input>
+                <el-input v-model="form.code" :placeholder="$t('字典目录编码')" clearable />
             </el-form-item>
             <el-form-item :label="$t('父路径')" prop="parentId">
                 <catalog-select v-model="form.parentId" class="w100p" />
@@ -15,12 +15,12 @@
             <el-button @click="visible = false">{{ $t('取消') }}</el-button>
             <el-button v-if="mode !== 'view'" :disabled="loading" :loading="loading" @click="submit" type="primary">{{ $t('保存') }}</el-button>
         </template>
-    </scDialog>
+    </sc-dialog>
 </template>
 
 <script>
 import { defineAsyncComponent } from 'vue'
-const catalogSelect = defineAsyncComponent(() => import('./components/catalog-select.vue'))
+const catalogSelect = defineAsyncComponent(() => import('./components/catalog-select'))
 export default {
     components: { catalogSelect },
     data() {
@@ -81,4 +81,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/doc/components/catalog-select.vue b/src/frontend/admin/src/views/sys/doc/components/catalog-select.vue
index e464de8f..0caea33d 100644
--- a/src/frontend/admin/src/views/sys/doc/components/catalog-select.vue
+++ b/src/frontend/admin/src/views/sys/doc/components/catalog-select.vue
@@ -11,9 +11,9 @@
             checkStrictly: true,
             expandTrigger: 'hover',
         }"
-        clearable></el-cascader>
+        clearable />
 </template>
-<style scoped></style>
+<style scoped />
 <script>
 export default {
     props: {
diff --git a/src/frontend/admin/src/views/sys/doc/index.vue b/src/frontend/admin/src/views/sys/doc/index.vue
index 2dc45231..4f9a0a2b 100644
--- a/src/frontend/admin/src/views/sys/doc/index.vue
+++ b/src/frontend/admin/src/views/sys/doc/index.vue
@@ -3,7 +3,7 @@
         <el-aside v-loading="loading" width="40rem">
             <el-container>
                 <el-header>
-                    <el-input v-model="filterText" :placeholder="$t('输入关键字进行过滤')" clearable></el-input>
+                    <el-input v-model="filterText" :placeholder="$t('输入关键字进行过滤')" clearable />
                 </el-header>
                 <el-main class="nopadding">
                     <el-tree
@@ -23,11 +23,11 @@
                                 <span>{{ data.name }} {{ data.code }}</span>
                                 <span class="btn">
                                     <el-button-group size="small">
-                                        <el-button @click.stop="add(data.id, data.code)" icon="el-icon-plus"></el-button>
-                                        <el-button @click.stop="edit(data)" icon="el-icon-edit"></el-button>
+                                        <el-button @click.stop="add(data.id, data.code)" icon="el-icon-plus" />
+                                        <el-button @click.stop="edit(data)" icon="el-icon-edit" />
                                         <el-popconfirm :title="$t('确定删除 {item} 吗？', { item: data.name })" @confirm="del(data)" width="20rem">
                                             <template #reference>
-                                                <el-button @click.stop="() => {}" icon="el-icon-delete"></el-button>
+                                                <el-button @click.stop="() => {}" icon="el-icon-delete" />
                                             </template>
                                         </el-popconfirm>
                                     </el-button-group>
@@ -51,14 +51,14 @@
         @closed="dialog.save = null"
         @mounted="$refs.saveDialog.open(dialog.save)"
         @success="(data, mode) => getData()"
-        ref="saveDialog"></save-dialog>
+        ref="saveDialog" />
 </template>
 
 <script>
 import { defineAsyncComponent } from 'vue'
 import list from './list'
 
-const saveDialog = defineAsyncComponent(() => import('./save.vue'))
+const saveDialog = defineAsyncComponent(() => import('./save'))
 export default {
     components: {
         list,
diff --git a/src/frontend/admin/src/views/sys/doc/list/index.vue b/src/frontend/admin/src/views/sys/doc/list/index.vue
index bfc4ce97..ced7ae26 100644
--- a/src/frontend/admin/src/views/sys/doc/list/index.vue
+++ b/src/frontend/admin/src/views/sys/doc/list/index.vue
@@ -4,13 +4,13 @@
             <el-row :gutter="15">
                 <el-col :lg="24">
                     <el-card shadow="never">
-                        <scStatistic :title="$t('总数')" :value="statistics.total" group-separator></scStatistic>
+                        <sc-statistic :title="$t('总数')" :value="statistics.total" group-separator />
                     </el-card>
                 </el-col>
             </el-row>
         </el-header>
         <el-header class="el-header-select-filter">
-            <scSelectFilter
+            <sc-select-filter
                 :data="[
                     {
                         title: $t('启用状态'),
@@ -38,7 +38,7 @@
                 ]"
                 :label-width="9"
                 @on-change="filterChange"
-                ref="selectFilter"></scSelectFilter>
+                ref="selectFilter" />
         </el-header>
         <el-header>
             <div class="left-panel">
@@ -55,16 +55,13 @@
                     @reset="onReset"
                     @search="onSearch"
                     dateFormat="YYYY-MM-DD HH:mm:ss"
-                    dateType="datetimerange"
+                    dateType="datetime-range"
                     dateValueFormat="YYYY-MM-DD HH:mm:ss"
                     ref="search" />
             </div>
             <div class="right-panel">
-                <el-button
-                    @click="this.dialog.save = { mode: 'add', data: { catalogId: this.catalogId } }"
-                    icon="el-icon-plus"
-                    type="primary"></el-button>
-                <naButtonBulkDel :api="$API.sys_doc.bulkDeleteContent" :vue="this" />
+                <el-button @click="this.dialog.save = { mode: 'add', data: { catalogId: this.catalogId } }" icon="el-icon-plus" type="primary" />
+                <na-button-bulk-del :api="$API.sys_doc.bulkDeleteContent" :vue="this" />
                 <el-dropdown v-show="this.selection.length > 0">
                     <el-button type="primary">
                         {{ $t('批量操作') }}
@@ -82,7 +79,7 @@
             </div>
         </el-header>
         <el-main class="nopadding">
-            <scTable
+            <sc-table
                 :before-post="(data) => data.dynamicFilter.filters.length > 0"
                 :context-menus="['title', 'enabled', 'createdTime', 'id', 'visibility']"
                 :context-multi="{ id: ['createdTime'] }"
@@ -102,9 +99,9 @@
                 row-key="id"
                 stripe>
                 <el-table-column type="selection" width="50" />
-                <naColId :label="$t('唯一编码')" prop="id" sortable="custom" width="170" />
+                <na-col-id :label="$t('唯一编码')" prop="id" sortable="custom" width="170" />
                 <el-table-column :label="$t('文档标题')" min-width="200" prop="title" sortable="custom" />
-                <naColIndicator
+                <na-col-indicator
                     :label="$t('档案可见性')"
                     :options="
                         Object.entries(this.$GLOBAL.enums.archiveVisibilities).map((x) => {
@@ -117,10 +114,10 @@
                     width="150" />
                 <el-table-column :label="$t('启用')" align="center" prop="enabled" sortable="custom" width="100">
                     <template #default="{ row }">
-                        <el-switch v-model="row.enabled" @change="changeSwitch($event, row)"></el-switch>
+                        <el-switch v-model="row.enabled" @change="changeSwitch($event, row)" />
                     </template>
                 </el-table-column>
-                <naColOperation
+                <na-col-operation
                     :buttons="[
                         {
                             icon: 'el-icon-view',
@@ -143,7 +140,7 @@
                     ]"
                     :vue="this"
                     width="180" />
-            </scTable>
+            </sc-table>
         </el-main>
     </el-container>
 
@@ -152,15 +149,15 @@
         @closed="dialog.save = null"
         @mounted="$refs.saveDialog.open(dialog.save)"
         @success="(data, mode) => table.handleUpdate($refs.table, data, mode)"
-        ref="saveDialog"></save-dialog>
+        ref="saveDialog" />
 </template>
 
 <script>
 import { defineAsyncComponent } from 'vue'
 import table from '@/config/table'
-import naColOperation from '@/config/naColOperation'
+import naColOperation from '@/config/na-col-operation'
 
-const saveDialog = defineAsyncComponent(() => import('./save.vue'))
+const saveDialog = defineAsyncComponent(() => import('./save'))
 export default {
     components: {
         saveDialog,
@@ -318,4 +315,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/doc/list/save.vue b/src/frontend/admin/src/views/sys/doc/list/save.vue
index 4d14140e..a98b9f29 100644
--- a/src/frontend/admin/src/views/sys/doc/list/save.vue
+++ b/src/frontend/admin/src/views/sys/doc/list/save.vue
@@ -1,5 +1,5 @@
 <template>
-    <scDialog v-model="visible" :title="`${titleMap[mode]}：${form?.id ?? '...'}`" @closed="$emit('closed')" destroy-on-close full-screen>
+    <sc-dialog v-model="visible" :title="`${titleMap[mode]}：${form?.id ?? '...'}`" @closed="$emit('closed')" destroy-on-close full-screen>
         <div v-loading="loading">
             <el-tabs tab-position="top">
                 <el-tab-pane :label="$t('基本信息')">
@@ -8,7 +8,7 @@
                             <catalog-select v-model="form.catalogId" class="w100p" />
                         </el-form-item>
                         <el-form-item :label="$t('文档标题')" prop="title">
-                            <el-input v-model="form.title" clearable></el-input>
+                            <el-input v-model="form.title" clearable />
                         </el-form-item>
                         <el-form-item :label="$t('档案可见性')" prop="visibility">
                             <el-select v-model="form.visibility" clearable filterable>
@@ -27,13 +27,13 @@
                     </el-form>
                 </el-tab-pane>
                 <el-tab-pane v-if="mode === 'view'" :label="$t('原始数据')">
-                    <JsonViewer
+                    <json-viewer
                         :expand-depth="5"
                         :theme="this.$TOOL.data.get('APP_SET_DARK') || this.$CONFIG.APP_SET_DARK ? 'dark' : 'light'"
                         :value="form"
                         copyable
                         expanded
-                        sort></JsonViewer>
+                        sort />
                 </el-tab-pane>
             </el-tabs>
         </div>
@@ -41,7 +41,7 @@
             <el-button @click="visible = false">{{ $t('取消') }}</el-button>
             <el-button v-if="mode !== 'view'" :disabled="loading" :loading="loading" @click="submit" type="primary">{{ $t('保存') }}</el-button>
         </template>
-    </scDialog>
+    </sc-dialog>
 </template>
 
 <script>
@@ -49,7 +49,7 @@ import { defineAsyncComponent } from 'vue'
 import { AiEditor } from 'aieditor'
 import 'aieditor/dist/style.css'
 import sysConfig from '@/config'
-const catalogSelect = defineAsyncComponent(() => import('../components/catalog-select.vue'))
+const catalogSelect = defineAsyncComponent(() => import('../components/catalog-select'))
 export default {
     components: { catalogSelect },
     data() {
diff --git a/src/frontend/admin/src/views/sys/doc/save.vue b/src/frontend/admin/src/views/sys/doc/save.vue
index aa253de2..5d08df05 100644
--- a/src/frontend/admin/src/views/sys/doc/save.vue
+++ b/src/frontend/admin/src/views/sys/doc/save.vue
@@ -1,11 +1,11 @@
 <template>
-    <scDialog v-model="visible" :title="`${titleMap[mode]}：${form?.id ?? '...'}`" @closed="$emit('closed')" destroy-on-close>
+    <sc-dialog v-model="visible" :title="`${titleMap[mode]}：${form?.id ?? '...'}`" @closed="$emit('closed')" destroy-on-close>
         <el-form v-loading="loading" :model="form" :rules="rules" label-width="10rem" ref="dialogForm">
             <el-form-item :label="$t('文档分类名称')" prop="name">
-                <el-input v-model="form.name" :placeholder="$t('文档分类名称')" clearable></el-input>
+                <el-input v-model="form.name" :placeholder="$t('文档分类名称')" clearable />
             </el-form-item>
             <el-form-item :label="$t('文档分类编码')" prop="code">
-                <el-input v-model="form.code" :placeholder="$t('文档分类编码')" clearable></el-input>
+                <el-input v-model="form.code" :placeholder="$t('文档分类编码')" clearable />
             </el-form-item>
             <el-form-item :label="$t('父路径')" prop="parentId">
                 <catalog-select v-model="form.parentId" class="w100p" />
@@ -15,12 +15,12 @@
             <el-button @click="visible = false">{{ $t('取消') }}</el-button>
             <el-button v-if="mode !== 'view'" :disabled="loading" :loading="loading" @click="submit" type="primary">{{ $t('保存') }}</el-button>
         </template>
-    </scDialog>
+    </sc-dialog>
 </template>
 
 <script>
 import { defineAsyncComponent } from 'vue'
-const catalogSelect = defineAsyncComponent(() => import('./components/catalog-select.vue'))
+const catalogSelect = defineAsyncComponent(() => import('./components/catalog-select'))
 export default {
     components: { catalogSelect },
     data() {
@@ -81,4 +81,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/invite/index.vue b/src/frontend/admin/src/views/sys/invite/index.vue
index bf429e62..c4f06af4 100644
--- a/src/frontend/admin/src/views/sys/invite/index.vue
+++ b/src/frontend/admin/src/views/sys/invite/index.vue
@@ -4,7 +4,7 @@
             <el-row :gutter="15">
                 <el-col :lg="24">
                     <el-card shadow="never">
-                        <scStatistic :title="$t('总数')" :value="statistics.total" group-separator></scStatistic>
+                        <sc-statistic :title="$t('总数')" :value="statistics.total" group-separator />
                     </el-card>
                 </el-col>
             </el-row>
@@ -31,7 +31,7 @@
                     @reset="onReset"
                     @search="onSearch"
                     dateFormat="YYYY-MM-DD HH:mm:ss"
-                    dateType="datetimerange"
+                    dateType="datetime-range"
                     dateValueFormat="YYYY-MM-DD HH:mm:ss"
                     ref="search" />
             </div>
@@ -52,7 +52,7 @@
             </div>
         </el-header>
         <el-main class="nopadding">
-            <scTable
+            <sc-table
                 :context-menus="['id', 'user.userName', 'createdTime', 'commissionRatio']"
                 :context-opers="[]"
                 :default-sort="{ prop: 'sort', order: 'descending' }"
@@ -74,7 +74,7 @@
                 stripe>
                 <el-table-column type="selection" width="50" />
                 <el-table-column :label="$t('用户编号')" prop="id" sortable="custom" />
-                <naColAvatar :label="$t('用户名')" prop="user.userName" />
+                <na-col-avatar :label="$t('用户名')" prop="user.userName" />
                 <el-table-column
                     :formatter="(row) => `${(row.commissionRatio / 100).toFixed(2)}%`"
                     :label="$t('返佣比率')"
@@ -82,7 +82,7 @@
                     prop="commissionRatio"
                     sortable="custom" />
                 <el-table-column :label="$t('注册时间')" align="right" prop="createdTime" sortable="custom" />
-            </scTable>
+            </sc-table>
         </el-main>
     </el-container>
 </template>
@@ -90,9 +90,9 @@
 <script>
 import { defineAsyncComponent } from 'vue'
 import table from '@/config/table'
-import naColOperation from '@/config/naColOperation'
+import naColOperation from '@/config/na-col-operation'
 
-const naColAvatar = defineAsyncComponent(() => import('@/components/naColAvatar'))
+const naColAvatar = defineAsyncComponent(() => import('@/components/na-col-avatar'))
 export default {
     components: {
         naColAvatar,
@@ -199,4 +199,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/job/all/index.vue b/src/frontend/admin/src/views/sys/job/all/index.vue
index a37d0cb4..dc8f8b48 100644
--- a/src/frontend/admin/src/views/sys/job/all/index.vue
+++ b/src/frontend/admin/src/views/sys/job/all/index.vue
@@ -4,13 +4,13 @@
             <el-row :gutter="15">
                 <el-col :lg="24">
                     <el-card shadow="never">
-                        <scStatistic :title="$t('总数')" :value="statistics.total" group-separator></scStatistic>
+                        <sc-statistic :title="$t('总数')" :value="statistics.total" group-separator />
                     </el-card>
                 </el-col>
             </el-row>
         </el-header>
         <el-header class="el-header-select-filter">
-            <scSelectFilter
+            <sc-select-filter
                 :data="[
                     {
                         title: $t('作业状态'),
@@ -52,7 +52,7 @@
                 ]"
                 :label-width="10"
                 @on-change="filterChange"
-                ref="selectFilter"></scSelectFilter>
+                ref="selectFilter" />
         </el-header>
         <el-header>
             <div class="left-panel">
@@ -78,13 +78,13 @@
                     @reset="onReset"
                     @search="onSearch"
                     dateFormat="YYYY-MM-DD HH:mm:ss"
-                    dateType="datetimerange"
+                    dateType="datetime-range"
                     dateValueFormat="YYYY-MM-DD HH:mm:ss"
                     ref="search" />
             </div>
             <div class="right-panel">
-                <el-button @click="this.dialog.save = { mode: 'add' }" icon="el-icon-plus" type="primary"></el-button>
-                <naButtonBulkDel :api="$API.sys_job.bulkDelete" :vue="this" />
+                <el-button @click="this.dialog.save = { mode: 'add' }" icon="el-icon-plus" type="primary" />
+                <na-button-bulk-del :api="$API.sys_job.bulkDelete" :vue="this" />
                 <el-dropdown v-show="this.selection.length > 0">
                     <el-button type="primary">
                         {{ $t('批量操作') }}
@@ -102,7 +102,7 @@
             </div>
         </el-header>
         <el-main class="nopadding">
-            <scTable
+            <sc-table
                 :cell-style="
                     (row) => {
                         if (row.column.property === 'lastDuration') {
@@ -144,7 +144,7 @@
                 row-key="id"
                 stripe>
                 <el-table-column type="selection" width="50" />
-                <naColId :label="$t('作业编号')" prop="id" sortable="custom" width="170" />
+                <na-col-id :label="$t('作业编号')" prop="id" sortable="custom" width="170" />
                 <el-table-column :label="$t('作业名称')" min-width="150" prop="jobName" show-overflow-tooltip sortable="custom">
                     <template #default="{ row }">
                         <p>{{ row.jobName }}</p>
@@ -157,7 +157,7 @@
                         <p>{{ row.executionCron }}</p>
                     </template>
                 </el-table-column>
-                <naColIndicator
+                <na-col-indicator
                     :label="$t('作业状态')"
                     :options="
                         Object.entries(this.$GLOBAL.enums.jobStatues).map((x) => {
@@ -168,7 +168,7 @@
                     prop="status"
                     sortable="custom"
                     width="100" />
-                <naColIndicator
+                <na-col-indicator
                     :label="$t('请求方式')"
                     :options="
                         Object.entries(this.$GLOBAL.enums.httpMethods).map((x) => {
@@ -209,10 +209,10 @@
                 <el-table-column :label="$t('下次执行时间')" align="right" prop="nextExecTime" sortable="custom" width="170" />
                 <el-table-column :label="$t('启用')" align="center" prop="enabled" sortable="custom" width="100">
                     <template #default="{ row }">
-                        <el-switch v-model="row.enabled" @change="changeSwitch($event, row)"></el-switch>
+                        <el-switch v-model="row.enabled" @change="changeSwitch($event, row)" />
                     </template>
                 </el-table-column>
-                <naColOperation
+                <na-col-operation
                     :buttons="
                         naColOperation.buttons.concat(
                             {
@@ -231,7 +231,7 @@
                     "
                     :vue="this"
                     width="220" />
-            </scTable>
+            </sc-table>
         </el-main>
     </el-container>
 
@@ -240,16 +240,16 @@
         @closed="dialog.save = null"
         @mounted="$refs.saveDialog.open(dialog.save)"
         @success="(data, mode) => table.handleUpdate($refs.table, data, mode)"
-        ref="saveDialog"></save-dialog>
+        ref="saveDialog" />
 </template>
 
 <script>
 import { defineAsyncComponent, h } from 'vue'
 import table from '@/config/table'
-import naColOperation from '@/config/naColOperation'
-import naIndicator from '@/components/naIndicator'
+import naColOperation from '@/config/na-col-operation'
+import naIndicator from '@/components/na-indicator'
 
-const saveDialog = defineAsyncComponent(() => import('./save.vue'))
+const saveDialog = defineAsyncComponent(() => import('./save'))
 export default {
     components: {
         naIndicator,
@@ -474,4 +474,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/job/all/save.vue b/src/frontend/admin/src/views/sys/job/all/save.vue
index 3dd932ae..2cf78a06 100644
--- a/src/frontend/admin/src/views/sys/job/all/save.vue
+++ b/src/frontend/admin/src/views/sys/job/all/save.vue
@@ -1,5 +1,5 @@
 <template>
-    <scDialog v-model="visible" :title="`${titleMap[mode]}：${form?.id ?? '...'}`" @closed="$emit('closed')" destroy-on-close full-screen>
+    <sc-dialog v-model="visible" :title="`${titleMap[mode]}：${form?.id ?? '...'}`" @closed="$emit('closed')" destroy-on-close full-screen>
         <el-tabs v-model="tabId" tab-position="top">
             <el-tab-pane :label="$t('基本信息')">
                 <el-form
@@ -14,7 +14,7 @@
                         <el-input v-model="form.id" clearable />
                     </el-form-item>
                     <el-form-item :label="$t('执行计划')" prop="executionCron">
-                        <scCron v-model="form.executionCron" class="font-monospace" clearable />
+                        <sc-cron v-model="form.executionCron" class="font-monospace" clearable />
                     </el-form-item>
                     <el-form-item :label="$t('请求方法')" prop="httpMethod">
                         <el-select v-model="form.httpMethod" clearable filterable>
@@ -40,7 +40,7 @@
                         <el-input v-model="form.nextTimeId" clearable />
                     </el-form-item>
                     <el-form-item :label="$t('请求头')" prop="requestHeader">
-                        <VAceEditor
+                        <v-ace-editor
                             v-model:value="form.requestHeader"
                             :theme="this.$TOOL.data.get('APP_SET_DARK') || this.$CONFIG.APP_SET_DARK ? 'github_dark' : 'github'"
                             lang="json"
@@ -50,7 +50,7 @@
                         </el-button>
                     </el-form-item>
                     <el-form-item :label="$t('请求体')" prop="requestBody">
-                        <VAceEditor
+                        <v-ace-editor
                             v-model:value="form.requestBody"
                             :theme="this.$TOOL.data.get('APP_SET_DARK') || this.$CONFIG.APP_SET_DARK ? 'github_dark' : 'github'"
                             lang="json"
@@ -83,7 +83,7 @@
                         <el-input v-model="form.userId" clearable />
                     </el-form-item>
                     <el-form-item v-else :label="$t('执行用户')" prop="user">
-                        <naUserSelect v-model="form.user"></naUserSelect>
+                        <na-user-select v-model="form.user" />
                     </el-form-item>
                     <el-form-item v-if="mode === 'view'" :label="$t('创建时间')" prop="createdTime">
                         <el-input v-model="form.createdTime" clearable />
@@ -112,13 +112,13 @@
                 <record v-if="tabId === 'record'" :job-id="form.id" />
             </el-tab-pane>
             <el-tab-pane v-if="mode === 'view'" :label="$t('原始数据')">
-                <JsonViewer
+                <json-viewer
                     :expand-depth="5"
                     :theme="this.$TOOL.data.get('APP_SET_DARK') || this.$CONFIG.APP_SET_DARK ? 'dark' : 'light'"
                     :value="form"
                     copyable
                     expanded
-                    sort></JsonViewer>
+                    sort />
             </el-tab-pane>
         </el-tabs>
 
@@ -126,16 +126,16 @@
             <el-button @click="visible = false">{{ $t('取消') }}</el-button>
             <el-button v-if="mode !== 'view'" :disabled="loading" :loading="loading" @click="submit" type="primary">{{ $t('保存') }}</el-button>
         </template>
-    </scDialog>
+    </sc-dialog>
 </template>
 
 <script>
 import { defineAsyncComponent } from 'vue'
-import vkbeautify from 'vkbeautify/index'
+import vkbeautify from 'vkbeautify'
 
 const Record = defineAsyncComponent(() => import('@/views/sys/job/record'))
-const naUserSelect = defineAsyncComponent(() => import('@/components/naUserSelect'))
-const scCron = defineAsyncComponent(() => import('@/components/scCron'))
+const naUserSelect = defineAsyncComponent(() => import('@/components/na-user-select'))
+const scCron = defineAsyncComponent(() => import('@/components/sc-cron'))
 export default {
     components: { Record, naUserSelect, scCron },
     data() {
@@ -267,4 +267,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/job/index.vue b/src/frontend/admin/src/views/sys/job/index.vue
index 849a916c..b8b68dc8 100644
--- a/src/frontend/admin/src/views/sys/job/index.vue
+++ b/src/frontend/admin/src/views/sys/job/index.vue
@@ -2,8 +2,8 @@
     <el-container>
         <el-header style="border: none">
             <el-tabs v-model="tabId" class="w100p">
-                <el-tab-pane :label="$t('作业管理')" name="all"></el-tab-pane>
-                <el-tab-pane :label="$t('作业日志')" name="log"></el-tab-pane>
+                <el-tab-pane :label="$t('作业管理')" name="all" />
+                <el-tab-pane :label="$t('作业日志')" name="log" />
             </el-tabs>
         </el-header>
         <el-main class="nopadding">
@@ -61,4 +61,4 @@ export default {
     },
 }
 </script>
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/job/record/index.vue b/src/frontend/admin/src/views/sys/job/record/index.vue
index 9efecb06..77f869d7 100644
--- a/src/frontend/admin/src/views/sys/job/record/index.vue
+++ b/src/frontend/admin/src/views/sys/job/record/index.vue
@@ -4,18 +4,18 @@
             <el-row :gutter="15">
                 <el-col :span="12">
                     <el-card shadow="never">
-                        <scStatistic :title="$t('总数')" :value="statistics.total" group-separator></scStatistic>
+                        <sc-statistic :title="$t('总数')" :value="statistics.total" group-separator />
                     </el-card>
                 </el-col>
                 <el-col :span="12">
                     <el-card shadow="never">
-                        <scStatistic :title="$t('成功率')" :value="statistics.rate" suffix="%"></scStatistic>
+                        <sc-statistic :title="$t('成功率')" :value="statistics.rate" suffix="%" />
                     </el-card>
                 </el-col>
             </el-row>
         </el-header>
         <el-header class="el-header-select-filter">
-            <scSelectFilter
+            <sc-select-filter
                 :data="[
                     {
                         title: $t('响应状态码'),
@@ -34,7 +34,7 @@
                 ]"
                 :label-width="9"
                 @on-change="filterChange"
-                ref="selectFilter"></scSelectFilter>
+                ref="selectFilter" />
         </el-header>
         <el-header>
             <div class="left-panel">
@@ -81,14 +81,14 @@
                     @reset="onReset"
                     @search="onSearch"
                     dateFormat="YYYY-MM-DD HH:mm:ss"
-                    dateType="datetimerange"
+                    dateType="datetime-range"
                     dateValueFormat="YYYY-MM-DD HH:mm:ss"
                     ref="search" />
             </div>
             <div class="right-panel"></div>
         </el-header>
         <el-main class="nopadding">
-            <scTable
+            <sc-table
                 :cell-style="
                     (row) => {
                         if (row.column.property === 'duration') {
@@ -111,7 +111,7 @@
                 remote-sort
                 row-key="id"
                 stripe>
-                <naColId :label="$t('唯一编码')" prop="id" sortable="custom" width="170" />
+                <na-col-id :label="$t('唯一编码')" prop="id" sortable="custom" width="170" />
                 <el-table-column :label="$t('响应状态码')" prop="httpStatusCode" sortable="custom" width="200">
                     <template #default="{ row }">
                         <p>
@@ -156,8 +156,8 @@
                     </template>
                 </el-table-column>
                 <el-table-column :label="$t('响应体')" min-width="300" prop="responseBody" show-overflow-tooltip sortable="custom" />
-                <naColOperation :buttons="[naColOperation.buttons[0]]" :vue="this" width="50" />
-            </scTable>
+                <na-col-operation :buttons="[naColOperation.buttons[0]]" :vue="this" width="50" />
+            </sc-table>
         </el-main>
     </el-container>
 
@@ -166,24 +166,24 @@
         @closed="dialog.save = null"
         @mounted="$refs.saveDialog.open(dialog.save)"
         @success="(data, mode) => table.handleUpdate($refs.table, data, mode)"
-        ref="saveDialog"></save-dialog>
+        ref="saveDialog" />
 
     <job-dialog
         v-if="dialog.job"
         @closed="dialog.job = null"
         @mounted="$refs.jobDialog.open(dialog.job)"
         @success="(data, mode) => table.handleUpdate($refs.table, data, mode)"
-        ref="jobDialog"></job-dialog>
+        ref="jobDialog" />
 </template>
 
 <script>
 import { defineAsyncComponent } from 'vue'
 import table from '@/config/table'
-import naColOperation from '@/config/naColOperation'
-import naIndicator from '@/components/naIndicator'
+import naColOperation from '@/config/na-col-operation'
+import naIndicator from '@/components/na-indicator'
 
-const saveDialog = defineAsyncComponent(() => import('./save.vue'))
-const jobDialog = defineAsyncComponent(() => import('@/views/sys/job/all/save.vue'))
+const saveDialog = defineAsyncComponent(() => import('./save'))
+const jobDialog = defineAsyncComponent(() => import('@/views/sys/job/all/save'))
 export default {
     components: {
         naIndicator,
@@ -385,4 +385,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/job/record/save.vue b/src/frontend/admin/src/views/sys/job/record/save.vue
index f08a4984..c54f0f40 100644
--- a/src/frontend/admin/src/views/sys/job/record/save.vue
+++ b/src/frontend/admin/src/views/sys/job/record/save.vue
@@ -1,5 +1,5 @@
 <template>
-    <scDialog v-model="visible" :title="`${titleMap[mode]}：${form?.id ?? '...'}`" @closed="$emit('closed')" destroy-on-close full-screen>
+    <sc-dialog v-model="visible" :title="`${titleMap[mode]}：${form?.id ?? '...'}`" @closed="$emit('closed')" destroy-on-close full-screen>
         <el-form
             v-loading="loading"
             :disabled="mode === 'view'"
@@ -39,7 +39,7 @@
                         </el-col>
                         <el-col :lg="col2Width">
                             <el-form-item v-if="form.requestBody" :label="$t('请求体')" prop="requestBody">
-                                <JsonViewer
+                                <json-viewer
                                     v-if="mode === 'view'"
                                     :expand-depth="5"
                                     :theme="this.$TOOL.data.get('APP_SET_DARK') || this.$CONFIG.APP_SET_DARK ? 'dark' : 'light'"
@@ -47,11 +47,11 @@
                                     class="w100p children-nopadding"
                                     copyable
                                     expanded
-                                    sort></JsonViewer>
+                                    sort />
                                 <el-input v-else v-model="form.requestBody" clearable rows="5" type="textarea" />
                             </el-form-item>
                             <el-form-item v-if="form.responseBody" :label="$t('响应体')" prop="responseBody">
-                                <JsonViewer
+                                <json-viewer
                                     v-if="mode === 'view'"
                                     :expand-depth="5"
                                     :theme="this.$TOOL.data.get('APP_SET_DARK') || this.$CONFIG.APP_SET_DARK ? 'dark' : 'light'"
@@ -59,12 +59,11 @@
                                     class="w100p children-nopadding"
                                     copyable
                                     expanded
-                                    sort>
-                                </JsonViewer>
+                                    sort />
                                 <el-input v-else v-model="form.responseBody" clearable rows="5" type="textarea" />
                             </el-form-item>
                             <el-form-item v-if="form.requestHeader" :label="$t('请求头')" prop="requestHeader">
-                                <JsonViewer
+                                <json-viewer
                                     v-if="mode === 'view'"
                                     :expand-depth="1"
                                     :theme="this.$TOOL.data.get('APP_SET_DARK') || this.$CONFIG.APP_SET_DARK ? 'dark' : 'light'"
@@ -72,11 +71,11 @@
                                     class="w100p children-nopadding"
                                     copyable
                                     expanded
-                                    sort></JsonViewer>
+                                    sort />
                                 <el-input v-else v-model="form.requestHeader" clearable rows="5" type="textarea" />
                             </el-form-item>
                             <el-form-item v-if="form.responseHeader" :label="$t('响应头')" prop="responseHeader">
-                                <JsonViewer
+                                <json-viewer
                                     v-if="mode === 'view'"
                                     :expand-depth="1"
                                     :theme="this.$TOOL.data.get('APP_SET_DARK') || this.$CONFIG.APP_SET_DARK ? 'dark' : 'light'"
@@ -84,13 +83,13 @@
                                     class="w100p children-nopadding"
                                     copyable
                                     expanded
-                                    sort></JsonViewer>
+                                    sort />
                                 <el-input v-else v-model="form.responseHeader" clearable rows="5" type="textarea" />
                             </el-form-item>
                         </el-col>
 
                         <el-col v-if="this.esData" :lg="9">
-                            <JsonViewer
+                            <json-viewer
                                 v-if="mode === 'view'"
                                 :expand-depth="1"
                                 :theme="this.$TOOL.data.get('APP_SET_DARK') || this.$CONFIG.APP_SET_DARK ? 'dark' : 'light'"
@@ -98,25 +97,25 @@
                                 class="children-nopadding"
                                 copyable
                                 expanded
-                                sort></JsonViewer>
+                                sort />
                         </el-col>
                     </el-row>
                 </el-tab-pane>
                 <el-tab-pane v-if="mode === 'view'" :label="$t('原始数据')">
-                    <JsonViewer
+                    <json-viewer
                         :expand-depth="5"
                         :theme="this.$TOOL.data.get('APP_SET_DARK') || this.$CONFIG.APP_SET_DARK ? 'dark' : 'light'"
                         :value="form"
                         copyable
                         expanded
-                        sort></JsonViewer>
+                        sort />
                 </el-tab-pane>
             </el-tabs>
         </el-form>
         <template #footer>
             <el-button @click="visible = false">{{ $t('取消') }}</el-button>
         </template>
-    </scDialog>
+    </sc-dialog>
 </template>
 
 <script>
@@ -198,4 +197,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/log/login/index.vue b/src/frontend/admin/src/views/sys/log/login/index.vue
index d5ef56b3..81ace86a 100644
--- a/src/frontend/admin/src/views/sys/log/login/index.vue
+++ b/src/frontend/admin/src/views/sys/log/login/index.vue
@@ -4,13 +4,13 @@
             <el-row :gutter="15">
                 <el-col :lg="24">
                     <el-card shadow="never">
-                        <scStatistic :title="$t('总数')" :value="statistics.total" group-separator></scStatistic>
+                        <sc-statistic :title="$t('总数')" :value="statistics.total" group-separator />
                     </el-card>
                 </el-col>
             </el-row>
         </el-header>
         <el-header class="el-header-select-filter">
-            <scSelectFilter
+            <sc-select-filter
                 v-if="showFilter"
                 :data="[
                     {
@@ -67,7 +67,7 @@
                 ]"
                 :label-width="10"
                 @on-change="filterChange"
-                ref="selectFilter"></scSelectFilter>
+                ref="selectFilter" />
         </el-header>
         <el-header>
             <div class="left-panel">
@@ -93,14 +93,14 @@
                     @reset="onReset"
                     @search="onSearch"
                     dateFormat="YYYY-MM-DD HH:mm:ss"
-                    dateType="datetimerange"
+                    dateType="datetime-range"
                     dateValueFormat="YYYY-MM-DD HH:mm:ss"
                     ref="search" />
             </div>
             <div class="right-panel"></div>
         </el-header>
         <el-main class="nopadding">
-            <scTable
+            <sc-table
                 :context-menus="['id', 'httpStatusCode', 'loginUserName', 'createdClientIp', 'createdUserAgent', 'createdTime']"
                 :context-multi="{ id: ['createdTime'] }"
                 :context-opers="['view']"
@@ -115,10 +115,10 @@
                 remote-sort
                 row-key="id"
                 stripe>
-                <naColId label="日志编号" prop="id" sortable="custom" width="170" />
+                <na-col-id label="日志编号" prop="id" sortable="custom" width="170" />
                 <el-table-column :label="$t('结果')" align="center" prop="httpStatusCode" sortable="custom" width="100">
                     <template #default="{ row }">
-                        <scStatusIndicator :type="row.httpStatusCode === 200 ? 'success' : 'danger'" />
+                        <sc-status-indicator :type="row.httpStatusCode === 200 ? 'success' : 'danger'" />
                         {{ row.httpStatusCode === 200 ? '成功' : '失败' }}
                     </template>
                 </el-table-column>
@@ -133,7 +133,7 @@
                 </el-table-column>
                 <el-table-column :label="$t('操作系统')" align="center" prop="os" width="150" />
                 <el-table-column :label="$t('用户代理')" min-width="150" prop="createdUserAgent" show-overflow-tooltip sortable="custom" />
-                <naColOperation
+                <na-col-operation
                     :buttons="[
                         {
                             icon: 'el-icon-view',
@@ -143,15 +143,15 @@
                     ]"
                     :vue="this"
                     width="70" />
-            </scTable>
+            </sc-table>
         </el-main>
     </el-container>
 
-    <na-info v-if="dialog.info" ref="info"></na-info>
+    <na-info v-if="dialog.info" ref="info" />
 </template>
 
 <script>
-import naInfo from '@/components/naInfo'
+import naInfo from '@/components/na-info'
 import http from '@/utils/request'
 
 export default {
@@ -355,4 +355,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/log/operation/index.vue b/src/frontend/admin/src/views/sys/log/operation/index.vue
index adac19f2..42302903 100644
--- a/src/frontend/admin/src/views/sys/log/operation/index.vue
+++ b/src/frontend/admin/src/views/sys/log/operation/index.vue
@@ -4,13 +4,13 @@
             <el-row :gutter="15">
                 <el-col :lg="24">
                     <el-card shadow="never">
-                        <scStatistic :title="$t('总数')" :value="statistics.total" group-separator></scStatistic>
+                        <sc-statistic :title="$t('总数')" :value="statistics.total" group-separator />
                     </el-card>
                 </el-col>
             </el-row>
         </el-header>
         <el-header class="el-header-select-filter">
-            <scSelectFilter
+            <sc-select-filter
                 :data="[
                     {
                         title: $t('操作结果'),
@@ -54,7 +54,7 @@
                 ]"
                 :label-width="10"
                 @on-change="filterChange"
-                ref="selectFilter"></scSelectFilter>
+                ref="selectFilter" />
         </el-header>
         <el-header>
             <div class="left-panel">
@@ -110,14 +110,14 @@
                     @reset="Object.entries(this.$refs.selectFilter.selected).forEach(([key, _]) => (this.$refs.selectFilter.selected[key] = ['']))"
                     @search="onSearch"
                     dateFormat="YYYY-MM-DD HH:mm:ss"
-                    dateType="datetimerange"
+                    dateType="datetime-range"
                     dateValueFormat="YYYY-MM-DD HH:mm:ss"
                     ref="search" />
             </div>
             <div class="right-panel"></div>
         </el-header>
         <el-main class="nopadding">
-            <scTable
+            <sc-table
                 :context-menus="['id', 'httpStatusCode', 'apiPathCrc32', 'ownerId', 'httpMethod', 'duration', 'createdClientIp', 'createdTime']"
                 :context-multi="{ id: ['createdTime'] }"
                 :context-opers="[]"
@@ -132,10 +132,10 @@
                 remote-sort
                 row-key="id"
                 stripe>
-                <naColId label="日志编号" prop="id" sortable="custom" width="170" />
+                <na-col-id label="日志编号" prop="id" sortable="custom" width="170" />
                 <el-table-column :label="$t('响应码')" align="center" prop="httpStatusCode" sortable="custom" width="150">
                     <template #default="{ row }">
-                        <scStatusIndicator :type="row.httpStatusCode >= 200 && row.httpStatusCode < 300 ? 'success' : 'danger'" />
+                        <sc-status-indicator :type="row.httpStatusCode >= 200 && row.httpStatusCode < 300 ? 'success' : 'danger'" />
                         {{ row.httpStatusCode }}
                     </template>
                 </el-table-column>
@@ -152,7 +152,7 @@
                     </el-table-column>
                     <el-table-column :label="$t('方法')" align="center" prop="httpMethod" sortable="custom" width="100">
                         <template #default="{ row }">
-                            <scStatusIndicator
+                            <sc-status-indicator
                                 :style="`background: #${Math.abs(this.$TOOL.crypto.hashCode(row.httpMethod)).toString(16).substring(0, 6)}`" />
                             {{ row.httpMethod.toUpperCase() }}
                         </template>
@@ -181,7 +181,7 @@
                                     owners?.find((x) => x.id === row.ownerId)?.avatar ??
                                     $CONFIG.DEFAULT_AVATAR(owners?.find((x) => x.id === row.ownerId)?.userName)
                                 "
-                                size="small"></el-avatar>
+                                size="small" />
                             <div>
                                 <p>{{ owners?.find((x) => x.id === row.ownerId)?.userName }}</p>
                                 <p>{{ owners?.find((x) => x.id === row.ownerId)?.id }}</p>
@@ -197,7 +197,7 @@
                         </template>
                     </template>
                 </el-table-column>
-                <naColOperation
+                <na-col-operation
                     :buttons="[
                         {
                             icon: 'el-icon-view',
@@ -207,24 +207,24 @@
                     ]"
                     :vue="this"
                     width="70" />
-            </scTable>
+            </sc-table>
         </el-main>
     </el-container>
 
-    <na-info v-if="dialog.info" ref="info"></na-info>
+    <na-info v-if="dialog.info" ref="info" />
     <save-dialog
         v-if="dialog.save"
         @closed="dialog.save = null"
         @mounted="$refs.saveDialog.open(dialog.save)"
         @success="(data, mode) => table.handleUpdate($refs.table, data, mode)"
-        ref="saveDialog"></save-dialog>
+        ref="saveDialog" />
 </template>
 
 <script>
 import { defineAsyncComponent } from 'vue'
 import http from '@/utils/request'
-const saveDialog = defineAsyncComponent(() => import('@/views/sys/user/save.vue'))
-import naInfo from '@/components/naInfo'
+const saveDialog = defineAsyncComponent(() => import('@/views/sys/user/save'))
+import naInfo from '@/components/na-info'
 
 export default {
     components: {
@@ -505,4 +505,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/menu/index.vue b/src/frontend/admin/src/views/sys/menu/index.vue
index c4d13b41..10afc0ae 100644
--- a/src/frontend/admin/src/views/sys/menu/index.vue
+++ b/src/frontend/admin/src/views/sys/menu/index.vue
@@ -3,7 +3,7 @@
         <el-aside v-loading="loading" width="30rem">
             <el-container>
                 <el-header>
-                    <el-input v-model="filterText" :placeholder="$t('输入关键字进行过滤')" clearable></el-input>
+                    <el-input v-model="filterText" :placeholder="$t('输入关键字进行过滤')" clearable />
                 </el-header>
                 <el-main class="nopadding">
                     <el-tree
@@ -28,14 +28,14 @@
                                 <span>{{ node.label }}</span>
                                 <span class="btn">
                                     <el-button-group size="small">
-                                        <el-button @click.stop="add(node, data)" icon="el-icon-plus"></el-button>
-                                        <el-button @click.stop="copy(data)" icon="el-icon-copy-document"></el-button>
+                                        <el-button @click.stop="add(node, data)" icon="el-icon-plus" />
+                                        <el-button @click.stop="copy(data)" icon="el-icon-copy-document" />
                                         <el-popconfirm
                                             :title="this.$t('确定删除 {item} 吗？', { item: data.meta.title })"
                                             @confirm="del(node, data)"
                                             width="20rem">
                                             <template #reference>
-                                                <el-button @click.stop="() => {}" icon="el-icon-delete"></el-button>
+                                                <el-button @click.stop="() => {}" icon="el-icon-delete" />
                                             </template>
                                         </el-popconfirm>
                                     </el-button-group>
@@ -45,14 +45,14 @@
                     </el-tree>
                 </el-main>
                 <el-footer>
-                    <el-button @click="add()" icon="el-icon-plus" size="small" type="primary"></el-button>
-                    <el-button @click="batchDel" icon="el-icon-delete" plain size="small" type="danger"></el-button>
+                    <el-button @click="add()" icon="el-icon-plus" size="small" type="primary" />
+                    <el-button @click="batchDel" icon="el-icon-delete" plain size="small" type="danger" />
                 </el-footer>
             </el-container>
         </el-aside>
         <el-container>
             <el-main class="main" ref="main">
-                <save :tree="treeList" @success="handleSuccess" ref="save"></save>
+                <save :tree="treeList" @success="handleSuccess" ref="save" />
             </el-main>
         </el-container>
     </el-container>
diff --git a/src/frontend/admin/src/views/sys/menu/save.vue b/src/frontend/admin/src/views/sys/menu/save.vue
index a6de9be2..49a98f48 100644
--- a/src/frontend/admin/src/views/sys/menu/save.vue
+++ b/src/frontend/admin/src/views/sys/menu/save.vue
@@ -1,14 +1,14 @@
 <template>
     <el-row :gutter="40">
         <el-col v-if="!form.id">
-            <el-empty :description="$t('请选择左侧菜单后操作')" :image-size="100"></el-empty>
+            <el-empty :description="$t('请选择左侧菜单后操作')" :image-size="100" />
         </el-col>
         <template v-else>
             <el-col>
                 <h2>{{ form.meta.title || '新建菜单' }}</h2>
                 <el-form :model="form" :rules="rules" label-width="15rem" ref="dialogForm">
                     <el-form-item :label="$t('显示名称')" prop="meta.title">
-                        <el-input v-model="form.meta.title" :placeholder="$t('菜单显示名字')" clearable></el-input>
+                        <el-input v-model="form.meta.title" :placeholder="$t('菜单显示名字')" clearable />
                     </el-form-item>
                     <el-form-item :label="$t('上级菜单')" prop="parentId">
                         <el-cascader
@@ -22,7 +22,7 @@
                                 checkStrictly: true,
                             }"
                             :show-all-levels="false"
-                            clearable></el-cascader>
+                            clearable />
                     </el-form-item>
                     <el-form-item :label="$t('类型')" prop="meta.type">
                         <el-radio-group v-model="form.meta.type">
@@ -32,22 +32,22 @@
                         </el-radio-group>
                     </el-form-item>
                     <el-form-item :label="$t('别名')" prop="name">
-                        <el-input v-model="form.name" :placeholder="$t('菜单别名')" clearable></el-input>
+                        <el-input v-model="form.name" :placeholder="$t('菜单别名')" clearable />
                     </el-form-item>
                     <el-form-item :label="$t('菜单图标')" prop="meta.icon">
-                        <scIconSelect v-model="form.meta.icon" clearable></scIconSelect>
+                        <sc-icon-select v-model="form.meta.icon" clearable />
                     </el-form-item>
                     <el-form-item :label="$t('路由地址')" prop="path">
-                        <el-input v-model="form.path" clearable placeholder=""></el-input>
+                        <el-input v-model="form.path" clearable placeholder="" />
                     </el-form-item>
                     <el-form-item :label="$t('排序')" prop="sort">
-                        <el-input-number v-model="form.sort" :min="0" controls-position="right" style="width: 100%"></el-input-number>
+                        <el-input-number v-model="form.sort" :min="0" controls-position="right" style="width: 100%" />
                     </el-form-item>
                     <el-form-item :label="$t('重定向')" prop="redirect">
-                        <el-input v-model="form.redirect" clearable placeholder=""></el-input>
+                        <el-input v-model="form.redirect" clearable placeholder="" />
                     </el-form-item>
                     <el-form-item :label="$t('菜单高亮')" prop="active">
-                        <el-input v-model="form.active" clearable placeholder=""></el-input>
+                        <el-input v-model="form.active" clearable placeholder="" />
                     </el-form-item>
                     <el-form-item :label="$t('视图')" prop="component">
                         <el-input v-model="form.component" clearable placeholder="">
@@ -55,7 +55,7 @@
                         </el-input>
                     </el-form-item>
                     <el-form-item :label="$t('颜色')" prop="color">
-                        <el-color-picker v-model="form.meta.color" :predefine="predefineColors"></el-color-picker>
+                        <el-color-picker v-model="form.meta.color" :predefine="predefineColors" />
                     </el-form-item>
                     <el-form-item :label="$t('是否隐藏')" prop="meta.hidden">
                         <el-checkbox v-model="form.meta.hidden">{{ $t('隐藏菜单') }}</el-checkbox>
@@ -65,7 +65,7 @@
                         <el-switch v-model="form.meta.fullPage" />
                     </el-form-item>
                     <el-form-item :label="$t('标签')" prop="tag">
-                        <el-input v-model="form.meta.tag" clearable placeholder=""></el-input>
+                        <el-input v-model="form.meta.tag" clearable placeholder="" />
                     </el-form-item>
                     <el-form-item>
                         <el-button :loading="loading" @click="save" type="primary">{{ $t('保存') }}</el-button>
@@ -77,7 +77,7 @@
 </template>
 
 <script>
-import scIconSelect from '@/components/scIconSelect'
+import scIconSelect from '@/components/sc-icon-select'
 
 export default {
     components: { scIconSelect },
diff --git a/src/frontend/admin/src/views/sys/msg/index.vue b/src/frontend/admin/src/views/sys/msg/index.vue
index 03eb33a7..ef9b7dca 100644
--- a/src/frontend/admin/src/views/sys/msg/index.vue
+++ b/src/frontend/admin/src/views/sys/msg/index.vue
@@ -4,13 +4,13 @@
             <el-row :gutter="15">
                 <el-col :lg="24">
                     <el-card shadow="never">
-                        <scStatistic :title="$t('总数')" :value="statistics.total" group-separator></scStatistic>
+                        <sc-statistic :title="$t('总数')" :value="statistics.total" group-separator />
                     </el-card>
                 </el-col>
             </el-row>
         </el-header>
         <el-header class="el-header-select-filter">
-            <scSelectFilter
+            <sc-select-filter
                 :data="[
                     {
                         title: $t('消息类型'),
@@ -29,7 +29,7 @@
                 ]"
                 :label-width="10"
                 @on-change="filterChange"
-                ref="selectFilter"></scSelectFilter>
+                ref="selectFilter" />
         </el-header>
         <el-header>
             <div class="left-panel">
@@ -46,17 +46,17 @@
                     @reset="Object.entries(this.$refs.selectFilter.selected).forEach(([key, _]) => (this.$refs.selectFilter.selected[key] = ['']))"
                     @search="onSearch"
                     dateFormat="YYYY-MM-DD HH:mm:ss"
-                    dateType="datetimerange"
+                    dateType="datetime-range"
                     dateValueFormat="YYYY-MM-DD HH:mm:ss"
                     ref="search" />
             </div>
             <div class="right-panel">
-                <el-button @click="this.dialog.save = { mode: 'add' }" icon="el-icon-plus" type="primary"></el-button>
-                <naButtonBulkDel :api="$API.sys_sitemsg.bulkDelete" :vue="this" />
+                <el-button @click="this.dialog.save = { mode: 'add' }" icon="el-icon-plus" type="primary" />
+                <na-button-bulk-del :api="$API.sys_sitemsg.bulkDelete" :vue="this" />
             </div>
         </el-header>
         <el-main class="nopadding">
-            <scTable
+            <sc-table
                 :context-menus="['id', 'createdUserName', 'msgType', 'title', 'summary', 'createdTime']"
                 :context-multi="{ id: ['createdTime'] }"
                 :default-sort="{ prop: 'id', order: 'descending' }"
@@ -76,9 +76,9 @@
                 row-key="id"
                 stripe>
                 <el-table-column type="selection" width="50" />
-                <naColId :label="$t('消息编号')" prop="id" sortable="custom" width="170" />
-                <naColAvatar :label="$t('用户名')" min-width="100" prop="createdUserName" />
-                <naColIndicator
+                <na-col-id :label="$t('消息编号')" prop="id" sortable="custom" width="170" />
+                <na-col-avatar :label="$t('用户名')" min-width="100" prop="createdUserName" />
+                <na-col-indicator
                     :label="$t('消息类型')"
                     :options="
                         Object.entries(this.$GLOBAL.enums.siteMsgTypes).map((x) => {
@@ -92,11 +92,11 @@
                 <el-table-column :label="$t('消息主题')" min-width="200" prop="title" show-overflow-tooltip sortable="custom" />
                 <el-table-column :label="$t('消息摘要')" min-width="400" prop="summary" show-overflow-tooltip sortable="custom" />
 
-                <naColOperation
+                <na-col-operation
                     :buttons="naColOperation.buttons.concat(naColOperation.delButton($t('删除消息'), $API.sys_sitemsg.delete))"
                     :vue="this"
                     width="120" />
-            </scTable>
+            </sc-table>
         </el-main>
     </el-container>
 
@@ -105,15 +105,15 @@
         @closed="dialog.save = null"
         @mounted="$refs.saveDialog.open(dialog.save)"
         @success="(data, mode) => table.handleUpdate($refs.table, data, mode)"
-        ref="saveDialog"></save-dialog>
+        ref="saveDialog" />
 </template>
 
 <script>
 import { defineAsyncComponent } from 'vue'
 import table from '@/config/table'
-import naColOperation from '@/config/naColOperation'
-const naColAvatar = defineAsyncComponent(() => import('@/components/naColAvatar'))
-const saveDialog = defineAsyncComponent(() => import('./save.vue'))
+import naColOperation from '@/config/na-col-operation'
+const naColAvatar = defineAsyncComponent(() => import('@/components/na-col-avatar'))
+const saveDialog = defineAsyncComponent(() => import('./save'))
 export default {
     components: {
         saveDialog,
@@ -201,4 +201,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/msg/save.vue b/src/frontend/admin/src/views/sys/msg/save.vue
index 2ded0439..be10b2d0 100644
--- a/src/frontend/admin/src/views/sys/msg/save.vue
+++ b/src/frontend/admin/src/views/sys/msg/save.vue
@@ -1,5 +1,5 @@
 <template>
-    <scDialog v-model="visible" :title="`${titleMap[mode]}：${form?.id ?? '...'}`" @closed="$emit('closed')" destroy-on-close full-screen>
+    <sc-dialog v-model="visible" :title="`${titleMap[mode]}：${form?.id ?? '...'}`" @closed="$emit('closed')" destroy-on-close full-screen>
         <el-form
             v-loading="loading"
             :disabled="mode === 'view'"
@@ -29,7 +29,7 @@
                     </el-form-item>
 
                     <el-form-item :label="$t('送至角色')" prop="roleIds">
-                        <scSelect
+                        <sc-select
                             v-if="!this.loading"
                             v-model="form.roleIds"
                             :config="{ props: { label: 'name', value: 'id' } }"
@@ -40,10 +40,10 @@
                             multiple />
                     </el-form-item>
                     <el-form-item :label="$t('送至部门')" prop="deptIds">
-                        <naDept v-model="form.deptIds" :multiple="true" class="w100p"></naDept>
+                        <na-dept v-model="form.deptIds" :multiple="true" class="w100p" />
                     </el-form-item>
                     <el-form-item :label="$t('送至用户')" prop="userIds">
-                        <naUserSelect v-model="form.userIds" :multiple="true" class="w100p"></naUserSelect>
+                        <na-user-select v-model="form.userIds" :multiple="true" class="w100p" />
                     </el-form-item>
                     <el-form-item v-if="mode === 'view'" :label="$t('创建时间')" prop="createdTime">
                         <el-input v-model="form.createdTime" clearable />
@@ -54,13 +54,13 @@
                 </el-tab-pane>
 
                 <el-tab-pane v-if="mode === 'view'" :label="$t('原始数据')">
-                    <JsonViewer
+                    <json-viewer
                         :expand-depth="5"
                         :theme="this.$TOOL.data.get('APP_SET_DARK') || this.$CONFIG.APP_SET_DARK ? 'dark' : 'light'"
                         :value="form"
                         copyable
                         expanded
-                        sort></JsonViewer>
+                        sort />
                 </el-tab-pane>
             </el-tabs>
         </el-form>
@@ -68,7 +68,7 @@
             <el-button @click="visible = false">{{ $t('取消') }}</el-button>
             <el-button v-if="mode !== 'view'" :disabled="loading" :loading="loading" @click="submit" type="primary">{{ $t('保存') }}</el-button>
         </template>
-    </scDialog>
+    </sc-dialog>
 </template>
 
 <script>
@@ -76,9 +76,9 @@ import { AiEditor } from 'aieditor'
 import 'aieditor/dist/style.css'
 import sysConfig from '../../../config'
 import { defineAsyncComponent } from 'vue'
-const naDept = defineAsyncComponent(() => import('@/components/naDept'))
-const naUserSelect = defineAsyncComponent(() => import('@/components/naUserSelect'))
-const scSelect = defineAsyncComponent(() => import('@/components/scSelect'))
+const naDept = defineAsyncComponent(() => import('@/components/na-dept'))
+const naUserSelect = defineAsyncComponent(() => import('@/components/na-user-select'))
+const scSelect = defineAsyncComponent(() => import('@/components/sc-select'))
 export default {
     components: {
         naDept,
@@ -177,4 +177,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/order/index.vue b/src/frontend/admin/src/views/sys/order/index.vue
index cb2bc3d5..f18eebac 100644
--- a/src/frontend/admin/src/views/sys/order/index.vue
+++ b/src/frontend/admin/src/views/sys/order/index.vue
@@ -4,13 +4,13 @@
             <el-row :gutter="15">
                 <el-col :lg="24">
                     <el-card shadow="never">
-                        <scStatistic :title="$t('总数')" :value="statistics.total" group-separator></scStatistic>
+                        <sc-statistic :title="$t('总数')" :value="statistics.total" group-separator />
                     </el-card>
                 </el-col>
             </el-row>
         </el-header>
         <el-header class="el-header-select-filter">
-            <scSelectFilter
+            <sc-select-filter
                 :data="[
                     {
                         title: $t('订单状态'),
@@ -45,7 +45,7 @@
                 ]"
                 :label-width="15"
                 @on-change="filterChange"
-                ref="selectFilter"></scSelectFilter>
+                ref="selectFilter" />
         </el-header>
         <el-header>
             <div class="left-panel">
@@ -71,16 +71,16 @@
                     @reset="onReset"
                     @search="onSearch"
                     dateFormat="YYYY-MM-DD HH:mm:ss"
-                    dateType="datetimerange"
+                    dateType="datetime-range"
                     dateValueFormat="YYYY-MM-DD HH:mm:ss"
                     ref="search" />
             </div>
             <div class="right-panel">
-                <el-button @click="this.dialog.save = { mode: 'add' }" icon="el-icon-plus" type="primary"></el-button>
+                <el-button @click="this.dialog.save = { mode: 'add' }" icon="el-icon-plus" type="primary" />
             </div>
         </el-header>
         <el-main class="nopadding">
-            <scTable
+            <sc-table
                 :context-menus="[
                     'id',
                     'ownerId',
@@ -111,8 +111,8 @@
                 remote-sort
                 row-key="id"
                 stripe>
-                <naColId :label="$t('订单编号')" prop="id" sortable="custom" width="170" />
-                <naColUser
+                <na-col-id :label="$t('订单编号')" prop="id" sortable="custom" width="170" />
+                <na-col-user
                     :clickOpenDialog="$GLOBAL.hasApiPermission('api/sys/user/get')"
                     :label="$t('归属用户')"
                     header-align="center"
@@ -120,8 +120,8 @@
                     nestProp2="ownerId"
                     prop="ownerId"
                     sortable="custom"
-                    width="170"></naColUser>
-                <naColIndicator
+                    width="170" />
+                <na-col-indicator
                     :label="$t('订单状态')"
                     :options="
                         Object.entries(this.$GLOBAL.enums.depositOrderStatues).map((x) => {
@@ -149,7 +149,7 @@
                     align="right"
                     prop="actualPayAmount"
                     sortable="custom" />
-                <naColIndicator
+                <na-col-indicator
                     :label="$t('支付方式')"
                     :options="
                         Object.entries(this.$GLOBAL.enums.paymentModes).map((x) => {
@@ -159,7 +159,7 @@
                     align="center"
                     prop="paymentMode"
                     sortable="custom" />
-                <naColOperation
+                <na-col-operation
                     :buttons="[
                         naColOperation.buttons[0],
                         {
@@ -175,7 +175,7 @@
                     ]"
                     :vue="this"
                     width="120" />
-            </scTable>
+            </sc-table>
         </el-main>
     </el-container>
 
@@ -184,15 +184,15 @@
         @closed="dialog.save = null"
         @mounted="$refs.saveDialog.open(dialog.save)"
         @success="(data, mode) => table.handleUpdate($refs.table, data, mode)"
-        ref="saveDialog"></save-dialog>
+        ref="saveDialog" />
 </template>
 
 <script>
 import { defineAsyncComponent } from 'vue'
 import table from '@/config/table'
-import naColOperation from '@/config/naColOperation'
-const naColUser = defineAsyncComponent(() => import('@/components/naColUser'))
-const saveDialog = defineAsyncComponent(() => import('./save.vue'))
+import naColOperation from '@/config/na-col-operation'
+const naColUser = defineAsyncComponent(() => import('@/components/na-col-user'))
+const saveDialog = defineAsyncComponent(() => import('./save'))
 export default {
     components: {
         naColUser,
@@ -348,4 +348,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/order/save.vue b/src/frontend/admin/src/views/sys/order/save.vue
index 7a90a0da..a0d5e4e3 100644
--- a/src/frontend/admin/src/views/sys/order/save.vue
+++ b/src/frontend/admin/src/views/sys/order/save.vue
@@ -1,5 +1,5 @@
 <template>
-    <scDialog v-model="visible" :title="`${titleMap[mode]}：${form?.id ?? '...'}`" @closed="$emit('closed')" destroy-on-close>
+    <sc-dialog v-model="visible" :title="`${titleMap[mode]}：${form?.id ?? '...'}`" @closed="$emit('closed')" destroy-on-close>
         <div v-loading="loading">
             <el-tabs v-model="tabId" @tab-change="tabChange" tab-position="top">
                 <el-tab-pane :label="$t('基本信息')" name="basic">
@@ -57,13 +57,13 @@
                     </el-form>
                 </el-tab-pane>
                 <el-tab-pane v-if="mode === 'view'" :label="$t('原始数据')">
-                    <JsonViewer
+                    <json-viewer
                         :expand-depth="5"
                         :theme="this.$TOOL.data.get('APP_SET_DARK') || this.$CONFIG.APP_SET_DARK ? 'dark' : 'light'"
                         :value="form"
                         copyable
                         expanded
-                        sort></JsonViewer>
+                        sort />
                 </el-tab-pane>
             </el-tabs>
         </div>
@@ -90,7 +90,7 @@
                 >{{ $t('确认已支付') }}</el-button
             >
         </template>
-    </scDialog>
+    </sc-dialog>
 </template>
 
 <script>
@@ -194,4 +194,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/role/index.vue b/src/frontend/admin/src/views/sys/role/index.vue
index 6d9dfce2..9a9c8ac4 100644
--- a/src/frontend/admin/src/views/sys/role/index.vue
+++ b/src/frontend/admin/src/views/sys/role/index.vue
@@ -4,13 +4,13 @@
             <el-row :gutter="15">
                 <el-col :lg="24">
                     <el-card shadow="never">
-                        <scStatistic :title="$t('总数')" :value="statistics.total" group-separator></scStatistic>
+                        <sc-statistic :title="$t('总数')" :value="statistics.total" group-separator />
                     </el-card>
                 </el-col>
             </el-row>
         </el-header>
         <el-header class="el-header-select-filter">
-            <scSelectFilter
+            <sc-select-filter
                 :data="[
                     {
                         title: $t('启用状态'),
@@ -72,7 +72,7 @@
                 ]"
                 :label-width="15"
                 @on-change="filterChange"
-                ref="selectFilter"></scSelectFilter>
+                ref="selectFilter" />
         </el-header>
         <el-header>
             <div class="left-panel">
@@ -89,13 +89,13 @@
                     @reset="onReset"
                     @search="onSearch"
                     dateFormat="YYYY-MM-DD HH:mm:ss"
-                    dateType="datetimerange"
+                    dateType="datetime-range"
                     dateValueFormat="YYYY-MM-DD HH:mm:ss"
                     ref="search" />
             </div>
             <div class="right-panel">
-                <el-button @click="this.dialog.save = { mode: 'add' }" icon="el-icon-plus" type="primary"></el-button>
-                <naButtonBulkDel :api="$API.sys_role.bulkDelete" :vue="this" />
+                <el-button @click="this.dialog.save = { mode: 'add' }" icon="el-icon-plus" type="primary" />
+                <na-button-bulk-del :api="$API.sys_role.bulkDelete" :vue="this" />
                 <el-dropdown v-show="this.selection.length > 0">
                     <el-button type="primary">
                         {{ $t('批量操作') }}
@@ -113,7 +113,7 @@
             </div>
         </el-header>
         <el-main class="nopadding">
-            <scTable
+            <sc-table
                 :context-menus="['id', 'name', 'sort', 'enabled', 'ignorePermissionControl', 'dataScope', 'displayDashboard', 'createdTime']"
                 :context-multi="{ id: ['createdTime'] }"
                 :default-sort="{ prop: 'sort', order: 'descending' }"
@@ -133,7 +133,7 @@
                 row-key="id"
                 stripe>
                 <el-table-column type="selection" width="50" />
-                <naColId :label="$t('角色编号')" prop="id" sortable="custom" width="170" />
+                <na-col-id :label="$t('角色编号')" prop="id" sortable="custom" width="170" />
                 <el-table-column :label="$t('角色名称')" min-width="150" prop="name" sortable="custom" />
                 <el-table-column :label="$t('用户数量')" align="right" width="100">
                     <template #default="{ row }">
@@ -145,10 +145,10 @@
                 <el-table-column :label="$t('排序')" align="right" prop="sort" sortable="custom" width="100" />
                 <el-table-column :label="$t('无限权限')" align="center" prop="ignorePermissionControl" sortable="custom" width="100">
                     <template #default="{ row }">
-                        <el-switch v-model="row.ignorePermissionControl" @change="changeIgnorePermissionControl($event, row)"></el-switch>
+                        <el-switch v-model="row.ignorePermissionControl" @change="changeIgnorePermissionControl($event, row)" />
                     </template>
                 </el-table-column>
-                <naColIndicator
+                <na-col-indicator
                     :label="$t('数据范围')"
                     :options="
                         Object.entries(this.$GLOBAL.enums.dataScopes).map((x) => {
@@ -158,20 +158,18 @@
                     align="center"
                     prop="dataScope"
                     sortable="custom"
-                    width="120">
-                </naColIndicator>
-
+                    width="120" />
                 <el-table-column :label="$t('显示仪表板')" align="center" prop="displayDashboard" sortable="custom" width="120">
                     <template #default="{ row }">
-                        <el-switch v-model="row.displayDashboard" @change="changeDisplayDashboard($event, row)"></el-switch>
+                        <el-switch v-model="row.displayDashboard" @change="changeDisplayDashboard($event, row)" />
                     </template>
                 </el-table-column>
                 <el-table-column :label="$t('启用')" align="center" prop="enabled" sortable="custom" width="100">
                     <template #default="{ row }">
-                        <el-switch v-model="row.enabled" @change="changeEnabled($event, row)"></el-switch>
+                        <el-switch v-model="row.enabled" @change="changeEnabled($event, row)" />
                     </template>
                 </el-table-column>
-                <naColOperation
+                <na-col-operation
                     :buttons="
                         naColOperation.buttons.concat(
                             {
@@ -185,7 +183,7 @@
                     "
                     :vue="this"
                     width="200" />
-            </scTable>
+            </sc-table>
         </el-main>
     </el-container>
 
@@ -194,15 +192,15 @@
         @closed="dialog.save = null"
         @mounted="$refs.saveDialog.open(dialog.save)"
         @success="(data, mode) => table.handleUpdate($refs.table, data, mode)"
-        ref="saveDialog"></save-dialog>
+        ref="saveDialog" />
 </template>
 
 <script>
 import { defineAsyncComponent } from 'vue'
 import table from '@/config/table'
-import naColOperation from '@/config/naColOperation'
+import naColOperation from '@/config/na-col-operation'
 
-const saveDialog = defineAsyncComponent(() => import('./save.vue'))
+const saveDialog = defineAsyncComponent(() => import('./save'))
 export default {
     components: {
         saveDialog,
@@ -418,4 +416,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/role/save.vue b/src/frontend/admin/src/views/sys/role/save.vue
index 873cb082..15e38d09 100644
--- a/src/frontend/admin/src/views/sys/role/save.vue
+++ b/src/frontend/admin/src/views/sys/role/save.vue
@@ -1,23 +1,23 @@
 <template>
-    <scDialog v-model="visible" :title="`${titleMap[mode]}：${form?.id ?? '...'}`" @closed="$emit('closed')" destroy-on-close full-screen>
+    <sc-dialog v-model="visible" :title="`${titleMap[mode]}：${form?.id ?? '...'}`" @closed="$emit('closed')" destroy-on-close full-screen>
         <div v-loading="loading">
             <el-tabs v-model="tabId" tab-position="top">
                 <el-tab-pane :label="$t('基本信息')">
                     <el-form :disabled="mode === 'view'" :model="form" :rules="rules" label-width="15rem" ref="dialogForm">
                         <el-form-item :label="$t('角色名称')" prop="name">
-                            <el-input v-model="form.name" clearable></el-input>
+                            <el-input v-model="form.name" clearable />
                         </el-form-item>
                         <el-form-item :label="$t('排序')" prop="sort">
-                            <el-input-number v-model="form.sort" :min="0" controls-position="right" style="width: 100%"></el-input-number>
+                            <el-input-number v-model="form.sort" :min="0" controls-position="right" style="width: 100%" />
                         </el-form-item>
                         <el-form-item :label="$t('启用')" prop="enabled">
-                            <el-switch v-model="form.enabled"></el-switch>
+                            <el-switch v-model="form.enabled" />
                         </el-form-item>
                         <el-form-item :label="$t('无限权限')" prop="ignorePermissionControl">
-                            <el-switch v-model="form.ignorePermissionControl"></el-switch>
+                            <el-switch v-model="form.ignorePermissionControl" />
                         </el-form-item>
                         <el-form-item :label="$t('备注')" prop="summary">
-                            <el-input v-model="form.summary" clearable type="textarea"></el-input>
+                            <el-input v-model="form.summary" clearable type="textarea" />
                         </el-form-item>
                     </el-form>
                 </el-tab-pane>
@@ -31,7 +31,7 @@
                             default-expand-all
                             node-key="id"
                             ref="menu"
-                            show-checkbox></el-tree>
+                            show-checkbox />
                     </div>
                 </el-tab-pane>
                 <el-tab-pane :label="$t('接口权限')">
@@ -42,18 +42,14 @@
                             default-expand-all
                             node-key="id"
                             ref="api"
-                            show-checkbox></el-tree>
+                            show-checkbox />
                     </div>
                 </el-tab-pane>
                 <el-tab-pane :label="$t('数据权限')">
                     <el-form label-width="10rem">
                         <el-form-item :label="$t('数据权限')">
                             <el-radio-group v-model="form.dataScope" :disabled="mode === 'view'">
-                                <el-radio-button
-                                    v-for="(item, i) in this.$GLOBAL.enums.dataScopes"
-                                    :key="i"
-                                    :label="item[1]"
-                                    :value="i"></el-radio-button>
+                                <el-radio-button v-for="(item, i) in this.$GLOBAL.enums.dataScopes" :key="i" :label="item[1]" :value="i" />
                             </el-radio-group>
                         </el-form-item>
                         <el-form-item v-show="form.dataScope === 'specificDept'" :label="$t('选择部门')">
@@ -64,17 +60,17 @@
                                     default-expand-all
                                     node-key="id"
                                     ref="dept"
-                                    show-checkbox></el-tree>
+                                    show-checkbox />
                             </div>
                         </el-form-item>
                         <el-form-item :label="$t('首页视图')">
                             <el-radio-group v-model="form.displayDashboard" :disabled="mode === 'view'">
-                                <el-radio-button :label="$t('仪表板')" :value="true"></el-radio-button>
-                                <el-radio-button :label="$t('工作台')" :value="false"></el-radio-button>
+                                <el-radio-button :label="$t('仪表板')" :value="true" />
+                                <el-radio-button :label="$t('工作台')" :value="false" />
                             </el-radio-group>
                         </el-form-item>
                         <el-form-item v-if="form.displayDashboard" :label="$t('仪表板布局')">
-                            <VAceEditor
+                            <v-ace-editor
                                 v-model:value="form.dashboardLayout"
                                 :theme="this.$TOOL.data.get('APP_SET_DARK') || this.$CONFIG.APP_SET_DARK ? 'github_dark' : 'github'"
                                 lang="json"
@@ -86,16 +82,16 @@
                     </el-form>
                 </el-tab-pane>
                 <el-tab-pane v-if="mode === 'view'" :label="$t('用户列表')" name="user">
-                    <user v-if="tabId === 'user'" :role-id="form.id"></user>
+                    <user v-if="tabId === 'user'" :role-id="form.id" />
                 </el-tab-pane>
                 <el-tab-pane v-if="mode === 'view'" :label="$t('原始数据')">
-                    <JsonViewer
+                    <json-viewer
                         :expand-depth="5"
                         :theme="this.$TOOL.data.get('APP_SET_DARK') || this.$CONFIG.APP_SET_DARK ? 'dark' : 'light'"
                         :value="form"
                         copyable
                         expanded
-                        sort></JsonViewer>
+                        sort />
                 </el-tab-pane>
             </el-tabs>
         </div>
@@ -103,13 +99,13 @@
             <el-button @click="visible = false">{{ $t('取消') }}</el-button>
             <el-button v-if="mode !== 'view'" :disabled="loading" :loading="loading" @click="submit" type="primary">{{ $t('保存') }}</el-button>
         </template>
-    </scDialog>
+    </sc-dialog>
 </template>
 
 <script>
 import { defineAsyncComponent } from 'vue'
-import vkbeautify from 'vkbeautify/index'
-import config from '@/config/index'
+import vkbeautify from 'vkbeautify'
+import config from '@/config'
 
 const User = defineAsyncComponent(() => import('@/views/sys/user'))
 export default {
@@ -212,4 +208,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/trade/index.vue b/src/frontend/admin/src/views/sys/trade/index.vue
index 1613245d..7689800f 100644
--- a/src/frontend/admin/src/views/sys/trade/index.vue
+++ b/src/frontend/admin/src/views/sys/trade/index.vue
@@ -4,13 +4,13 @@
             <el-row :gutter="15">
                 <el-col :lg="24">
                     <el-card shadow="never">
-                        <scStatistic :title="$t('总数')" :value="statistics.total" group-separator></scStatistic>
+                        <sc-statistic :title="$t('总数')" :value="statistics.total" group-separator />
                     </el-card>
                 </el-col>
             </el-row>
         </el-header>
         <el-header class="el-header-select-filter">
-            <scSelectFilter
+            <sc-select-filter
                 :data="[
                     {
                         title: $t('交易方向'),
@@ -44,7 +44,7 @@
                 ]"
                 :label-width="15"
                 @on-change="filterChange"
-                ref="selectFilter"></scSelectFilter>
+                ref="selectFilter" />
         </el-header>
         <el-header>
             <div class="left-panel">
@@ -69,14 +69,14 @@
                     @reset="onReset"
                     @search="onSearch"
                     dateFormat="YYYY-MM-DD HH:mm:ss"
-                    dateType="datetimerange"
+                    dateType="datetime-range"
                     dateValueFormat="YYYY-MM-DD HH:mm:ss"
                     ref="search" />
             </div>
             <div class="right-panel"></div>
         </el-header>
         <el-main class="nopadding">
-            <scTable
+            <sc-table
                 :context-menus="[
                     'id',
                     'ownerId',
@@ -106,8 +106,8 @@
                 remote-sort
                 row-key="id"
                 stripe>
-                <naColId :label="$t('交易编号')" prop="id" sortable="custom" width="170" />
-                <naColUser
+                <na-col-id :label="$t('交易编号')" prop="id" sortable="custom" width="170" />
+                <na-col-user
                     :clickOpenDialog="$GLOBAL.hasApiPermission('api/sys/user/get')"
                     :label="$t('归属用户')"
                     header-align="center"
@@ -115,8 +115,8 @@
                     nestProp2="ownerId"
                     prop="ownerId"
                     sortable="custom"
-                    width="170"></naColUser>
-                <naColIndicator
+                    width="170" />
+                <na-col-indicator
                     :label="$t('交易方向')"
                     :options="
                         Object.entries(this.$GLOBAL.enums.tradeDirections).map((x) => {
@@ -126,7 +126,7 @@
                     align="center"
                     prop="tradeDirection"
                     sortable="custom" />
-                <naColIndicator
+                <na-col-indicator
                     :label="$t('交易类型')"
                     :options="
                         Object.entries(this.$GLOBAL.enums.tradeTypes).map((x) => {
@@ -154,8 +154,8 @@
                     </template>
                 </el-table-column>
                 <el-table-column :label="$t('备注')" min-width="100" prop="summary" show-overflow-tooltip sortable="custom" />
-                <naColOperation :buttons="[naColOperation.buttons[0]]" :vue="this" width="50" />
-            </scTable>
+                <na-col-operation :buttons="[naColOperation.buttons[0]]" :vue="this" width="50" />
+            </sc-table>
         </el-main>
     </el-container>
 
@@ -164,15 +164,15 @@
         @closed="dialog.save = null"
         @mounted="$refs.saveDialog.open(dialog.save)"
         @success="(data, mode) => $refs.table.refresh()"
-        ref="saveDialog"></save-dialog>
+        ref="saveDialog" />
 </template>
 
 <script>
 import { defineAsyncComponent } from 'vue'
 import table from '@/config/table'
-import naColOperation from '@/config/naColOperation'
-const naColUser = defineAsyncComponent(() => import('@/components/naColUser'))
-const saveDialog = defineAsyncComponent(() => import('./save.vue'))
+import naColOperation from '@/config/na-col-operation'
+const naColUser = defineAsyncComponent(() => import('@/components/na-col-user'))
+const saveDialog = defineAsyncComponent(() => import('./save'))
 export default {
     components: {
         naColUser,
@@ -320,4 +320,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/trade/save.vue b/src/frontend/admin/src/views/sys/trade/save.vue
index 2699c9e5..01a3b2a7 100644
--- a/src/frontend/admin/src/views/sys/trade/save.vue
+++ b/src/frontend/admin/src/views/sys/trade/save.vue
@@ -1,5 +1,5 @@
 <template>
-    <scDialog v-model="visible" :title="`${titleMap[mode]}：${form?.id ?? '...'}`" @closed="$emit('closed')" destroy-on-close full-screen>
+    <sc-dialog v-model="visible" :title="`${titleMap[mode]}：${form?.id ?? '...'}`" @closed="$emit('closed')" destroy-on-close full-screen>
         <div v-loading="loading">
             <el-tabs v-model="tabId" @tab-change="tabChange" tab-position="top">
                 <el-tab-pane :label="$t('基本信息')" name="basic">
@@ -40,13 +40,13 @@
                     </el-form>
                 </el-tab-pane>
                 <el-tab-pane v-if="mode === 'view'" :label="$t('原始数据')">
-                    <JsonViewer
+                    <json-viewer
                         :expand-depth="5"
                         :theme="this.$TOOL.data.get('APP_SET_DARK') || this.$CONFIG.APP_SET_DARK ? 'dark' : 'light'"
                         :value="form"
                         copyable
                         expanded
-                        sort></JsonViewer>
+                        sort />
                 </el-tab-pane>
             </el-tabs>
         </div>
@@ -54,7 +54,7 @@
             <el-button @click="visible = false">{{ $t('取消') }}</el-button>
             <el-button v-if="mode !== 'view'" :disabled="loading" :loading="loading" @click="submit" type="primary">{{ $t('保存') }}</el-button>
         </template>
-    </scDialog>
+    </sc-dialog>
 </template>
 
 <script>
@@ -116,4 +116,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/user/index.vue b/src/frontend/admin/src/views/sys/user/index.vue
index 49293705..12352a8f 100644
--- a/src/frontend/admin/src/views/sys/user/index.vue
+++ b/src/frontend/admin/src/views/sys/user/index.vue
@@ -4,13 +4,13 @@
             <el-row :gutter="15">
                 <el-col :lg="24">
                     <el-card shadow="never">
-                        <scStatistic :title="$t('总数')" :value="statistics.total" group-separator></scStatistic>
+                        <sc-statistic :title="$t('总数')" :value="statistics.total" group-separator />
                     </el-card>
                 </el-col>
             </el-row>
         </el-header>
         <el-header class="el-header-select-filter">
-            <scSelectFilter
+            <sc-select-filter
                 :data="[
                     {
                         title: $t('启用状态'),
@@ -24,7 +24,7 @@
                 ]"
                 :label-width="10"
                 @on-change="filterChange"
-                ref="selectFilter"></scSelectFilter>
+                ref="selectFilter" />
         </el-header>
         <el-header>
             <div class="left-panel">
@@ -49,12 +49,12 @@
                     @reset="onReset"
                     @search="onSearch"
                     dateFormat="YYYY-MM-DD HH:mm:ss"
-                    dateType="datetimerange"
+                    dateType="datetime-range"
                     dateValueFormat="YYYY-MM-DD HH:mm:ss"
                     ref="search" />
             </div>
             <div class="right-panel">
-                <el-button @click="this.dialog.save = { mode: 'add' }" icon="el-icon-plus" type="primary"></el-button>
+                <el-button @click="this.dialog.save = { mode: 'add' }" icon="el-icon-plus" type="primary" />
                 <el-dropdown v-show="this.selection.length > 0">
                     <el-button type="primary">
                         {{ $t('批量操作') }}
@@ -91,7 +91,7 @@
                     </el-tree>
                 </el-col>
                 <el-col :lg="20">
-                    <scTable
+                    <sc-table
                         :context-menus="['id', 'userName', 'mobile', 'email', 'enabled', 'createdTime', 'lastLoginTime']"
                         :context-multi="{ id: ['createdTime'] }"
                         :context-opers="['view', 'edit']"
@@ -112,21 +112,21 @@
                         row-key="id"
                         stripe>
                         <el-table-column type="selection" width="50" />
-                        <naColId :label="$t('用户编号')" prop="id" sortable="custom" width="170" />
-                        <naColAvatar :label="$t('用户名')" prop="userName" width="170" />
+                        <na-col-id :label="$t('用户编号')" prop="id" sortable="custom" width="170" />
+                        <na-col-avatar :label="$t('用户名')" prop="userName" width="170" />
                         <el-table-column :label="$t('手机号 / 邮箱')" align="right" prop="mobile" sortable="custom" width="250">
                             <template #default="{ row }">
                                 <p>{{ row.mobile ?? '-' }}</p>
                                 <p>{{ row.email ?? '-' }}</p>
                             </template>
                         </el-table-column>
-                        <naColTags
+                        <na-col-tags
                             :label="$t('归属部门')"
                             @click="(item) => (this.dialog.deptSave = { row: item, mode: 'view' })"
                             field="name"
                             prop="dept"
                             width="120" />
-                        <naColTags
+                        <na-col-tags
                             :label="$t('归属角色')"
                             @click="(item) => (this.dialog.roleSave = { row: item, mode: 'view' })"
                             field="name"
@@ -139,11 +139,11 @@
                         </el-table-column>
                         <el-table-column :label="$t('启用')" align="center" prop="enabled" sortable="custom" width="100">
                             <template #default="{ row }">
-                                <el-switch v-model="row.enabled" @change="changeSwitch($event, row)"></el-switch>
+                                <el-switch v-model="row.enabled" @change="changeSwitch($event, row)" />
                             </template>
                         </el-table-column>
-                        <naColOperation :vue="this" width="120" />
-                    </scTable>
+                        <na-col-operation :vue="this" width="120" />
+                    </sc-table>
                 </el-col>
             </el-row>
         </el-main>
@@ -154,28 +154,28 @@
         @closed="dialog.save = null"
         @mounted="$refs.saveDialog.open(dialog.save)"
         @success="(data, mode) => table.handleUpdate($refs.table, data, mode)"
-        ref="saveDialog"></save-dialog>
+        ref="saveDialog" />
     <role-save-dialog
         v-if="dialog.roleSave"
         @closed="dialog.roleSave = null"
         @mounted="$refs.roleSaveDialog.open(dialog.roleSave)"
-        ref="roleSaveDialog"></role-save-dialog>
+        ref="roleSaveDialog" />
     <dept-save-dialog
         v-if="dialog.deptSave"
         @closed="dialog.deptSave = null"
         @mounted="$refs.deptSaveDialog.open(dialog.deptSave)"
-        ref="deptSaveDialog"></dept-save-dialog>
+        ref="deptSaveDialog" />
 </template>
 
 <script>
 import { defineAsyncComponent } from 'vue'
 import table from '@/config/table'
 
-const roleSaveDialog = defineAsyncComponent(() => import('@/views/sys/role/save.vue'))
-const deptSaveDialog = defineAsyncComponent(() => import('@/views/sys/dept/save.vue'))
-const saveDialog = defineAsyncComponent(() => import('./save.vue'))
-const naColAvatar = defineAsyncComponent(() => import('@/components/naColAvatar'))
-const naColTags = defineAsyncComponent(() => import('@/components/naColTags'))
+const roleSaveDialog = defineAsyncComponent(() => import('@/views/sys/role/save'))
+const deptSaveDialog = defineAsyncComponent(() => import('@/views/sys/dept/save'))
+const saveDialog = defineAsyncComponent(() => import('./save'))
+const naColAvatar = defineAsyncComponent(() => import('@/components/na-col-avatar'))
+const naColTags = defineAsyncComponent(() => import('@/components/na-col-tags'))
 export default {
     components: {
         naColAvatar,
diff --git a/src/frontend/admin/src/views/sys/user/save.vue b/src/frontend/admin/src/views/sys/user/save.vue
index c610cdc1..dd8e9165 100644
--- a/src/frontend/admin/src/views/sys/user/save.vue
+++ b/src/frontend/admin/src/views/sys/user/save.vue
@@ -1,5 +1,5 @@
 <template>
-    <scDialog
+    <sc-dialog
         v-model="visible"
         :title="`${titleMap[mode]}：${form?.id ?? '...'}`"
         @closed="$emit('closed')"
@@ -17,26 +17,26 @@
             <el-tabs v-model="tabId" tab-position="top">
                 <el-tab-pane :label="$t('基本信息')">
                     <el-form-item prop="avatar">
-                        <scUpload v-model="form.avatar" :title="$t('上传头像')"></scUpload>
+                        <sc-upload v-model="form.avatar" :title="$t('上传头像')" />
                     </el-form-item>
                     <el-form-item v-if="mode === 'view'" :label="$t('唯一编码')" prop="id">
-                        <el-input v-model="form.id" clearable></el-input>
+                        <el-input v-model="form.id" clearable />
                     </el-form-item>
                     <el-form-item :label="$t('登录账号')" prop="userName">
-                        <el-input v-model="form.userName" :placeholder="$t('用于登录系统')" clearable></el-input>
+                        <el-input v-model="form.userName" :placeholder="$t('用于登录系统')" clearable />
                     </el-form-item>
                     <el-form-item v-if="mode === 'view'" :label="$t('邀请码')" prop="inviteCode">
-                        <el-input v-model="form.inviteCode" clearable></el-input>
+                        <el-input v-model="form.inviteCode" clearable />
                     </el-form-item>
                     <el-row :gutter="10">
                         <el-col :lg="12">
                             <el-form-item :label="$t('手机号')" prop="mobile">
-                                <el-input v-model="form.mobile" :placeholder="$t('请输入手机号')" clearable></el-input>
+                                <el-input v-model="form.mobile" :placeholder="$t('请输入手机号')" clearable />
                             </el-form-item>
                         </el-col>
                         <el-col :lg="12">
                             <el-form-item :label="$t('邮箱')" prop="email">
-                                <el-input v-model="form.email" :placeholder="$t('请输入邮箱')" clearable></el-input>
+                                <el-input v-model="form.email" :placeholder="$t('请输入邮箱')" clearable />
                             </el-form-item>
                         </el-col>
                     </el-row>
@@ -48,13 +48,13 @@
                                 clearable
                                 maxlength="16"
                                 oninput="value=value.replace(/[^\w]/g,'')"
-                                placeholder="8位以上数字字母组合"></el-input>
+                                placeholder="8位以上数字字母组合" />
                             <el-button @click="form.passwordText = '1234qwer'">{{ $t('初始密码') }}</el-button>
                         </div>
                     </el-form-item>
 
                     <el-form-item :label="$t('归属角色')" prop="roleIds">
-                        <scSelect
+                        <sc-select
                             v-if="!this.loading"
                             v-model="form.roleIds"
                             :config="{ props: { label: 'name', value: 'id' } }"
@@ -65,26 +65,26 @@
                             multiple />
                     </el-form-item>
                     <el-form-item :label="$t('归属部门')" prop="deptId">
-                        <naDept v-model="form.deptId" class="w100p"></naDept>
+                        <na-dept v-model="form.deptId" class="w100p" />
                     </el-form-item>
 
                     <template v-if="mode !== 'add'">
                         <el-form-item :label="$t('启用')" prop="enabled">
-                            <el-switch v-model="form.enabled"></el-switch>
+                            <el-switch v-model="form.enabled" />
                         </el-form-item>
                     </template>
                     <el-form-item v-if="mode === 'view'" :label="$t('最后登录')" prop="summary">
-                        <el-input v-model="form.lastLoginTime" clearable></el-input>
+                        <el-input v-model="form.lastLoginTime" clearable />
                     </el-form-item>
                     <el-form-item :label="$t('备注')" prop="summary">
-                        <el-input v-model="form.summary" clearable type="textarea"></el-input>
+                        <el-input v-model="form.summary" clearable type="textarea" />
                     </el-form-item>
                 </el-tab-pane>
                 <el-tab-pane :label="$t('档案信息')">
                     <el-row :gutter="10">
                         <el-col :lg="12">
                             <el-form-item :label="$t('真实姓名')" prop="profile.realName">
-                                <el-input v-model="form.profile.realName" clearable></el-input>
+                                <el-input v-model="form.profile.realName" clearable />
                             </el-form-item>
                         </el-col>
 
@@ -102,7 +102,7 @@
                                     :placeholder="$t('出生日期')"
                                     :teleported="false"
                                     type="date"
-                                    value-format="YYYY-MM-DD"></el-date-picker>
+                                    value-format="YYYY-MM-DD" />
                             </el-form-item>
                         </el-col>
 
@@ -122,7 +122,7 @@
                         </el-col>
                         <el-col :lg="12">
                             <el-form-item :label="$t('职业')" prop="profile.profession">
-                                <el-input v-model="form.profile.profession" clearable></el-input>
+                                <el-input v-model="form.profile.profession" clearable />
                             </el-form-item>
                         </el-col>
 
@@ -135,7 +135,7 @@
                         </el-col>
                         <el-col :lg="12">
                             <el-form-item :label="$t('证件号码')" prop="profile.certificateNumber">
-                                <el-input v-model="form.profile.certificateNumber" clearable type="text"></el-input>
+                                <el-input v-model="form.profile.certificateNumber" clearable type="text" />
                             </el-form-item>
                         </el-col>
                         <el-col :lg="12">
@@ -147,7 +147,7 @@
                         </el-col>
                         <el-col :lg="12">
                             <el-form-item :label="$t('籍贯')" prop="profile.nationArea">
-                                <naArea v-model="form.profile.nationArea"></naArea>
+                                <na-area v-model="form.profile.nationArea" />
                             </el-form-item>
                         </el-col>
 
@@ -169,14 +169,14 @@
                             <el-form-item :label="$t('住宅地址')" prop="profile.homeAddress">
                                 <el-input v-model="form.profile.homeAddress" clearable>
                                     <template v-slot:prepend>
-                                        <naArea v-model="form.profile.homeArea" style="width: 15rem"></naArea>
+                                        <na-area v-model="form.profile.homeArea" style="width: 15rem" />
                                     </template>
                                 </el-input>
                             </el-form-item>
                         </el-col>
                         <el-col :lg="12">
                             <el-form-item :label="$t('工作单位')" prop="profile.companyName">
-                                <el-input v-model="form.profile.companyName" clearable></el-input>
+                                <el-input v-model="form.profile.companyName" clearable />
                             </el-form-item>
                         </el-col>
                         <el-col :lg="12">
@@ -190,7 +190,7 @@
                             <el-form-item :label="$t('工作地址')" prop="profile.companyAddress">
                                 <el-input v-model="form.profile.companyAddress" clearable>
                                     <template v-slot:prepend>
-                                        <naArea v-model="form.profile.companyArea" style="width: 15rem"></naArea>
+                                        <na-area v-model="form.profile.companyArea" style="width: 15rem" />
                                     </template>
                                 </el-input>
                             </el-form-item>
@@ -204,31 +204,31 @@
                         </el-col>
                         <el-col :lg="12">
                             <el-form-item :label="$t('毕业学校')" prop="profile.graduateSchool">
-                                <el-input v-model="form.profile.graduateSchool" clearable></el-input>
+                                <el-input v-model="form.profile.graduateSchool" clearable />
                             </el-form-item>
                         </el-col>
                         <el-col :lg="12">
                             <el-form-item :label="$t('紧急联系人')" prop="profile.emergencyContactName">
-                                <el-input v-model="form.profile.emergencyContactName" clearable></el-input>
+                                <el-input v-model="form.profile.emergencyContactName" clearable />
                             </el-form-item>
                         </el-col>
                         <el-col :lg="12">
                             <el-form-item :label="$t('联系人手机号')" prop="profile.emergencyContactMobile">
-                                <el-input v-model="form.profile.emergencyContactMobile" clearable></el-input>
+                                <el-input v-model="form.profile.emergencyContactMobile" clearable />
                             </el-form-item>
                         </el-col>
                         <el-col :span="24">
                             <el-form-item :label="$t('联系人地址')" prop="profile.emergencyContactAddress">
                                 <el-input v-model="form.profile.emergencyContactAddress" clearable>
                                     <template v-slot:prepend>
-                                        <naArea v-model="form.profile.emergencyContactArea" style="width: 15rem"></naArea>
+                                        <na-area v-model="form.profile.emergencyContactArea" style="width: 15rem" />
                                     </template>
                                 </el-input>
                             </el-form-item>
                         </el-col>
                         <el-col :span="24">
                             <el-form-item :label="$t('应用配置')" prop="profile.appConfig">
-                                <VAceEditor
+                                <v-ace-editor
                                     v-model:value="form.profile.appConfig"
                                     :theme="this.$TOOL.data.get('APP_SET_DARK') || this.$CONFIG.APP_SET_DARK ? 'github_dark' : 'github'"
                                     lang="json"
@@ -244,16 +244,16 @@
                     <trade v-if="tabId === 'trade'" :ownerId="form.id.toString()" />
                 </el-tab-pane>
                 <el-tab-pane v-if="mode === 'view'" :label="$t('操作日志')" name="log">
-                    <log v-if="tabId === 'log'" :owner-id="form.id"></log>
+                    <log v-if="tabId === 'log'" :owner-id="form.id" />
                 </el-tab-pane>
                 <el-tab-pane v-if="mode === 'view'" :label="$t('原始数据')">
-                    <JsonViewer
+                    <json-viewer
                         :expand-depth="5"
                         :theme="this.$TOOL.data.get('APP_SET_DARK') || this.$CONFIG.APP_SET_DARK ? 'dark' : 'light'"
                         :value="form"
                         copyable
                         expanded
-                        sort></JsonViewer>
+                        sort />
                 </el-tab-pane>
             </el-tabs>
         </el-form>
@@ -261,7 +261,7 @@
             <el-button @click="visible = false">{{ $t('取消') }}</el-button>
             <el-button v-if="mode !== 'view'" :disabled="loading" :loading="loading" @click="submit" type="primary">{{ $t('保存') }}</el-button>
         </template>
-    </scDialog>
+    </sc-dialog>
 </template>
 
 <script>
@@ -270,10 +270,10 @@ import { defineAsyncComponent } from 'vue'
 const log = defineAsyncComponent(() => import('@/views/sys/log/operation'))
 const trade = defineAsyncComponent(() => import('@/views/sys/trade'))
 const wallet = defineAsyncComponent(() => import('@/views/sys/wallet'))
-const naArea = defineAsyncComponent(() => import('@/components/naArea'))
-const naDept = defineAsyncComponent(() => import('@/components/naDept'))
-const scUpload = defineAsyncComponent(() => import('@/components/scUpload'))
-const scSelect = defineAsyncComponent(() => import('@/components/scSelect'))
+const naArea = defineAsyncComponent(() => import('@/components/na-area'))
+const naDept = defineAsyncComponent(() => import('@/components/na-dept'))
+const scUpload = defineAsyncComponent(() => import('@/components/sc-upload'))
+const scSelect = defineAsyncComponent(() => import('@/components/sc-select'))
 export default {
     components: { log, naArea, naDept, scUpload, scSelect, trade, wallet },
     data() {
diff --git a/src/frontend/admin/src/views/sys/wallet/index.vue b/src/frontend/admin/src/views/sys/wallet/index.vue
index f96a9aa9..10d32c13 100644
--- a/src/frontend/admin/src/views/sys/wallet/index.vue
+++ b/src/frontend/admin/src/views/sys/wallet/index.vue
@@ -4,7 +4,7 @@
             <el-row :gutter="15">
                 <el-col :lg="24">
                     <el-card shadow="never">
-                        <scStatistic :title="$t('总数')" :value="statistics.total" group-separator></scStatistic>
+                        <sc-statistic :title="$t('总数')" :value="statistics.total" group-separator />
                     </el-card>
                 </el-col>
             </el-row>
@@ -51,14 +51,14 @@
                     @reset="onReset"
                     @search="onSearch"
                     dateFormat="YYYY-MM-DD HH:mm:ss"
-                    dateType="datetimerange"
+                    dateType="datetime-range"
                     dateValueFormat="YYYY-MM-DD HH:mm:ss"
                     ref="search" />
             </div>
             <div class="right-panel"></div>
         </el-header>
         <el-main class="nopadding">
-            <scTable
+            <sc-table
                 :context-menus="[
                     'id',
                     'ownerId',
@@ -89,15 +89,15 @@
                 remote-sort
                 row-key="id"
                 stripe>
-                <naColId :label="$t('钱包编号')" prop="id" sortable="custom" width="170" />
-                <naColUser
+                <na-col-id :label="$t('钱包编号')" prop="id" sortable="custom" width="170" />
+                <na-col-user
                     :clickOpenDialog="$GLOBAL.hasApiPermission('api/sys/user/get')"
                     :label="$t('归属用户')"
                     nestProp="owner.userName"
                     nestProp2="ownerId"
                     prop="ownerId"
                     sortable="custom"
-                    width="170"></naColUser>
+                    width="170" />
                 <el-table-column
                     :formatter="(row) => $TOOL.groupSeparator(row.totalBalance)"
                     :label="$t('总余额')"
@@ -133,7 +133,7 @@
                         <span v-if="row.modifiedTime" v-time.tip="row.modifiedTime" :title="row.modifiedTime"></span>
                     </template>
                 </el-table-column>
-                <naColOperation
+                <na-col-operation
                     :buttons="[
                         naColOperation.buttons[0],
                         {
@@ -149,7 +149,7 @@
                     ]"
                     :vue="this"
                     width="120" />
-            </scTable>
+            </sc-table>
         </el-main>
     </el-container>
 
@@ -158,23 +158,23 @@
         @closed="dialog.trade = null"
         @mounted="$refs.tradeDialog.open(dialog.trade)"
         @success="(data, mode) => $refs.table.refresh()"
-        ref="tradeDialog"></trade-dialog>
+        ref="tradeDialog" />
 
     <save-dialog
         v-if="dialog.save"
         @closed="dialog.save = null"
         @mounted="$refs.saveDialog.open(dialog.save)"
         @success="(data, mode) => $refs.table.refresh()"
-        ref="saveDialog"></save-dialog>
+        ref="saveDialog" />
 </template>
 
 <script>
 import { defineAsyncComponent } from 'vue'
 import table from '@/config/table'
-import naColOperation from '@/config/naColOperation'
-const tradeDialog = defineAsyncComponent(() => import('./trade.vue'))
-const saveDialog = defineAsyncComponent(() => import('./save.vue'))
-const naColUser = defineAsyncComponent(() => import('@/components/naColUser'))
+import naColOperation from '@/config/na-col-operation'
+const tradeDialog = defineAsyncComponent(() => import('./trade'))
+const saveDialog = defineAsyncComponent(() => import('./save'))
+const naColUser = defineAsyncComponent(() => import('@/components/na-col-user'))
 export default {
     components: {
         tradeDialog,
@@ -312,4 +312,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/wallet/save.vue b/src/frontend/admin/src/views/sys/wallet/save.vue
index 2480c76a..897c1e3c 100644
--- a/src/frontend/admin/src/views/sys/wallet/save.vue
+++ b/src/frontend/admin/src/views/sys/wallet/save.vue
@@ -1,5 +1,5 @@
 <template>
-    <scDialog v-model="visible" :title="`${titleMap[mode]}：${form?.id ?? '...'}`" @closed="$emit('closed')" destroy-on-close full-screen>
+    <sc-dialog v-model="visible" :title="`${titleMap[mode]}：${form?.id ?? '...'}`" @closed="$emit('closed')" destroy-on-close full-screen>
         <div v-loading="loading">
             <el-tabs v-model="tabId" @tab-change="tabChange" tab-position="top">
                 <el-tab-pane :label="$t('基本信息')" name="basic">
@@ -43,13 +43,13 @@
                     <trade v-if="tabId === 'trade'" :ownerId="form.ownerId.toString()" />
                 </el-tab-pane>
                 <el-tab-pane v-if="mode === 'view'" :label="$t('原始数据')">
-                    <JsonViewer
+                    <json-viewer
                         :expand-depth="5"
                         :theme="this.$TOOL.data.get('APP_SET_DARK') || this.$CONFIG.APP_SET_DARK ? 'dark' : 'light'"
                         :value="form"
                         copyable
                         expanded
-                        sort></JsonViewer>
+                        sort />
                 </el-tab-pane>
             </el-tabs>
         </div>
@@ -57,7 +57,7 @@
             <el-button @click="visible = false">{{ $t('取消') }}</el-button>
             <el-button v-if="mode !== 'view'" :disabled="loading" :loading="loading" @click="submit" type="primary">{{ $t('保存') }}</el-button>
         </template>
-    </scDialog>
+    </sc-dialog>
 </template>
 
 <script>
@@ -121,4 +121,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/wallet/trade.vue b/src/frontend/admin/src/views/sys/wallet/trade.vue
index b70a97c2..b21938a1 100644
--- a/src/frontend/admin/src/views/sys/wallet/trade.vue
+++ b/src/frontend/admin/src/views/sys/wallet/trade.vue
@@ -1,5 +1,5 @@
 <template>
-    <scDialog v-model="visible" :title="$t('新建交易')" @closed="$emit('closed')" append-to-body destroy-on-close>
+    <sc-dialog v-model="visible" :title="$t('新建交易')" @closed="$emit('closed')" append-to-body destroy-on-close>
         <el-form :model="form" :rules="rules" label-position="right" label-width="12rem" ref="dialogForm" style="height: 100%">
             <el-form-item>
                 <el-descriptions border column="1">
@@ -16,7 +16,7 @@
                 </el-select>
             </el-form-item>
             <el-form-item :label="$t('交易金额')" prop="amount">
-                <el-input-number v-model="form.amount" :max="999999999" :min="-999999999" precision="0" style="width: 15rem"></el-input-number>
+                <el-input-number v-model="form.amount" :max="999999999" :min="-999999999" precision="0" style="width: 15rem" />
             </el-form-item>
             <el-form-item :label="$t('备注')" prop="summary">
                 <el-input v-model="form.summary" rows="3" type="textarea" />
@@ -26,12 +26,10 @@
             <el-button @click="visible = false">{{ $t('取消') }}</el-button>
             <el-button v-if="mode !== 'view'" :disabled="loading" :loading="loading" @click="submit" type="primary">{{ $t('保存') }}</el-button>
         </template>
-    </scDialog>
+    </sc-dialog>
 </template>
 
 <script>
-import { defineAsyncComponent } from 'vue'
-
 export default {
     components: {},
     data() {
@@ -88,4 +86,4 @@ export default {
 }
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped />
\ No newline at end of file