diff --git a/frontend/src/views/User/components/AddUser.vue b/frontend/src/views/User/components/AddUser.vue
new file mode 100644
index 0000000000000000000000000000000000000000..171cd9b7e3505152d106ee7a931eae93eeb78f0d
--- /dev/null
+++ b/frontend/src/views/User/components/AddUser.vue
@@ -0,0 +1,57 @@
+<template>
+    <div>
+        <el-form :model="form" ref="form" label-width="100px">
+            <el-form-item label="用户名:" prop="username">
+                <el-input class="ipInput" type="text" size="medium" v-model="form.username" autocomplete="off"></el-input>
+            </el-form-item>
+            <el-form-item label="密码:" prop="password">
+                <el-input type="password" class="ipInput" controls-position="right" v-model="form.password"
+                    autocomplete="off"></el-input>
+            </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>
+            </el-form-item>
+            <el-form-item label="用户角色:" prop="role">
+                <el-select v-model="form.role" multiple placeholder="请选择">
+                    <el-option v-for="item in roles" key="item.ID" label="item.role" value="item.ID">
+                    </el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="手机号:" prop="phone">
+                <el-input class="ipInput" controls-position="right" v-model="form.phone" autocomplete="off"></el-input>
+            </el-form-item>
+            <el-form-item label="邮箱:" prop="email">
+                <el-input class="ipInput" controls-position="right" v-model="form.email" autocomplete="off"></el-input>
+            </el-form-item>
+        </el-form>
+
+        <div class="dialog-footer">
+            <el-button>取 消</el-button>
+            <el-button type="primary">确 定</el-button>
+        </div>
+    </div>
+</template>
+<script lang="ts" setup>
+import { ref } from "vue";
+
+import PGTree from "@/components/PGTree.vue";
+
+const roles = ref([
+    {
+        value: '1',
+        label: '超级管理员',
+    }, {
+        value: '2',
+        label: '部门管理员',
+    }, {
+        value: '3',
+        label: '普通用户',
+    }
+])
+const form = ref<any>({})
+
+
+</script>
+<style lang="scss" scoped></style>
\ No newline at end of file