From ba42651515678161f5ede1e81f6fad39736ac114 Mon Sep 17 00:00:00 2001
From: xuewuerduo <53554701+xuewuerduo@users.noreply.github.com>
Date: Sat, 20 Jul 2024 12:48:05 +0800
Subject: [PATCH] =?UTF-8?q?23.=E6=B7=BB=E5=8A=A0=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E5=91=98=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/admin/administrator/add.vue | 67 ++++++++++++++++++++++-----
 1 file changed, 55 insertions(+), 12 deletions(-)

diff --git a/src/views/admin/administrator/add.vue b/src/views/admin/administrator/add.vue
index cae5998..d81e8bf 100644
--- a/src/views/admin/administrator/add.vue
+++ b/src/views/admin/administrator/add.vue
@@ -1,19 +1,62 @@
-<template>
-  <div>
-    添加管理员
-  </div>
-</template>
+<script setup>
+  import { reactive } from 'vue'
 
-<script>
-export default {
-  setup() {
+  const data = reactive({
+    name: '',
+    password: '',
+    email: '',
+    gender: '0',
+    remark: 'dengruicode.com',
+  })
 
-
-    return {}
+  //添加
+  const add = () => {
+    console.log(data)
+  }
+
+  //重置
+  const reset = () => {
+    data.name = ''
+    data.password = ''
+    data.email = ''
+    data.gender = '0'
+    data.remark = 'dengruicode.com'
   }
-}
 </script>
 
-<style lang="scss" scoped>
+<template>
+  <el-form label-width="80" style="width: 400px;">
+    <el-form-item label="名称">
+      <el-input v-model="data.name" placeholder="请填写名称" />
+    </el-form-item>
+
+    <el-form-item label="密码">
+      <el-input v-model="data.password" show-password placeholder="请填写密码" />
+    </el-form-item>
+
+    <el-form-item label="邮箱">
+      <el-input v-model="data.email" />
+    </el-form-item>
+
+    <el-form-item label="备注">
+      <el-input type="textarea" v-model="data.remark" rows="4" />
+    </el-form-item>
+
+    <el-form-item label="性别">
+      <el-radio-group v-model="data.gender">
+        <el-radio value="0">未知</el-radio>
+        <el-radio value="1">男</el-radio>
+        <el-radio value="2">女</el-radio>
+      </el-radio-group>
+    </el-form-item>
+
+    <el-form-item>
+      <el-button type="primary" @click="add">添加</el-button>
+      <el-button @click="reset">重置</el-button>
+    </el-form-item>
+  </el-form>
+</template>
+
+<style scoped>
 
 </style>