feat: system-setting

Author: wangdan-fit2cloud

ui/src/api/systemSettings/auth-setting.ts …/src/api/system-settings/auth-setting.tsui/src/api/systemSettings/auth-setting.ts renamed to ui/src/api/system-settings/auth-setting.ts ui/src/api/systemSettings/auth-setting.ts renamed to ui/src/api/system-settings/auth-setting.ts

@@ -88,7 +88,7 @@ const menuIcon = computed(() => {
     }
   }
   :deep(.el-sub-menu__title) {
-    padding: 13px 12px 13px 16px !important;
+    padding: 13px 12px 13px 10px !important;
     &:hover {
       background: none;
       color: var(--el-color-primary);

…/src/api/systemSettings/email-setting.ts …src/api/system-settings/email-setting.tsui/src/api/systemSettings/email-setting.ts renamed to ui/src/api/system-settings/email-setting.ts ui/src/api/systemSettings/email-setting.ts renamed to ui/src/api/system-settings/email-setting.ts

@@ -46,7 +46,7 @@ const systemRouter = {
       component: () => import('@/views/role/index.vue'),
     },
     {
-      path:'/system/setting',
+      path: '/system/setting',
       name: 'setting',
       meta: {
         icon: 'app-setting',
@@ -58,13 +58,13 @@ const systemRouter = {
       },
       children: [
         {
-          path: '/system/theme',
+          path: '/system/setting/theme',
           name: 'theme',
           meta: {
             title: 'views.system.theme.title',
-            activeMenu: '/setting',
-            parentPath: '/setting',
-            parentName: 'setting',
+            activeMenu: '/system',
+            parentPath: '/system',
+            parentName: 'system',
             //permission: new ComplexPermission(['ADMIN'], ['x-pack'], 'AND')
           },
           component: () => import('@/views/theme/index.vue'),
@@ -74,27 +74,27 @@ const systemRouter = {
           name: 'authentication',
           meta: {
             title: 'views.system.authentication.title',
-            activeMenu: '/setting',
-            parentPath: '/setting',
-            parentName: 'setting',
+            activeMenu: '/system',
+            parentPath: '/system',
+            parentName: 'system',
             //permission: new ComplexPermission(['ADMIN'], ['x-pack'], 'AND')
           },
-          component: () => import('@/views/authentication/index.vue')
+          component: () => import('@/views/authentication/index.vue'),
         },
         {
           path: '/system/email',
           name: 'email',
           meta: {
             title: 'views.system.email.title',
-            activeMenu: '/setting',
-            parentPath: '/setting',
-            parentName: 'setting',
+            activeMenu: '/system',
+            parentPath: '/system',
+            parentName: 'system',
             //permission: new Role('ADMIN')
           },
-          component: () => import('@/views/email/index.vue')
-        }
-      ]
-    }
+          component: () => import('@/views/email/index.vue'),
+        },
+      ],
+    },
   ],
 }
 

…rc/api/systemSettings/platform-source.ts …c/api/system-settings/platform-source.tsui/src/api/systemSettings/platform-source.ts renamed to ui/src/api/system-settings/platform-source.ts ui/src/api/systemSettings/platform-source.ts renamed to ui/src/api/system-settings/platform-source.ts

@@ -1,7 +1,7 @@
 import { defineStore } from 'pinia'
 import { cloneDeep } from 'lodash'
 import { useElementPlusTheme } from 'use-element-plus-theme'
-import ThemeApi from '@/api/systemSettings/theme'
+import ThemeApi from '@/api/system-settings/theme'
 import type {Ref} from "vue";
 export interface themeStateTypes {
   themeInfo: any

ui/src/api/systemSettings/theme.ts ui/src/api/system-settings/theme.tsui/src/api/systemSettings/theme.ts renamed to ui/src/api/system-settings/theme.ts

@@ -3,8 +3,8 @@ import { type Ref } from 'vue'
 import type { User } from '@/api/type/user'
 import UserApi from '@/api/user/user'
 import LoginApi from '@/api/user/login'
-import { cloneDeep } from 'lodash'
-import ThemeApi from '@/api/systemSettings/theme'
+import {cloneDeep} from 'lodash'
+import ThemeApi from '@/api/system-settings/theme'
 // import { defaultPlatformSetting } from '@/utils/theme'
 import { useLocalStorage } from '@vueuse/core'
 import { localeConfigKey, getBrowserLang } from '@/locales/index'

ui/src/layout/components/sidebar/SidebarItem.vue

@@ -395,6 +395,10 @@ h5 {
   background: var(--el-color-success);
 }
 
+.layout-bg {
+  background: var(--app-layout-bg-color);
+}
+
 /*
   标题前带竖线样式
 */

ui/src/router/modules/system.ts

@@ -150,3 +150,26 @@
     padding: calc(var(--app-base-px) + 4px) calc(var(--app-base-px) * 2);
   }
 }
+
+// radio-button-group
+.app-radio-button-group {
+  border: 1px solid var(--app-border-color-dark);
+  border-radius: var(--el-border-radius-base);
+  .el-radio-button {
+    padding: 3px;
+  }
+  .el-radio-button__inner {
+    border: none !important;
+    border-radius: var(--el-border-radius-base) !important;
+    padding: 5px 8px;
+    font-weight: 400;
+  }
+  .el-radio-button__original-radio:checked + .el-radio-button__inner {
+    color: var(--el-color-primary) !important;
+    background: var(--el-color-primary-light-9) !important;
+    border: none !important;
+    box-shadow: none !important;
+    font-weight: 500;
+  }
+}
+