diff --git a/frontend/src/views/Role/Role.vue b/frontend/src/views/Role/Role.vue
new file mode 100644
index 0000000000000000000000000000000000000000..7d5981cd11d249aa2140e4aa80fc8558f1c36d44
--- /dev/null
+++ b/frontend/src/views/Role/Role.vue
@@ -0,0 +1,24 @@
+<template>
+    <div class="container">
+        <PGTable :data="roles" title="角色列表" :showSelect="true">
+            <template v-slot:action>
+                <el-button type="primary">添加</el-button>
+            </template>
+        </PGTable>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref } from "vue";
+import PGTable from "@/components/PGTable.vue";
+
+const roles = ref([])
+
+</script>
+
+<style lang="scss" scoped>
+.container {
+    height: 100%;
+    width: 100%;
+}
+</style>
\ No newline at end of file