diff --git a/frontend/src/request/user.ts b/frontend/src/request/user.ts
index 0a04c22c4d430831b4b9c6118c77ea953d4be71c..3bca1fb1fa9183e845bfbba0be2d9fcffe013ddf 100644
--- a/frontend/src/request/user.ts
+++ b/frontend/src/request/user.ts
@@ -1,9 +1,17 @@
-import request from './request'
+import request from './request';
 // 用户登录
-export function loginByEmail(data:any) {
+export function loginByEmail(data: any) {
   return request({
     url: '/user/login',
     method: 'post',
-    data
-  })
+    data,
+  });
+}
+// 获取全部用户信息
+export function getUsers(data: any) {
+  return request({
+    url: '/user/searchAll',
+    method: 'get',
+    params: data,
+  });
 }
diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index 1f4687ef23c5f15dab026378e4f3a743f811b9f7..71bd2e25319b0a3af2437868692f734f021f983e 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -1,23 +1,35 @@
-import { createRouter, createWebHistory } from 'vue-router'
+import { createRouter, createWebHistory } from 'vue-router';
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
     {
       path: '/',
-      redirect:"/home",
+      redirect: '/home',
     },
     {
       path: '/login',
       name: 'login',
-      component: () => import("../views/Login/Login.vue")
+      component: () => import('@/views/Login/Login.vue'),
     },
     {
       path: '/home',
       name: 'home',
-      component: () => import("../views/Home/Home.vue")
+      component: () => import('@/views/Home/Home.vue'),
     },
-  ]
-})
+    {
+      path: '/usermanager',
+      name: 'UserManager',
+      component: () => import('@/views/UserManager/UserManage.vue'),
+      meta: {
+        title: 'usermanager',
+        header_title: '用户管理',
+        panel: 'usermanager',
+        icon_class: 'el-icon-user-solid',
+        breadcrumb: [{ name: '用户管理' }],
+      },
+    },
+  ],
+});
 
-export default router
+export default router;
diff --git a/frontend/src/views/UserManager/UserManage.vue b/frontend/src/views/UserManager/UserManage.vue
new file mode 100644
index 0000000000000000000000000000000000000000..27163c10990911e737f5bdde598d2387be10a954
--- /dev/null
+++ b/frontend/src/views/UserManager/UserManage.vue
@@ -0,0 +1,44 @@
+<template>
+    <div v-loading="loading" class="panel" style="height:100%">
+        <Table :getData="getUsers" ref="table" id="exportTab">
+            <template v-slot:table>
+                <el-table-column prop="username" label="用户名">
+                </el-table-column>
+                <el-table-column prop="departName" label="部门">
+                </el-table-column>
+                <el-table-column prop="role" label="角色">
+                </el-table-column>
+                <el-table-column prop="phone" label="手机号">
+                </el-table-column>
+                <el-table-column prop="email" label="邮箱">
+                </el-table-column>
+                <el-table-column label="操作" fixed="right" class="operate">
+                    <template>
+                        <auth-button name="user_edit" class="editBtn" type="primary" plain size="mini">编辑</auth-button>
+                        <auth-button name="user_reset" class="editBtn" type="primary" plain size="mini">重置密码</auth-button>
+                    </template>
+                </el-table-column>
+            </template>
+        </Table>
+    </div>
+</template>
+
+<script lang='ts' setup>
+import Table from '@/components/UserManager/UserTable.vue'
+import { getUsers } from '@/request/user'
+import { ref } from 'vue'
+const loading = ref(false)
+const display = ref(false)
+const title = ref('')
+const rowData = ref()
+const type = ref('')
+
+const handleEdit = (row: any) => {
+    rowData.value = row;
+    display.value = true;
+    title.value = "编辑用户";
+    type.value = "update";
+}
+</script>
+
+<style lang = 'scss' scoped></style>