fix: 招投标/请购/e账户等锚点样式更改

src/components/FormDetailHeader/index.less

@@ -33,14 +33,17 @@
 .detailHeader {
   background: #fff;
   padding: 16px 18px 0;
+  position: fixed;
+  width: 100%;
+  z-index: 999;
   :global {
     .ant-row {
       .ant-col-2 {
         .ant-btn {
-          // position: absolute;
+          position: fixed;
           // top: 0;
-          // right: 0;
-          margin-bottom: 8px;
+          right: 16px;
+          // margin-bottom: 8px;
         }
       }
     }

src/components/FormDetailHeader/index.tsx

@@ -102,7 +102,12 @@ const FormDetailHeader: React.FC<FormDetailHeaderProps> = ({
               <Row>
                 <Col>
                   <div className={style.anchorTitle} id="anchorTitle">
-                    <Anchor onClick={(e) => e.preventDefault()} showInkInFixed={false} targetOffset={200}>
+                    <Anchor
+                      onClick={(e) => e.preventDefault()}
+                      showInkInFixed={false}
+                      targetOffset={200}
+                      getContainer={() => document.querySelector('main.ant-pro-basicLayout-content') as HTMLElement}
+                    >
                       {
                         schema['properties'] && Object.values(schema['properties']).map((item: itemProps, index) => {
                           const { countAmountMap } = ctx.formContext

src/pages/payandSettle/eAccountApprove/components/header/index.less

@@ -21,13 +21,16 @@
   background: #fff;
   padding-left: 24px;
   line-height: 48px;
+  position: fixed;
+  width: 100%;
+  z-index: 999;
   :global {
     .ant-row {
       .ant-col-2 {
         .ant-btn {
-          position: absolute;
-          top: 0;
-          right: 0;
+          position: fixed;
+          // top: 0;
+          right: 16px;
         }
       }
     }

src/pages/payandSettle/eAccountApprove/components/header/index.tsx

@@ -99,7 +99,12 @@ const EDetailHeader: React.FC<EDetailHeaderProps> = ({
             <Row>
               <Col>
                 <div className={style.anchorTitle} id="anchorTitle">
-                  <Anchor onClick={(e) => e.preventDefault()} showInkInFixed={false} targetOffset={200}>
+                  <Anchor
+                    onClick={(e) => e.preventDefault()}
+                    showInkInFixed={false}
+                    targetOffset={200}
+                    getContainer={() => document.querySelector('main.ant-pro-basicLayout-content') as HTMLElement}
+                  >
                     {
                       anchorList.map((item, index) => (
                         <Link key={index} href={`#${item['id']}`} title={item['title']} />

src/pages/procurement/components/bidDetailHeader/index.less

@@ -20,13 +20,16 @@
 .detailHeader {
   background: #fff;
   padding: 24px 24px 0;
+  position: fixed;
+  width: 100%;
+  z-index: 999;
   :global {
     .ant-row {
       .ant-col-2 {
         .ant-btn {
           position: absolute;
-          top: 0;
-          right: 0;
+          // top: 0;
+          right: 16px;
         }
       }
     }

src/pages/procurement/components/bidDetailHeader/index.tsx

@@ -87,7 +87,12 @@ const BidDetailHeader: React.FC<BidDetailHeaderProps> = ({
                   <Row>
                     <Col>
                       <div className={style.anchorTitle} id="anchorTitle">
-                        <Anchor onClick={(e) => e.preventDefault()} showInkInFixed={false} targetOffset={200}>
+                        <Anchor
+                          onClick={(e) => e.preventDefault()}
+                          showInkInFixed={false}
+                          targetOffset={200}
+                          getContainer={() => document.querySelector('main.ant-pro-basicLayout-content') as HTMLElement}
+                        >
                           {
                             anchorList.map((item, index) => (
                               <Link key={index} href={`#${item['id']}`} title={item['title']} />

src/pages/transaction/purchaseRequisition/components/billDetailHeader/index.less

@@ -20,13 +20,16 @@
 .detailHeader {
   background: #fff;
   padding: 24px 24px 0;
+  position: fixed;
+  width: 100%;
+  z-index: 999;
   :global {
     .ant-row {
       .ant-col-2 {
         .ant-btn {
-          position: absolute;
-          top: 0;
-          right: 0;
+          position: fixed;
+          // top: 0;
+          right: 16px;
         }
       }
     }

src/pages/transaction/purchaseRequisition/components/billDetailHeader/index.tsx

@@ -86,7 +86,12 @@ const BillDetailHeader: React.FC<BillDetailHeaderProps> = ({
                   <Row>
                     <Col>
                       <div className={style.anchorTitle} id="anchorTitle">
-                        <Anchor onClick={(e) => e.preventDefault()} showInkInFixed={false} targetOffset={200}>
+                        <Anchor
+                          onClick={(e) => e.preventDefault()}
+                          showInkInFixed={false}
+                          targetOffset={200}
+                          getContainer={() => document.querySelector('main.ant-pro-basicLayout-content') as HTMLElement}
+                        >
                           {
                             anchorList.map((item, index) => (
                               <Link key={index} href={`#${item['id']}`} title={item['title']} />

src/pages/transaction/purchaseRequisition/components/billDetailSection/index.less

 .anchorContentWrap {
+  margin-top: 100px;
   div {
     &:target {
       padding-top: 200px;