chore: 补充添加会员能力列表页头部

src/pages/member/complaintsAndSuggests/index.tsx

 import React, { useRef, useState } from 'react';
 import { Card, Space, Button, Spin, Popconfirm } from 'antd'
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import { setColumnsByLinks } from './common/columns';
 import { complaintAndSuggestListSchema } from './common/schema';
 import useFetchList from '../memberEvaluate/hooks/useFetchList';
@@ -104,21 +105,23 @@ const List: React.FC<Iprops> = (props: Iprops) => {
   }
 
   return (
-    <Card>
-      <CustomizeQueryList
-        ref={ref}
-        columns={columns}
-        schema={complaintAndSuggestListSchema}
-        fetchListData={handleFetch}
-        expressionScope={{
-          controllerBtns,
-        }}
-        effects={($, actions) => {
-          useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH,);
-          // useAsyncSelect('status', fetchStatusOptions);
-        }}
-      />
-    </Card>
+    <PageHeaderWrapper>
+      <Card>
+        <CustomizeQueryList
+          ref={ref}
+          columns={columns}
+          schema={complaintAndSuggestListSchema}
+          fetchListData={handleFetch}
+          expressionScope={{
+            controllerBtns,
+          }}
+          effects={($, actions) => {
+            useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH,);
+            // useAsyncSelect('status', fetchStatusOptions);
+          }}
+        />
+      </Card>
+    </PageHeaderWrapper>
   )
 }
 export default List

src/pages/member/memberAssigned/index.tsx

 import React, { useRef, useState } from 'react';
 import { Link, useIntl } from 'umi';
 import { Card, Button, Badge, message, Modal, Space } from 'antd';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import StandardTable from '@/components/StandardTable';
 import moment from 'moment';
 import { ColumnType } from 'antd/lib/table/interface';
@@ -360,47 +361,49 @@ const MemberMaintain: React.FC<[]> = () => {
   );
 
   return (
-    <Card>
-      <StandardTable
-        tableProps={{
-          rowKey: 'validateId',
-        }}
-        columns={columns}
-        currentRef={ref}
-        rowSelection={selectRow}
-        fetchTableData={(params: any) => fetchData(params)}
-        controlRender={
-          <NiceForm
-            actions={formActions}
-            components={{
-              ControllerBtns,
-            }}
-            onSubmit={values => ref.current.reload(values)}
-            effects={($, actions) => {
-              useStateFilterSearchLinkageEffect(
-                $,
-                actions,
-                'name',
-                FORM_FILTER_PATH,
-              );
-              useAsyncInitSelect(
-                [
-                  'memberTypeId',
-                  'roleId',
-                  'level',
-                  'source',
-                  'innerStatus',
-                  'outerStatus',
-                  'status',
-                ],
-                fetchSelectOptions,
-              );
-            }}
-            schema={querySchema}
-          />
-        }
-      />
-    </Card>
+    <PageHeaderWrapper>
+      <Card>
+        <StandardTable
+          tableProps={{
+            rowKey: 'validateId',
+          }}
+          columns={columns}
+          currentRef={ref}
+          rowSelection={selectRow}
+          fetchTableData={(params: any) => fetchData(params)}
+          controlRender={
+            <NiceForm
+              actions={formActions}
+              components={{
+                ControllerBtns,
+              }}
+              onSubmit={values => ref.current.reload(values)}
+              effects={($, actions) => {
+                useStateFilterSearchLinkageEffect(
+                  $,
+                  actions,
+                  'name',
+                  FORM_FILTER_PATH,
+                );
+                useAsyncInitSelect(
+                  [
+                    'memberTypeId',
+                    'roleId',
+                    'level',
+                    'source',
+                    'innerStatus',
+                    'outerStatus',
+                    'status',
+                  ],
+                  fetchSelectOptions,
+                );
+              }}
+              schema={querySchema}
+            />
+          }
+        />
+      </Card>
+    </PageHeaderWrapper>
   );
 };
 

src/pages/member/memberEvaluate/allQuery/index.tsx

 import { useIntl } from 'umi';
 import React, { useRef } from 'react';
 import { Card, Space, Button } from 'antd'
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import StandardTable from '@/components/StandardTable';
 import NiceForm from '@/components/NiceForm';
 import useEvaluateColumn, { setColumnsByLinks } from '../hooks/useEvaluateColumn';
@@ -41,20 +42,22 @@ const List: React.FC<Iprops> = (props: Iprops) => {
   }
 
   return (
-    <Card>
-      <CustomizeQueryList
-        columns={columns}
-        schema={querySchema}
-        fetchListData={handleFetch}
-        expressionScope={{
-          controllerBtns,
-        }}
-        effects={($, actions) => {
-          useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH);
-          useAsyncSelect('status', fetchStatusOptions);
-        }}
-      />
-    </Card>
+    <PageHeaderWrapper>
+      <Card>
+        <CustomizeQueryList
+          columns={columns}
+          schema={querySchema}
+          fetchListData={handleFetch}
+          expressionScope={{
+            controllerBtns,
+          }}
+          effects={($, actions) => {
+            useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH);
+            useAsyncSelect('status', fetchStatusOptions);
+          }}
+        />
+      </Card>
+    </PageHeaderWrapper>
   )
 }
 export default List

src/pages/member/memberEvaluate/createEvaluate/index.tsx

 import { useIntl } from 'umi';
 import React, { useCallback, useMemo, useRef, useState } from 'react';
 import { Card, Space, Button, Spin, Popconfirm } from 'antd'
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import StandardTable from '@/components/StandardTable';
 import NiceForm from '@/components/NiceForm';
 import useEvaluateColumn, { setColumnsByLinks } from '../hooks/useEvaluateColumn';
@@ -120,23 +121,25 @@ const List: React.FC<Iprops> = (props: Iprops) => {
   }, [ref])
 
   return (
-    <Card>
-      <CustomizeQueryList
-        columns={columns}
-        ref={ref}
-        schema={evaluationListSchema}
-        rowSelection={rowSelection as any}
-        fetchListData={handleFetch}
-        components={{
-          controllerBtns: controllerBtns
-        }}
-        // expressionScope={{}}
-        effects={($, actions) => {
-          useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH);
-          useAsyncSelect('status', fetchStatusOptions);
-        }}
-      />
-    </Card>
+    <PageHeaderWrapper>
+      <Card>
+        <CustomizeQueryList
+          columns={columns}
+          ref={ref}
+          schema={evaluationListSchema}
+          rowSelection={rowSelection as any}
+          fetchListData={handleFetch}
+          components={{
+            controllerBtns: controllerBtns
+          }}
+          // expressionScope={{}}
+          effects={($, actions) => {
+            useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH);
+            useAsyncSelect('status', fetchStatusOptions);
+          }}
+        />
+      </Card>
+    </PageHeaderWrapper>
   )
 }
 export default List

src/pages/member/memberEvaluate/tobeEvaluate/index.tsx

 import { useIntl } from 'umi';
 import React from 'react';
 import { Card, Space } from 'antd'
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import useEvaluateColumn, { setColumnsByLinks } from '../hooks/useEvaluateColumn';
 import { querySchema } from './schema';
 import useFetchList from '../hooks/useFetchList';
@@ -45,17 +46,19 @@ const List: React.FC<Iprops> = (props: Iprops) => {
   }
 
   return (
-    <Card>
-      <CustomizeQueryList
-        columns={columns}
-        schema={querySchema}
-        fetchListData={handleFetch}
-        effects={($, actions) => {
-          useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH);
-          useAsyncSelect('status', fetchStatusOptions);
-        }}
-      />
-    </Card>
+    <PageHeaderWrapper>
+      <Card>
+        <CustomizeQueryList
+          columns={columns}
+          schema={querySchema}
+          fetchListData={handleFetch}
+          effects={($, actions) => {
+            useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH);
+            useAsyncSelect('status', fetchStatusOptions);
+          }}
+        />
+      </Card>
+    </PageHeaderWrapper>
   )
 }
 export default List

src/pages/member/memberEvaluate/tobeInformed/index.tsx

 import React, { useCallback, useRef, useState } from 'react';
 import { Card, Space, Button } from 'antd'
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import useEvaluateColumn, { setColumnsByLinks } from '../hooks/useEvaluateColumn';
 import { evaluationListSchema } from '../schema';
 import useFetchList from '../hooks/useFetchList';
@@ -68,20 +69,22 @@ const List: React.FC<Iprops> = (props: Iprops) => {
   }, [])
 
   return (
-    <Card>
-      <CustomizeQueryList
-        ref={ref}
-        columns={columns}
-        rowSelection={rowSelection as any}
-        schema={evaluationListSchema}
-        fetchListData={handleFetch}
-        components={{ controllerBtns }}
-        effects={($, actions) => {
-          useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH);
-          useAsyncSelect('status', fetchStatusOptions);
-        }}
-      />
-    </Card>
+    <PageHeaderWrapper>
+      <Card>
+        <CustomizeQueryList
+          ref={ref}
+          columns={columns}
+          rowSelection={rowSelection as any}
+          schema={evaluationListSchema}
+          fetchListData={handleFetch}
+          components={{ controllerBtns }}
+          effects={($, actions) => {
+            useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH);
+            useAsyncSelect('status', fetchStatusOptions);
+          }}
+        />
+      </Card>
+    </PageHeaderWrapper>
   )
 }
 export default List

src/pages/member/memberEvaluate/tobeReviewI/index.tsx

 import React, { useCallback, useRef, useState } from 'react';
 import { Card, Space, Button } from 'antd'
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import useEvaluateColumn, { setColumnsByLinks } from '../hooks/useEvaluateColumn';
 import { evaluationListSchema } from '../schema';
 import useFetchList from '../hooks/useFetchList';
@@ -65,20 +66,22 @@ const List: React.FC<Iprops> = (props: Iprops) => {
   }, [])
 
   return (
-    <Card>
-      <CustomizeQueryList
-        ref={ref}
-        columns={columns}
-        rowSelection={rowSelection as any}
-        schema={evaluationListSchema}
-        fetchListData={handleFetch}
-        components={{ controllerBtns }}
-        effects={($, actions) => {
-          useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH);
-          useAsyncSelect('status', fetchStatusOptions);
-        }}
-      />
-    </Card>
+    <PageHeaderWrapper>
+      <Card>
+        <CustomizeQueryList
+          ref={ref}
+          columns={columns}
+          rowSelection={rowSelection as any}
+          schema={evaluationListSchema}
+          fetchListData={handleFetch}
+          components={{ controllerBtns }}
+          effects={($, actions) => {
+            useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH);
+            useAsyncSelect('status', fetchStatusOptions);
+          }}
+        />
+      </Card>
+    </PageHeaderWrapper>
   )
 }
 export default List

src/pages/member/memberEvaluate/tobeReviewII/index.tsx

 import React, { useRef, useState } from 'react';
 import { Card, Space, Button } from 'antd'
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import useEvaluateColumn, { setColumnsByLinks } from '../hooks/useEvaluateColumn';
 import { evaluationListSchema } from '../schema';
 import useFetchList from '../hooks/useFetchList';
@@ -66,20 +67,22 @@ const List: React.FC<Iprops> = (props: Iprops) => {
   }
 
   return (
-    <Card>
-      <CustomizeQueryList
-        ref={ref}
-        columns={columns}
-        rowSelection={rowSelection as any}
-        schema={evaluationListSchema}
-        fetchListData={handleFetch}
-        components={{ controllerBtns }}
-        effects={($, actions) => {
-          useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH);
-          useAsyncSelect('status', fetchStatusOptions);
-        }}
-      />
-    </Card>
+    <PageHeaderWrapper>
+      <Card>
+        <CustomizeQueryList
+          ref={ref}
+          columns={columns}
+          rowSelection={rowSelection as any}
+          schema={evaluationListSchema}
+          fetchListData={handleFetch}
+          components={{ controllerBtns }}
+          effects={($, actions) => {
+            useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH);
+            useAsyncSelect('status', fetchStatusOptions);
+          }}
+        />
+      </Card>
+    </PageHeaderWrapper>
   )
 }
 export default List

src/pages/member/memberEvaluate/tobeSubmitSummary/index.tsx

 import React, { useRef, useState } from 'react';
 import { Card, Space, Button, Spin } from 'antd'
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import useEvaluateColumn, { setColumnsByLinks } from '../hooks/useEvaluateColumn';
 import { evaluationListSchema } from '../schema';
 import useFetchList from '../hooks/useFetchList';
@@ -44,17 +45,19 @@ const List: React.FC<Iprops> = (props: Iprops) => {
   }
 
   return (
-    <Card>
-      <CustomizeQueryList
-        columns={columns}
-        schema={querySchema}
-        fetchListData={handleFetch}
-        effects={($, actions) => {
-          useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH);
-          useAsyncSelect('status', fetchStatusOptions);
-        }}
-      />
-    </Card>
+    <PageHeaderWrapper>
+      <Card>
+        <CustomizeQueryList
+          columns={columns}
+          schema={querySchema}
+          fetchListData={handleFetch}
+          effects={($, actions) => {
+            useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH);
+            useAsyncSelect('status', fetchStatusOptions);
+          }}
+        />
+      </Card>
+    </PageHeaderWrapper>
   )
 }
 export default List

src/pages/member/memberFlowRule/index.tsx

@@ -17,6 +17,7 @@ import {
 import {
   PlusOutlined,
 } from '@ant-design/icons';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import StandardTable from '@/components/StandardTable';
 import moment from 'moment';
 import { ColumnType } from 'antd/lib/table/interface';
@@ -200,29 +201,31 @@ const MemberFlowRule: React.FC<[]> = () => {
   );
 
   return (
-    <Card>
-      <StandardTable
-        tableProps={{
-          rowKey: 'id',
-        }}
-        columns={columns}
-        currentRef={ref}
-        fetchTableData={(params: any) => fetchListData(params)}
-        controlRender={
-          <NiceForm
-            actions={formActions}
-            onSubmit={values => ref.current.reload(values)}
-            expressionScope={{
-              controllerBtns,
-            }}
-            effects={($, actions) => {
-
-            }}
-            schema={querySchema}
-          />
-        }
-      />
-    </Card>
+    <PageHeaderWrapper>
+      <Card>
+        <StandardTable
+          tableProps={{
+            rowKey: 'id',
+          }}
+          columns={columns}
+          currentRef={ref}
+          fetchTableData={(params: any) => fetchListData(params)}
+          controlRender={
+            <NiceForm
+              actions={formActions}
+              onSubmit={values => ref.current.reload(values)}
+              expressionScope={{
+                controllerBtns,
+              }}
+              effects={($, actions) => {
+
+              }}
+              schema={querySchema}
+            />
+          }
+        />
+      </Card>
+    </PageHeaderWrapper>
   );
 };
 

src/pages/member/memberImport/index.tsx

@@ -12,6 +12,7 @@ import {
   PlusOutlined,
   DeleteOutlined,
 } from '@ant-design/icons';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import StandardTable from '@/components/StandardTable';
 import moment from 'moment';
 import { ColumnType } from 'antd/lib/table/interface';
@@ -340,50 +341,52 @@ const MemberMaintain: React.FC<[]> = () => {
   );
 
   return (
-    <Card>
-      <StandardTable
-        tableProps={{
-          rowKey: 'validateId',
-        }}
-        columns={columns}
-        currentRef={ref}
-        fetchTableData={(params: any) => fetchListData(params)}
-        controlRender={
-          <NiceForm
-            actions={formActions}
-            onSubmit={values => ref.current.reload(values)}
-            components={{
-              MemberControllerBtns: ControllerBtns,
-            }}
-            effects={($, actions) => {
-              useStateFilterSearchLinkageEffect(
-                $,
-                actions,
-                'name',
-                FORM_FILTER_PATH,
-              );
-              useAsyncInitSelect(
-                ['memberTypeId', 'roleId', 'outerStatus'],
-                fetchSelectOptions,
-              );
-            }}
-            schema={importSchema}
-          />
-        }
-      />
+    <PageHeaderWrapper>
+      <Card>
+        <StandardTable
+          tableProps={{
+            rowKey: 'validateId',
+          }}
+          columns={columns}
+          currentRef={ref}
+          fetchTableData={(params: any) => fetchListData(params)}
+          controlRender={
+            <NiceForm
+              actions={formActions}
+              onSubmit={values => ref.current.reload(values)}
+              components={{
+                MemberControllerBtns: ControllerBtns,
+              }}
+              effects={($, actions) => {
+                useStateFilterSearchLinkageEffect(
+                  $,
+                  actions,
+                  'name',
+                  FORM_FILTER_PATH,
+                );
+                useAsyncInitSelect(
+                  ['memberTypeId', 'roleId', 'outerStatus'],
+                  fetchSelectOptions,
+                );
+              }}
+              schema={importSchema}
+            />
+          }
+        />
 
-      <UploadModal
-        visibleModal={visibleModal}
-        fileText={intl.formatMessage({ id: 'member.huiyuanziliao' })}
-        onCancel={() => setVisibleModal(false)}
-      />
-      <MemberIntroduceDrewer
-        visible={visibleIntroduceDrewer}
-        fetchDataSource={fetchIntroduceMemberList}
-        onClose={() => handleVisibleIntroduceDrewer(false)}
-        onSubmit={handleIntroduceMember}
-      />
-    </Card>
+        <UploadModal
+          visibleModal={visibleModal}
+          fileText={intl.formatMessage({ id: 'member.huiyuanziliao' })}
+          onCancel={() => setVisibleModal(false)}
+        />
+        <MemberIntroduceDrewer
+          visible={visibleIntroduceDrewer}
+          fetchDataSource={fetchIntroduceMemberList}
+          onClose={() => handleVisibleIntroduceDrewer(false)}
+          onSubmit={handleIntroduceMember}
+        />
+      </Card>
+    </PageHeaderWrapper>
   );
 };
 

src/pages/member/memberInspection/index.tsx

 import React, { useCallback, useRef } from 'react';
 import { Card, Space, Button } from 'antd';
 import { PlusOutlined } from '@ant-design/icons';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import { inspectionListSchema } from './common/schema';
 import { useStateFilterSearchLinkageEffect } from '@/formSchema/effects/useFilterSearch';
 import { FORM_FILTER_PATH } from '@/formSchema/const';
@@ -80,22 +81,24 @@ const MemberInspection: React.FC<Iprops> = (props: Iprops) => {
   }, [])
 
   return (
-    <Card>
-      <CustomizeQueryList
-        columns={columns}
-        ref={ref}
-        schema={inspectionListSchema}
-        fetchListData={fetchListData}
-        expressionScope={{
-          controllerBtns,
-        }}
-        effects={($, actions) => {
-          useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH);
-          useAsyncSelect('inspectType', fetchInspectType);
+    <PageHeaderWrapper>
+      <Card>
+        <CustomizeQueryList
+          columns={columns}
+          ref={ref}
+          schema={inspectionListSchema}
+          fetchListData={fetchListData}
+          expressionScope={{
+            controllerBtns,
+          }}
+          effects={($, actions) => {
+            useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH);
+            useAsyncSelect('inspectType', fetchInspectType);
 
-        }}
-      />
-    </Card>
+          }}
+        />
+      </Card>
+    </PageHeaderWrapper>
   )
 }
 

src/pages/member/memberLevel/index.tsx

 import React, { useRef } from 'react';
 import { history, useIntl } from 'umi';
 import { Button, Card, message } from 'antd';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import StandardTable from '@/components/StandardTable';
 import { ColumnType } from 'antd/lib/table/interface';
 import { createFormActions } from '@formily/antd';
@@ -126,35 +127,37 @@ const MemberLevel: React.FC<[]> = () => {
   };
 
   return (
-    <Card>
-      <StandardTable
-        tableProps={{ rowKey: 'id' }}
-        columns={columns}
-        currentRef={ref}
-        fetchTableData={(params: any) => fetchData(params)}
-        controlRender={
-          <NiceForm
-            actions={formActions}
-            components={{
-              Input,
-            }}
-            onSubmit={values => ref.current.reload(values)}
-            effects={($, actions) => {
-              // $('onFieldInputChange', 'levelTag').subscribe(state => {
-              //   ref.current.reload(state.values);
-              // });
-              useStateFilterSearchLinkageEffect(
-                $,
-                actions,
-                'levelTag',
-                FORM_FILTER_PATH,
-              );
-            }}
-            schema={levelSchema}
-          />
-        }
-      />
-    </Card>
+    <PageHeaderWrapper>
+      <Card>
+        <StandardTable
+          tableProps={{ rowKey: 'id' }}
+          columns={columns}
+          currentRef={ref}
+          fetchTableData={(params: any) => fetchData(params)}
+          controlRender={
+            <NiceForm
+              actions={formActions}
+              components={{
+                Input,
+              }}
+              onSubmit={values => ref.current.reload(values)}
+              effects={($, actions) => {
+                // $('onFieldInputChange', 'levelTag').subscribe(state => {
+                //   ref.current.reload(state.values);
+                // });
+                useStateFilterSearchLinkageEffect(
+                  $,
+                  actions,
+                  'levelTag',
+                  FORM_FILTER_PATH,
+                );
+              }}
+              schema={levelSchema}
+            />
+          }
+        />
+      </Card>
+    </PageHeaderWrapper>
   );
 };
 

src/pages/member/memberLevelPro/index.tsx

@@ -6,6 +6,7 @@ import { history, useIntl } from 'umi';
 import { Card, Button, Space, Popconfirm, Modal, message } from 'antd';
 import { PlusOutlined, ExclamationCircleOutlined } from '@ant-design/icons';
 import { ColumnType } from 'antd/lib/table/interface';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import { createFormActions } from '@formily/antd';
 import { getMemberAbilityLevelPage, GetMemberAbilityLevelPageResponseDetail, postMemberAbilityLevelDelete, postMemberAbilityLevelRebuild, postMemberAbilityLevelStatus } from '@/services/MemberV2Api';
 import { useStateFilterSearchLinkageEffect } from '@/formSchema/effects/useFilterSearch';
@@ -250,31 +251,33 @@ const PlatformMemberLevelIndexIndex: React.FC<{}> = props => {
   );
 
   return (
-    <Card>
-      <PolymericTable
-        rowKey="levelId"
-        columns={columns}
-        fetchDataSource={(params) => fetchMemberRoleRuleList(params as GetMemberLevelListRequestParams)}
-        defaultPageSize={10}
-        searchFormProps={{
-          actions: queryFormActions,
-          schema: querySchema,
-          components: {
-            RoleRuleConfigCtl,
-          },
-          effects: ($, actions) => {
-            useStateFilterSearchLinkageEffect(
-              $,
-              actions,
-              'levelTag',
-              FORM_FILTER_PATH,
-            );
-          },
-        }}
-        scroll={{ x: 1200 }}
-        ref={polymericRef}
-      />
-    </Card>
+    <PageHeaderWrapper>
+      <Card>
+        <PolymericTable
+          rowKey="levelId"
+          columns={columns}
+          fetchDataSource={(params) => fetchMemberRoleRuleList(params as GetMemberLevelListRequestParams)}
+          defaultPageSize={10}
+          searchFormProps={{
+            actions: queryFormActions,
+            schema: querySchema,
+            components: {
+              RoleRuleConfigCtl,
+            },
+            effects: ($, actions) => {
+              useStateFilterSearchLinkageEffect(
+                $,
+                actions,
+                'levelTag',
+                FORM_FILTER_PATH,
+              );
+            },
+          }}
+          scroll={{ x: 1200 }}
+          ref={polymericRef}
+        />
+      </Card>
+    </PageHeaderWrapper>
   );
 };
 

src/pages/member/memberMaintain/index.tsx

@@ -8,6 +8,7 @@ import {
 import StandardTable from '@/components/StandardTable';
 import moment from 'moment';
 import { ColumnType } from 'antd/lib/table/interface';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import { createFormActions } from '@formily/antd';
 import { useStateFilterSearchLinkageEffect } from '@/formSchema/effects/useFilterSearch';
 import { useAsyncInitSelect } from '@/formSchema/effects/useAsyncInitSelect';
@@ -236,35 +237,37 @@ const MemberMaintain: React.FC<[]> = () => {
   };
 
   return (
-    <Card>
-      <StandardTable
-        tableProps={{
-          rowKey: 'validateId',
-        }}
-        columns={columns}
-        currentRef={ref}
-        fetchTableData={(params: any) => fetchData(params)}
-        controlRender={
-          <NiceForm
-            actions={formActions}
-            onSubmit={values => ref.current.reload(values)}
-            effects={($, actions) => {
-              useStateFilterSearchLinkageEffect(
-                $,
-                actions,
-                'name',
-                FORM_FILTER_PATH,
-              );
-              useAsyncInitSelect(
-                ['memberTypeId', 'roleId', 'level', 'source', 'innerStatus', 'outerStatus', 'status'],
-                fetchSelectOptions,
-              );
-            }}
-            schema={querySchema}
-          />
-        }
-      />
-    </Card>
+    <PageHeaderWrapper>
+      <Card>
+        <StandardTable
+          tableProps={{
+            rowKey: 'validateId',
+          }}
+          columns={columns}
+          currentRef={ref}
+          fetchTableData={(params: any) => fetchData(params)}
+          controlRender={
+            <NiceForm
+              actions={formActions}
+              onSubmit={values => ref.current.reload(values)}
+              effects={($, actions) => {
+                useStateFilterSearchLinkageEffect(
+                  $,
+                  actions,
+                  'name',
+                  FORM_FILTER_PATH,
+                );
+                useAsyncInitSelect(
+                  ['memberTypeId', 'roleId', 'level', 'source', 'innerStatus', 'outerStatus', 'status'],
+                  fetchSelectOptions,
+                );
+              }}
+              schema={querySchema}
+            />
+          }
+        />
+      </Card>
+    </PageHeaderWrapper>
   );
 };
 

src/pages/member/memberPrComingClassify/index.tsx

@@ -11,6 +11,7 @@ import { Card, Button } from 'antd';
 import StandardTable from '@/components/StandardTable';
 import moment from 'moment';
 import { ColumnType } from 'antd/lib/table/interface';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import { createFormActions } from '@formily/antd';
 import NiceForm from '@/components/NiceForm';
 import { useStateFilterSearchLinkageEffect } from '@/formSchema/effects/useFilterSearch';
@@ -95,38 +96,40 @@ const MemberPrComingClassify: React.FC<{}> = props => {
   };
 
   return (
-    <Card>
-      <StandardTable
-        tableProps={{
-          rowKey: 'validateId',
-        }}
-        columns={columns}
-        currentRef={ref}
-        fetchTableData={(params: any) => fetchListData(params)}
-        controlRender={
-          <NiceForm
-            actions={formActions}
-            onSubmit={values => ref.current.reload(values)}
-            effects={($, actions) => {
-              useStateFilterSearchLinkageEffect(
-                $,
-                actions,
-                'name',
-                FORM_FILTER_PATH,
-              );
-              if (!BASE_CONFIG.global.siteInfo.enableMultiTenancy) {
-                useAsyncInitSelect(
-                  ['memberTypeId', 'roleId', 'source'],
-                  fetchSearchItems,
+    <PageHeaderWrapper>
+      <Card>
+        <StandardTable
+          tableProps={{
+            rowKey: 'validateId',
+          }}
+          columns={columns}
+          currentRef={ref}
+          fetchTableData={(params: any) => fetchListData(params)}
+          controlRender={
+            <NiceForm
+              actions={formActions}
+              onSubmit={values => ref.current.reload(values)}
+              effects={($, actions) => {
+                useStateFilterSearchLinkageEffect(
+                  $,
+                  actions,
+                  'name',
+                  FORM_FILTER_PATH,
                 );
-              }
-              useQueryComingEffects($, actions);
-            }}
-            schema={comingSchema}
-          />
-        }
-      />
-    </Card>
+                if (!BASE_CONFIG.global.siteInfo.enableMultiTenancy) {
+                  useAsyncInitSelect(
+                    ['memberTypeId', 'roleId', 'source'],
+                    fetchSearchItems,
+                  );
+                }
+                useQueryComingEffects($, actions);
+              }}
+              schema={comingSchema}
+            />
+          }
+        />
+      </Card>
+    </PageHeaderWrapper>
   );
 };
 

src/pages/member/memberPrComingInvestigate/index.tsx

@@ -8,6 +8,7 @@
 import React, { useRef } from 'react';
 import { history, useIntl } from 'umi';
 import { Card, Button } from 'antd';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import StandardTable from '@/components/StandardTable';
 import moment from 'moment';
 import { ColumnType } from 'antd/lib/table/interface';
@@ -95,38 +96,40 @@ const MemberPrComingInvestigate: React.FC<{}> = props => {
   };
 
   return (
-    <Card>
-      <StandardTable
-        tableProps={{
-          rowKey: 'validateId',
-        }}
-        columns={columns}
-        currentRef={ref}
-        fetchTableData={(params: any) => fetchListData(params)}
-        controlRender={
-          <NiceForm
-            actions={formActions}
-            onSubmit={values => ref.current.reload(values)}
-            effects={($, actions) => {
-              useStateFilterSearchLinkageEffect(
-                $,
-                actions,
-                'name',
-                FORM_FILTER_PATH,
-              );
-              if (!BASE_CONFIG.global.siteInfo.enableMultiTenancy) {
-                useAsyncInitSelect(
-                  ['memberTypeId', 'roleId', 'source'],
-                  fetchSearchItems,
+    <PageHeaderWrapper>
+      <Card>
+        <StandardTable
+          tableProps={{
+            rowKey: 'validateId',
+          }}
+          columns={columns}
+          currentRef={ref}
+          fetchTableData={(params: any) => fetchListData(params)}
+          controlRender={
+            <NiceForm
+              actions={formActions}
+              onSubmit={values => ref.current.reload(values)}
+              effects={($, actions) => {
+                useStateFilterSearchLinkageEffect(
+                  $,
+                  actions,
+                  'name',
+                  FORM_FILTER_PATH,
                 );
-              }
-              useQueryComingEffects($, actions);
-            }}
-            schema={comingSchema}
-          />
-        }
-      />
-    </Card>
+                if (!BASE_CONFIG.global.siteInfo.enableMultiTenancy) {
+                  useAsyncInitSelect(
+                    ['memberTypeId', 'roleId', 'source'],
+                    fetchSearchItems,
+                  );
+                }
+                useQueryComingEffects($, actions);
+              }}
+              schema={comingSchema}
+            />
+          }
+        />
+      </Card>
+    </PageHeaderWrapper>
   );
 };
 

src/pages/member/memberPrVerifyChange1/index.tsx

@@ -9,6 +9,7 @@ import React, { useState, useRef } from 'react';
 import { history, useIntl } from 'umi';
 import { Card, Space, Button, Modal, message } from 'antd';
 import { QuestionCircleOutlined } from '@ant-design/icons';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import StandardTable from '@/components/StandardTable';
 import moment from 'moment';
 import { ColumnType } from 'antd/lib/table/interface';
@@ -142,42 +143,44 @@ const MemberPrVerifyChange1: React.FC<{}> = props => {
   );
 
   return (
-    <Card>
-      <StandardTable
-        tableProps={{
-          rowKey: 'validateId',
-        }}
-        columns={columns}
-        currentRef={ref}
-        fetchTableData={(params: any) => fetchListData(params)}
-        rowSelection={rowSelection}
-        controlRender={
-          <NiceForm
-            actions={formActions}
-            onSubmit={values => ref.current.reload(values)}
-            components={{
-              ControllerBtns,
-            }}
-            effects={($, actions) => {
-              useStateFilterSearchLinkageEffect(
-                $,
-                actions,
-                'name',
-                FORM_FILTER_PATH,
-              );
-              if (!BASE_CONFIG.global.siteInfo.enableMultiTenancy) {
-                useAsyncInitSelect(
-                  ['memberTypeId', 'roleId', 'source'],
-                  fetchSearchItems,
+    <PageHeaderWrapper>
+      <Card>
+        <StandardTable
+          tableProps={{
+            rowKey: 'validateId',
+          }}
+          columns={columns}
+          currentRef={ref}
+          fetchTableData={(params: any) => fetchListData(params)}
+          rowSelection={rowSelection}
+          controlRender={
+            <NiceForm
+              actions={formActions}
+              onSubmit={values => ref.current.reload(values)}
+              components={{
+                ControllerBtns,
+              }}
+              effects={($, actions) => {
+                useStateFilterSearchLinkageEffect(
+                  $,
+                  actions,
+                  'name',
+                  FORM_FILTER_PATH,
                 );
-              }
-              useQueryComingEffects($, actions);
-            }}
-            schema={verifyComingSchema}
-          />
-        }
-      />
-    </Card>
+                if (!BASE_CONFIG.global.siteInfo.enableMultiTenancy) {
+                  useAsyncInitSelect(
+                    ['memberTypeId', 'roleId', 'source'],
+                    fetchSearchItems,
+                  );
+                }
+                useQueryComingEffects($, actions);
+              }}
+              schema={verifyComingSchema}
+            />
+          }
+        />
+      </Card>
+    </PageHeaderWrapper>
   );
 };
 

src/pages/member/memberPrVerifyChange2/index.tsx

@@ -9,6 +9,7 @@ import React, { useState, useRef } from 'react';
 import { history, useIntl } from 'umi';
 import { Card, Space, Button, Modal, message } from 'antd';
 import { QuestionCircleOutlined } from '@ant-design/icons';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import StandardTable from '@/components/StandardTable';
 import moment from 'moment';
 import { ColumnType } from 'antd/lib/table/interface';
@@ -143,42 +144,44 @@ const MemberPrVerifyChange2: React.FC<{}> = props => {
   );
 
   return (
-    <Card>
-      <StandardTable
-        tableProps={{
-          rowKey: 'validateId',
-        }}
-        columns={columns}
-        currentRef={ref}
-        fetchTableData={(params: any) => fetchListData(params)}
-        rowSelection={rowSelection}
-        controlRender={
-          <NiceForm
-            actions={formActions}
-            onSubmit={values => ref.current.reload(values)}
-            components={{
-              ControllerBtns,
-            }}
-            effects={($, actions) => {
-              useStateFilterSearchLinkageEffect(
-                $,
-                actions,
-                'name',
-                FORM_FILTER_PATH,
-              );
-              if (!BASE_CONFIG.global.siteInfo.enableMultiTenancy) {
-                useAsyncInitSelect(
-                  ['memberTypeId', 'roleId', 'source'],
-                  fetchSearchItems,
+    <PageHeaderWrapper>
+      <Card>
+        <StandardTable
+          tableProps={{
+            rowKey: 'validateId',
+          }}
+          columns={columns}
+          currentRef={ref}
+          fetchTableData={(params: any) => fetchListData(params)}
+          rowSelection={rowSelection}
+          controlRender={
+            <NiceForm
+              actions={formActions}
+              onSubmit={values => ref.current.reload(values)}
+              components={{
+                ControllerBtns,
+              }}
+              effects={($, actions) => {
+                useStateFilterSearchLinkageEffect(
+                  $,
+                  actions,
+                  'name',
+                  FORM_FILTER_PATH,
                 );
-              }
-              useQueryComingEffects($, actions);
-            }}
-            schema={verifyComingSchema}
-          />
-        }
-      />
-    </Card>
+                if (!BASE_CONFIG.global.siteInfo.enableMultiTenancy) {
+                  useAsyncInitSelect(
+                    ['memberTypeId', 'roleId', 'source'],
+                    fetchSearchItems,
+                  );
+                }
+                useQueryComingEffects($, actions);
+              }}
+              schema={verifyComingSchema}
+            />
+          }
+        />
+      </Card>
+    </PageHeaderWrapper>
   );
 };
 

src/pages/member/memberPrVerifyChangeConfirm/index.tsx

@@ -9,6 +9,7 @@ import React, { useState, useRef } from 'react';
 import { history, useIntl } from 'umi';
 import { Card, Space, Button, Modal, message } from 'antd';
 import { QuestionCircleOutlined } from '@ant-design/icons';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import StandardTable from '@/components/StandardTable';
 import moment from 'moment';
 import { ColumnType } from 'antd/lib/table/interface';
@@ -143,42 +144,44 @@ const MemberPrVerifyChangeConfrim: React.FC<{}> = props => {
   );
 
   return (
-    <Card>
-      <StandardTable
-        tableProps={{
-          rowKey: 'validateId',
-        }}
-        columns={columns}
-        currentRef={ref}
-        fetchTableData={(params: any) => fetchListData(params)}
-        rowSelection={rowSelection}
-        controlRender={
-          <NiceForm
-            actions={formActions}
-            onSubmit={values => ref.current.reload(values)}
-            components={{
-              ControllerBtns,
-            }}
-            effects={($, actions) => {
-              useStateFilterSearchLinkageEffect(
-                $,
-                actions,
-                'name',
-                FORM_FILTER_PATH,
-              );
-              if (!BASE_CONFIG.global.siteInfo.enableMultiTenancy) {
-                useAsyncInitSelect(
-                  ['memberTypeId', 'roleId', 'source'],
-                  fetchSearchItems,
+    <PageHeaderWrapper>
+      <Card>
+        <StandardTable
+          tableProps={{
+            rowKey: 'validateId',
+          }}
+          columns={columns}
+          currentRef={ref}
+          fetchTableData={(params: any) => fetchListData(params)}
+          rowSelection={rowSelection}
+          controlRender={
+            <NiceForm
+              actions={formActions}
+              onSubmit={values => ref.current.reload(values)}
+              components={{
+                ControllerBtns,
+              }}
+              effects={($, actions) => {
+                useStateFilterSearchLinkageEffect(
+                  $,
+                  actions,
+                  'name',
+                  FORM_FILTER_PATH,
                 );
-              }
-              useQueryComingEffects($, actions);
-            }}
-            schema={verifyComingSchema}
-          />
-        }
-      />
-    </Card>
+                if (!BASE_CONFIG.global.siteInfo.enableMultiTenancy) {
+                  useAsyncInitSelect(
+                    ['memberTypeId', 'roleId', 'source'],
+                    fetchSearchItems,
+                  );
+                }
+                useQueryComingEffects($, actions);
+              }}
+              schema={verifyComingSchema}
+            />
+          }
+        />
+      </Card>
+    </PageHeaderWrapper>
   );
 };
 

src/pages/member/memberPrVerifyComing1/index.tsx

@@ -9,6 +9,7 @@ import React, { useState, useRef } from 'react';
 import { history, useIntl } from 'umi';
 import { Card, Space, Button, Modal, message } from 'antd';
 import { QuestionCircleOutlined } from '@ant-design/icons';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import StandardTable from '@/components/StandardTable';
 import moment from 'moment';
 import { ColumnType } from 'antd/lib/table/interface';
@@ -145,42 +146,44 @@ const MemberPrVerifyComing1: React.FC<{}> = props => {
   );
 
   return (
-    <Card>
-      <StandardTable
-        tableProps={{
-          rowKey: 'validateId',
-        }}
-        columns={columns}
-        currentRef={ref}
-        fetchTableData={(params: any) => fetchListData(params)}
-        rowSelection={rowSelection}
-        controlRender={
-          <NiceForm
-            actions={formActions}
-            onSubmit={values => ref.current.reload(values)}
-            components={{
-              ControllerBtns,
-            }}
-            effects={($, actions) => {
-              useStateFilterSearchLinkageEffect(
-                $,
-                actions,
-                'name',
-                FORM_FILTER_PATH,
-              );
-              if (!BASE_CONFIG.global.siteInfo.enableMultiTenancy) {
-                useAsyncInitSelect(
-                  ['memberTypeId', 'roleId', 'source'],
-                  fetchSearchItems,
+    <PageHeaderWrapper>
+      <Card>
+        <StandardTable
+          tableProps={{
+            rowKey: 'validateId',
+          }}
+          columns={columns}
+          currentRef={ref}
+          fetchTableData={(params: any) => fetchListData(params)}
+          rowSelection={rowSelection}
+          controlRender={
+            <NiceForm
+              actions={formActions}
+              onSubmit={values => ref.current.reload(values)}
+              components={{
+                ControllerBtns,
+              }}
+              effects={($, actions) => {
+                useStateFilterSearchLinkageEffect(
+                  $,
+                  actions,
+                  'name',
+                  FORM_FILTER_PATH,
                 );
-              }
-              useQueryComingEffects($, actions);
-            }}
-            schema={verifyComingSchema}
-          />
-        }
-      />
-    </Card>
+                if (!BASE_CONFIG.global.siteInfo.enableMultiTenancy) {
+                  useAsyncInitSelect(
+                    ['memberTypeId', 'roleId', 'source'],
+                    fetchSearchItems,
+                  );
+                }
+                useQueryComingEffects($, actions);
+              }}
+              schema={verifyComingSchema}
+            />
+          }
+        />
+      </Card>
+    </PageHeaderWrapper>
   );
 };
 

src/pages/member/memberPrVerifyComing2/index.tsx

@@ -9,6 +9,7 @@ import React, { useState, useRef } from 'react';
 import { history, useIntl } from 'umi';
 import { Card, Space, Button, Modal, message } from 'antd';
 import { QuestionCircleOutlined } from '@ant-design/icons';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import StandardTable from '@/components/StandardTable';
 import moment from 'moment';
 import { ColumnType } from 'antd/lib/table/interface';
@@ -146,42 +147,44 @@ const MemberPrVerifyComing2: React.FC<{}> = props => {
   );
 
   return (
-    <Card>
-      <StandardTable
-        tableProps={{
-          rowKey: 'validateId',
-        }}
-        columns={columns}
-        currentRef={ref}
-        fetchTableData={(params: any) => fetchListData(params)}
-        rowSelection={rowSelection}
-        controlRender={
-          <NiceForm
-            actions={formActions}
-            onSubmit={values => ref.current.reload(values)}
-            components={{
-              ControllerBtns,
-            }}
-            effects={($, actions) => {
-              useStateFilterSearchLinkageEffect(
-                $,
-                actions,
-                'name',
-                FORM_FILTER_PATH,
-              );
-              if (!BASE_CONFIG.global.siteInfo.enableMultiTenancy) {
-                useAsyncInitSelect(
-                  ['memberTypeId', 'roleId', 'source'],
-                  fetchSearchItems,
+    <PageHeaderWrapper>
+      <Card>
+        <StandardTable
+          tableProps={{
+            rowKey: 'validateId',
+          }}
+          columns={columns}
+          currentRef={ref}
+          fetchTableData={(params: any) => fetchListData(params)}
+          rowSelection={rowSelection}
+          controlRender={
+            <NiceForm
+              actions={formActions}
+              onSubmit={values => ref.current.reload(values)}
+              components={{
+                ControllerBtns,
+              }}
+              effects={($, actions) => {
+                useStateFilterSearchLinkageEffect(
+                  $,
+                  actions,
+                  'name',
+                  FORM_FILTER_PATH,
                 );
-              }
-              useQueryComingEffects($, actions);
-            }}
-            schema={verifyComingSchema}
-          />
-        }
-      />
-    </Card>
+                if (!BASE_CONFIG.global.siteInfo.enableMultiTenancy) {
+                  useAsyncInitSelect(
+                    ['memberTypeId', 'roleId', 'source'],
+                    fetchSearchItems,
+                  );
+                }
+                useQueryComingEffects($, actions);
+              }}
+              schema={verifyComingSchema}
+            />
+          }
+        />
+      </Card>
+    </PageHeaderWrapper>
   );
 };
 

src/pages/member/memberPrVerifyComingConfirm/index.tsx

@@ -9,6 +9,7 @@ import React, { useState, useRef } from 'react';
 import { history, useIntl } from 'umi';
 import { Card, Space, Button, Modal, message } from 'antd';
 import { QuestionCircleOutlined } from '@ant-design/icons';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import StandardTable from '@/components/StandardTable';
 import moment from 'moment';
 import { ColumnType } from 'antd/lib/table/interface';
@@ -145,42 +146,44 @@ const MemberPrVerifyComingConfirm: React.FC<{}> = props => {
   );
 
   return (
-    <Card>
-      <StandardTable
-        tableProps={{
-          rowKey: 'validateId',
-        }}
-        columns={columns}
-        currentRef={ref}
-        fetchTableData={(params: any) => fetchListData(params)}
-        rowSelection={rowSelection}
-        controlRender={
-          <NiceForm
-            actions={formActions}
-            onSubmit={values => ref.current.reload(values)}
-            components={{
-              ControllerBtns,
-            }}
-            effects={($, actions) => {
-              useStateFilterSearchLinkageEffect(
-                $,
-                actions,
-                'name',
-                FORM_FILTER_PATH,
-              );
-              if (!BASE_CONFIG.global.siteInfo.enableMultiTenancy) {
-                useAsyncInitSelect(
-                  ['memberTypeId', 'roleId', 'source'],
-                  fetchSearchItems,
+    <PageHeaderWrapper>
+      <Card>
+        <StandardTable
+          tableProps={{
+            rowKey: 'validateId',
+          }}
+          columns={columns}
+          currentRef={ref}
+          fetchTableData={(params: any) => fetchListData(params)}
+          rowSelection={rowSelection}
+          controlRender={
+            <NiceForm
+              actions={formActions}
+              onSubmit={values => ref.current.reload(values)}
+              components={{
+                ControllerBtns,
+              }}
+              effects={($, actions) => {
+                useStateFilterSearchLinkageEffect(
+                  $,
+                  actions,
+                  'name',
+                  FORM_FILTER_PATH,
                 );
-              }
-              useQueryComingEffects($, actions);
-            }}
-            schema={verifyComingSchema}
-          />
-        }
-      />
-    </Card>
+                if (!BASE_CONFIG.global.siteInfo.enableMultiTenancy) {
+                  useAsyncInitSelect(
+                    ['memberTypeId', 'roleId', 'source'],
+                    fetchSearchItems,
+                  );
+                }
+                useQueryComingEffects($, actions);
+              }}
+              schema={verifyComingSchema}
+            />
+          }
+        />
+      </Card>
+    </PageHeaderWrapper>
   );
 };
 

src/pages/member/memberPrVerifyComingData/index.tsx

@@ -9,6 +9,7 @@ import React, { useState, useRef } from 'react';
 import { history, useIntl } from 'umi';
 import { Card, Space, Button, Modal, message } from 'antd';
 import { QuestionCircleOutlined } from '@ant-design/icons';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import StandardTable from '@/components/StandardTable';
 import moment from 'moment';
 import { ColumnType } from 'antd/lib/table/interface';
@@ -144,42 +145,44 @@ const MemberPrVerifyComingData: React.FC<{}> = props => {
   );
 
   return (
-    <Card>
-      <StandardTable
-        tableProps={{
-          rowKey: 'validateId',
-        }}
-        columns={columns}
-        currentRef={ref}
-        fetchTableData={(params: any) => fetchListData(params)}
-        rowSelection={rowSelection}
-        controlRender={
-          <NiceForm
-            actions={formActions}
-            onSubmit={values => ref.current.reload(values)}
-            components={{
-              ControllerBtns,
-            }}
-            effects={($, actions) => {
-              useStateFilterSearchLinkageEffect(
-                $,
-                actions,
-                'name',
-                FORM_FILTER_PATH,
-              );
-              if (!BASE_CONFIG.global.siteInfo.enableMultiTenancy) {
-                useAsyncInitSelect(
-                  ['memberTypeId', 'roleId', 'source'],
-                  fetchSearchItems,
+    <PageHeaderWrapper>
+      <Card>
+        <StandardTable
+          tableProps={{
+            rowKey: 'validateId',
+          }}
+          columns={columns}
+          currentRef={ref}
+          fetchTableData={(params: any) => fetchListData(params)}
+          rowSelection={rowSelection}
+          controlRender={
+            <NiceForm
+              actions={formActions}
+              onSubmit={values => ref.current.reload(values)}
+              components={{
+                ControllerBtns,
+              }}
+              effects={($, actions) => {
+                useStateFilterSearchLinkageEffect(
+                  $,
+                  actions,
+                  'name',
+                  FORM_FILTER_PATH,
                 );
-              }
-              useQueryComingEffects($, actions);
-            }}
-            schema={verifyComingSchema}
-          />
-        }
-      />
-    </Card>
+                if (!BASE_CONFIG.global.siteInfo.enableMultiTenancy) {
+                  useAsyncInitSelect(
+                    ['memberTypeId', 'roleId', 'source'],
+                    fetchSearchItems,
+                  );
+                }
+                useQueryComingEffects($, actions);
+              }}
+              schema={verifyComingSchema}
+            />
+          }
+        />
+      </Card>
+    </PageHeaderWrapper>
   );
 };
 

src/pages/member/memberPrVerifyComingQualifications/index.tsx

@@ -9,6 +9,7 @@ import React, { useState, useRef } from 'react';
 import { history, useIntl } from 'umi';
 import { Card, Space, Button, Modal, message } from 'antd';
 import { QuestionCircleOutlined } from '@ant-design/icons';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import StandardTable from '@/components/StandardTable';
 import moment from 'moment';
 import { ColumnType } from 'antd/lib/table/interface';
@@ -146,42 +147,44 @@ const memberPrVerifyComingQualifications: React.FC<{}> = props => {
   );
 
   return (
-    <Card>
-      <StandardTable
-        tableProps={{
-          rowKey: 'validateId',
-        }}
-        columns={columns}
-        currentRef={ref}
-        fetchTableData={(params: any) => fetchListData(params)}
-        rowSelection={rowSelection}
-        controlRender={
-          <NiceForm
-            actions={formActions}
-            onSubmit={values => ref.current.reload(values)}
-            components={{
-              ControllerBtns,
-            }}
-            effects={($, actions) => {
-              useStateFilterSearchLinkageEffect(
-                $,
-                actions,
-                'name',
-                FORM_FILTER_PATH,
-              );
-              if (!BASE_CONFIG.global.siteInfo.enableMultiTenancy) {
-                useAsyncInitSelect(
-                  ['memberTypeId', 'roleId', 'source'],
-                  fetchSearchItems,
+    <PageHeaderWrapper>
+      <Card>
+        <StandardTable
+          tableProps={{
+            rowKey: 'validateId',
+          }}
+          columns={columns}
+          currentRef={ref}
+          fetchTableData={(params: any) => fetchListData(params)}
+          rowSelection={rowSelection}
+          controlRender={
+            <NiceForm
+              actions={formActions}
+              onSubmit={values => ref.current.reload(values)}
+              components={{
+                ControllerBtns,
+              }}
+              effects={($, actions) => {
+                useStateFilterSearchLinkageEffect(
+                  $,
+                  actions,
+                  'name',
+                  FORM_FILTER_PATH,
                 );
-              }
-              useQueryComingEffects($, actions);
-            }}
-            schema={verifyComingSchema}
-          />
-        }
-      />
-    </Card>
+                if (!BASE_CONFIG.global.siteInfo.enableMultiTenancy) {
+                  useAsyncInitSelect(
+                    ['memberTypeId', 'roleId', 'source'],
+                    fetchSearchItems,
+                  );
+                }
+                useQueryComingEffects($, actions);
+              }}
+              schema={verifyComingSchema}
+            />
+          }
+        />
+      </Card>
+    </PageHeaderWrapper>
   );
 };
 

src/pages/member/memberQuery/evaluate/index.tsx

 import React from 'react';
 import { Card, Space } from 'antd'
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import useEvaluateColumn from '../../memberEvaluate/hooks/useEvaluateColumn';
 import { querySchema } from '../../memberEvaluate/tobeEvaluate/schema';
 import useFetchList from '../../memberEvaluate/hooks/useFetchList';
@@ -20,16 +21,18 @@ const List: React.FC<Iprops> = (props: Iprops) => {
   }
 
   return (
-    <Card>
-      <CustomizeQueryList
-        columns={commonColumns}
-        schema={querySchema}
-        fetchListData={handleFetch}
-        effects={($, actions) => {
-          useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH);
-        }}
-      />
-    </Card>
+    <PageHeaderWrapper>
+      <Card>
+        <CustomizeQueryList
+          columns={commonColumns}
+          schema={querySchema}
+          fetchListData={handleFetch}
+          effects={($, actions) => {
+            useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH);
+          }}
+        />
+      </Card>
+    </PageHeaderWrapper>
   )
 }
 export default List

src/pages/member/memberQuery/index.tsx

@@ -11,6 +11,7 @@ import {
 import StandardTable from '@/components/StandardTable';
 import moment from 'moment';
 import { ColumnType } from 'antd/lib/table/interface';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import { createFormActions } from '@formily/antd';
 import { useStateFilterSearchLinkageEffect } from '@/formSchema/effects/useFilterSearch';
 import { useAsyncInitSelect } from '@/formSchema/effects/useAsyncInitSelect';
@@ -226,44 +227,46 @@ const MemberQuery: React.FC<{}> = () => {
   );
 
   return (
-    <Card>
-      <StandardTable
-        tableProps={{
-          rowKey: 'validateId',
-        }}
-        columns={columns}
-        currentRef={ref}
-        fetchTableData={(params: any) => fetchData(params)}
-        controlRender={
-          <NiceForm
-            actions={formActions}
-            components={{
-              ControllerBtns,
-            }}
-            onSubmit={values => ref.current.reload(values)}
-            effects={($, actions) => {
-              useStateFilterSearchLinkageEffect(
-                $,
-                actions,
-                'name',
-                FORM_FILTER_PATH,
-              );
-              useAsyncInitSelect(
-                ['outerStatus'],
-                fetchSelectOptions,
-              );
-            }}
-            schema={querySchema}
-          />
-        }
-      />
+    <PageHeaderWrapper>
+      <Card>
+        <StandardTable
+          tableProps={{
+            rowKey: 'validateId',
+          }}
+          columns={columns}
+          currentRef={ref}
+          fetchTableData={(params: any) => fetchData(params)}
+          controlRender={
+            <NiceForm
+              actions={formActions}
+              components={{
+                ControllerBtns,
+              }}
+              onSubmit={values => ref.current.reload(values)}
+              effects={($, actions) => {
+                useStateFilterSearchLinkageEffect(
+                  $,
+                  actions,
+                  'name',
+                  FORM_FILTER_PATH,
+                );
+                useAsyncInitSelect(
+                  ['outerStatus'],
+                  fetchSelectOptions,
+                );
+              }}
+              schema={querySchema}
+            />
+          }
+        />
 
-      <AddRoleDrawer
-        visible={modalVisible}
-        onClose={() => setModalVisible(false)}
-        onSubmit={handleSubmit}
-      />
-    </Card>
+        <AddRoleDrawer
+          visible={modalVisible}
+          onClose={() => setModalVisible(false)}
+          onSubmit={handleSubmit}
+        />
+      </Card>
+    </PageHeaderWrapper>
   );
 };
 

src/pages/member/memberQuery/rectificationQuery/index.tsx

 import React, { useCallback, useRef, useState } from 'react';
 import { Card, Space, Button, Spin, Popconfirm } from 'antd'
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import { querySchema } from './schema';
 import useFetchList from '../../memberEvaluate/hooks/useFetchList';
 import { FORM_FILTER_PATH } from '@/formSchema/const';
@@ -67,18 +68,20 @@ const List: React.FC<Iprops> = (props: Iprops) => {
   }, [])
 
   return (
-    <Card>
-      <CustomizeQueryList
-        ref={ref}
-        columns={columns}
-        schema={querySchema}
-        fetchListData={handleFetch}
-        effects={($, actions) => {
-          useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH,);
-          useAsyncSelect('outerStatus', fetchStatusOptions);
-        }}
-      />
-    </Card>
+    <PageHeaderWrapper>
+      <Card>
+        <CustomizeQueryList
+          ref={ref}
+          columns={columns}
+          schema={querySchema}
+          fetchListData={handleFetch}
+          effects={($, actions) => {
+            useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH,);
+            useAsyncSelect('outerStatus', fetchStatusOptions);
+          }}
+        />
+      </Card>
+    </PageHeaderWrapper>
   )
 }
 export default List

src/pages/member/memberQuery/suggest/index.tsx

 import React, { useRef, useState } from 'react';
 import { Card, Space, Button, Spin, Popconfirm } from 'antd'
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import { setColumnsByLinks } from './common/columns';
 import { complaintAndSuggestListSchema } from './common/schema';
 import useFetchList from '../../memberEvaluate/hooks/useFetchList';
@@ -93,22 +94,24 @@ const List: React.FC<Iprops> = (props: Iprops) => {
   }
 
   return (
-    <Card>
-      <CustomizeQueryList
-        ref={ref}
-        columns={columns}
-        formatData={formatData}
-        schema={complaintAndSuggestListSchema}
-        fetchListData={handleFetch}
-        expressionScope={{
-          controllerBtns,
-        }}
-        effects={($, actions) => {
-          useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH,);
-          // useAsyncSelect('status', fetchStatusOptions);
-        }}
-      />
-    </Card>
+    <PageHeaderWrapper>
+      <Card>
+        <CustomizeQueryList
+          ref={ref}
+          columns={columns}
+          formatData={formatData}
+          schema={complaintAndSuggestListSchema}
+          fetchListData={handleFetch}
+          expressionScope={{
+            controllerBtns,
+          }}
+          effects={($, actions) => {
+            useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH,);
+            // useAsyncSelect('status', fetchStatusOptions);
+          }}
+        />
+      </Card>
+    </PageHeaderWrapper>
   )
 }
 export default List

src/pages/member/memberRectification/rectificationAdd/index.tsx

 import React, { useCallback, useRef, useState } from 'react';
 import { Card, Space, Button, Spin, Popconfirm } from 'antd'
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import { setColumnsByLinks } from '../common/columns/queryColumns';
 import { rectificationListSchema } from '../common/schema';
 import useFetchList from '../../memberEvaluate/hooks/useFetchList';
@@ -87,21 +88,23 @@ const List: React.FC<Iprops> = (props: Iprops) => {
   }
 
   return (
-    <Card>
-      <CustomizeQueryList
-        ref={ref}
-        columns={columns}
-        schema={rectificationListSchema}
-        fetchListData={handleFetch}
-        expressionScope={{
-          controllerBtns,
-        }}
-        effects={($, actions) => {
-          useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH);
-          useAsyncSelect('outerStatus', fetchStatusOptions);
-        }}
-      />
-    </Card>
+    <PageHeaderWrapper>
+      <Card>
+        <CustomizeQueryList
+          ref={ref}
+          columns={columns}
+          schema={rectificationListSchema}
+          fetchListData={handleFetch}
+          expressionScope={{
+            controllerBtns,
+          }}
+          effects={($, actions) => {
+            useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH);
+            useAsyncSelect('outerStatus', fetchStatusOptions);
+          }}
+        />
+      </Card>
+    </PageHeaderWrapper>
   )
 }
 export default List

src/pages/member/memberRectification/rectificationQuery/index.tsx

 import React from 'react';
 import { Card, Space, Button } from 'antd'
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import { setColumnsByLinks } from '../common/columns/queryColumns';
 import { querySchema } from '../tobeConfirmRectification/schema';
 import useFetchList from '../../memberEvaluate/hooks/useFetchList';
@@ -36,20 +37,22 @@ const List: React.FC<Iprops> = (props: Iprops) => {
   }
 
   return (
-    <Card>
-      <CustomizeQueryList
-        columns={columns}
-        schema={querySchema(true)}
-        fetchListData={handleFetch}
-        expressionScope={{
-          controllerBtns,
-        }}
-        effects={($, actions) => {
-          useStateFilterSearchLinkageEffect($, actions,'name', FORM_FILTER_PATH,);
-          useAsyncSelect('outerStatus', fetchStatusOptions);
-        }}
-      />
-    </Card>
+    <PageHeaderWrapper>
+      <Card>
+        <CustomizeQueryList
+          columns={columns}
+          schema={querySchema(true)}
+          fetchListData={handleFetch}
+          expressionScope={{
+            controllerBtns,
+          }}
+          effects={($, actions) => {
+            useStateFilterSearchLinkageEffect($, actions,'name', FORM_FILTER_PATH,);
+            useAsyncSelect('outerStatus', fetchStatusOptions);
+          }}
+        />
+      </Card>
+    </PageHeaderWrapper>
   )
 }
 export default List

src/pages/member/memberRectification/tobeConfirmRectification/index.tsx

 import { useIntl, getIntl } from 'umi';
 import React from 'react';
 import { Card, Space, Button } from 'antd'
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import { setColumnsByLinks } from '../common/columns/queryColumns';
 import { querySchema } from './schema';
 import useFetchList from '../../memberEvaluate/hooks/useFetchList';
@@ -53,17 +54,19 @@ const List: React.FC<Iprops> = (props: Iprops) => {
   }
 
   return (
-    <Card>
-      <CustomizeQueryList
-        columns={columns}
-        schema={querySchema(false)}
-        fetchListData={handleFetch}
-        effects={($, actions) => {
-          useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH,);
-          useAsyncSelect('outerStatus', fetchStatusOptions);
-        }}
-      />
-    </Card>
+    <PageHeaderWrapper>
+      <Card>
+        <CustomizeQueryList
+          columns={columns}
+          schema={querySchema(false)}
+          fetchListData={handleFetch}
+          effects={($, actions) => {
+            useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH,);
+            useAsyncSelect('outerStatus', fetchStatusOptions);
+          }}
+        />
+      </Card>
+    </PageHeaderWrapper>
   )
 }
 export default List

src/pages/member/memberVisitManage/index.tsx

@@ -6,6 +6,7 @@ import { history, useIntl } from 'umi';
 import { Card, Button, Space, Popconfirm, Modal, message } from 'antd';
 import { PlusOutlined } from '@ant-design/icons';
 import { ColumnType } from 'antd/lib/table/interface';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import { createFormActions } from '@formily/antd';
 import moment from 'moment';
 import {
@@ -186,45 +187,47 @@ const MemberVisitManageIndex: React.FC<{}> = props => {
   );
 
   return (
-    <Card>
-      <PolymericTable
-        rowKey="id"
-        columns={columns}
-        fetchDataSource={(params) => fetchMemberVisitList(params as GetMemberVisitListRequestParams)}
-        defaultPageSize={10}
-        searchFormProps={{
-          actions: queryFormActions,
-          schema: querySchema,
-          components: {
-            RoleRuleConfigCtl,
-          },
-          effects: ($, actions) => {
-            useStateFilterSearchLinkageEffect(
-              $,
-              actions,
-              'memberName',
-              FORM_FILTER_PATH,
-            );
+    <PageHeaderWrapper>
+      <Card>
+        <PolymericTable
+          rowKey="id"
+          columns={columns}
+          fetchDataSource={(params) => fetchMemberVisitList(params as GetMemberVisitListRequestParams)}
+          defaultPageSize={10}
+          searchFormProps={{
+            actions: queryFormActions,
+            schema: querySchema,
+            components: {
+              RoleRuleConfigCtl,
+            },
+            effects: ($, actions) => {
+              useStateFilterSearchLinkageEffect(
+                $,
+                actions,
+                'memberName',
+                FORM_FILTER_PATH,
+              );
 
-            useAsyncInitSelect(
-              ['visitType', 'visitLevel'],
-              async () => {
-                const { data, code } = await getMemberVisitVisitTypeItems();
-                if (code === 1000) {
-                  return {
-                    visitType: data.visitTypes.map((item) => ({ label: item.visitTypeName, value: item.visitType })),
-                    visitLevel: data.visitLevels.map((item) => ({ label: item.visitLevelName, value: item.visitLevel })),
-                  };
-                }
-                return {};
-              },
-            );
-          },
-        }}
-        scroll={{ x: 1200 }}
-        ref={polymericRef}
-      />
-    </Card>
+              useAsyncInitSelect(
+                ['visitType', 'visitLevel'],
+                async () => {
+                  const { data, code } = await getMemberVisitVisitTypeItems();
+                  if (code === 1000) {
+                    return {
+                      visitType: data.visitTypes.map((item) => ({ label: item.visitTypeName, value: item.visitType })),
+                      visitLevel: data.visitLevels.map((item) => ({ label: item.visitLevelName, value: item.visitLevel })),
+                    };
+                  }
+                  return {};
+                },
+              );
+            },
+          }}
+          scroll={{ x: 1200 }}
+          ref={polymericRef}
+        />
+      </Card>
+    </PageHeaderWrapper>
   );
 };
 

src/pages/member/memberWarning/tobeHandleWarning/index.tsx

 import { useIntl } from 'umi';
 import React, { useState } from 'react';
 import { Card, Space, Button, Drawer } from 'antd'
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import tobeHandleColumns from '../common/columns/tobeHandleColumns';
 import querySchema, { handleFormSchema } from '../common/schema/tobeHandleQuerySchema';
 import useFetchList from '../../memberEvaluate/hooks/useFetchList';
@@ -69,7 +70,7 @@ const List: React.FC<Iprops> = (props: Iprops) => {
 
 
   return (
-    <>
+    <PageHeaderWrapper>
       <Card>
         <CustomizeQueryList
           columns={columns}
@@ -104,7 +105,7 @@ const List: React.FC<Iprops> = (props: Iprops) => {
           value={recordData}
         />
       </Drawer>
-    </>
+    </PageHeaderWrapper>
   )
 }
 export default List

src/pages/member/memberWarning/warningQuery/index.tsx

 import React from 'react';
 import { Card, Space, Button } from 'antd'
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import queryColumns from '../common/columns/queryColumns';
 import querySchema from '../common/schema/querySchema';
 import useFetchList from '../../memberEvaluate/hooks/useFetchList';
@@ -25,16 +26,18 @@ const List: React.FC<Iprops> = (props: Iprops) => {
   }
 
   return (
-    <Card>
-      <CustomizeQueryList
-        columns={columns}
-        schema={querySchema}
-        fetchListData={handleFetch}
-        effects={($, actions) => {
-          useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH);
-        }}
-      />
-    </Card>
+    <PageHeaderWrapper>
+      <Card>
+        <CustomizeQueryList
+          columns={columns}
+          schema={querySchema}
+          fetchListData={handleFetch}
+          effects={($, actions) => {
+            useStateFilterSearchLinkageEffect($, actions, 'name', FORM_FILTER_PATH);
+          }}
+        />
+      </Card>
+    </PageHeaderWrapper>
   )
 }
 export default List