diff --git a/src/api/setting.js b/src/api/setting.js
index 29cb461..7842916 100644
--- a/src/api/setting.js
+++ b/src/api/setting.js
@@ -47,3 +47,14 @@ export function getRoleDetail(id) {
     url: `/sys/role/${id}`
   })
 }
+
+/** *
+ * 新增角色
+ * ***/
+export function addRole(data) {
+  return request({
+    url: '/sys/role',
+    data,
+    method: 'post'
+  })
+}
diff --git a/src/views/setting/componets/editRole.vue b/src/views/setting/componets/editRole.vue
index 41fb91f..1520d50 100644
--- a/src/views/setting/componets/editRole.vue
+++ b/src/views/setting/componets/editRole.vue
@@ -19,7 +19,7 @@
 </template>
 
 <script>
-import { updateRole, getRoleDetail } from '@/api/setting'
+import { updateRole, getRoleDetail, addRole } from '@/api/setting'
 export default {
   components: {},
   props: {
@@ -65,8 +65,7 @@ export default {
           await updateRole(this.roleForm)
         } else {
           // 新增场景
-          // 接口要求拼接一个pid
-          // await addDepartments({ ...this.formData, pid: this.treeNode.id })
+          await addRole(this.roleForm)
         }
         // 更新数据
         this.$emit('editRoleOK')
diff --git a/src/views/setting/index.vue b/src/views/setting/index.vue
index 7935238..9497e6c 100644
--- a/src/views/setting/index.vue
+++ b/src/views/setting/index.vue
@@ -11,6 +11,7 @@
                 icon="el-icon-plus"
                 size="small"
                 type="primary"
+                @click="showDialog = true"
               >新增角色</el-button>
             </el-row>
             <!-- 表格 -->
@@ -87,7 +88,6 @@ export default {
       },
       // 编辑弹窗
       showDialog: false
-
     }
   },
   computed: {