From 0e2292d443e59c8f050b170500992131cc7f2815 Mon Sep 17 00:00:00 2001
From: Gzx1999 <guozhengxin@kylinos.cn>
Date: Mon, 11 Dec 2023 15:16:55 +0800
Subject: [PATCH] add addRole form layout

---
 .../src/views/Role/components/AddRole.vue     | 26 +++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/Role/components/AddRole.vue b/frontend/src/views/Role/components/AddRole.vue
index 11aa52f..2310369 100644
--- a/frontend/src/views/Role/components/AddRole.vue
+++ b/frontend/src/views/Role/components/AddRole.vue
@@ -1,11 +1,33 @@
 <template>
     <div>
-        <p>add role</p>
+        <el-form :model="form" ref="form" label-width="100px">
+            <el-form-item label="角色名:" prop="rolename">
+                <el-input class="ipInput" type="text" size="medium" v-model="form.rolename" autocomplete="off"></el-input>
+            </el-form-item>
+            <el-form-item label="描述:" prop="description">
+                <el-input class="ipInput" controls-position="right" v-model="form.description"
+                    autocomplete="off"></el-input>
+            </el-form-item>
+        </el-form>
+
+        <div class="footer">
+            <el-button type="primary">确 定</el-button>
+        </div>
     </div>
 </template>
 
 <script lang="ts" setup>
+import { ref } from 'vue';
+
+const form = ref({
+    rolename: "",
+    description: ""
+})
 
 </script>
 
-<style lang="scss" scoped></style>
\ No newline at end of file
+<style lang="scss" scoped>
+.footer {
+    text-align: right;
+}
+</style>
\ No newline at end of file
-- 
Gitee