From 679bd25d7f6b876fd142a430b11309d509d48bad Mon Sep 17 00:00:00 2001
From: carry <2641257231@qq.com>
Date: Sun, 16 Feb 2025 16:20:01 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E7=AE=A1=E7=90=86=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E9=9B=8F=E5=BD=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ManagePage.vue | 46 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)

diff --git a/src/views/ManagePage.vue b/src/views/ManagePage.vue
index 6346205..20e5a05 100644
--- a/src/views/ManagePage.vue
+++ b/src/views/ManagePage.vue
@@ -1,11 +1,57 @@
 <template>
+  <div class="manage-page">
+    <el-button 
+      type="danger" 
+      class="logout-btn"
+      @click="handleLogout"
+    >
+      登出
+    </el-button>
 
+    <UserTable/>
+  </div>
 </template>
 
 <script lang="ts" setup>
+import { ref, computed, onMounted } from 'vue'
+import { useRouter } from 'vue-router'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { userStore as store } from '@/store/userStore'
+import { userService } from '@/api/userService'
+import type { UserResponse } from '@/api/types'
+import UserTable from '@/components/UserTable.vue'
 
+const router = useRouter()
+const userStore = store()
+
+const userList = ref<UserResponse[]>([])
+
+const fetchUserList = async () => {
+  try {
+    const data = await userService.getUsers()
+    userList.value = data
+  } catch (error) {
+    ElMessage.error('获取用户列表失败')
+  }
+}
+
+const handleLogout = () => {
+  userStore.logout()
+  router.push({ name: 'login' })
+}
+
+onMounted(() => {
+  fetchUserList()
+})
 </script>
 
 <style scoped>
+.manage-page {
+  padding: 20px;
+}
 
+.logout-btn {
+  margin-bottom: 20px;
+  float: right;
+}
 </style>
\ No newline at end of file