chore: 替换 锚点项 组件

src/pages/marketingManage/platformCoupon/components/ApplicableBrands/index.tsx

@@ -6,10 +6,10 @@
  * @Description: 适用品牌列表
  */
 import React from 'react';
-import MellowCard, { MellowCardProps } from '@/components/MellowCard';
+import MellowCard from '@/components/MellowCard';
 import ApplicableList, { ApplicableListProps } from '../ApplicableList';
 
-export interface IProps extends Pick<ApplicableListProps, 'options' | 'value'>, MellowCardProps {}
+export interface IProps extends Pick<ApplicableListProps, 'options' | 'value'> {}
 
 const ApplicableCategories: React.FC<IProps> = (props) => {
   const {

src/pages/marketingManage/platformCoupon/components/ApplicableCategories/index.tsx

@@ -6,10 +6,10 @@
  * @Description: 适用品类列表
  */
 import React from 'react';
-import MellowCard, { MellowCardProps } from '@/components/MellowCard';
+import MellowCard from '@/components/MellowCard';
 import ApplicableList, { ApplicableListProps } from '../ApplicableList';
 
-export interface IProps extends Pick<ApplicableListProps, 'options' | 'value'>, MellowCardProps {}
+export interface IProps extends Pick<ApplicableListProps, 'options' | 'value'> {}
 
 const ApplicableCategories: React.FC<IProps> = (props) => {
   const {

src/pages/marketingManage/platformCoupon/components/ApplicableGoods/index.tsx

@@ -6,7 +6,7 @@
  * @Description: 适用商品
  */
 import React from 'react';
-import MellowCard, { MellowCardProps }  from '@/components/MellowCard';
+import MellowCard from '@/components/MellowCard';
 import PolymericTable from '@/components/PolymericTable';
 import { EditableColumns } from '@/components/PolymericTable/interface';
 import { normalizeUnitPrice } from '../../utils'; 
@@ -49,7 +49,7 @@ export type ListItemDataType = {
   },
 }
 
-interface IProps extends MellowCardProps {
+interface IProps {
   /**
    * 数据
    */

src/pages/marketingManage/platformCoupon/components/ApplicableMember/index.tsx

@@ -10,7 +10,7 @@ import {
   SchemaForm,
   SchemaMarkupField as Field,
 } from '@formily/antd';
-import MellowCard, { MellowCardProps }  from '@/components/MellowCard';
+import MellowCard from '@/components/MellowCard';
 import TofuCheckGroup from '../FormilyFieldItem/TofuCheckGroup';
 import MemberCheckboxGroup from '../FormilyFieldItem/MemberCheckboxGroup';
 import { OptionItemType as MemberOptionItemType } from '../MemberCheckboxGroup';
@@ -28,7 +28,7 @@ export type SuitableMemberType = {
   name: string,
 }
 
-interface IProps extends MellowCardProps {
+interface IProps {
   /**
    * 适用会员信息
    */

src/pages/marketingManage/platformCoupon/components/ApplicableShopList/index.tsx

@@ -6,10 +6,10 @@
  * @Description: 适用商城列表
  */
 import React from 'react';
-import MellowCard, { MellowCardProps } from '@/components/MellowCard';
+import MellowCard from '@/components/MellowCard';
 import ApplicableList, { ApplicableListProps } from '../ApplicableList';
 
-export interface IProps extends Pick<ApplicableListProps, 'options' | 'value'>, MellowCardProps {}
+export interface IProps extends Pick<ApplicableListProps, 'options' | 'value'> {}
 
 const ApplicableShopList: React.FC<IProps> = (props) => {
   const {

src/pages/marketingManage/platformCoupon/components/CouponDetail/index.tsx

@@ -208,7 +208,7 @@ const MerchantCouponDetail: React.FC<IProps> = (props) => {
       key: 'innerFlowRecords',
       name: '单据流转记录',
     },
-  ].filter(Boolean);
+  ].filter(Boolean) as any;
 
   const categories = useMemo(() => {
     return normalizeCategoryList(dataSource?.suitableCategoryList!);
@@ -232,6 +232,7 @@ const MerchantCouponDetail: React.FC<IProps> = (props) => {
         <Row gutter={[16, 16]}>
           {/* 流转记录 */}
           <Col span={24}>
+            <AnchorPage.Item itemKey="verifySteps">
               <AuditProcess
                 innerVerifySteps={dataSource?.taskSteps.map((item) => ({
                   step: item.step,
@@ -240,12 +241,13 @@ const MerchantCouponDetail: React.FC<IProps> = (props) => {
                   status: item.isExecute ? 'finish' : 'wait',
                 }))}
                 innerVerifyCurrent={findLastIndexFlowState(dataSource?.taskSteps)}
-              id="verifySteps"
               />
+            </AnchorPage.Item>
           </Col>
           
           {/* 基本信息 */}
           <Col span={24}>
+            <AnchorPage.Item itemKey="basicInfo">
               <BacisInfo
                 dataSource={{
                   id: dataSource?.id,
@@ -258,12 +260,13 @@ const MerchantCouponDetail: React.FC<IProps> = (props) => {
                   statusName: dataSource?.statusName,
                   quantity: dataSource?.quantity,
                 }}
-              id="basicInfo"
               />
+            </AnchorPage.Item>
           </Col>
           
           {/* 优惠券规则 */}
           <Col span={24}>
+            <AnchorPage.Item itemKey="couponRules">
               <CouponRules
                 dataSource={{
                   getWay: dataSource?.getWay,
@@ -276,16 +279,17 @@ const MerchantCouponDetail: React.FC<IProps> = (props) => {
                   conditionGetDay: dataSource?.conditionGetDay as number,
                   conditionGetTotal: dataSource?.conditionGetTotal as number,
                 }}
-              id="couponRules"
               />
+            </AnchorPage.Item>
           </Col>
 
           {/* 适用商城 */}
           <Col span={24}>
+            <AnchorPage.Item itemKey="applicableShopList">
               <ApplicableShopList
                 options={shopList}
-              id="applicableShopList"
               />
+            </AnchorPage.Item>
           </Col>
           
           {/* 适用商品 */}
@@ -295,10 +299,11 @@ const MerchantCouponDetail: React.FC<IProps> = (props) => {
               || dataSource?.type === MERCHANT_COUPON_TYPE_VOUCHER
                 ? (
                   <Col span={24}>
+                    <AnchorPage.Item itemKey="applicableGoods">
                       <ApplicableGoods
                         dataSource={dataSource?.suitableCommoditySkuList!}
-                      id="applicableGoods"
                       />
+                    </AnchorPage.Item>
                   </Col>
                 )
                 : null
@@ -311,10 +316,11 @@ const MerchantCouponDetail: React.FC<IProps> = (props) => {
               dataSource?.type === MERCHANT_COUPON_TYPE_CATEGORY
                 ? (
                   <Col span={24}>
+                    <AnchorPage.Item itemKey="applicableCategories">
                       <ApplicableCategories
                         options={categories}
-                      id="applicableCategories"
                       />
+                    </AnchorPage.Item>
                   </Col>
                 )
                 : null
@@ -327,10 +333,11 @@ const MerchantCouponDetail: React.FC<IProps> = (props) => {
               dataSource?.type === MERCHANT_COUPON_TYPE_BRAND
                 ? (
                   <Col span={24}>
+                    <AnchorPage.Item itemKey="applicableBrands">
                       <ApplicableBrands
                         options={brandList}
-                      id="applicableBrands"
                       />
+                    </AnchorPage.Item>
                   </Col>
                 )
                 : null
@@ -339,22 +346,24 @@ const MerchantCouponDetail: React.FC<IProps> = (props) => {
 
           {/* 适用用户 */}
           <Col span={24}>
+            <AnchorPage.Item itemKey="applicableMember">
               <ApplicableMember
                 applicableMember={{
                   suitableMemberTypes: dataSource?.suitableMemberTypes,
                   memberTypes: dataSource?.memberTypes,
                   applicationMemberLevel: dataSource?.suitableMemberLevelTypes!.map(({ roleTypeName, memberLevelTypeName, ...rest }) => ({ roleName: roleTypeName, levelTypeName: memberLevelTypeName, ...rest })),
                 }}
-              id="applicableMember"
               />
+            </AnchorPage.Item>
           </Col>
 
           {/* 流转记录 */}
           <Col span={24}>
+            <AnchorPage.Item itemKey="innerFlowRecords">
               <InnerFlowRecords
                 dataSource={dataSource?.history.map((item, index) => ({ ...item, id: index }))}
-              id="innerFlowRecords"
               />
+            </AnchorPage.Item>
           </Col>
         </Row>
       </AnchorPage>

src/pages/marketingManage/platformCoupon/components/DeliverCoupon/index.tsx

@@ -21,7 +21,7 @@ import { useStateFilterSearchLinkageEffect } from '@/formSchema/effects/useFilte
 import { useAsyncInitSelect } from '@/formSchema/effects/useAsyncInitSelect';
 import { FORM_FILTER_PATH } from '@/formSchema/const';
 import { useRowSelectionTable } from '@/hooks/useRowSelectionTable';
-import MellowCard, { MellowCardProps } from '@/components/MellowCard';
+import MellowCard from '@/components/MellowCard';
 import PolymericTable, { FetchParamsType } from '@/components/PolymericTable';
 import { querySchema, drawerSchema } from './schema';
 import { postMemberManagePlatformMarketingSuitablePage, postMemberManagePlatformMarketingSuitablePageItems } from '@/services/MemberV2Api';
@@ -84,7 +84,7 @@ type MemberListItemType = {
   roleId: number,
 }
 
-interface IProps extends Omit<MellowCardProps, 'onChange'> {
+interface IProps {
   /**
    * 适用会员等级类型
    */

src/pages/marketingManage/platformCoupon/components/InnerFlowRecords/index.tsx

@@ -5,7 +5,7 @@
  * @LastEditTime: 2021-09-26 14:54:19
  * @Description: 内部流转记录
  */
-import React, { HTMLAttributes } from 'react';
+import React from 'react';
 import { Badge } from 'antd';
 import moment from 'moment';
 import FlowRecords from '@/components/FlowRecords';
@@ -50,7 +50,7 @@ export type FlowItem = {
   remark: string
 }
 
-export interface IProps extends HTMLAttributes<HTMLDivElement> {
+export interface IProps {
   /**
    * 数据源
    */

src/pages/marketingManage/platformCoupon/components/RunningInfo/index.tsx

@@ -14,7 +14,7 @@ import { useStateFilterSearchLinkageEffect } from '@/formSchema/effects/useFilte
 import { useAsyncInitSelect } from '@/formSchema/effects/useAsyncInitSelect';
 import { FORM_FILTER_PATH } from '@/formSchema/const';
 import NiceForm from '@/components/NiceForm';
-import MellowCard, { MellowCardProps }  from '@/components/MellowCard';
+import MellowCard from '@/components/MellowCard';
 import { querySchema } from './schema';
 import moment from 'moment';
 import {
@@ -113,7 +113,7 @@ export type FetchExtraParams = {
   shopId: number,
 }
 
-interface IProps extends MellowCardProps {
+interface IProps {
   /**
    * 优惠券id
    */

src/pages/marketingManage/platformCoupon/platformCouponAnalysis/deliver/index.tsx

@@ -114,6 +114,7 @@ const PlatformCouponAnalysisDeliver: React.FC<{}> = () => {
         <Row gutter={[16, 16]}>
           {/* 基本信息 */}
           <Col span={24}>
+            <AnchorPage.Item itemKey="basicInfo">
               <BacisInfo
                 dataSource={{
                   id: couponInfo?.id as number,
@@ -126,12 +127,13 @@ const PlatformCouponAnalysisDeliver: React.FC<{}> = () => {
                   statusName: couponInfo?.statusName as string,
                   quantity: couponInfo?.quantity as number,
                 }}
-              id="basicInfo"
               />
+            </AnchorPage.Item>
           </Col>
 
           {/* 优惠券规则 */}
           <Col span={24}>
+            <AnchorPage.Item itemKey="couponRules">
               <CouponRules
                 dataSource={{
                   getWay: couponInfo?.getWay as number,
@@ -144,18 +146,19 @@ const PlatformCouponAnalysisDeliver: React.FC<{}> = () => {
                   conditionGetDay: couponInfo?.conditionGetDay as number,
                   conditionGetTotal: couponInfo?.conditionGetTotal as number,
                 }}
-              id="couponRules"
               />
+            </AnchorPage.Item>
           </Col>
 
           {/* 发券明细 */}
           <Col span={24}>
+            <AnchorPage.Item itemKey="deliverCoupon">
               <DeliverCoupon
                 memberList={couponInfo?.memberList as []}
                 suitableMemberLevelTypes={couponInfo?.suitableMemberLevelTypes as []}
                 onChange={handleDeliverChange}
-              id="deliverCoupon"
               />
+            </AnchorPage.Item>
           </Col>
         </Row>
       </AnchorPage>

src/pages/marketingManage/platformCoupon/platformCouponAnalysis/detail/index.tsx

@@ -73,6 +73,7 @@ const PlatformCouponAnalysisDetail: React.FC<{}> = () => {
         <Row gutter={[16, 16]}>
           {/* 流转记录 */}
           <Col span={24}>
+            <AnchorPage.Item itemKey="verifySteps">
               <AuditProcess
                 innerVerifySteps={couponInfo?.taskSteps.map((item) => ({
                   step: item.step,
@@ -81,12 +82,13 @@ const PlatformCouponAnalysisDetail: React.FC<{}> = () => {
                   status: item.isExecute ? 'finish' : 'wait',
                 }))}
                 innerVerifyCurrent={findLastIndexFlowState(couponInfo?.taskSteps as [])}
-              id="verifySteps"
               />
+            </AnchorPage.Item>
           </Col>
 
           {/* 基本信息 */}
           <Col span={24}>
+            <AnchorPage.Item itemKey="basicInfo">
               <BacisInfo
                 dataSource={{
                   id: couponInfo?.id as number,
@@ -99,12 +101,13 @@ const PlatformCouponAnalysisDetail: React.FC<{}> = () => {
                   statusName: couponInfo?.statusName as string,
                   quantity: couponInfo?.quantity as number,
                 }}
-              id="basicInfo"
               />
+            </AnchorPage.Item>
           </Col>
 
           {/* 优惠券规则 */}
           <Col span={24}>
+            <AnchorPage.Item itemKey="couponRules">
               <CouponRules
                 dataSource={{
                   getWay: couponInfo?.getWay as number,
@@ -117,16 +120,17 @@ const PlatformCouponAnalysisDetail: React.FC<{}> = () => {
                   conditionGetDay: couponInfo?.conditionGetDay as number,
                   conditionGetTotal: couponInfo?.conditionGetTotal as number,
                 }}
-              id="couponRules"
               />
+            </AnchorPage.Item>
           </Col>
 
           {/* 优惠券规则 */}
           <Col span={24}>
+            <AnchorPage.Item itemKey="runningInfo">
               <RunningInfo
                 couponId={+id}
-              id="runningInfo"
               />
+            </AnchorPage.Item>
           </Col>
         </Row>
       </AnchorPage>

src/pages/marketingManage/platformCoupon/platformCouponUnsubmitted/components/CouponForm/index.tsx

@@ -240,7 +240,7 @@ const CouponForm: React.FC<IProps> = (props) => {
       key: 'applicableMember',
       name: '适用用户',
     },
-  ].filter(Boolean);
+  ].filter(Boolean) as any;
 
   // 删除商品项
   const handleRemoveItem = (index: number) => {