diff --git a/frontend/src/views/User/User.vue b/frontend/src/views/User/User.vue
index e423b36e66f9b34501b01247d50de3c8094109d1..035d54e480792a6b5e1c4b5128d352bd06d83134 100644
--- a/frontend/src/views/User/User.vue
+++ b/frontend/src/views/User/User.vue
@@ -6,7 +6,7 @@
                     <el-input v-model.trim="searchInput" placeholder="请输入邮箱名进行搜索..." style="width: 300px;" />
                     <el-button type="primary" @click="onSearchUser">搜索</el-button>
                     <el-divider direction="vertical" style="height: 2.5em;" />
-                    <el-button type="primary" style="margin-left: 0px;">添加</el-button>
+                    <el-button type="primary" style="margin-left: 0px;" @click="onAddUser">添加</el-button>
                     <el-button type="primary">删除</el-button>
                     <el-button type="primary">导出</el-button>
                     <el-button type="primary">批量导入</el-button>
@@ -31,6 +31,10 @@
                 </el-table-column>
             </template>
         </PGTable>
+
+        <el-dialog :title="title" v-model="display" width="560px">
+            <AddUser ></AddUser>
+        </el-dialog>
     </div>
 </template>
 
@@ -39,6 +43,7 @@ import { ref, onMounted } from "vue";
 import { ElMessage } from 'element-plus';
 
 import PGTable from "@/components/PGTable.vue";
+import AddUser from "./components/AddUser.vue";
 
 import { getUsers, searchUser } from "@/request/user";
 import { RespCodeOK } from "@/request/request";
@@ -68,6 +73,14 @@ onMounted(() => {
     })
 })
 
+const display = ref(false)
+const title = ref("")
+
+function onAddUser(){
+    title.value = "添加用户"
+    display.value = true
+}
+
 const searchInput = ref("")
 
 function onSearchUser() {
diff --git a/frontend/src/views/User/components/AddUser.vue b/frontend/src/views/User/components/AddUser.vue
index 171cd9b7e3505152d106ee7a931eae93eeb78f0d..59230301afc2495353fd030a3d1dbded17b5a79c 100644
--- a/frontend/src/views/User/components/AddUser.vue
+++ b/frontend/src/views/User/components/AddUser.vue
@@ -10,7 +10,7 @@
             </el-form-item>
             <el-form-item label="部门:" prop="departName">
                 <el-input class="ipInput" controls-position="right" v-model="form.departName" autocomplete="off"></el-input>
-                <PGTree>
+                <PGTree style="width: 98%;">
                 </PGTree>
             </el-form-item>
             <el-form-item label="用户角色:" prop="role">
@@ -33,8 +33,9 @@
         </div>
     </div>
 </template>
+
 <script lang="ts" setup>
-import { ref } from "vue";
+import { ref, onMounted } from "vue";
 
 import PGTree from "@/components/PGTree.vue";
 
@@ -49,9 +50,9 @@ const roles = ref([
         value: '3',
         label: '普通用户',
     }
-])
-const form = ref<any>({})
-
+]);
+const form = ref<any>({});
 
 </script>
+
 <style lang="scss" scoped></style>
\ No newline at end of file