From 32dee2911c33ab5f318d85e591448735bf104b39 Mon Sep 17 00:00:00 2001
From: Gzx1999 <guozhengxin@kylinos.cn>
Date: Tue, 21 Nov 2023 09:53:07 +0800
Subject: [PATCH] add user page info and operations

---
 frontend/src/components/PGTable.vue |  1 +
 frontend/src/views/Batch/Batch.vue  |  2 +-
 frontend/src/views/User/User.vue    | 34 ++++++++++++++++++++++++++++-
 3 files changed, 35 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/PGTable.vue b/frontend/src/components/PGTable.vue
index c49de89..ceb8967 100644
--- a/frontend/src/components/PGTable.vue
+++ b/frontend/src/components/PGTable.vue
@@ -53,6 +53,7 @@ const props = defineProps({
     .header {
         width: 100%;
         height: 6%;
+        min-height: 40px;
         border-radius: 6px 6px 0 0;
         background: linear-gradient(to right, rgb(11, 35, 117) 0%, rgb(96, 122, 207) 100%, );
         display: flex;
diff --git a/frontend/src/views/Batch/Batch.vue b/frontend/src/views/Batch/Batch.vue
index 61137e2..a5dde7f 100644
--- a/frontend/src/views/Batch/Batch.vue
+++ b/frontend/src/views/Batch/Batch.vue
@@ -34,6 +34,6 @@ const batches = ref([])
 <style lang="scss" scoped>
 .container {
     height: 100%;
-        width:100%;
+    width: 100%;
 }
 </style>
\ No newline at end of file
diff --git a/frontend/src/views/User/User.vue b/frontend/src/views/User/User.vue
index a5cf607..080ff10 100644
--- a/frontend/src/views/User/User.vue
+++ b/frontend/src/views/User/User.vue
@@ -1,12 +1,44 @@
 <template>
-
+    <div class="container">
+        <PGTable :data="users" title="用户列表" :showSelect="true">
+            <template v-slot:action>
+                <div class="search">
+                    <el-input v-model="searchInput" placeholder="请输入邮箱名进行搜索..." style="width: 300px;" />
+                    <el-button type="primary">搜索</el-button>
+                    <el-divider direction="vertical" style="height: 2.5em;"/>
+                    <el-button type="primary" style="margin-left: 0px;">添加</el-button>
+                    <el-button type="primary">删除</el-button>
+                    <el-button type="primary">导出</el-button>
+                    <el-button type="primary">批量导入</el-button>
+                </div>
+            </template>
+        </PGTable>
+    </div>
 </template>
 
 <script lang="ts" setup>
+import { ref } from "vue";
+import PGTable from "@/components/PGTable.vue";
 
+const users = ref([])
+const searchInput = ref("")
 
 </script>
 
 <style lang="scss" scoped>
+.container {
+    height: 100%;
+    width: 100%;
+
+    .search {
+        height: 100%;
+        display: flex;
+        flex-direction: row;
+    }
+
+    .el-button {
+        margin-left: 5px;
+    }
 
+}
 </style>
\ No newline at end of file
-- 
Gitee