🦄refactor: 重构报价-报价详情

config/routes/index.ts

@@ -58,11 +58,11 @@ const memberCenterRoute = {
     // ShopRoute,
     // CommodityRoute,
     // srm开发临时使用...
-    // ProcurementRoute,
+    ProcurementRoute,
     // // 合同能力
     // contracRoute,
     //...
-    ...asyncRoutes,
+    // ...asyncRoutes,
     {
       path: '/memberCenter/noAuth',
       auth: false,

src/pages/transaction/purchaseAbility/components/detail/components/bidInfoLayout/index.tsx

@@ -7,6 +7,7 @@ import style from './index.less';
 import { CaretDownOutlined, CaretRightOutlined } from '@ant-design/icons';
 
 export interface BidInfoProps {
+  fetch?: () => Promise<unknown>,
   effect?: any,
 }
 
@@ -23,7 +24,7 @@ const chNum: { [key: number]: string } = {
 }
 
 const BidInfoLayout: React.FC<BidInfoProps> = (props: any) => {
-  const { effect } = props
+  const { effect, fetch } = props
   const context = useContext(Context);
   const [dataSource, setDataSource] = useState<any>([]);
   const [turn, setTurn] = useState<Array<number>>([]);
@@ -95,7 +96,7 @@ const BidInfoLayout: React.FC<BidInfoProps> = (props: any) => {
 
   /** 物料信息 */
   const fetchDataSource = (params: any) => {
-    PublicApi.getPurchaseConfirmQuotedPriceMaterielDetailed({ ...params }).then(res => {
+    fetch({ ...params }).then((res: any) => {
       if (res.code !== 1000) {
         return
       }

src/pages/transaction/purchaseAbility/confirmOffer/quote/index.tsx

@@ -105,7 +105,10 @@ const QuoteDetails = () => {
          components={
            <Fragment>
              <BasicLayout effect={basicEffect} />
-             <BidInfoLayout effect={{turn: dataSource.count, id }} />
+             <BidInfoLayout
+              fetch={PublicApi.getPurchaseConfirmQuotedPriceMaterielDetailed}
+              effect={{turn: dataSource.count, id }}
+            />
              <OtherLayout effect={otherEffect} />
            </Fragment>
          }

src/pages/transaction/purchaseAbility/offter/demand/index.less

-.anchorWrap {
-  :global {
-    .ant-anchor {
-      display: flex;
-      .ant-anchor-ink {
-        display: none;
-      }
-      .ant-anchor-link {
-        padding: 14px 0 !important;
-        margin: 0 16px;
-        .ant-anchor-link-title {
-          font-size: 14px;
-          color: #909399;
-        }
-      }
-      .ant-anchor-link-active {
-        position: relative;
-        border-bottom: 2px solid #00B37A;
-        box-sizing: border-box;
-        .ant-anchor-link-title {
-          font-weight: 500;
-          color: #303133;
-        }
-      }
-    }
-  }
-  .titleBox {
-    padding: 8px 16px;
-  }
-  .anchorBox {
-    display: flex;
-    padding: 0 16px;
-  }
-}
-/** 卡片样式 */
-.card {
-  margin: 24px;
-  :global {
-    .ant-card {
-      margin-bottom: 24px;
-      .ant-card-head {
-        > .ant-card-head-wrapper {
-          padding: 12px 0;
-        }
-      }
-      .ant-card-extra {
-        padding: 0 0;
-        .ant-radio-button-wrapper {
-          height: 24px;
-          line-height: 23px;
-        }
-        .ant-radio-button-wrapper:hover {
-          color: #606266;
-        }
-        .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
-          color: #fff;
-          background: #6B778C;
-          border-color: #6B778C;
-        }
-      }
-    }
-    .god-table-control {
-      margin-bottom: 0;
-    }
-  }
-  .list {
-    display: flex;
-    h5 {
-      margin-bottom: 2em;
-    }
-    .listLable {
-      flex: 0 0 25%;
-      color: #909399;
-    }
-  }
-}

src/pages/transaction/purchaseAbility/offter/detail/index.less

-.anchorWrap {
-  :global {
-    .ant-anchor {
-      display: flex;
-      .ant-anchor-ink {
-        display: none;
-      }
-      .ant-anchor-link {
-        padding: 14px 0 !important;
-        margin: 0 16px;
-        .ant-anchor-link-title {
-          font-size: 14px;
-          color: #909399;
-        }
-      }
-      .ant-anchor-link-active {
-        position: relative;
-        border-bottom: 2px solid #00B37A;
-        box-sizing: border-box;
-        .ant-anchor-link-title {
-          font-weight: 500;
-          color: #303133;
-        }
-      }
-    }
-  }
-  .titleBox {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 8px 16px;
-  }
-  .anchorBox {
-    display: flex;
-    padding: 0 16px;
-  }
-}
-/** 卡片样式 */
-.card {
-  margin: 24px;
-  :global {
-    .ant-card {
-      margin-bottom: 24px;
-      .ant-card-head {
-        > .ant-card-head-wrapper {
-          padding: 12px 0;
-        }
-      }
-      .ant-card-extra {
-        padding: 0 0;
-        .ant-radio-button-wrapper {
-          height: 24px;
-          line-height: 23px;
-        }
-        .ant-radio-button-wrapper:hover {
-          color: #606266;
-        }
-        .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
-          color: #fff;
-          background: #6B778C;
-          border-color: #6B778C;
-        }
-      }
-    }
-    .god-table-control {
-      margin-bottom: 0;
-    }
-  }
-  .list {
-    display: flex;
-    h5 {
-      margin-bottom: 2em;
-    }
-    .listLable {
-      flex: 0 0 25%;
-      color: #909399;
-    }
-  }
-}
-.tableStyle {
-  :global {
-    .ant-table-thead {
-      tr {
-        th {
-          padding: 10px;
-          .ant-space-item {
-            margin-bottom: 0;
-          }
-        }
-      }
-    }
-    .ant-table-expanded-row td {
-      padding: 0;
-    }
-  }
-}
-.childrenWrap {
-  background-color: #fff;
-  .childrenTitle {
-    height: 100%;
-    background: linear-gradient(to left, #FFFFFF, #DAF2E7);
-    color: #00B37A;
-    p {
-      padding-left: 16px;
-      margin: 0;
-      font-size: 12px;
-      height: 14px;
-      line-height: 14px;
-    }
-    padding: 12px 0;
-  }
-  .childrenContent {
-    margin-top: 8px;
-    p {
-      margin: 0;
-      span {
-        height: 12px;
-        font-size: 12px;
-        font-weight: 400;
-        color: #909399;
-        line-height: 12px;
-        padding-right: 10px;
-      }
-    }
-  }
-}

src/pages/transaction/purchaseAbility/purchaseInquiry/detail/index.less

-.anchorWrap {
-  :global {
-    .ant-anchor {
-      display: flex;
-      .ant-anchor-ink {
-        display: none;
-      }
-      .ant-anchor-link {
-        padding: 14px 0 !important;
-        margin: 0 16px;
-        .ant-anchor-link-title {
-          font-size: 14px;
-          color: #909399;
-        }
-      }
-      .ant-anchor-link-active {
-        position: relative;
-        border-bottom: 2px solid #00B37A;
-        box-sizing: border-box;
-        .ant-anchor-link-title {
-          font-weight: 500;
-          color: #303133;
-        }
-      }
-    }
-  }
-  .titleBox {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 8px 16px;
-  }
-  .anchorBox {
-    display: flex;
-    padding: 0 16px;
-  }
-}
-/** 卡片样式 */
-.card {
-  margin: 24px;
-  :global {
-    .ant-card {
-      margin-bottom: 24px;
-      .ant-card-head {
-        > .ant-card-head-wrapper {
-          padding: 12px 0;
-        }
-      }
-      .ant-card-extra {
-        padding: 0 0;
-        .ant-radio-button-wrapper {
-          height: 24px;
-          line-height: 23px;
-        }
-        .ant-radio-button-wrapper:hover {
-          color: #606266;
-        }
-        .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
-          color: #fff;
-          background: #6B778C;
-          border-color: #6B778C;
-        }
-      }
-    }
-    .god-table-control {
-      margin-bottom: 0;
-    }
-  }
-  .list {
-    display: flex;
-    h5 {
-      margin-bottom: 2em;
-    }
-    .listLable {
-      flex: 0 0 25%;
-      color: #909399;
-    }
-  }
-}