diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 12f9f293..1b1e4aa1 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -11,6 +11,14 @@
           v-hasPermi="['system:role:create']"
           @click="handleCreate()"
         />
+        <!-- 操作：导出 -->
+        <XButton
+          type="warning"
+          preIcon="ep:download"
+          :title="t('action.export')"
+          v-hasPermi="['system:role:export']"
+          @click="exportList('角色列表.xls')"
+        />
       </template>
       <template #actionbtns_default="{ row }">
         <!-- 操作：编辑 -->
@@ -174,10 +182,11 @@ defineOptions({ name: 'SystemRole' })
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
 // 列表相关的变量
-const [registerTable, { reload, deleteData }] = useXTable({
+const [registerTable, { reload, deleteData, exportList }] = useXTable({
   allSchemas: allSchemas,
   getListApi: RoleApi.getRolePageApi,
-  deleteApi: RoleApi.deleteRoleApi
+  deleteApi: RoleApi.deleteRoleApi,
+  exportListApi: RoleApi.exportRole
 })
 
 // ========== CRUD 相关 ==========