chore: 替换锚点项组件

ef56acbd · XieZhiXiong · 1550259b · ef56acbd · ef56acbd · ef56acbd
Commit ef56acbd authored Dec 22, 2021 by XieZhiXiong
37 changed files
--- a/src/pages/afterService/returnManage/components/AsReturnProfile/index.less
+++ b/src/pages/afterService/returnManage/components/AsReturnProfile/index.less
--- a/src/pages/afterService/returnManage/components/AsReturnProfile/index.tsx
+++ b/src/pages/afterService/returnManage/components/AsReturnProfile/index.tsx
+/**
+ * @Description: 售后退货申请信息
+ */
+import React from 'react';
+
+const AsReturnProfile: React.FC = () => {
+  return (
+    <div>123</div>
+  );
+};
+
+export default AsReturnProfile;
--- a/src/pages/member/components/MemberActivePointRecords/index.tsx
+++ b/src/pages/member/components/MemberActivePointRecords/index.tsx
@@ -7,7 +7,7 @@
 */
 import React, { useState, useEffect } from 'react';
 import { useIntl } from 'umi';
-import MellowCard, { MellowCardProps } from '@/components/MellowCard';
+import MellowCard from '@/components/MellowCard';
 import PolymericTable from '@/components/PolymericTable';
 import { EditableColumns } from '@/components/PolymericTable/interface';

@@ -41,7 +41,7 @@ export interface FetchParams {
  pageSize: number;
 };

-interface IProps extends MellowCardProps {
+interface IProps {
  /**
   * 获取数据方法
   */

--- a/src/pages/member/components/MemberBasicInfo/index.tsx
+++ b/src/pages/member/components/MemberBasicInfo/index.tsx
@@ -69,10 +69,6 @@ export type BasicInfoProps = {
     */
    memberTypeEnum?: number,
  },
-  /**
-   * DOM id
-   */
-  id: string,
 }

 const MemberBasicInfo: React.FC<BasicInfoProps> = (props: BasicInfoProps) => {

--- a/src/pages/member/components/MemberChangedInfo/index.tsx
+++ b/src/pages/member/components/MemberChangedInfo/index.tsx
@@ -7,7 +7,7 @@
 */
 import React, { useState, useEffect } from 'react';
 import { useIntl } from 'umi';
-import MellowCard, { MellowCardProps } from '@/components/MellowCard';
+import MellowCard from '@/components/MellowCard';
 import PolymericTable from '@/components/PolymericTable';
 import { EditableColumns } from '@/components/PolymericTable/interface';

@@ -44,7 +44,7 @@ export type ReponseType = {
  totalCount: number,
 }

-interface IProps extends MellowCardProps {
+interface IProps {
  /**
   * 数据
   */

--- a/src/pages/member/components/MemberChannelInfo/index.tsx
+++ b/src/pages/member/components/MemberChannelInfo/index.tsx
@@ -10,11 +10,11 @@ import React, { useState } from 'react';
 import { Row, Col, Descriptions, Button, message } from 'antd';
 import { useIntl } from 'umi';
 import { getMemberAbilityMaintenanceDetailBasicChannel, GetMemberAbilityMaintenanceDetailBasicChannelResponse, postMemberAbilityMaintenanceDetailBasicChannelUpdate } from '@/services/MemberV2Api';
-import MellowCard, { MellowCardProps } from '@/components/MellowCard';
+import MellowCard from '@/components/MellowCard';
 import ModifyChannelDrawer, { ValueType } from '../ModifyChannelDrawer';
 import styles from './index.less';

-export type ChannelInfoProps = MellowCardProps & {
+export type ChannelInfoProps = {
  /**
   * 数据
   */

--- a/src/pages/member/components/MemberChannelInfoForm/index.tsx
+++ b/src/pages/member/components/MemberChannelInfoForm/index.tsx
@@ -13,7 +13,7 @@ import {
  ValidateNodeResult,
 } from '@formily/antd';
 import { useIntl } from 'umi';
-import MellowCard, { MellowCardProps } from '@/components/MellowCard';
+import MellowCard from '@/components/MellowCard';
 import { useLinkageUtils } from '@/utils/formEffectUtils';
 import NiceForm from '@/components/NiceForm';
 import { schema } from './schema';
@@ -60,7 +60,7 @@ export interface ChannelRefHandle {
  validate: () => Promise<Promise<ValidateNodeResult>>,
 }

-interface IProps extends MellowCardProps {
+interface IProps {
  /**
   * 渠道信息
   */

--- a/src/pages/member/components/MemberDocIncomingInfoForm/index.tsx
+++ b/src/pages/member/components/MemberDocIncomingInfoForm/index.tsx
@@ -11,13 +11,13 @@ import { Radio, Checkbox } from '@formily/antd-components';
 import { createAsyncFormActions, FormEffectHooks } from '@formily/antd';
 import { ValidateNodeResult } from '@formily/validator';
 import NiceForm from '@/components/NiceForm';
-import MellowCard, { MellowCardProps } from '@/components/MellowCard';
+import MellowCard from '@/components/MellowCard';
 import { schema, GroupItem } from './schema';
 import AreaSelect from '../AreaSelect';

 export type DepositValueType = { [key: string]: any }

-interface IProps extends MellowCardProps {
+interface IProps {
  /**
   * 资料组
   */

--- a/src/pages/member/components/MemberDocInspection/index.tsx
+++ b/src/pages/member/components/MemberDocInspection/index.tsx
@@ -7,7 +7,7 @@
 */
 import React, { useEffect, useState } from 'react';
 import { useIntl } from 'umi';
-import MellowCard, { MellowCardProps } from '@/components/MellowCard';
+import MellowCard from '@/components/MellowCard';
 import PolymericTable from '@/components/PolymericTable';
 import { EditableColumns } from '@/components/PolymericTable/interface';

@@ -50,7 +50,7 @@ export type ReponseType = {
  data: ListItemType[],
 }

-interface IProps extends MellowCardProps {
+interface IProps {
  /**
   * 获取列表数据方法
   */

--- a/src/pages/member/components/MemberDocQualification/index.tsx
+++ b/src/pages/member/components/MemberDocQualification/index.tsx
@@ -10,7 +10,7 @@ import { Descriptions } from 'antd';
 import { useIntl } from 'umi';
 import { FileOutlined } from '@ant-design/icons';
 import classNames from 'classnames';
-import MellowCard, { MellowCardProps } from '@/components/MellowCard';
+import MellowCard from '@/components/MellowCard';
 import styles from './index.less';

 export type ValueType = {
@@ -32,7 +32,7 @@ export type ValueType = {
  permanent: number,
 }

-interface IProps extends MellowCardProps {
+interface IProps {
  /**
   * 数据
   */

--- a/src/pages/member/components/MemberDocScoredInfo/index.tsx
+++ b/src/pages/member/components/MemberDocScoredInfo/index.tsx
@@ -7,7 +7,7 @@
 */
 import React, { useEffect, useState } from 'react';
 import { useIntl } from 'umi';
-import MellowCard, { MellowCardProps } from '@/components/MellowCard';
+import MellowCard from '@/components/MellowCard';
 import PolymericTable from '@/components/PolymericTable';
 import { EditableColumns } from '@/components/PolymericTable/interface';

@@ -54,7 +54,7 @@ export type ReponseType = {
  data: ListItemType[],
 }

-interface IProps extends MellowCardProps {
+interface IProps {
  /**
   * 获取列表数据方法
   */

--- a/src/pages/member/components/MemberDocTableList/index.tsx
+++ b/src/pages/member/components/MemberDocTableList/index.tsx
@@ -6,7 +6,7 @@
 * @Description: Card 列表组件
 */
 import React, { useEffect, useState } from 'react';
-import MellowCard, { MellowCardProps } from '@/components/MellowCard';
+import MellowCard from '@/components/MellowCard';
 import PolymericTable from '@/components/PolymericTable';
 import { EditableColumns } from '@/components/PolymericTable/interface';

@@ -22,7 +22,7 @@ export type ReponseType<T> = {
  data: T[],
 }

-interface IProps<T> extends MellowCardProps {
+interface IProps<T> {
  /**
   * Card 标题
   */

--- a/src/pages/member/components/MemberEvaluation/index.tsx
+++ b/src/pages/member/components/MemberEvaluation/index.tsx
@@ -15,7 +15,7 @@ import { useIntl } from 'umi';
 import PolymericTable from '@/components/PolymericTable';
 import { EditableColumns } from '@/components/PolymericTable/interface';
 import { Pie } from '@/components/Charts';
-import MellowCard, { MellowCardProps } from '@/components/MellowCard';
+import MellowCard from '@/components/MellowCard';
 import Mood from '@/components/Mood';
 import ButtonSwitch from '@/components/ButtonSwitch';
 import styles from './index.less';
@@ -52,7 +52,7 @@ export interface ListItem {
  dealTime: string;
 };

-interface IProps extends MellowCardProps {
+interface IProps {
  /**
   * 标题
   */

--- a/src/pages/member/components/MemberFeedbackRecords/index.tsx
+++ b/src/pages/member/components/MemberFeedbackRecords/index.tsx
@@ -9,7 +9,7 @@ import React, { useState, useEffect } from 'react';
 import { useIntl } from 'umi';
 import PolymericTable from '@/components/PolymericTable';
 import { EditableColumns } from '@/components/PolymericTable/interface';
-import MellowCard, { MellowCardProps } from '@/components/MellowCard';
+import MellowCard from '@/components/MellowCard';
 import ButtonSwitch from '@/components/ButtonSwitch';

 const PAGE_SIZE = 5;
@@ -70,7 +70,7 @@ export interface ListItem {
  result: string
 };

-interface IProps extends MellowCardProps {
+interface IProps {
  /**
   * 数据源
   */

--- a/src/pages/member/components/MemberInvestigateInfo/index.tsx
+++ b/src/pages/member/components/MemberInvestigateInfo/index.tsx
@@ -15,11 +15,11 @@ import {
 } from 'antd';
 import { useIntl } from 'umi';
 import { normalizeFiledata } from '@/utils';
-import MellowCard, { MellowCardProps } from '@/components/MellowCard';
+import MellowCard from '@/components/MellowCard';
 import UploadFiles from '@/components/UploadFiles/UploadFiles';
 import styles from './index.less';

-export type InvestigateInfoProps = MellowCardProps & {
+export type InvestigateInfoProps = {
  /**
   * 数据
   */

--- a/src/pages/member/components/MemberLevelInfo/index.tsx
+++ b/src/pages/member/components/MemberLevelInfo/index.tsx
@@ -12,10 +12,10 @@ import {
 import { useIntl } from 'umi';
 import classNames from 'classnames';
 import { MiniArea } from '@/components/Charts';
-import MellowCard, { MellowCardProps } from '@/components/MellowCard';
+import MellowCard from '@/components/MellowCard';
 import styles from './index.less';

-interface IProps extends MellowCardProps {
+interface IProps {
  /**
   * 当前等级信息
   */

--- a/src/pages/member/components/MemberProfile/index.tsx
+++ b/src/pages/member/components/MemberProfile/index.tsx
@@ -227,17 +227,19 @@ const MemberProfile: React.FC<IProps> = (props) => {
        <Row gutter={[16, 16]}>
          {/* 会员审核流程 */}
          <Col span={24}>
+            <AnchorPage.Item itemKey="verifySteps">
              <AuditProcess
                outerVerifySteps={dataSource?.outerVerifySteps}
                outerVerifyCurrent={dataSource?.currentOuterStep}
                innerVerifySteps={dataSource?.innerVerifySteps}
                innerVerifyCurrent={dataSource?.currentInnerStep}
-              id="verifySteps"
              />
+            </AnchorPage.Item>
          </Col>
          
          {/* 基本信息 */}
          <Col span={24}>
+            <AnchorPage.Item itemKey="basicInfo">
              <MemberBasicInfo
                dataSource={{
                  memberId: dataSource?.memberId,
@@ -252,8 +254,8 @@ const MemberProfile: React.FC<IProps> = (props) => {
                  email: dataSource?.email,
                  createTime: dataSource?.registerTime,
                }}
-              id="basicInfo"
              />
+            </AnchorPage.Item>
          </Col>
          
          {/* 渠道信息 */}
@@ -266,6 +268,7 @@ const MemberProfile: React.FC<IProps> = (props) => {
            )
            ? (
              <Col span={24}>
+                <AnchorPage.Item itemKey="channelInfo">
                  <MemberChannelInfo
                    dataSource={{
                      level: dataSource?.channelLevelTag,
@@ -273,8 +276,8 @@ const MemberProfile: React.FC<IProps> = (props) => {
                      areas: dataSource?.areaCodes as string[],
                      desc: dataSource?.remark,
                    }}
-                  id="channelInfo"
                  />
+                </AnchorPage.Item>
              </Col>
            )
            : null
@@ -290,6 +293,7 @@ const MemberProfile: React.FC<IProps> = (props) => {
            )
            ? (
              <Col span={24}>
+                <AnchorPage.Item itemKey="channelInfo">
                  <MemberChannelInfoForm
                    channelInfo={{
                      upperMembers: dataSource?.upperMembers,
@@ -304,8 +308,8 @@ const MemberProfile: React.FC<IProps> = (props) => {
                    }}
                    onInputChange={handleChannelInfoChange}
                    ref={channelRef}
-                  id="channelInfo"
                  />
+                </AnchorPage.Item>
              </Col>
            )
            : null
@@ -316,6 +320,7 @@ const MemberProfile: React.FC<IProps> = (props) => {
            dataSource && dataSource.registerDetails
              ? dataSource.registerDetails.map((item, index) => (
                <Col span={24} key={`group${index}`}>
+                  <AnchorPage.Item itemKey={`group${index}`}>
                    <CustomizeColumn
                      title={item.groupName}
                      data={(
@@ -324,8 +329,8 @@ const MemberProfile: React.FC<IProps> = (props) => {
                          value: renderFieldTypeContent(ele.fieldType, ele.fieldValue),
                        }))
                      )}
-                    id={`group${index}`}
                    />
+                  </AnchorPage.Item>
                </Col>
              ))
              : null
@@ -337,11 +342,13 @@ const MemberProfile: React.FC<IProps> = (props) => {
            && !editableDeposit
          ) ? (
            <Col span={24}>
+              <AnchorPage.Item itemKey="incomingInfo">
                <MemberDocIncomingInfo
                  dataSource={dataSource?.depositDetailTexts || []}
                  showNew={showNew}
                  id="incomingInfo"
                />
+              </AnchorPage.Item>
            </Col>
          ) : null}
          
@@ -351,12 +358,13 @@ const MemberProfile: React.FC<IProps> = (props) => {
            && editableDeposit
          ) ? (
            <Col span={24}>
+              <AnchorPage.Item itemKey="incomingInfo">
                <MemberDocIncomingInfoForm
                  groups={dataSource?.depositDetails || []}
                  ref={depositRef}
                  onInputChange={handleDepositChange}
-                id="incomingInfo"
                />
+              </AnchorPage.Item>
            </Col>
          ) : null}

@@ -368,10 +376,11 @@ const MemberProfile: React.FC<IProps> = (props) => {
            && !editableQualities
          ) ? (
            <Col span={24}>
+              <AnchorPage.Item itemKey="qualificationInfo">
                <MemberDocQualification
                  dataSource={dataSource?.qualities}
-                id="qualificationInfo"
                />
+              </AnchorPage.Item>
            </Col>
          ) : null}
          
@@ -380,37 +389,41 @@ const MemberProfile: React.FC<IProps> = (props) => {
            editableQualities
          ) ? (
            <Col span={24}>
+              <AnchorPage.Item itemKey="qualificationInfo">
                <MemberQualitiesForm
                  value={dataSource?.qualities}
                  onInputChange={handleQualitiesChange}
                  ref={qualitiesRef}
-                id="qualificationInfo"
                />
+              </AnchorPage.Item>
            </Col>
          ) : null}

          {/* 考察信息 */}
          {dataSource && dataSource.inspection && dataSource.inspection.inspectDay ? (
            <Col span={24}>
+              <AnchorPage.Item itemKey="investigateInfo">
                <MemberInvestigateInfo
                  dataSource={dataSource?.inspection}
-                id="investigateInfo"
                />
+              </AnchorPage.Item>
            </Col>
          ) : null}
          
          {/* 分类信息 */}
          {dataSource && dataSource.classification && dataSource.classification.code ? (
            <Col span={24}>
+              <AnchorPage.Item itemKey="classifyInfo">
                <MemberDocCategory
                  dataSource={dataSource?.classification}
-                id="classifyInfo"
                />
+              </AnchorPage.Item>
            </Col>
          ) : null}

          {/* 流转记录 */}
          <Col span={24}>
+            <AnchorPage.Item itemKey="flowRecords">
              <FlowRecords
                outerColumns={MEMBER_OUTER_COLUMNS}
                innerColumns={MEMBER_INNER_COLUMNS}
@@ -418,8 +431,8 @@ const MemberProfile: React.FC<IProps> = (props) => {
                innerRowkey="id"
                outerDataSource={dataSource?.outerHistory}
                innerDataSource={dataSource?.innerHistory}
-              id="flowRecords"
              />
+            </AnchorPage.Item>
          </Col>
        </Row>
      </AnchorPage>

--- a/src/pages/member/components/MemberQualitiesForm/index.tsx
+++ b/src/pages/member/components/MemberQualitiesForm/index.tsx
@@ -15,7 +15,7 @@ import {
 import { DatePicker, Checkbox } from '@formily/antd-components';
 import { normalizeFiledata } from '@/utils';
 import NiceForm from '@/components/NiceForm';
-import MellowCard, { MellowCardProps } from '@/components/MellowCard';
+import MellowCard from '@/components/MellowCard';
 import { schema } from './schema';
 import { useBusinessEffects } from '../QualitiesUploadFormItem/effects';
 import QualitiesUpload from '../QualitiesUpload';
@@ -78,7 +78,7 @@ export type ValueType = {
  permanent: number,
 }

-interface IProps extends MellowCardProps {
+interface IProps {
  /**
   * 值
   */

--- a/src/pages/member/components/MemberRights/index.tsx
+++ b/src/pages/member/components/MemberRights/index.tsx
@@ -8,7 +8,7 @@
 import React from 'react';
 import { useIntl } from 'umi';
 import classNames from 'classnames';
-import MellowCard, { MellowCardProps } from '@/components/MellowCard';
+import MellowCard from '@/components/MellowCard';
 import styles from './index.less';
 import equity_1 from '@/assets/imgs/equity-1.png';
 import equity_2 from '@/assets/imgs/equity-2.png';
@@ -36,7 +36,7 @@ const imgMap = {
  5: equity_5,
 }

-interface IProps extends MellowCardProps {
+interface IProps {
  data: {
    acquireWay: string,
    /**

--- a/src/pages/member/components/MemberRightsAnalysis/index.tsx
+++ b/src/pages/member/components/MemberRightsAnalysis/index.tsx
@@ -13,7 +13,7 @@ import IMG_EQUITY4 from '@/assets/imgs/equity-4.png';
 import IMG_EQUITY5 from '@/assets/imgs/equity-5.png';
 import styles from './index.less';

-interface IProps extends HTMLAttributes<HTMLDivElement> {
+interface IProps {
  /**
   * 权益信息
   */

--- a/src/pages/member/components/MemberRightsRecords/index.tsx
+++ b/src/pages/member/components/MemberRightsRecords/index.tsx
@@ -7,7 +7,7 @@
 */
 import React, { useState, useEffect } from 'react';
 import { useIntl } from 'umi';
-import MellowCard, { MellowCardProps } from '@/components/MellowCard';
+import MellowCard from '@/components/MellowCard';
 import PolymericTable from '@/components/PolymericTable';
 import { EditableColumns } from '@/components/PolymericTable/interface';
 import ButtonSwitch from '@/components/ButtonSwitch';
@@ -69,7 +69,7 @@ export interface FetchParams {
  pageSize: number;
 };

-interface IProps extends MellowCardProps {
+interface IProps {
  /**
   * 获取获取记录
   */

--- a/src/pages/member/components/MemberSincerityAnalysis/index.tsx
+++ b/src/pages/member/components/MemberSincerityAnalysis/index.tsx
@@ -74,7 +74,7 @@ const ContentBox: React.FC<ContentBoxProps> = ({
  </div>
 );

-interface IProps extends HTMLAttributes<HTMLDivElement> {
+interface IProps {
  /**
   * 饼图数据
   */

--- a/src/pages/member/memberMaintain/black/index.tsx
+++ b/src/pages/member/memberMaintain/black/index.tsx
@@ -164,6 +164,7 @@ const MemberMaintainBlack: React.FC<{}> = () => {
        <Row gutter={[16, 16]}>
          {/* 基本信息 */}
          <Col span={24}>
+            <AnchorPage.Item itemKey="basicInfo">
              <MemberBasicInfo
                dataSource={{
                  memberId: memberInfo?.memberId,
@@ -178,8 +179,8 @@ const MemberMaintainBlack: React.FC<{}> = () => {
                  email: memberInfo?.email,
                  createTime: memberInfo?.registerTime,
                }}
-              id="basicInfo"
              />
+            </AnchorPage.Item>
          </Col>
          
          {/* 渠道信息 */}
@@ -188,6 +189,7 @@ const MemberMaintainBlack: React.FC<{}> = () => {
            || memberInfo?.memberTypeEnum === MEMBER_TYPE_CHANNEL_INDIVIDUAL
              ? (
                <Col span={24}>
+                  <AnchorPage.Item itemKey="channelInfo">
                    <MemberChannelInfo
                      dataSource={{
                        level: memberInfo?.channelLevelTag,
@@ -195,8 +197,8 @@ const MemberMaintainBlack: React.FC<{}> = () => {
                        areas: memberInfo?.areas,
                        desc: memberInfo?.remark,
                      }}
-                    id="channelInfo"
                    />
+                  </AnchorPage.Item>
                </Col>
              )
              : null
@@ -207,6 +209,7 @@ const MemberMaintainBlack: React.FC<{}> = () => {
            memberInfo && memberInfo.groups
              ? memberInfo.groups.map((item, index) => (
                <Col span={24} key={`group${index}`}>
+                  <AnchorPage.Item itemKey={`group${index}`}>
                    <CustomizeColumn
                      title={item.groupName}
                      data={(
@@ -223,8 +226,8 @@ const MemberMaintainBlack: React.FC<{}> = () => {
                          ),
                        }))
                      )}
-                    id={`group${index}`}
                    />
+                  </AnchorPage.Item>
                </Col>
              ))
              : null
@@ -232,6 +235,7 @@ const MemberMaintainBlack: React.FC<{}> = () => {

          {/* 流转记录 */}
          <Col span={24}>
+            <AnchorPage.Item itemKey="flowRecords">
              <FlowRecords
                outerColumns={MEMBER_OUTER_COLUMNS}
                innerColumns={MEMBER_INNER_COLUMNS}
@@ -239,8 +243,8 @@ const MemberMaintainBlack: React.FC<{}> = () => {
                innerRowkey="id"
                outerDataSource={memberInfo?.outerHistory}
                innerDataSource={memberInfo?.innerHistory}
-              id="flowRecords"
              />
+            </AnchorPage.Item>
          </Col>
        </Row>
      </AnchorPage>

--- a/src/pages/member/memberMaintain/detailed/archiveInfo.tsx
+++ b/src/pages/member/memberMaintain/detailed/archiveInfo.tsx
@@ -11,6 +11,7 @@ import { Row, Col, Spin } from 'antd';
 import { usePageStatus } from '@/hooks/usePageStatus';
 import { getMemberAbilityMaintenanceDetailAppraisalPage, getMemberAbilityMaintenanceDetailInspectPage, getMemberAbilityMaintenanceDetailRecord, GetMemberAbilityMaintenanceDetailRecordResponse, getMemberAbilityMaintenanceDetailRectifyPage } from '@/services/MemberV2Api';
 import { EditableColumns } from '@/components/PolymericTable/interface';
+import AnchorPage from '@/components/AnchorPage';
 import MemberDocCategory from '../../components/MemberDocCategory';
 import MemberDocIncomingInfo from '../../components/MemberDocIncomingInfo';
 import MemberDocQualification from '../../components/MemberDocQualification';
@@ -261,58 +262,64 @@ const MemberArchiveInfo = () => {
      <Row gutter={[16, 16]}>
        {/* 分类信息 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="categoryInfo">
            <MemberDocCategory
              dataSource={archiveInfo?.classification}
              validateId={validateId}
              onModifyAfter={handleModifyAfter}
-            id="categoryInfo"
            />
+          </AnchorPage.Item>
        </Col>
        
        {/* 入库信息 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="depositDetails">
            <MemberDocIncomingInfo
              dataSource={archiveInfo?.depositDetails}
-            id="depositDetails"
            />
+          </AnchorPage.Item>
        </Col>
        
        {/* 资质证明 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="qualitiesInfo">
            <MemberDocQualification
              dataSource={archiveInfo?.qualities}
-            id="qualitiesInfo"
            />
+          </AnchorPage.Item>
        </Col>
        
        {/* 考察信息 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="inspectInfo">
            <MemberDocTableList<InspectListItemType>
              title={intl.formatMessage({ id: 'member.management.maintain.detail.archivalInfo.inspect' })}
              columns={inspectionColumns}
              fetchList={getInspectList}
-            id="inspectInfo"
            />
+          </AnchorPage.Item>
        </Col>

        {/* 考评信息 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="appraisalInfo">
            <MemberDocTableList<AppraisalListItemType>
              title={intl.formatMessage({ id: 'member.management.maintain.detail.archivalInfo.appraisal' })}
              columns={AppraisalColumns}
              fetchList={getAppraisalList}
-            id="appraisalInfo"
            />
+          </AnchorPage.Item>
        </Col>

        {/* 整改信息 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="rectifyInfo">
            <MemberDocTableList<RectifyListItemType>
              title={intl.formatMessage({ id: 'member.management.maintain.detail.archivalInfo.rectify' })}
              columns={RectifyColumns}
              fetchList={getRectifyList}
-            id="rectifyInfo"
            />
+          </AnchorPage.Item>
        </Col>
      </Row>
    </Spin>

--- a/src/pages/member/memberMaintain/detailed/basicInfo.tsx
+++ b/src/pages/member/memberMaintain/detailed/basicInfo.tsx
@@ -22,6 +22,7 @@ import {
 import AuditProcess from '@/components/AuditProcess';
 import CustomizeColumn from '@/components/CustomizeColumn';
 import FlowRecords from '@/components/FlowRecords';
+import AnchorPage from '@/components/AnchorPage';
 import { 
  MEMBER_OUTER_COLUMNS,
  MEMBER_INNER_COLUMNS,
@@ -70,17 +71,19 @@ const MemberBasicInfo: React.FC<MemberBasicInfoProps> = ({
      <Row gutter={[16, 16]}>
        {/* 会员审核流程 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="verifySteps">
            <AuditProcess
              outerVerifySteps={memberInfo?.outerVerifySteps}
              outerVerifyCurrent={memberInfo?.currentOuterStep}
              innerVerifySteps={memberInfo?.innerVerifySteps}
              innerVerifyCurrent={memberInfo?.currentInnerStep}
-            id="verifySteps"
            />
+          </AnchorPage.Item>
        </Col>
        
        {/* 基本信息 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="basicInfo">
            <BasicInfo
              dataSource={{
                memberId: memberInfo?.memberId,
@@ -95,8 +98,8 @@ const MemberBasicInfo: React.FC<MemberBasicInfoProps> = ({
                email: memberInfo?.email,
                createTime: memberInfo?.createTime,
              }}
-            id="basicInfo"
            />
+          </AnchorPage.Item>
        </Col>
        
        {/* 渠道信息 */}
@@ -105,6 +108,7 @@ const MemberBasicInfo: React.FC<MemberBasicInfoProps> = ({
          || memberInfo?.memberTypeEnum === MEMBER_TYPE_CHANNEL_INDIVIDUAL
            ? (
              <Col span={24}>
+                <AnchorPage.Item itemKey="channelInfo">
                  <MemberChannelInfo
                    dataSource={{
                      level: memberInfo?.channelLevelTag,
@@ -114,8 +118,8 @@ const MemberBasicInfo: React.FC<MemberBasicInfoProps> = ({
                    }}
                    validateId={memberInfo?.validateId}
                    onModifyAfter={handleModifyAfter}
-                  id="channelInfo"
                  />
+                </AnchorPage.Item>
              </Col>
            )
            : null
@@ -126,6 +130,7 @@ const MemberBasicInfo: React.FC<MemberBasicInfoProps> = ({
          memberInfo && memberInfo.groups
            ? memberInfo.groups.map((item, index) => (
              <Col span={24} key={`group${index}`}>
+                <AnchorPage.Item itemKey={`group${index}`}>
                  <CustomizeColumn
                    title={item.groupName}
                    data={(
@@ -142,8 +147,8 @@ const MemberBasicInfo: React.FC<MemberBasicInfoProps> = ({
                        ),
                      }))
                    )}
-                  id={`group${index}`}
                  />
+                </AnchorPage.Item>
              </Col>
            ))
            : null
@@ -151,6 +156,7 @@ const MemberBasicInfo: React.FC<MemberBasicInfoProps> = ({

        {/* 流转记录 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="flowRecords">
            <FlowRecords
              outerColumns={MEMBER_OUTER_COLUMNS}
              innerColumns={MEMBER_INNER_COLUMNS}
@@ -158,8 +164,8 @@ const MemberBasicInfo: React.FC<MemberBasicInfoProps> = ({
              innerRowkey="id"
              outerDataSource={memberInfo?.outerHistory}
              innerDataSource={memberInfo?.innerHistory}
-            id="flowRecords"
            />
+          </AnchorPage.Item>
        </Col>
      </Row>
    </Spin>

--- a/src/pages/member/memberMaintain/detailed/changedInfo.tsx
+++ b/src/pages/member/memberMaintain/detailed/changedInfo.tsx
@@ -9,6 +9,7 @@ import React from 'react';
 import { Row, Col } from 'antd';
 import { usePageStatus } from '@/hooks/usePageStatus';
 import { getMemberAbilityMaintenanceDetailDepositHistoryPage } from '@/services/MemberV2Api';
+import AnchorPage from '@/components/AnchorPage';
 import ChangedInfo, { FetchParamsType, ReponseType } from '../../components/MemberChangedInfo';

 const MemberChangedInfo = () => {
@@ -36,7 +37,9 @@ const MemberChangedInfo = () => {
    <Row gutter={[16, 16]}>
      {/* 分类信息 */}
      <Col span={24}>
-        <ChangedInfo fetchList={getInspectList} id="changedInfo" />
+        <AnchorPage.Item itemKey="changedInfo">
+          <ChangedInfo fetchList={getInspectList} /> 
+        </AnchorPage.Item>
      </Col>
    </Row>
  );

--- a/src/pages/member/memberMaintain/detailed/equityInfo.tsx
+++ b/src/pages/member/memberMaintain/detailed/equityInfo.tsx
@@ -9,6 +9,7 @@ import React, { useEffect, useState } from 'react';
 import { Spin, Row, Col } from 'antd';
 import { usePageStatus } from '@/hooks/usePageStatus';
 import { getMemberAbilityMaintenanceDetailRightBasic, GetMemberAbilityMaintenanceDetailRightBasicResponse, getMemberAbilityMaintenanceDetailRightHistoryPage, getMemberAbilityMaintenanceDetailRightSpendHistoryPage } from '@/services/MemberV2Api';
+import AnchorPage from '@/components/AnchorPage';
 import MemberRightsAnalysis from '../../components/MemberRightsAnalysis';
 import MemberRights from '../../components/MemberRights';
 import MemberRightsRecords, { ReceivedData, UsageData } from '../../components/MemberRightsRecords';
@@ -74,31 +75,34 @@ const MemberRightsInfo: React.FC<{}> = () => {
      <Row gutter={[16, 16]}>
        {/* 基本信息 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="basicInfo">
            <MemberRightsAnalysis
              data={{
                sumReturnMoney: equityInfo?.sumReturnMoney, 
                sumUsedPoint: equityInfo?.sumUsedPoint, 
                sumPoint: equityInfo?.sumPoint, 
              }}
-            id="basicInfo"
            />
+          </AnchorPage.Item>
        </Col>
        
        {/* 会员权益 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="memberEquity">
            <MemberRights
              data={equityInfo?.rights}
-            id="memberEquity"
            />
+          </AnchorPage.Item>
        </Col>
        
        {/* 会员权益 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="equityRecords">
            <MemberRightsRecords
              fetchReceivedList={getReceivedList}
              fetchUsageList={getUsageList}
-            id="equityRecords"
            />
+          </AnchorPage.Item>
        </Col>
      </Row>
    </Spin>

--- a/src/pages/member/memberMaintain/detailed/levelInfo.tsx
+++ b/src/pages/member/memberMaintain/detailed/levelInfo.tsx
@@ -9,6 +9,7 @@ import React, { useState, useEffect } from 'react';
 import { Spin, Row, Col } from 'antd';
 import { usePageStatus } from '@/hooks/usePageStatus';
 import { getMemberAbilityMaintenanceDetailLevelBasic, GetMemberAbilityMaintenanceDetailLevelBasicResponse, getMemberAbilityMaintenanceDetailLevelHistoryPage } from '@/services/MemberV2Api';
+import AnchorPage from '@/components/AnchorPage';
 import LevelInfo from '../../components/MemberLevelInfo';
 import MemberActivePointRecords, { ListItem } from '../../components/MemberActivePointRecords';

@@ -62,6 +63,7 @@ const MemberLevelInfo: React.FC<{}> = () => {
      <Row gutter={[16, 16]}>
        {/* 会员等级信息 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="memberLevel">
            <LevelInfo
              levelInfo={{
                level: levelInfo?.levelTag, 
@@ -70,16 +72,17 @@ const MemberLevelInfo: React.FC<{}> = () => {
                nextScore: levelInfo?.nextScore, 
              }}
              chartData={levelInfo?.points}
-            id="memberLevel"
            />
+          </AnchorPage.Item>
        </Col>
        
        {/* 会员等级信息 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="activePoints">
            <MemberActivePointRecords
              fetchList={getActivePointRecords}
-            id="activePoints"
            />
+          </AnchorPage.Item>
        </Col>
      </Row>
    </Spin>

--- a/src/pages/member/memberMaintain/detailed/sincerityInfo.tsx
+++ b/src/pages/member/memberMaintain/detailed/sincerityInfo.tsx
@@ -10,6 +10,7 @@ import { useIntl } from 'umi';
 import { Row, Col } from 'antd';
 import { usePageStatus } from '@/hooks/usePageStatus';
 import { getMemberAbilityMaintenanceDetailCreditAftersaleHistoryPage, getMemberAbilityMaintenanceDetailCreditAftersaleSummary, getMemberAbilityMaintenanceDetailCreditBasic, getMemberAbilityMaintenanceDetailCreditComplainHistoryPage, getMemberAbilityMaintenanceDetailCreditComplainSummary, getMemberAbilityMaintenanceDetailCreditTradeHistoryPage, getMemberAbilityMaintenanceDetailCreditTradeSummary } from '@/services/MemberV2Api';
+import AnchorPage from '@/components/AnchorPage';
 import MemberSincerityAnalysis from '../../components/MemberSincerityAnalysis';
 import MemberEvaluation, { EstimateSumItems, ListItem } from '../../components/MemberEvaluation';
 import MemberFeedbackRecords, { ListItem as FeedbackItem, AnalysisData } from '../../components/MemberFeedbackRecords';
@@ -205,43 +206,47 @@ const MemberSincerityInfo: React.FC<{}> = () => {
      <Row gutter={[16, 16]}>
        {/* 基本信息 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="basicInfo">
            <MemberSincerityAnalysis
              creditData={basicInfo?.pieData}
              integralItems={basicInfo?.items}
              loading={basicInfoLoading}
-            id="basicInfo"
            />
+          </AnchorPage.Item>
        </Col>
        
        {/* 交易评价 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="orderEvaluation">
            <MemberEvaluation
              title={intl.formatMessage({ id: 'member.management.maintain.detail.orderEvaluation' })}
              analysis={orderEstimateSum}
              loading={orderEstimateSumLoading}
              fetchEvaluationList={getOrderEvaluationList}
-            id="orderEvaluation"
            />
+          </AnchorPage.Item>
        </Col>
        
        {/* 售后评价 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="afterServiceEvaluation">
            <MemberEvaluation
              title={intl.formatMessage({ id: 'member.management.maintain.detail.afterServiceEvaluation' })}
              analysis={afterServiceEstimateSum}
              loading={afterServiceEstimateSumLoading}
              fetchEvaluationList={getAfterServiceEvaluationList}
-            id="afterServiceEvaluation"
            />
+          </AnchorPage.Item>
        </Col>
        
        {/* 反馈记录 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="feedbackRecords">
            <MemberFeedbackRecords
              analysis={feedbackSum}
              fetchList={getFeedbackList}
-            id="feedbackRecords"
            />
+          </AnchorPage.Item>
        </Col>
      </Row>
    </>

--- a/src/pages/member/memberMaintain/eliminate/index.tsx
+++ b/src/pages/member/memberMaintain/eliminate/index.tsx
@@ -160,6 +160,7 @@ const MemberMaintainEliminate: React.FC<{}> = () => {
        <Row gutter={[16, 16]}>
          {/* 基本信息 */}
          <Col span={24}>
+            <AnchorPage.Item itemKey="basicInfo">
              <MemberBasicInfo
                dataSource={{
                  memberId: memberInfo?.memberId,
@@ -174,8 +175,8 @@ const MemberMaintainEliminate: React.FC<{}> = () => {
                  email: memberInfo?.email,
                  createTime: memberInfo?.registerTime,
                }}
-              id="basicInfo"
              />
+            </AnchorPage.Item>
          </Col>
          
          {/* 渠道信息 */}
@@ -184,6 +185,7 @@ const MemberMaintainEliminate: React.FC<{}> = () => {
            || memberInfo?.memberTypeEnum === MEMBER_TYPE_CHANNEL_INDIVIDUAL
              ? (
                <Col span={24}>
+                  <AnchorPage.Item itemKey="channelInfo">
                    <MemberChannelInfo
                      dataSource={{
                        level: memberInfo?.channelLevelTag,
@@ -191,8 +193,8 @@ const MemberMaintainEliminate: React.FC<{}> = () => {
                        areas: memberInfo?.areas,
                        desc: memberInfo?.remark,
                      }}
-                    id="channelInfo"
                    />
+                  </AnchorPage.Item>
                </Col>
              )
              : null
@@ -203,6 +205,7 @@ const MemberMaintainEliminate: React.FC<{}> = () => {
            memberInfo && memberInfo.groups
              ? memberInfo.groups.map((item, index) => (
                <Col span={24} key={`group${index}`}>
+                  <AnchorPage.Item itemKey={`group${index}`}>
                    <CustomizeColumn
                      title={item.groupName}
                      data={(
@@ -219,8 +222,8 @@ const MemberMaintainEliminate: React.FC<{}> = () => {
                          ),
                        }))
                      )}
-                    id={`group${index}`}
                    />
+                  </AnchorPage.Item>
                </Col>
              ))
              : null
@@ -228,6 +231,7 @@ const MemberMaintainEliminate: React.FC<{}> = () => {

          {/* 流转记录 */}
          <Col span={24}>
+            <AnchorPage.Item itemKey="flowRecords">
              <FlowRecords
                outerColumns={MEMBER_OUTER_COLUMNS}
                innerColumns={MEMBER_INNER_COLUMNS}
@@ -235,8 +239,8 @@ const MemberMaintainEliminate: React.FC<{}> = () => {
                innerRowkey="id"
                outerDataSource={memberInfo?.outerHistory}
                innerDataSource={memberInfo?.innerHistory}
-              id="flowRecords"
              />
+            </AnchorPage.Item>
          </Col>
        </Row>
      </AnchorPage>

--- a/src/pages/member/memberMaintain/freeze/index.tsx
+++ b/src/pages/member/memberMaintain/freeze/index.tsx
@@ -154,6 +154,7 @@ const MemberFrozen: React.FC<{}> = () => {
        <Row gutter={[16, 16]}>
          {/* 基本信息 */}
          <Col span={24}>
+            <AnchorPage.Item itemKey="basicInfo">
              <MemberBasicInfo
                dataSource={{
                  memberId: memberInfo?.memberId,
@@ -168,8 +169,8 @@ const MemberFrozen: React.FC<{}> = () => {
                  email: memberInfo?.email,
                  createTime: memberInfo?.registerTime,
                }}
-              id="basicInfo"
              />
+            </AnchorPage.Item>
          </Col>

          {/* 渠道信息 */}
@@ -178,6 +179,7 @@ const MemberFrozen: React.FC<{}> = () => {
              || memberInfo?.memberTypeEnum === MEMBER_TYPE_CHANNEL_INDIVIDUAL
              ? (
                <Col span={24}>
+                  <AnchorPage.Item itemKey="channelInfo">
                    <MemberChannelInfo
                      dataSource={{
                        level: memberInfo?.channelLevelTag,
@@ -185,8 +187,8 @@ const MemberFrozen: React.FC<{}> = () => {
                        areas: memberInfo?.areas,
                        desc: memberInfo?.remark,
                      }}
-                    id="channelInfo"
                    />
+                  </AnchorPage.Item>
                </Col>
              )
              : null
@@ -197,6 +199,7 @@ const MemberFrozen: React.FC<{}> = () => {
            memberInfo && memberInfo.groups
              ? memberInfo.groups.map((item, index) => (
                <Col span={24} key={`group${index}`}>
+                  <AnchorPage.Item itemKey={`group${index}`}>
                    <CustomizeColumn
                      title={item.groupName}
                      data={(
@@ -213,8 +216,8 @@ const MemberFrozen: React.FC<{}> = () => {
                          ),
                        }))
                      )}
-                    id={`group${index}`}
                    />
+                  </AnchorPage.Item>
                </Col>
              ))
              : null
@@ -222,6 +225,7 @@ const MemberFrozen: React.FC<{}> = () => {

          {/* 流转记录 */}
          <Col span={24}>
+            <AnchorPage.Item itemKey="flowRecords">
              <FlowRecords
                outerColumns={MEMBER_OUTER_COLUMNS}
                innerColumns={MEMBER_INNER_COLUMNS}
@@ -229,8 +233,8 @@ const MemberFrozen: React.FC<{}> = () => {
                innerRowkey="id"
                outerDataSource={memberInfo?.outerHistory}
                innerDataSource={memberInfo?.innerHistory}
-              id="flowRecords"
              />
+            </AnchorPage.Item>
          </Col>
        </Row>


--- a/src/pages/member/memberMaintain/unfreeze/index.tsx
+++ b/src/pages/member/memberMaintain/unfreeze/index.tsx
@@ -154,6 +154,7 @@ const MemberMaintainUnfreeze: React.FC<{}> = () => {
        <Row gutter={[16, 16]}>
          {/* 基本信息 */}
          <Col span={24}>
+            <AnchorPage.Item itemKey="basicInfo">
              <MemberBasicInfo
                dataSource={{
                  memberId: memberInfo?.memberId,
@@ -168,8 +169,8 @@ const MemberMaintainUnfreeze: React.FC<{}> = () => {
                  email: memberInfo?.email,
                  createTime: memberInfo?.registerTime,
                }}
-              id="basicInfo"
              />
+            </AnchorPage.Item>
          </Col>
          
          {/* 渠道信息 */}
@@ -178,6 +179,7 @@ const MemberMaintainUnfreeze: React.FC<{}> = () => {
            || memberInfo?.memberTypeEnum === MEMBER_TYPE_CHANNEL_INDIVIDUAL
              ? (
                <Col span={24}>
+                  <AnchorPage.Item itemKey="channelInfo">
                    <MemberChannelInfo
                      dataSource={{
                        level: memberInfo?.channelLevelTag,
@@ -185,8 +187,8 @@ const MemberMaintainUnfreeze: React.FC<{}> = () => {
                        areas: memberInfo?.areas,
                        desc: memberInfo?.remark,
                      }}
-                    id="channelInfo"
                    />
+                  </AnchorPage.Item>
                </Col>
              )
              : null
@@ -197,6 +199,7 @@ const MemberMaintainUnfreeze: React.FC<{}> = () => {
            memberInfo && memberInfo.groups
              ? memberInfo.groups.map((item, index) => (
                <Col span={24} key={`group${index}`}>
+                  <AnchorPage.Item itemKey={`group${index}`}>
                    <CustomizeColumn
                      title={item.groupName}
                      data={(
@@ -213,8 +216,8 @@ const MemberMaintainUnfreeze: React.FC<{}> = () => {
                          ),
                        }))
                      )}
-                    id={`group${index}`}
                    />
+                  </AnchorPage.Item>
                </Col>
              ))
              : null
@@ -222,6 +225,7 @@ const MemberMaintainUnfreeze: React.FC<{}> = () => {

          {/* 流转记录 */}
          <Col span={24}>
+            <AnchorPage.Item itemKey="flowRecords">
              <FlowRecords
                outerColumns={MEMBER_OUTER_COLUMNS}
                innerColumns={MEMBER_INNER_COLUMNS}
@@ -231,6 +235,7 @@ const MemberMaintainUnfreeze: React.FC<{}> = () => {
                innerDataSource={memberInfo?.innerHistory}
                id="flowRecords"
              />
+            </AnchorPage.Item>
          </Col>
        </Row>


--- a/src/pages/member/memberQuery/detailed/archiveInfo.tsx
+++ b/src/pages/member/memberQuery/detailed/archiveInfo.tsx
@@ -11,6 +11,7 @@ import { Row, Col, Spin } from 'antd';
 import { usePageStatus } from '@/hooks/usePageStatus';
 import { getMemberAbilityInfoDetailAppraisalPage, getMemberAbilityInfoDetailArchives, GetMemberAbilityInfoDetailArchivesResponse, getMemberAbilityInfoDetailRectifyPage, getMemberAbilityMaintenanceDetailInspectPage } from '@/services/MemberV2Api';
 import { EditableColumns } from '@/components/PolymericTable/interface';
+import AnchorPage from '@/components/AnchorPage';
 import MemberDocIncomingInfo from '../../components/MemberDocIncomingInfo';
 import MemberDocQualification from '../../components/MemberDocQualification';
 import MemberDocTableList, { ParamsType, ReponseType } from '../../components/MemberDocTableList';
@@ -255,38 +256,42 @@ const MemberArchiveInfo = () => {
      <Row gutter={[16, 16]}>
        {/* 入库信息 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="depositDetails">
            <MemberDocIncomingInfo
              dataSource={archiveInfo?.depositDetails}
-            id="depositDetails"
            />
+          </AnchorPage.Item>
        </Col>
        
        {/* 资质证明 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="qualitiesInfo">
            <MemberDocQualification
              dataSource={archiveInfo?.qualities}
-            id="qualitiesInfo"
            />
+          </AnchorPage.Item>
        </Col>

        {/* 考评信息 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="appraisalInfo">
            <MemberDocTableList<AppraisalListItemType>
              title={intl.formatMessage({ id: 'member.memberQuery.detailed.archiveInfo.AppraisalColumns' })}
              columns={AppraisalColumns}
              fetchList={getAppraisalList}
-            id="appraisalInfo"
            />
+          </AnchorPage.Item>
        </Col>

        {/* 整改信息 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="rectifyInfo">
            <MemberDocTableList<RectifyListItemType>
              title={intl.formatMessage({ id: 'member.memberQuery.detailed.archiveInfo.RectifyColumns' })}
              columns={RectifyColumns}
              fetchList={getRectifyList}
-            id="rectifyInfo"
            />
+          </AnchorPage.Item>
        </Col>
      </Row>
    </Spin>

--- a/src/pages/member/memberQuery/detailed/basicInfo.tsx
+++ b/src/pages/member/memberQuery/detailed/basicInfo.tsx
@@ -16,6 +16,7 @@ import {
  MEMBER_TYPE_CHANNEL_CORPORATE,
  MEMBER_TYPE_CHANNEL_INDIVIDUAL,
 } from '@/constants/member';
+import AnchorPage from '@/components/AnchorPage';
 import AuditProcess from '@/components/AuditProcess';
 import CustomizeColumn from '@/components/CustomizeColumn';
 import FlowRecords from '@/components/FlowRecords';
@@ -39,17 +40,19 @@ const MemberBasicInfo: React.FC<MemberBasicInfoProps> = ({
    <Row gutter={[16, 16]}>
      {/* 会员审核流程 */}
      <Col span={24}>
+        <AnchorPage.Item itemKey="verifySteps">
          <AuditProcess
            outerVerifySteps={memberInfo?.outerVerifySteps}
            outerVerifyCurrent={memberInfo?.currentOuterStep}
            innerVerifySteps={memberInfo?.innerVerifySteps}
            innerVerifyCurrent={memberInfo?.currentInnerStep}
-          id="verifySteps"
          />
+        </AnchorPage.Item>
      </Col>
      
      {/* 基本信息 */}
      <Col span={24}>
+        <AnchorPage.Item itemKey="basicInfo">
          <BasicInfo
            dataSource={{
              memberId: memberInfo?.memberId,
@@ -64,8 +67,8 @@ const MemberBasicInfo: React.FC<MemberBasicInfoProps> = ({
              email: memberInfo?.email,
              createTime: memberInfo?.registerTime,
            }}
-          id="basicInfo"
          />
+        </AnchorPage.Item>
      </Col>
      
      {/* 渠道信息 */}
@@ -75,6 +78,7 @@ const MemberBasicInfo: React.FC<MemberBasicInfoProps> = ({
        || memberInfo?.memberTypeEnum === MEMBER_TYPE_CHANNEL_INDIVIDUAL
          ? (
            <Col span={24}>
+              <AnchorPage.Item itemKey="channelInfo">
                <MemberChannelInfo
                  dataSource={{
                    level: memberInfo?.channelLevelTag,
@@ -82,8 +86,8 @@ const MemberBasicInfo: React.FC<MemberBasicInfoProps> = ({
                    areas: memberInfo?.areas,
                    desc: memberInfo?.remark,
                  }}
-                id="channelInfo"
                />
+              </AnchorPage.Item>
            </Col>
          )
          : null
@@ -94,6 +98,7 @@ const MemberBasicInfo: React.FC<MemberBasicInfoProps> = ({
        memberInfo && memberInfo.groups
          ? memberInfo.groups.map((item, index) => (
            <Col span={24} key={`group${index}`}>
+              <AnchorPage.Item itemKey={`group${index}`}>
                <CustomizeColumn
                  title={item.groupName}
                  data={(
@@ -112,6 +117,7 @@ const MemberBasicInfo: React.FC<MemberBasicInfoProps> = ({
                  )}
                  id={`group${index}`}
                />
+              </AnchorPage.Item>
            </Col>
          ))
          : null
@@ -119,6 +125,7 @@ const MemberBasicInfo: React.FC<MemberBasicInfoProps> = ({

      {/* 流转记录 */}
      <Col span={24}>
+        <AnchorPage.Item itemKey="flowRecords">
          <FlowRecords
            outerColumns={MEMBER_OUTER_COLUMNS}
            innerColumns={MEMBER_INNER_COLUMNS}
@@ -126,8 +133,8 @@ const MemberBasicInfo: React.FC<MemberBasicInfoProps> = ({
            innerRowkey="id"
            outerDataSource={memberInfo?.outerHistory}
            innerDataSource={memberInfo?.innerHistory}
-          id="flowRecords"
          />
+        </AnchorPage.Item>
      </Col>
    </Row>
  );

--- a/src/pages/member/memberQuery/detailed/equityInfo.tsx
+++ b/src/pages/member/memberQuery/detailed/equityInfo.tsx
@@ -9,6 +9,7 @@ import React, { useEffect, useState } from 'react';
 import { Spin, Row, Col } from 'antd';
 import { usePageStatus } from '@/hooks/usePageStatus';
 import { getMemberAbilityInfoDetailRightBasic, getMemberAbilityInfoDetailRightHistoryPage, getMemberAbilityInfoDetailRightSpendHistoryPage, GetMemberAbilityMaintenanceDetailRightBasicResponse } from '@/services/MemberV2Api';
+import AnchorPage from '@/components/AnchorPage';
 import MemberRightsAnalysis from '../../components/MemberRightsAnalysis';
 import MemberRights from '../../components/MemberRights';
 import MemberRightsRecords, { ReceivedData, UsageData } from '../../components/MemberRightsRecords';
@@ -71,31 +72,34 @@ const MemberRightsInfo: React.FC<{}> = () => {
      <Row gutter={[16, 16]}>
        {/* 基本信息 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="basicInfo">
            <MemberRightsAnalysis
              data={{
                sumReturnMoney: equityInfo?.sumReturnMoney, 
                sumUsedPoint: equityInfo?.sumUsedPoint, 
                sumPoint: equityInfo?.sumPoint, 
              }}
-            id="basicInfo"
            />
+          </AnchorPage.Item>
        </Col>
        
        {/* 会员权益 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="memberEquity">
            <MemberRights
              data={equityInfo?.rights}
-            id="memberEquity"
            />
+          </AnchorPage.Item>
        </Col>
        
        {/* 会员权益 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="equityRecords">
            <MemberRightsRecords
              fetchReceivedList={getReceivedList}
              fetchUsageList={getUsageList}
-            id="equityRecords"
            />
+          </AnchorPage.Item>
        </Col>
      </Row>
    </Spin>

--- a/src/pages/member/memberQuery/detailed/levelInfo.tsx
+++ b/src/pages/member/memberQuery/detailed/levelInfo.tsx
@@ -9,6 +9,7 @@ import React, { useState, useEffect } from 'react';
 import { Spin, Row, Col } from 'antd';
 import { usePageStatus } from '@/hooks/usePageStatus';
 import { getMemberAbilityInfoDetailLevelBasic, getMemberAbilityInfoDetailLevelHistoryPage, GetMemberAbilityMaintenanceDetailLevelBasicResponse } from '@/services/MemberV2Api';
+import AnchorPage from '@/components/AnchorPage';
 import LevelInfo from '../../components/MemberLevelInfo';
 import MemberActivePointRecords, { ListItem } from '../../components/MemberActivePointRecords';

@@ -60,6 +61,7 @@ const MemberLevelInfo: React.FC<{}> = () => {
      <Row gutter={[16, 16]}>
        {/* 会员等级信息 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="memberLevel">
            <LevelInfo
              levelInfo={{
                level: levelInfo?.levelTag, 
@@ -68,16 +70,17 @@ const MemberLevelInfo: React.FC<{}> = () => {
                nextScore: levelInfo?.nextScore, 
              }}
              chartData={levelInfo?.points}
-            id="memberLevel"
            />
+          </AnchorPage.Item>
        </Col>
        
        {/* 会员等级信息 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="activePoints">
            <MemberActivePointRecords
              fetchList={getActivePointRecords}
-            id="activePoints"
            />
+          </AnchorPage.Item>
        </Col>
      </Row>
    </Spin>

--- a/src/pages/member/memberQuery/detailed/sincerityInfo.tsx
+++ b/src/pages/member/memberQuery/detailed/sincerityInfo.tsx
@@ -10,6 +10,7 @@ import { useIntl } from 'umi';
 import { Row, Col } from 'antd';
 import { usePageStatus } from '@/hooks/usePageStatus';
 import { getMemberAbilityInfoDetailCreditAftersaleHistoryPage, getMemberAbilityInfoDetailCreditAftersaleSummary, getMemberAbilityInfoDetailCreditBasic, getMemberAbilityInfoDetailCreditComplainHistoryPage, getMemberAbilityInfoDetailCreditComplainSummary, getMemberAbilityInfoDetailCreditTradeHistoryPage, getMemberAbilityInfoDetailCreditTradeSummary } from '@/services/MemberV2Api';
+import AnchorPage from '@/components/AnchorPage';
 import MemberSincerityAnalysis from '../../components/MemberSincerityAnalysis';
 import MemberEvaluation, { EstimateSumItems, ListItem } from '../../components/MemberEvaluation';
 import MemberFeedbackRecords, { ListItem as FeedbackItem, AnalysisData } from '../../components/MemberFeedbackRecords';
@@ -198,43 +199,47 @@ const MemberSincerityInfo: React.FC<{}> = () => {
      <Row gutter={[16, 16]}>
        {/* 基本信息 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="basicInfo">
            <MemberSincerityAnalysis
              creditData={basicInfo?.pieData}
              integralItems={basicInfo?.items}
              loading={basicInfoLoading}
-            id="basicInfo"
            />
+          </AnchorPage.Item>
        </Col>
        
        {/* 交易评价 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="orderEvaluation">
            <MemberEvaluation
              title={intl.formatMessage({ id: 'member.management.maintain.detail.orderEvaluation' })}
              analysis={orderEstimateSum}
              loading={orderEstimateSumLoading}
              fetchEvaluationList={getOrderEvaluationList}
-            id="orderEvaluation"
            />
+          </AnchorPage.Item>
        </Col>
        
        {/* 售后评价 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="afterServiceEvaluation">
            <MemberEvaluation
              title={intl.formatMessage({ id: 'member.management.maintain.detail.afterServiceEvaluation' })}
              analysis={afterServiceEstimateSum}
              loading={afterServiceEstimateSumLoading}
              fetchEvaluationList={getAfterServiceEvaluationList}
-            id="afterServiceEvaluation"
            />
+          </AnchorPage.Item>
        </Col>
        
        {/* 反馈记录 */}
        <Col span={24}>
+          <AnchorPage.Item itemKey="feedbackRecords">
            <MemberFeedbackRecords
              analysis={feedbackSum}
              fetchList={getFeedbackList}
-            id="feedbackRecords"
            />
+          </AnchorPage.Item>
        </Col>
      </Row>
    </>