From a735fa0de21d8756ebad7cf472422098704be691 Mon Sep 17 00:00:00 2001
From: zhanghan2021 <zhanghan@kylinos.cn>
Date: Tue, 14 Nov 2023 10:07:41 +0800
Subject: [PATCH] Add User Management Table Header

---
 frontend/src/request/user.ts                  | 16 +++++--
 frontend/src/router/index.ts                  | 26 ++++++++---
 frontend/src/views/UserManager/UserManage.vue | 44 +++++++++++++++++++
 3 files changed, 75 insertions(+), 11 deletions(-)
 create mode 100644 frontend/src/views/UserManager/UserManage.vue

diff --git a/frontend/src/request/user.ts b/frontend/src/request/user.ts
index 0a04c22..3bca1fb 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 1f4687e..71bd2e2 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 0000000..27163c1
--- /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>
-- 
Gitee