478 lines
18 KiB
TypeScript
478 lines
18 KiB
TypeScript
import React, { useEffect, useMemo, useState } from 'react';
|
||
import { Button, Card, Collapse, Form, Input, List, message, Popover, Select, Space, Spin, Typography } from "antd";
|
||
import ProTable from "@ant-design/pro-table";
|
||
import { getBidAssessmentResultList, getBidAssessmentResultsList, pushBidAssessmentResult, saveResult } from "./service"
|
||
import CurrentTable from "./components/currentTable"
|
||
import { getDefId, getProId, getProMethod } from "@/utils/session";
|
||
import { btnAuthority } from "@/utils/authority";
|
||
import { isEmpty } from '@/utils/CommonUtils';
|
||
|
||
|
||
const BidAssessmentResults: React.FC<{}> = (props) => {
|
||
const [Refresh, setRefresh] = useState<number>(0);
|
||
const { Panel } = Collapse;
|
||
const [ListData, setListData] = useState<any[]>([]);
|
||
const [assessRoomId, setAssessRoomId] = useState<any>();
|
||
const [currentTable, setCurrentTable] = useState<boolean>(false);
|
||
const [spintype, setSpintype] = useState<boolean>(false);
|
||
//查询条件-包件名称
|
||
const [name, setName] = useState<string>('');
|
||
//折叠面板
|
||
const [collapseActiveKeys, setCollapseActiveKeys] = useState<any[]>(['0']);
|
||
|
||
const FormItem = Form.Item;
|
||
const { Option } = Select;
|
||
const { Paragraph, Text } = Typography;
|
||
const firstRvwResult = ['否', '是'];
|
||
const [contractedMoney, contractedMoneySet] = useState('')
|
||
const proID = getProId();//项目id
|
||
let name1 = "中标";
|
||
let name2 = "评标";
|
||
let name3 = "标段";
|
||
let TpPackageName = "";
|
||
let type1 = false;
|
||
let type2 = false;
|
||
let type3 = false;
|
||
let type4 = false;
|
||
let type5 = false;
|
||
|
||
let proDict = getProMethod();
|
||
let defId = getDefId();
|
||
if (proDict == "procurement_mode_1" || proDict == "procurement_mode_2") {
|
||
TpPackageName = "招标";
|
||
name1 = "中标";
|
||
name2 = "评标";
|
||
name3 = "标段";
|
||
} else if (proDict == "procurement_mode_3") {
|
||
TpPackageName = "比选";
|
||
name1 = "中选";
|
||
name2 = "评审";
|
||
name3 = "采购包";
|
||
} else if (proDict == "procurement_mode_5" || proDict == "procurement_mode_6" || proDict == "procurement_mode_9") {
|
||
TpPackageName = "谈判";
|
||
name1 = "中选";
|
||
name2 = "评审";
|
||
name3 = "采购包";
|
||
} else if (proDict == "procurement_mode_4") {
|
||
TpPackageName = "招募";
|
||
name1 = "中选";
|
||
name2 = "评审";
|
||
name3 = "包件";
|
||
type1 = true;
|
||
type2 = true;
|
||
type3 = true;
|
||
type4 = true;
|
||
} else if (proDict == "procurement_mode_7") {
|
||
TpPackageName = "询价";
|
||
name1 = "中选";
|
||
name2 = "评审";
|
||
name3 = "采购包";
|
||
type3 = true;
|
||
type4 = true;
|
||
type5 = true;
|
||
}
|
||
|
||
useEffect(() => {
|
||
setSpintype(true);
|
||
/*projectType :2 评标 1 资审*/
|
||
getBidAssessmentResultsList({ "projectId": proID, "roomType": "2", "sectionName": name }).then(res => {
|
||
if (res.code == 200) {
|
||
setListData(res.data);
|
||
}
|
||
}).finally(() => {
|
||
setSpintype(false);
|
||
})
|
||
}, [proID, Refresh])
|
||
|
||
/*推送评标结果*/
|
||
const pushResult = (record: any) => {
|
||
setSpintype(true);
|
||
pushBidAssessmentResult(proID, record.sectionId, record.assesRoomId).then(res => {
|
||
if (res.code == 200) {
|
||
message.success('推送成功');
|
||
setRefresh(Refresh + 1);
|
||
}
|
||
}).finally(() => {
|
||
setSpintype(false);
|
||
})
|
||
}
|
||
|
||
/*推送列表查看*/
|
||
const getResultList = (record: any) => {
|
||
setAssessRoomId(record.assesRoomId);
|
||
setCurrentTable(true);
|
||
}
|
||
|
||
//折叠面板change
|
||
const onCollapseChange = (key: any) => {
|
||
setCollapseActiveKeys(key);
|
||
};
|
||
|
||
//确认评审结果ListRender封装
|
||
const ResultListRender = (props: { item: any, setSpintype: (value: boolean) => void, getResultList: (record: any) => void, ListData: any, pushResult: (record: any) => void }) => {
|
||
const { item, setSpintype, getResultList, ListData, pushResult } = props;
|
||
//单一来源简化
|
||
const [form] = Form.useForm();
|
||
//综合得分展开关闭
|
||
const [expandTotalScore, setExpandTotalScore] = useState<boolean>(proDict == "procurement_mode_7" ? false : true);
|
||
|
||
//单一简化
|
||
function returnInput(name: any, name2: any, val: any, must: boolean, pattern?: boolean, hid?: boolean) {
|
||
let rule = [
|
||
{ required: must },
|
||
{ pattern: /^.{0,21}$/, message: '超长' }
|
||
];
|
||
pattern && rule.push({ pattern: /(^-?(?:\d+|\d{1,3}(?:,\d{3})+)(?:\.\d{1,4})?$)/, message: '请输入正确数值(最多4位小数)' });
|
||
return (
|
||
<Form form={form}>
|
||
<FormItem
|
||
name={name}
|
||
hidden={hid}
|
||
messageVariables={{ label: name2 }}
|
||
rules={rule}
|
||
initialValue={val}
|
||
>
|
||
<Input
|
||
readOnly={ListData[0].status == 3}
|
||
placeholder={'请输入' + name2}
|
||
/>
|
||
</FormItem>
|
||
</Form>
|
||
)
|
||
}
|
||
function returnSelect(name: any, val: any) {
|
||
return (
|
||
<Form form={form}>
|
||
<FormItem
|
||
name={name}
|
||
initialValue={val === 0 ? '否' : '是'}
|
||
>
|
||
<Select>
|
||
<Option value="否" title='否'>否</Option>
|
||
<Option value="是" title='是'>是</Option>
|
||
</Select>
|
||
</FormItem>
|
||
</Form>
|
||
|
||
)
|
||
}
|
||
|
||
//初审详审原因render
|
||
const rvwResultRender = (field: any, reason: any) => {
|
||
const content = (
|
||
<Paragraph>
|
||
<blockquote style={{ width: '300px' }}>{reason}</blockquote>
|
||
</Paragraph>
|
||
)
|
||
return isEmpty(field) || field == '-' ? '-' : (
|
||
<span>
|
||
{firstRvwResult[field]}
|
||
{field == 0 && <Popover content={content} trigger="hover" placement="topLeft">
|
||
<Text code style={{ cursor: 'pointer' }}>说明</Text>
|
||
</Popover>}
|
||
</span>)
|
||
}
|
||
|
||
return (
|
||
<List
|
||
grid={{
|
||
gutter: 16,
|
||
xs: 1,
|
||
sm: 1,
|
||
md: 1,
|
||
lg: 1,
|
||
xl: 1,
|
||
xxl: 1,
|
||
}}
|
||
itemLayout="vertical"
|
||
rowKey="assesRoomId"
|
||
dataSource={item.assesList}
|
||
renderItem={(item1: any, index: any) => {
|
||
//标段上的报价类型确认 1-% 0-元
|
||
let sectionQuot = item?.quotationMethodDict == 'quotation_method_2' || item?.quotationMethodDict == 'quotation_method_3' ? '1' : '0'
|
||
const columns: any = [
|
||
{
|
||
title: '排名',
|
||
dataIndex: 'sort',
|
||
valueType: 'text',
|
||
width: 50,
|
||
},
|
||
{
|
||
title: '供应商名称',
|
||
dataIndex: 'companyName',
|
||
valueType: 'text',
|
||
width: 120,
|
||
},
|
||
{
|
||
hideInTable: type1,
|
||
title: proDict == 'procurement_mode_7' ? '报价总金额净价（元）' : sectionQuot == '1' ? '报价（%）' : '报价（元）',
|
||
dataIndex: 'price',
|
||
width: 100,
|
||
render: (_: any, record: any) => {
|
||
if (defId === 'negotiation_single_simple' && record.pushStatus == "0") {
|
||
return returnInput('price', '报价', record.price, true, true)
|
||
} else {
|
||
return record.price
|
||
}
|
||
}
|
||
},
|
||
{
|
||
hideInTable: type2,
|
||
title: proDict == 'procurement_mode_7' ? '报价总金额含税价（元）' : sectionQuot == '1' ? '评审价（%）' : '评审价（元）',
|
||
dataIndex: 'priceReview',
|
||
width: 100,
|
||
render: (_: any, record: any) => {
|
||
if (defId === 'negotiation_single_simple' && record.pushStatus == "0") {
|
||
return returnInput('priceReview', '评审价', record.priceReview, true, true)
|
||
} else {
|
||
return record.priceReview
|
||
}
|
||
}
|
||
},
|
||
{
|
||
title: '商务分',
|
||
dataIndex: 'businessScore',
|
||
width: 60,
|
||
hideInTable: expandTotalScore,
|
||
render: (_: any, record: any) => {
|
||
if (defId === 'negotiation_single_simple' && record.pushStatus == "0") {
|
||
return returnInput('businessScore', '商务分', record.businessScore, false, true)
|
||
} else {
|
||
return record.businessScore
|
||
}
|
||
}
|
||
},
|
||
{
|
||
title: '技术分',
|
||
width: 60,
|
||
dataIndex: 'technicalScore',
|
||
hideInTable: expandTotalScore,
|
||
render: (_: any, record: any) => {
|
||
if (defId === 'negotiation_single_simple' && record.pushStatus == "0") {
|
||
return returnInput('technicalScore', '技术分', record.technicalScore, false, true)
|
||
} else {
|
||
return record.technicalScore
|
||
}
|
||
}
|
||
},
|
||
{
|
||
title: '服务分',
|
||
width: 60,
|
||
dataIndex: 'serviceScore',
|
||
hideInTable: expandTotalScore,
|
||
render: (_: any, record: any) => {
|
||
if (defId === 'negotiation_single_simple' && record.pushStatus == "0") {
|
||
return returnInput('serviceScore', '服务分', record.serviceScore, false, true)
|
||
} else {
|
||
return record.serviceScore
|
||
}
|
||
}
|
||
},
|
||
{
|
||
title: '价格分',
|
||
width: 60,
|
||
dataIndex: 'priceScore',
|
||
hideInTable: expandTotalScore,
|
||
render: (_: any, record: any) => {
|
||
if (defId === 'negotiation_single_simple' && record.pushStatus == "0") {
|
||
return returnInput('priceScore', '价格分', record.priceScore, false, true)
|
||
} else {
|
||
return record.priceScore
|
||
}
|
||
}
|
||
},
|
||
{
|
||
title: (
|
||
<span>
|
||
综合得分
|
||
<Text keyboard onClick={() => setExpandTotalScore(!expandTotalScore)} style={{ cursor: 'pointer', color: '#1890ff' }}>{expandTotalScore ? "展开" : "收起"}</Text>
|
||
</span>
|
||
),
|
||
dataIndex: 'totalScore',
|
||
width: 120,
|
||
render: (_: any, record: any) => {
|
||
if (defId === 'negotiation_single_simple' && record.pushStatus == "0") {
|
||
return returnInput('totalScore', '综合得分', record.totalScore, false, true)
|
||
} else {
|
||
return record.totalScore
|
||
}
|
||
}
|
||
},
|
||
{
|
||
hideInTable: defId === 'negotiation_single_simple',
|
||
title: '是否通过初步评审',
|
||
dataIndex: 'firstRvwResult',
|
||
width: 100,
|
||
render: (_: any, record: any) => rvwResultRender(_, record.firstRvwReason)
|
||
},
|
||
{
|
||
hideInTable: type5 || defId === 'negotiation_single_simple',
|
||
title: '是否通过详审',
|
||
dataIndex: 'detailRvwResult',
|
||
width: 100,
|
||
render: (_: any, record: any) => rvwResultRender(_, record.detailRvwReason)
|
||
},
|
||
{
|
||
hideInTable: type5 || defId === 'negotiation_single_simple',
|
||
title: '应答是否有效',
|
||
width: 80,
|
||
dataIndex: 'answerValid',
|
||
render: (_: any, record: any) => {
|
||
return record.answerValid === 1 ? '是' : record.answerValid === 0 ? '否' : '-'
|
||
}
|
||
},
|
||
{
|
||
title: '是否' + name1 + '候选人',
|
||
dataIndex: 'winnerCandidate',
|
||
width: 100,
|
||
render: (_: any, record: any) => {
|
||
if (defId === 'negotiation_single_simple' && record.pushStatus == "0") {
|
||
return returnSelect('winnerCandidate', record.winnerCandidate)
|
||
} else {
|
||
return record.winnerCandidate === 1 ? '是' : '否'
|
||
}
|
||
}
|
||
},
|
||
{
|
||
hideInTable: type5 || defId === 'negotiation_single_simple',
|
||
title: '是否拟' + name1 + '人',
|
||
width: 80,
|
||
dataIndex: 'winnerBidder',
|
||
render: (_: any, record: any) => {
|
||
return record.winnerBidder === 1 ? '是' : record.winnerBidder === 0 ? '否' : '-'
|
||
}
|
||
},
|
||
{
|
||
hideInTable: type3,
|
||
title: '拟签约金额（不含增值税）（元）',
|
||
width: 150,
|
||
dataIndex: 'contractedMoney',
|
||
render: (_: any, record: any) => {
|
||
if (defId === 'negotiation_single_simple' && record.pushStatus == "0") {
|
||
return (
|
||
<>
|
||
{returnInput('contractedMoney', '拟签约金额', record.contractedMoney, false, true)}
|
||
{returnInput('id', '供应商id', record.id, false, false, true)}
|
||
{returnInput('resultId', '结果id', record.resultId, false, false, true)}
|
||
{returnInput('companyId', '公司id', record.companyId, false, false, true)}
|
||
{returnInput('companyName', '公司名称', record.companyName, false, false, true)}
|
||
</>
|
||
)
|
||
} else {
|
||
return record.contractedMoney
|
||
}
|
||
}
|
||
},
|
||
{
|
||
hideInTable: type4,
|
||
title: '增值税金额（元）',
|
||
width: 150,
|
||
dataIndex: 'taxRatePrice',
|
||
render: (_: any, record: any) => {
|
||
if (defId === 'negotiation_single_simple' && record.pushStatus == "0") {
|
||
return returnInput('taxRatePrice', '增值税金额', record.taxRatePrice, false, true)
|
||
} else {
|
||
return record.taxRatePrice
|
||
}
|
||
}
|
||
},
|
||
]
|
||
return (
|
||
<ProTable
|
||
size={"small"}
|
||
key={index}
|
||
scroll={{ x: true }}
|
||
search={false}
|
||
options={false}
|
||
columns={columns}
|
||
dataSource={item1.reviewList}
|
||
toolbar={{
|
||
title: item1.againEvaluationSort == 'null' || isEmpty(item1.againEvaluationSort) ? null : `第${item1.againEvaluationSort}次重审`,
|
||
}}
|
||
rowKey="id"
|
||
toolBarRender={(record: any) => [
|
||
<>
|
||
<Button
|
||
hidden={btnAuthority(['ebtp-agency-project-manager', 'ebtp-purchase']) || defId != 'negotiation_single_simple' || item1.pushStatus == "1"}
|
||
type="primary"
|
||
onClick={async () => {
|
||
setSpintype(true);
|
||
await form.validateFields().then(async () => {
|
||
await saveResult({
|
||
id: form.getFieldValue("resultId"),
|
||
suppliers: [
|
||
{
|
||
...form.getFieldsValue(),
|
||
"winnerCandidate": form.getFieldValue("winnerCandidate") == '是' ? '1' : '0',
|
||
"firstRvwResult": form.getFieldValue("firstRvwResult") == '是' ? '1' : '0',
|
||
"detailRvwResult": form.getFieldValue("detailRvwResult") == '是' ? '1' : '0',
|
||
"answerValid": form.getFieldValue("answerValid") == '是' ? '1' : '0',
|
||
"winnerBidder": form.getFieldValue("winnerBidder") == '是' ? '1' : '0',
|
||
}
|
||
]
|
||
}).then((res) => {
|
||
if (res.success) { message.success('保存成功！') }
|
||
})
|
||
}).finally(() => setSpintype(false));
|
||
}}
|
||
>保存</Button>
|
||
{
|
||
defId === 'negotiation_single_simple' ?
|
||
<Button
|
||
hidden={
|
||
btnAuthority(['ebtp-agency-project-manager', 'ebtp-purchase']) ||
|
||
!item1.reviewList[0].price ||
|
||
!item1.reviewList[0].priceReview
|
||
}
|
||
disabled={item1.pushStatus == "1" ? true : false} key={"1"}
|
||
onClick={() => pushResult(item1)} type="primary">确认{name2}结果</Button>
|
||
:
|
||
<Button hidden={btnAuthority(['ebtp-agency-project-manager', 'ebtp-purchase'])} disabled={item1.pushStatus == "1" ? true : false} key={"1"} onClick={() => pushResult(item1)} type="primary"> 确认{name2}结果 </Button>
|
||
}
|
||
<Button key={"2"} onClick={() => getResultList(item1)}>查看日志</Button>
|
||
</>
|
||
]}
|
||
pagination={{
|
||
defaultPageSize: 10,
|
||
showSizeChanger: false,
|
||
}}
|
||
/>
|
||
)
|
||
}}
|
||
>
|
||
</List>
|
||
)
|
||
}
|
||
|
||
return (
|
||
<>
|
||
<Spin spinning={spintype}>
|
||
<Card bordered={false} bodyStyle={{ padding: '0px 24px' }}>
|
||
<div style={{ textAlign: 'right' }}>
|
||
<Space style={{ margin: '16px 0px' }}>
|
||
<Input type="text" placeholder={`${name3}名称`} value={name} onChange={(event) => setName(event.target.value)} />
|
||
<Button type="primary" key='c' onClick={() => {
|
||
setRefresh(Refresh + 1);
|
||
}}>查询</Button>
|
||
<Button key='reload' onClick={() => {
|
||
setName('');
|
||
setRefresh(Refresh + 1);
|
||
}}>重置</Button>
|
||
</Space>
|
||
</div>
|
||
<Collapse activeKey={collapseActiveKeys} onChange={onCollapseChange} className="calibration-panel">
|
||
{ListData.map((item, index) => (
|
||
<Panel header={item.sectionName} key={index}>
|
||
<ResultListRender item={item} setSpintype={(value) => { setSpintype(value); }} getResultList={getResultList} ListData={ListData} pushResult={pushResult} />
|
||
</Panel>
|
||
))}
|
||
</Collapse>
|
||
<CurrentTable assessRoomId={assessRoomId} ChangeNoticeListVisible={currentTable}
|
||
onCancel={() => setCurrentTable(false)} />
|
||
</Card>
|
||
</Spin>
|
||
</>
|
||
)
|
||
}
|
||
export default BidAssessmentResults
|