diff --git a/frontend/.gitignore b/frontend/.gitignore
index d70f6e55fd..9a70e767ff 100644
--- a/frontend/.gitignore
+++ b/frontend/.gitignore
@@ -7,4 +7,5 @@ coverage
 .node/
 package-lock.json
 pnpm-lock.yaml
-yarn.lock
\ No newline at end of file
+yarn.lock
+.vscode
\ No newline at end of file
diff --git a/frontend/src/api/modules/system/usergroup.ts b/frontend/src/api/modules/system/usergroup.ts
index 77c8e998ad..b123e0851f 100644
--- a/frontend/src/api/modules/system/usergroup.ts
+++ b/frontend/src/api/modules/system/usergroup.ts
@@ -1,7 +1,7 @@
 import MSR from '@/api/http/index';
 import { updateUserGroupU, getUserGroupU, addUserGroupU, deleteUserGroupU } from '@/api/requrls/system/usergroup';
 // import { QueryParams, CommonList } from '@/models/common';
-import { UserGroupItem } from '@/components/bussiness/usergroup/type';
+import { UserGroupItem } from '@/models/system/usergroup';
 
 export function updateOrAddUserGroup(data: Partial<UserGroupItem>) {
   return MSR.post<UserGroupItem>({
diff --git a/frontend/src/components/bussiness/usergroup/type.ts b/frontend/src/models/system/usergroup.ts
similarity index 100%
rename from frontend/src/components/bussiness/usergroup/type.ts
rename to frontend/src/models/system/usergroup.ts
diff --git a/frontend/src/components/bussiness/usergroup/addUserGroupModal.vue b/frontend/src/views/system/usergroup/components/addUserGroupModal.vue
similarity index 97%
rename from frontend/src/components/bussiness/usergroup/addUserGroupModal.vue
rename to frontend/src/views/system/usergroup/components/addUserGroupModal.vue
index 588a8d9040..c0f22839fd 100644
--- a/frontend/src/components/bussiness/usergroup/addUserGroupModal.vue
+++ b/frontend/src/views/system/usergroup/components/addUserGroupModal.vue
@@ -41,7 +41,7 @@
 <script lang="ts" setup>
   import { useI18n } from '@/hooks/useI18n';
   import { reactive, ref, watchEffect } from 'vue';
-  import { UserGroupItem } from './type';
+  import { UserGroupItem } from '@/models/system/usergroup';
   import type { FormInstance, ValidatedError } from '@arco-design/web-vue';
 
   const { t } = useI18n();
diff --git a/frontend/src/components/bussiness/usergroup/addUserModal.vue b/frontend/src/views/system/usergroup/components/addUserModal.vue
similarity index 98%
rename from frontend/src/components/bussiness/usergroup/addUserModal.vue
rename to frontend/src/views/system/usergroup/components/addUserModal.vue
index ee497afffd..191d8707f8 100644
--- a/frontend/src/components/bussiness/usergroup/addUserModal.vue
+++ b/frontend/src/views/system/usergroup/components/addUserModal.vue
@@ -40,7 +40,7 @@
 <script lang="ts" setup>
   import { useI18n } from '@/hooks/useI18n';
   import { reactive, ref, watchEffect, onUnmounted } from 'vue';
-  import { UserOption } from './type';
+  import { UserOption } from '@/models/system/usergroup';
 
   const { t } = useI18n();
   const props = defineProps<{
diff --git a/frontend/src/components/bussiness/usergroup/authTable.vue b/frontend/src/views/system/usergroup/components/authTable.vue
similarity index 100%
rename from frontend/src/components/bussiness/usergroup/authTable.vue
rename to frontend/src/views/system/usergroup/components/authTable.vue
diff --git a/frontend/src/components/bussiness/usergroup/index.vue b/frontend/src/views/system/usergroup/components/index.vue
similarity index 99%
rename from frontend/src/components/bussiness/usergroup/index.vue
rename to frontend/src/views/system/usergroup/components/index.vue
index a2bfd5d6ef..dc4a2344ed 100644
--- a/frontend/src/components/bussiness/usergroup/index.vue
+++ b/frontend/src/views/system/usergroup/components/index.vue
@@ -60,7 +60,7 @@
 <script lang="ts" setup>
   import { ref, onMounted } from 'vue';
   import { useI18n } from '@/hooks/useI18n';
-  import { CustomMoreActionItem, PopVisibleItem, RenameType, UserGroupItem } from './type';
+  import { CustomMoreActionItem, PopVisibleItem, RenameType, UserGroupItem } from '@/models/system/usergroup';
   import MsTableMoreAction from '@/components/pure/ms-table-more-action/index.vue';
   import { ActionsItem } from '@/components/pure/ms-table-more-action/types';
   import AddUserModal from './addUserModal.vue';
diff --git a/frontend/src/components/bussiness/usergroup/popconfirm.vue b/frontend/src/views/system/usergroup/components/popconfirm.vue
similarity index 99%
rename from frontend/src/components/bussiness/usergroup/popconfirm.vue
rename to frontend/src/views/system/usergroup/components/popconfirm.vue
index 0641fe6730..d3f4c007e9 100644
--- a/frontend/src/components/bussiness/usergroup/popconfirm.vue
+++ b/frontend/src/views/system/usergroup/components/popconfirm.vue
@@ -30,7 +30,7 @@
 <script setup lang="ts">
   import { useI18n } from '@/hooks/useI18n';
   import { watchEffect, reactive, ref, computed, onUnmounted } from 'vue';
-  import { CustomMoreActionItem, RenameType, UserGroupItem } from './type';
+  import { CustomMoreActionItem, RenameType, UserGroupItem } from '@/models/system/usergroup';
   import { ValidatedError } from '@arco-design/web-vue';
 
   const { t } = useI18n();
diff --git a/frontend/src/components/bussiness/usergroup/userTable.vue b/frontend/src/views/system/usergroup/components/userTable.vue
similarity index 100%
rename from frontend/src/components/bussiness/usergroup/userTable.vue
rename to frontend/src/views/system/usergroup/components/userTable.vue
diff --git a/frontend/src/views/system/usergroup/index.vue b/frontend/src/views/system/usergroup/index.vue
index f3b0f77058..df92e14e73 100644
--- a/frontend/src/views/system/usergroup/index.vue
+++ b/frontend/src/views/system/usergroup/index.vue
@@ -29,10 +29,10 @@
 <script lang="ts" setup>
   import { ref } from 'vue';
   import { useI18n } from '@/hooks/useI18n';
-  import UserGroupLeft from '@/components/bussiness/usergroup/index.vue';
   import useUserGroupStore from '@/store/modules/system/usergroup';
-  import UserTable from '@/components/bussiness/usergroup/userTable.vue';
-  import AuthTable from '@/components/bussiness/usergroup/authTable.vue';
+  import UserGroupLeft from './components/index.vue';
+  import UserTable from './components/userTable.vue';
+  import AuthTable from './components/authTable.vue';
 
   const currentTable = ref('auth');