feat: 添加待发中标评标模板页面

config/routes/procurementRoute/callForBids.ts

@@ -206,6 +206,20 @@ export const callForBidsRoute =  [
         hideInMenu: true,
         noMargin: true,
       },
+      // 评标模板
+      {
+        path: '/memberCenter/procurementAbility/callForBids/remarkBidTemplate',
+        name: '评标模板',
+        component: '@/pages/procurement/callForBids/remarkBidTemplate',
+      },
+       // 评标模板-新建
+       {
+        path: '/memberCenter/procurementAbility/callForBids/remarkBidTemplate/add',
+        name: '评标模板',
+        component: '@/pages/procurement/callForBids/addRemarkBidTemplate',
+        hideInMenu: true,
+        noMargin: true,
+      },
     ]
   },
 ]

src/pages/procurement/callForBids/addRemarkBidTemplate/index.less

+

src/pages/procurement/callForBids/addRemarkBidTemplate/index.tsx

+import React, { useRef, useState, useEffect, useContext } from 'react'
+import { history } from 'umi'
+import { PageHeaderWrapper } from '@ant-design/pro-layout'
+import ReutrnEle from '@/components/ReturnEle'
+import { usePageStatus, PageStatus } from '@/hooks/usePageStatus'
+import { Button, Card } from 'antd'
+import { createFormActions } from '@formily/antd'
+import { PlusOutlined, SaveOutlined } from '@ant-design/icons'
+import NiceForm from '@/components/NiceForm'
+import styles from './index.less'
+import { formSchema } from './schema'
+import { Input, ArrayTable } from '@formily/antd-components'
+
+export interface AddRemarkBidTemplateProps {}
+
+const addSchemaAction = createFormActions()
+
+// 新增评标模板. 包含新增和编辑
+const AddNewBid:React.FC<AddRemarkBidTemplateProps> = (props) => {
+
+  const [formLoading, setFormLoading] = useState(false)
+  const [btnLoading, setBtnLoading] = useState(false)
+  const [initFormValue, setInitFormValue] = useState<any>({})
+
+
+  const handleSubmit = async (value) => {
+    console.log(value)
+  }
+
+  const addd = (<span>添加评标内容</span>)
+
+  return (
+    <PageHeaderWrapper
+      style={{margin: 0}}
+      onBack={() => history.goBack()}
+      backIcon={<ReutrnEle description="返回"/>}
+      title="新建评标模板"
+      extra={[
+        <Button key="1" onClick={() => addSchemaAction.submit()} loading={btnLoading} type="primary" icon={<SaveOutlined />}>
+          保存
+        </Button>,
+      ]}
+    >
+      <Card>
+        <NiceForm
+          loading={formLoading}
+          previewPlaceholder=' '
+          // editable={pageStatus !== PageStatus.PREVIEW}
+          value={initFormValue}
+          actions={addSchemaAction}
+          schema={formSchema}
+          onSubmit={handleSubmit}
+          components={{
+            ArrayTable
+          }}
+          effects={($, ctx) => {
+            $('onFormMount').subscribe(() => {
+
+            })
+          }}
+          expressionScope={{
+            addd
+          }}
+          className={styles.formContainer}
+        />
+      </Card>
+
+    </PageHeaderWrapper>
+  )
+}
+
+AddNewBid.defaultProps = {}
+
+export default AddNewBid

src/pages/procurement/callForBids/addRemarkBidTemplate/schema/index.ts

+import React from 'react'
+import { ISchema } from '@formily/antd';
+import { FORM_FILTER_PATH } from '@/formSchema/const';
+
+
+export const formSchema: ISchema = {
+  type: 'object',
+  properties: {
+    STRATEGY_TABS: {
+      type: 'object',
+      "x-component": "tab",
+      "x-component-props": {
+        type: 'card',
+      },
+      properties: {
+        "tab-1": {
+          "type": "object",
+          "x-component": "tabpane",
+          "x-component-props": {
+            "tab": "基本信息",
+          },
+          "properties": {
+            MEGA_LAYOUT1: {
+              type: 'object',
+              "x-component": 'mega-layout',
+              "x-component-props": {
+                labelCol: 4,
+                wrapperCol: 8,
+                labelAlign: 'left'
+              },
+              properties: {
+                name: {
+                  type: 'string',
+                  title: '模板名称',
+                  "x-component-props": {
+                    placeholder: '最长60个字符，30字汉字'
+                  },
+                  "x-rules": [
+                    {
+                      required: true,
+                      message: '请填写模板名称'
+                    },
+                    {
+                      limitByte: true,
+                      maxByte: 60
+                    },
+                  ]
+                },
+                productName: {
+                  type: 'string',
+                  title: '版本号',
+                  "x-component-props": {
+                    placeholder: '最长12个字符'
+                  },
+                  "x-rules": [
+                    {
+                      required: true,
+                      message: '请填写版本号'
+                    },
+                    {
+                      limitByte: true,
+                      maxByte: 12
+                    },
+                  ]
+                },
+                templateDesc: {
+                  type: 'textarea',
+                  title: '模板说明',
+                  "x-component-props": {
+                    placeholder: '最长60个字符，30字汉字'
+                  },
+                  "x-rules": [
+                    {
+                      limitByte: true,
+                      maxByte: 60
+                    },
+                  ]
+                },
+              }
+            }
+          }
+        },
+        "tab-2": {
+          "type": "object",
+          "x-component": "tabpane",
+          "x-component-props": {
+            "tab": "内容信息"
+          },
+          "properties": {
+            MEGA_LAYOUT2: {
+              type: 'object',
+              "x-component": 'mega-layout',
+              "x-component-props": {
+                labelCol: 4,
+                labelAlign: 'left'
+              },
+              properties: {
+                contentLists: {
+                  title: "",
+                  type: "array",
+                  "x-component": "ArrayTable",
+                  "x-component-props": {
+                    draggable: false,
+                    renderAddition: () => React.createElement('p', { style: { color: "#00B37A", width: '100%', textAlign: "center" }}, ' + 添加评标内容'),
+                    renderMoveUp: () => null,
+                    renderMoveDown: () => null,
+                    // renderRemove: () => React.createElement('button', { type: "button", class: "ant-btn ant-btn-link"}, '删除'),
+                  },
+                  items: {
+                    type: 'object',
+                    properties: {
+                      classify: {
+                        title: "评标分类",
+                        type: 'string',
+                        'x-component-props': {
+
+                        },
+                      },
+                      item: {
+                        title: "评分项",
+                        type: 'string',
+                        'x-component-props': {
+
+                        },
+                      },
+                      condition: {
+                        title: "评分标准",
+                        type: 'string',
+                        'x-component-props': {
+
+                        },
+                      },
+                      score: {
+                        title: "标准分",
+                        type: 'string',
+                        'x-component-props': {
+
+                        },
+                      },
+                    }
+                  },
+                }
+              }
+            }
+          }
+        },
+      }
+    }
+  }
+}

src/pages/procurement/callForBids/readySendBidNotice/detail/index.tsx

@@ -22,6 +22,7 @@ const ReadySendBidNoticeDetail: React.FC = () => {
   const anchorTitleList = [
     { title: '流转进度', id: 'transferProcess', componentName: 'TransferProcess' },
     { title: '基本信息', id: 'baseicInfo', type: 'basicInfo' },
+    { title: '会员中标信息', id: 'memberWinInfo', componentName: 'MemberWinInfo' },
     { title: '流转记录', id: 'transferRecord', componentName: "BidTransformRecord" },
   ]
 

src/pages/procurement/callForBids/readySendBidNotice/model/useSelfTable.tsx

@@ -82,7 +82,7 @@ export const useSelfTable = () => {
       render: (text, record) => <>
       {
         record.interiorState === PurchaseOrderInsideWorkState.ONE_LEVEL_AUDIT_ORDER &&
-        <Button type='link' onClick={() => handleSubmit(record)}>审核</Button>
+        <Button type='link' onClick={() => handleSubmit(record)}>发送中标公示</Button>
       }
       </>
     }

src/pages/procurement/callForBids/remarkBidTemplate/index.tsx

+import React, { useRef } from 'react'
+import { history } from 'umi'
+import { Card, Button, Space } from 'antd'
+import { StandardTable } from 'god'
+import { PageHeaderWrapper } from '@ant-design/pro-layout'
+import { PublicApi } from '@/services/api'
+import { useSelfTable } from './model/useSelfTable'
+import { PlusCircleOutlined } from '@ant-design/icons'
+import { tableListSchema } from './schema'
+import { useStateFilterSearchLinkageEffect } from '@/formSchema/effects/useFilterSearch'
+import { FORM_FILTER_PATH } from '@/formSchema/const'
+import Submit from '@/components/NiceForm/components/Submit'
+import DateRangePickerUnix from '@/components/NiceForm/components/DateRangePickerUnix'
+
+// 评标模板 招标
+
+export interface RemarkBidTemplateProps {}
+
+const fetchTableData = async (params) => {
+  const { data } = await PublicApi.getOrderProcurementReviewedListOne(params)
+  return data
+}
+
+const RemarkBidTemplate:React.FC<RemarkBidTemplateProps> = (props) => {
+  const {
+    columns,
+    ref,
+  } = useSelfTable()
+
+
+  return <PageHeaderWrapper>
+    <Card>
+      <StandardTable
+        fetchTableData={params => fetchTableData(params)}
+        columns={columns}
+        currentRef={ref}
+        rowKey={'id'}
+        formilyLayouts={{
+          justify: 'space-between'
+        }}
+        formilyProps={{
+          ctx: {
+            inline: false,
+            schema: tableListSchema,
+            effects: ($, actions) => {
+              useStateFilterSearchLinkageEffect(
+                $,
+                actions,
+                'orderNo',
+                FORM_FILTER_PATH,
+              );
+            },
+            components: {
+              DateRangePickerUnix,
+              Submit
+            }
+          },
+          layouts: {
+            order: 2,
+            span: 24
+          }
+        }}
+        formilyChilds={{
+          children: <Space>
+            <Button
+              icon={<PlusCircleOutlined/>}
+              type='primary'
+              onClick={() => history.push('/memberCenter/procurementAbility/callForBids/remarkBidTemplate/add')}
+            >
+              新建
+            </Button>
+          </Space>,
+          layouts: {
+            span: 8
+          }
+        }}
+      />
+    </Card>
+  </PageHeaderWrapper>
+}
+
+RemarkBidTemplate.defaultProps = {}
+
+export default RemarkBidTemplate

src/pages/procurement/callForBids/remarkBidTemplate/model/useSelfTable.tsx

+import React, { useRef } from 'react'
+import { Button } from 'antd'
+import StatusSwitch from '@/components/StatusSwitch'
+
+// 评标模板 招标
+export const useSelfTable = () => {
+  const ref = useRef<any>({})
+
+  const baseBidListColumns: any[] = [
+    {
+      title: '序号',
+      align: 'center',
+      dataIndex: 'id',
+      key: 'id',
+      render: (t, r, i) => ++i
+    },
+    {
+      title: '模板名称',
+      align: 'center',
+      dataIndex: 'orderNo',
+      key: 'orderNo',
+    },
+    {
+      title: '版本号',
+      align: 'center',
+      dataIndex: 'type',
+      key: 'type',
+    },
+    {
+      title: '模板说明',
+      align: 'center',
+      dataIndex: 'supplyMembersName',
+      key: 'supplyMembersName',
+    },
+    {
+      title: '状态',
+      align: 'center',
+      dataIndex: 'externalState',
+      key: 'externalState',
+      render: (text: any, record: any) => (
+        <StatusSwitch
+          handleConfirm={() => handleUpdateState(record)}
+          record={record}
+          fieldNames="isEnable"
+          expectTrueValue={true}
+        />
+      ),
+    },
+  ]
+
+  const handleUpdateState = (record) => {
+    console.log(record, 'update')
+  }
+
+
+  const secondColumns: any[] = baseBidListColumns.concat([
+    {
+      title: '操作',
+      align: 'center',
+      dataIndex: 'ctl',
+      key: 'ctl',
+      render: (text, record) => <>
+        <Button type='link'>编辑</Button>
+        <Button type='link'>删除</Button>
+      </>
+    }
+  ])
+
+  return {
+    columns: secondColumns,
+    ref,
+  }
+}

src/pages/procurement/callForBids/remarkBidTemplate/schema/index.ts

+import { ISchema } from '@formily/antd';
+import { FORM_FILTER_PATH } from '@/formSchema/const';
+import { OrderTypeMap, PurchaseOrderInsideWorkStateTexts, PurchaseOrderOutWorkStateTexts } from '@/constants';
+
+/**
+ * 除了订单必填字段, 默认
+ */
+export const tableListSchema: ISchema = {
+  type: 'object',
+  properties: {
+    orderNo: {
+      type: 'string',
+      "x-component": 'SearchFilter',
+      'x-component-props': {
+        placeholder: '请输入订单编号',
+        align: 'flex-end',
+      },
+    },
+    [FORM_FILTER_PATH]: {
+      type: 'object',
+      'x-component': 'flex-layout',
+      'x-component-props': {
+        inline: true,
+        colStyle: {
+          marginLeft: 20
+        }
+      },
+      properties: {
+        orderThe: {
+          type: 'string',
+          'x-component-props': {
+            placeholder: '请输入订单摘要',
+          }
+        },
+        "supplyMembersName": {
+          type: 'string',
+          "x-component-props": {
+            placeholder: '请输入供应会员名称'
+          }
+        },
+        "type": {
+          type: 'string',
+          "x-component-props": {
+            placeholder: '请选择订单类型'
+          },
+          enum: Object.keys(OrderTypeMap).map(item => ({
+            label: OrderTypeMap[item],
+            value: item,
+          }))
+        },
+        "[startCreateTime,endCreateTime]": {
+          type: 'array',
+          "x-component": 'DateRangePickerUnix',
+          'x-component-props': {
+            placeholder: ['开始时间','结束时间'],
+          },
+        },
+        submit: {
+          'x-component': 'Submit',
+          'x-component-props': {
+            children: '查询',
+          },
+        },
+      },
+    },
+  }
+}

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

@@ -75,7 +75,7 @@
 
 // tabs标签锚点
 .anchorTitle {
-  height: 48px;
+  // height: 48px;
   ul {
     padding-left: 0;
     display: flex;

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

@@ -10,6 +10,7 @@ import BidParticulars from '../bidParticulars'
 import RemarkBidReport from '../remarkBidReport'
 import ParticipateInfo from '../participateInfo'
 import BidConfirm from '../bidConfirm'
+import MemberWinInfo from '../memberWinInfo'
 
 export interface BidDetailSectionProps {
   formContext: any,
@@ -55,6 +56,8 @@ const BidDetailSection:React.FC<BidDetailSectionProps> = ({
     "ParticipateInfo": ParticipateInfo,
     // 招标定标
     "BidConfirm": BidConfirm,
+    // 会员中标信息
+    "MemberWinInfo": MemberWinInfo,
   }
 
   const RenderDetailSection = ({ componentList }) => {
@@ -116,6 +119,9 @@ const BidDetailSection:React.FC<BidDetailSectionProps> = ({
       case "BidConfirm":
         RcDom = (<BidConfirm cardTitle={title} />)
         break;
+      case "MemberWinInfo":
+        RcDom = (<MemberWinInfo cardTitle={title} />)
+        break;
       default:
         RcDom = (<DescriptionsInfo cardTitle={title} type={type} />)
     }

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

+.card-list {
+  font-size: 12px;
+  line-height: 20px;
+  margin-top: 16px;
+  border: 1px solid #F4F5F7;
+  padding: 12px;
+  background-color: #FAFBFC;
+  position: relative;
+  img {
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 8px;
+  }
+}
+.card-list_title {
+  font-size: 12px;
+  color: #909399;
+}
+.amount {
+  font-size: 16px;
+  font-weight: 500;
+  color: #303133;
+}

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

+import React, { useContext, useState } from 'react'
+import { Table, Button, Radio, Divider, Row, Col } from 'antd'
+import MellowCard from '@/components/MellowCard'
+import { BidDetailContext } from '@/pages/procurement/_public/bid/context';
+import { QuestionCircleOutlined, UserOutlined } from '@ant-design/icons';
+import style from './index.less'
+import winBid from '@/assets/imgs/winBid.png'
+
+/**
+ * 会员中标信息
+ */
+
+export interface MemberWinInfoProps {
+  cardTitle?: string;
+}
+
+const MemberWinInfo: React.FC<MemberWinInfoProps> = ({cardTitle}) => {
+  const bidDetailContext = useContext(BidDetailContext)
+  const { data, ctl } = bidDetailContext
+
+
+
+  return (
+    <MellowCard
+      title={cardTitle}
+      style={{marginTop: 24}}
+      bordered={false}
+      fullHeight
+    >
+      <div className={style.remarkBidReportWrapper}>
+        <div className={style.bidMemberContainer}>
+          <h3 className="commonPanelTitle">中标会员</h3>
+          <Row gutter={[16, 0]}>
+            <Col span={6}>
+              <div className={style['card-list']}>
+                <h4>广州室间隔度过后工地</h4>
+                <Row>
+                  <Col span={8}><p className={style['card-list_title']}>中标总金额(含税):</p></Col>
+                  <Col><p className={style.amount}>¥160,000.00</p></Col>
+                </Row>
+                <img src={winBid} alt="已中标"/>
+              </div>
+            </Col>
+            <Col span={6}>
+              <div className={style['card-list']}>
+                <h4>广州室间隔度过后工地</h4>
+                <Row>
+                  <Col span={8}><p className={style['card-list_title']}>中标总金额(含税):</p></Col>
+                  <Col><p className={style.amount}>¥160,000.00</p></Col>
+                </Row>
+                <img src={winBid} alt="已中标"/>
+              </div>
+            </Col>
+          </Row>
+        </div>
+        <Divider dashed />
+        <div className={style.remarkCommitteeContainer}>
+          <h3 className="commonPanelTitle">中标理由</h3>
+          <Row gutter={[16, 0]}>
+            <Col span={4}>
+              <div className={style['card-list']}>
+                <Row>
+                  <Col span={8}><p className={style['card-list_title']}>中标理由</p></Col>
+                  <Col><p>七天无理由中标</p></Col>
+                </Row>
+                <Row>
+                  <Col span={8}><p className={style['card-list_title']}>中标附件</p></Col>
+                  <Col><p>666.pdf</p></Col>
+                </Row>
+              </div>
+            </Col>
+          </Row>
+        </div>
+      </div>
+    </MellowCard>)
+}
+
+MemberWinInfo.defaultProps = {}
+
+export default MemberWinInfo