From 038cbf7850d0e12cef7998b19eb1224866d12c1b Mon Sep 17 00:00:00 2001
From: Gzx1999 <guozhengxin@kylinos.cn>
Date: Thu, 23 Nov 2023 16:51:41 +0800
Subject: [PATCH] request user info and display

---
 frontend/src/views/User/User.vue | 35 ++++++++++++++++++++++++++++----
 1 file changed, 31 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/User/User.vue b/frontend/src/views/User/User.vue
index 097a300..bcfe0e4 100644
--- a/frontend/src/views/User/User.vue
+++ b/frontend/src/views/User/User.vue
@@ -24,9 +24,9 @@
                 <el-table-column prop="email" label="邮箱">
                 </el-table-column>
                 <el-table-column label="操作" fixed="right" class="operate">
-                    <template slot-scope="scope">
-                        <el-button name="user_edit" class="editBtn" type="primary" plain size="mini">编辑</el-button>
-                        <el-button name="user_reset" class="editBtn" type="primary" plain size="mini">重置密码</el-button>
+                    <template #default="scope">
+                        <el-button type="primary" size="small">编辑</el-button>
+                        <el-button type="danger" size="small">重置密码</el-button>
                     </template>
                 </el-table-column>
             </template>
@@ -35,12 +35,39 @@
 </template>
 
 <script lang="ts" setup>
-import { ref } from "vue";
+import { ref, onMounted } from "vue";
+import { ElMessage } from 'element-plus';
+
 import PGTable from "@/components/PGTable.vue";
 
+import { getUsers } from "@/request/user";
+import { RespCodeOK } from "@/request/request";
+
 const users = ref([])
 const searchInput = ref("")
 
+const currentPage = ref(1)
+const pageSize = ref(10)
+const total = ref(0)
+
+onMounted(() => {
+    getUsers({
+        page: currentPage.value,
+        size: pageSize.value,
+    }).then((resp: any) => {
+        if (resp.code === RespCodeOK) {
+            total.value = resp.total
+            currentPage.value = resp.page
+            pageSize.value = resp.size
+            users.value = resp.data
+        } else {
+            ElMessage.error("failed to get users info: " + resp.msg)
+        }
+    }).catch((err: any) => {
+        ElMessage.error("failed to get users info:" + err.msg)
+    })
+})
+
 </script>
 
 <style lang="scss" scoped>
-- 
Gitee