[Update] 修改generic list page

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>
 

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'

src/views/users/UserGroupList.vue

@@ -1,19 +1,14 @@
 <template>
-  <Page>
+  <GenericListPage :table-config="tableConfig" :header-actions="headerActions" />
-    <el-alert type="success"> 这里是一个成功的文案 </el-alert>
-    <ListTable :table-config="tableConfig" :header-actions="headerActions" />
-  </Page>
 </template>
 
 <script>
-import { Page } from '@/layout/components'
+import { GenericListPage } from '@/layout/components'
-import ListTable from '@/components/ListTable'
 import DetailFormatter from '@/components/DataTable/formatters/DetailFormatter'
 
 export default {
   components: {
-    Page,
+    GenericListPage
-    ListTable
   },
   data() {
     return {