diff --git a/src/layout/components/GenericListPage/index.vue b/src/layout/components/GenericListPage/index.vue
index b6c5e08d4..398cfb536 100644
--- a/src/layout/components/GenericListPage/index.vue
+++ b/src/layout/components/GenericListPage/index.vue
@@ -1,10 +1,26 @@
 <template>
-
+  <Page>
+    <el-alert v-if="helpMessage" type="success"> {{ helpMessage }} </el-alert>
+    <ListTable :table-config="tableConfig" :header-actions="headerActions" />
+  </Page>
 </template>
 
 <script>
+import { Page } from '@/layout/components'
+import ListTable from '@/components/ListTable'
 export default {
-  name: 'index'
+  name: 'GenericListPage',
+  components: {
+    Page, ListTable
+  },
+  props: {
+    ...ListTable.props,
+    helpMessage: {
+      type: String,
+      default: null
+    }
+  }
+
 }
 </script>
 
diff --git a/src/layout/components/index.js b/src/layout/components/index.js
index d69d91f80..e47ec4fdc 100644
--- a/src/layout/components/index.js
+++ b/src/layout/components/index.js
@@ -7,3 +7,4 @@ export { default as BaseDetailPage } from './BaseDetailPage'
 export { default as SubMenuPage } from './SubMenuPage'
 export { default as Footer } from './Footer'
 export { default as IBox } from './IBox'
+export { default as GenericListPage } from './GenericListPage'
diff --git a/src/views/users/UserGroupList.vue b/src/views/users/UserGroupList.vue
index 8274200db..f4d65d6d3 100644
--- a/src/views/users/UserGroupList.vue
+++ b/src/views/users/UserGroupList.vue
@@ -1,19 +1,14 @@
 <template>
-  <Page>
-    <el-alert type="success"> 这里是一个成功的文案 </el-alert>
-    <ListTable :table-config="tableConfig" :header-actions="headerActions" />
-  </Page>
+  <GenericListPage :table-config="tableConfig" :header-actions="headerActions" />
 </template>
 
 <script>
-import { Page } from '@/layout/components'
-import ListTable from '@/components/ListTable'
+import { GenericListPage } from '@/layout/components'
 import DetailFormatter from '@/components/DataTable/formatters/DetailFormatter'
 
 export default {
   components: {
-    Page,
-    ListTable
+    GenericListPage
   },
   data() {
     return {