feat: 采购询价详情布局

config/proxy.ts

@@ -4,4 +4,4 @@ export default {
     'changeOrigin': true,
     'pathRewrite': { '^/api': '' },
   }
-}
\ No newline at end of file
+}

config/routes/index.ts

@@ -125,6 +125,14 @@ const memberCenterRoute = {
               path: '/memberCenter/procurementAbility/purchaseInquiry/submitInquiry',
               name: '待提交采购需求单',
               component: '@/pages/transaction/purchaseAbility/purchaseInquiry/submitInquiry'
+            },
+            {
+              // 详情
+              path: '/memberCenter/procurementAbility/purchaseInquiry/detail',
+              name: '详情',
+              component: '@/pages/transaction/purchaseAbility/components/detail',
+              hideInMenu: true,
+              noMargin: true,
             }
           ]
         },

src/pages/transaction/purchaseAbility/components/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-active {
+          font-weight: 500;
+          color: #303133;
+        }
+      }
+    }
+  }
+  .titleBox {
+    padding: 8px 16px;
+  }
+  .anchorBox {
+    display: flex;
+    padding: 0 16px;
+  }
+}

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

+import React, { useEffect, useState } from 'react';
+import { Anchor, Card } from 'antd';
+import style from './index.less';
+import { ArrowLeftOutlined } from '@ant-design/icons';
+
+const { Link } = Anchor;
+
+const Detail = (props: any) => {
+  const { children } = props;
+  const [tabPane] = useState([
+    {id: 'progress', title: '流转进度'},
+    {id: 'process', title: '基本流程'},
+    {id: 'materials', title: '采购材料'},
+    {id: 'conditions', title: '交易条件'},
+    {id: 'docking', title: '需求对接'},
+    {id: 'record', title: '流转记录'},
+  ])
+  const [targetOffset, setTargetOffset] = useState<number | undefined>(undefined);
+  const newChildren = React.Children.map(children, (child: any) => {
+    return child
+  })
+  useEffect(() => {
+    setTargetOffset(window.innerHeight / 2);
+  }, []);
+  const handleAnchorClick = (e,link) => {
+    e.preventDefault()
+  }
+  return (
+    <div className={style.anchorWrap}>
+      <Anchor
+        targetOffset={targetOffset}
+        onClick={handleAnchorClick}
+      >
+        <div style={{ flex: 1 }}>
+          <div className={style.titleBox}>
+            <div
+              style={{
+                display: 'flex',
+                alignItems: 'center',
+              }}
+            >
+              <ArrowLeftOutlined
+                style={{
+                  fontSize: '14px',
+                  color: '#909399',
+                }}
+              />
+              <span
+                style={{
+                  fontSize: '16px',
+                  color: '#303133',
+                  fontWeight: 500,
+                  marginLeft: '8px',
+                }}
+              >
+                进口头层黄牛皮荔枝纹  | SPTY12
+              </span>
+            </div>
+
+          </div>
+          <div className={style.anchorBox}>
+            { tabPane.map((item, idx) => (
+              <Link key={`link${idx+1}`} href={`#${item.id}`} title={item.title} />
+            ))}
+
+          </div>
+        </div>
+      </Anchor>
+      <div
+        style={{
+          margin: '24px',
+        }}>
+          {newChildren}
+      </div>
+    </div>
+  )
+}
+export default Detail;

src/pages/transaction/purchaseAbility/purchaseInquiry/addInquiry/index.tsx

@@ -3,17 +3,20 @@ import Table from '../../components/table'
 import { history } from 'umi';
 import { ColumnType } from 'antd/lib/table/interface';
 import EyePreview from '@/components/EyePreview';
-import { format } from 'util';
+import moment from 'moment'
 import { PublicApi } from '@/services/api';
 import { Row, Col, Space, Button, Dropdown, Menu } from 'antd';
 import { DeleteOutlined, DownOutlined, PlusOutlined } from '@ant-design/icons';
 
 const AddInquiry = () => {
   console.log('待新增采购需求单');
+  const format = (text) => {
+    return <>{moment(text).format("YYYY-MM-DD HH:mm:ss")}</>
+  }
   const columns: ColumnType<any>[] = [{
     title: '需求单号',
-    key: 'requisitionFormNo',
-    dataIndex: 'requisitionFormNo',
+    key: 'purchaseInquiryNo',
+    dataIndex: 'purchaseInquiryNo',
     render: (text: any, record: any) => <EyePreview
       url={`/memberCenter/tranactionAbility/goodsOffer/enquiryOrder/preview?id=${record.id}`}>{text}</EyePreview>
   }, {
@@ -24,6 +27,7 @@ const AddInquiry = () => {
     title: '交付日期',
     key: 'deliveryTime',
     dataIndex: 'deliveryTime',
+    render: (text: any, record: any) => format(text)
   }, {
     title: '报价截止时间',
     key: 'quotationAsTime',
@@ -38,7 +42,6 @@ const AddInquiry = () => {
     title: '外部状态',
     key: 'externalState',
     dataIndex: 'externalState',
-    render: (text: any, record: any) => format(text)
   }, {
     title: '内部状态',
     key: 'interiorState',
@@ -53,7 +56,7 @@ const AddInquiry = () => {
       schemaType="PurchaseDemandPublic"
       columns={columns}
       effects="requisitionFormNo"
-      fetch={PublicApi.getOrderRequisitionFormAwaitList}
+      fetch={PublicApi.getPurchasePurchaseInquiryAddList}
       controllerBtns={
         <Row>
           <Col span={24}>

src/pages/transaction/purchaseAbility/purchaseInquiry/auditInquiryOne/index.tsx

@@ -2,16 +2,19 @@ import React from 'react';
 import Table from '../../components/table'
 import { ColumnType } from 'antd/lib/table/interface';
 import EyePreview from '@/components/EyePreview';
-import { format } from 'util';
+import moment from 'moment';
 import { PublicApi } from '@/services/api';
 import { Row, Col, Button } from 'antd';
 
 const auditInquiryOne = () => {
   console.log('待新增采购需求单');
+  const format = (text) => {
+    return <>{moment(text).format("YYYY-MM-DD HH:mm:ss")}</>
+  }
   const columns: ColumnType<any>[] = [{
     title: '需求单号',
-    key: 'requisitionFormNo',
-    dataIndex: 'requisitionFormNo',
+    key: 'purchaseInquiryNo',
+    dataIndex: 'purchaseInquiryNo',
     render: (text: any, record: any) => <EyePreview
       url={`/memberCenter/tranactionAbility/goodsOffer/enquiryOrder/preview?id=${record.id}`}>{text}</EyePreview>
   }, {
@@ -22,6 +25,7 @@ const auditInquiryOne = () => {
     title: '交付日期',
     key: 'deliveryTime',
     dataIndex: 'deliveryTime',
+    render: (text: any, record: any) => format(text)
   }, {
     title: '报价截止时间',
     key: 'quotationAsTime',
@@ -36,7 +40,6 @@ const auditInquiryOne = () => {
     title: '外部状态',
     key: 'externalState',
     dataIndex: 'externalState',
-    render: (text: any, record: any) => format(text)
   }, {
     title: '内部状态',
     key: 'interiorState',
@@ -51,7 +54,7 @@ const auditInquiryOne = () => {
       schemaType="PurchaseDemandPublic"
       columns={columns}
       effects="requisitionFormNo"
-      fetch={PublicApi.getOrderRequisitionFormAuditList}
+      fetch={PublicApi.getPurchasePurchaseInquiryStayExamineList1}
       controllerBtns={
         <Row>
           <Col span={6}>

src/pages/transaction/purchaseAbility/purchaseInquiry/auditInquiryTwo/index.tsx

@@ -2,16 +2,19 @@ import React from 'react';
 import Table from '../../components/table'
 import { ColumnType } from 'antd/lib/table/interface';
 import EyePreview from '@/components/EyePreview';
-import { format } from 'util';
+import moment from 'moment';
 import { PublicApi } from '@/services/api';
 import { Row, Col, Button } from 'antd';
 
 const auditInquiryTwo = () => {
   console.log('待新增采购需求单');
+  const format = (text) => {
+    return <>{moment(text).format("YYYY-MM-DD HH:mm:ss")}</>
+  }
   const columns: ColumnType<any>[] = [{
     title: '需求单号',
-    key: 'requisitionFormNo',
-    dataIndex: 'requisitionFormNo',
+    key: 'purchaseInquiryNo',
+    dataIndex: 'purchaseInquiryNo',
     render: (text: any, record: any) => <EyePreview
         url={`/memberCenter/tranactionAbility/goodsOffer/enquiryOrder/preview?id=${record.id}`}>{text}</EyePreview>
   }, {
@@ -22,6 +25,7 @@ const auditInquiryTwo = () => {
     title: '交付日期',
     key: 'deliveryTime',
     dataIndex: 'deliveryTime',
+    render: (text: any, record: any) => format(text)
   }, {
     title: '报价截止时间',
     key: 'quotationAsTime',
@@ -36,7 +40,6 @@ const auditInquiryTwo = () => {
     title: '外部状态',
     key: 'externalState',
     dataIndex: 'externalState',
-    render: (text: any, record: any) => format(text)
   }, {
     title: '内部状态',
     key: 'interiorState',
@@ -51,7 +54,7 @@ const auditInquiryTwo = () => {
       schemaType="PurchaseDemandPublic"
       columns={columns}
       effects="requisitionFormNo"
-      fetch={PublicApi.getOrderRequisitionFormAuditTwoList}
+      fetch={PublicApi.getPurchasePurchaseInquiryStayExamineList2}
       controllerBtns={
         <Row>
           <Col span={6}>

src/pages/transaction/purchaseAbility/purchaseInquiry/inquiry/index.tsx

@@ -2,15 +2,18 @@ import React from 'react';
 import Table from '../../components/table'
 import { ColumnType } from 'antd/lib/table/interface';
 import EyePreview from '@/components/EyePreview';
-import { format } from 'util';
+import moment from 'moment';
 import { PublicApi } from '@/services/api';
 
 const Inquiry = () => {
   console.log('采购需求单查询');
+  const format = (text) => {
+    return <>{moment(text).format("YYYY-MM-DD HH:mm:ss")}</>
+  }
   const columns: ColumnType<any>[] = [{
     title: '需求单号',
-    key: 'requisitionFormNo',
-    dataIndex: 'requisitionFormNo',
+    key: 'purchaseInquiryNo',
+    dataIndex: 'purchaseInquiryNo',
     render: (text: any, record: any) => <EyePreview
         url={`/memberCenter/tranactionAbility/goodsOffer/enquiryOrder/preview?id=${record.id}`}>{text}</EyePreview>
   }, {
@@ -21,6 +24,7 @@ const Inquiry = () => {
     title: '交付日期',
     key: 'deliveryTime',
     dataIndex: 'deliveryTime',
+    render: (text: any, record: any) => format(text)
   }, {
     title: '报价截止时间',
     key: 'quotationAsTime',
@@ -35,7 +39,6 @@ const Inquiry = () => {
     title: '外部状态',
     key: 'externalState',
     dataIndex: 'externalState',
-    render: (text: any, record: any) => format(text)
   }, {
     title: '内部状态',
     key: 'interiorState',
@@ -46,7 +49,7 @@ const Inquiry = () => {
       schemaType="PurchaseDemand"
       columns={columns}
       effects="requisitionFormNo"
-      fetch={PublicApi.getOrderRequisitionFormList}
+      fetch={PublicApi.getPurchasePurchaseInquiryList}
     />
   )
 }

src/pages/transaction/purchaseAbility/purchaseInquiry/submitInquiry/index.tsx

@@ -2,16 +2,19 @@ import React from 'react';
 import Table from '../../components/table'
 import { ColumnType } from 'antd/lib/table/interface';
 import EyePreview from '@/components/EyePreview';
-import { format } from 'util';
+import moment from 'moment';
 import { PublicApi } from '@/services/api';
 import { Row, Col, Button } from 'antd';
 
 const submitInquiry = () => {
   console.log('待新增采购需求单');
+  const format = (text) => {
+    return <>{moment(text).format("YYYY-MM-DD HH:mm:ss")}</>
+  }
   const columns: ColumnType<any>[] = [{
     title: '需求单号',
-    key: 'requisitionFormNo',
-    dataIndex: 'requisitionFormNo',
+    key: 'purchaseInquiryNo',
+    dataIndex: 'purchaseInquiryNo',
     render: (text: any, record: any) => <EyePreview
         url={`/memberCenter/tranactionAbility/goodsOffer/enquiryOrder/preview?id=${record.id}`}>{text}</EyePreview>
   }, {
@@ -22,6 +25,7 @@ const submitInquiry = () => {
     title: '交付日期',
     key: 'deliveryTime',
     dataIndex: 'deliveryTime',
+    render: (text: any, record: any) => format(text)
   }, {
     title: '报价截止时间',
     key: 'quotationAsTime',
@@ -36,7 +40,6 @@ const submitInquiry = () => {
     title: '外部状态',
     key: 'externalState',
     dataIndex: 'externalState',
-    render: (text: any, record: any) => format(text)
   }, {
     title: '内部状态',
     key: 'interiorState',
@@ -51,7 +54,7 @@ const submitInquiry = () => {
       schemaType="PurchaseDemandPublic"
       columns={columns}
       effects="requisitionFormNo"
-      fetch={PublicApi.getOrderRequisitionFormSubmitList}
+      fetch={PublicApi.getPurchasePurchaseInquiryStayCommitList}
       controllerBtns={
         <Row>
           <Col span={6}>

src/services/api.ts

-import * as LogisticsApi from './LogisticsApi'
-import * as PassApi from './PassApi'
-import * as WarehouseApi from './WarehouseApi'
-import * as MemberApi from './memberApi'
-import * as ProductApi from './ProductApi'
-import * as TemplateApi from './TemplateApi'
-import * as PayApi from './PayApi'
-import * as SearchApi from './SearchApi'
-import * as OrderApi from './OrderApi'
-import * as SettleApi from './SettleApi'
-import * as AfterService from './AfterServiceApi'
-import * as EnhanceApi from './EnhanceApi';
-import * as ReportApi from './ReportApi';
-
-/**
- * 可在这里写入自定义的接口
- */
-export const CustomApi = {
-
-}
-
-// 公共的接口，从yapi拉下
-export const PublicApi = {
-  ...LogisticsApi,
-  ...PassApi,
-  ...WarehouseApi,
-  ...MemberApi,
-  ...ProductApi,
-  ...TemplateApi,
-  ...PayApi,
-  ...SearchApi,
-  ...OrderApi,
-  ...SettleApi,
-  ...AfterService,
-  ...EnhanceApi,
-  ...ReportApi
-}
+import * as LogisticsApi from './LogisticsApi'
+import * as PassApi from './PassApi'
+import * as WarehouseApi from './WarehouseApi'
+import * as MemberApi from './memberApi'
+import * as ProductApi from './ProductApi'
+import * as TemplateApi from './TemplateApi'
+import * as PayApi from './PayApi'
+import * as SearchApi from './SearchApi'
+import * as OrderApi from './OrderApi'
+import * as SettleApi from './SettleApi'
+import * as AfterService from './AfterServiceApi'
+import * as EnhanceApi from './EnhanceApi';
+import * as ReportApi from './ReportApi';
+import * as PurchaseApi from './PurchaseApi';
+
+/**
+ * 可在这里写入自定义的接口
+ */
+export const CustomApi = {
+
+}
+
+// 公共的接口，从yapi拉下
+export const PublicApi = {
+  ...LogisticsApi,
+  ...PassApi,
+  ...WarehouseApi,
+  ...MemberApi,
+  ...ProductApi,
+  ...TemplateApi,
+  ...PayApi,
+  ...SearchApi,
+  ...OrderApi,
+  ...SettleApi,
+  ...AfterService,
+  ...EnhanceApi,
+  ...ReportApi,
+  ...PurchaseApi,
+}

ytt.config.ts

@@ -12,6 +12,7 @@ const tokenList = [
   { name: 'AfterService', token: '39db719680bf1b3db21bc1deda933cde16d17559e9676bf848ec96c1320e68df', categoryIds: [0], }, // '售后服务'
   { name: 'Enhance', token: '594a7e7ff17f6f40fb9fb726c1da9a3f282a926a8d386eb6cbfd668a3f75f251', categoryIds: [0], }, // 加工服务
   { name: 'Report', token: '69ee5a79363c763ded1a2eb42952a5181ffcdfc5ffb93b6e1e22ac92a25b38bf', categoryIds: [0], }, // 报表服务
+  { name: 'Purchase', token: 'a09e2b66e00079df9881fc660eb17db0265e33362c13f03f2003ba81d26f49d8', categoryIds: [0], }, // 采购服务
 ]
 
 const getConfigMap = (tokens) => tokens.map(v => ({