Skip to content

J
jinfa-platform
Commit 071580ba authored by 前端-黄佳鑫's avatar 前端-黄佳鑫
Browse files
Options

feat: 采购能力 -> 在线竞价国际化

parent 3378e9da
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 351 additions and 303 deletions
src/locales/zh-CN/purchase.ts
View file @ 071580ba
...@@ -141,6 +141,7 @@ const PurchaseLocales = { ...@@ -141,6 +141,7 @@ const PurchaseLocales = {
'detail.purchase.signUpMsgLayout': '报名信息', 'detail.purchase.signUpMsgLayout': '报名信息',
'detail.purchase.signUpFileLayout': '报名文件', 'detail.purchase.signUpFileLayout': '报名文件',
'detail.purchase.basicLayout': '基本信息', 'detail.purchase.basicLayout': '基本信息',
'detail.purchase.winBidResultLayout': '中标结果',
'detail.purchase.basicLayout1': '基本流程', 'detail.purchase.basicLayout1': '基本流程',
'detail.purchase.offerLayout': '报价信息', 'detail.purchase.offerLayout': '报价信息',
'detail.purchase.offerExplain': '报价说明', 'detail.purchase.offerExplain': '报价说明',
...@@ -193,12 +194,13 @@ const PurchaseLocales = { ...@@ -193,12 +194,13 @@ const PurchaseLocales = {
'detail.purchase.contactsMessage': '请输入联系人姓名', 'detail.purchase.contactsMessage': '请输入联系人姓名',
'detail.purchase.telPhone': '联系人手机', 'detail.purchase.telPhone': '联系人手机',
'detail.purchase.telPrefix': '请选择区号', 'detail.purchase.telPrefix': '请选择区号',
'detail.purchase.tel': '请输入你的手机号码', 'detail.purchase.tel': '请输入手机号码',
'detail.purchase.quotedDetails1': '报价摘要', 'detail.purchase.quotedDetails1': '报价摘要',
'detail.purchase.quotedPriceNo': '报价单号', 'detail.purchase.quotedPriceNo': '报价单号',
'detail.purchase.quotedMenber': '报价会员', 'detail.purchase.quotedMenber': '报价会员',
'detail.purchase.purchaseMaterial': '对应采购物料', 'detail.purchase.purchaseMaterial': '对应采购物料',
'detail.purchase.file': '附件', 'detail.purchase.file': '附件',
'detail.purchase.quotationRecordLayout': '最低报价记录',
'detail.purchase.option': '操作', 'detail.purchase.option': '操作',
'detail.purchase.demandCycle': '需求计划周期', 'detail.purchase.demandCycle': '需求计划周期',
'detail.purchase.correspondence': '对应', 'detail.purchase.correspondence': '对应',
...@@ -260,6 +262,7 @@ const PurchaseLocales = { ...@@ -260,6 +262,7 @@ const PurchaseLocales = {
'detail.purchase.seeBidStep': '查看竞价过程', 'detail.purchase.seeBidStep': '查看竞价过程',
'detail.purchase.cancelOffer': '取消报价', 'detail.purchase.cancelOffer': '取消报价',
'detail.purchase.statusBoxStatus': '当前状态', 'detail.purchase.statusBoxStatus': '当前状态',
'detail.purchase.startStill': '开始竞价',
'detail.purchase.stillRunStart': '竞价中', 'detail.purchase.stillRunStart': '竞价中',
'detail.purchase.stillRunend': '竞价结束', 'detail.purchase.stillRunend': '竞价结束',
'detail.purchase.distanceStillRunend': '距离竞价结束还剩', 'detail.purchase.distanceStillRunend': '距离竞价结束还剩',
...@@ -273,6 +276,8 @@ const PurchaseLocales = { ...@@ -273,6 +276,8 @@ const PurchaseLocales = {
'detail.purchase.offerRule4': '按项目总价排名', 'detail.purchase.offerRule4': '按项目总价排名',
'detail.purchase.offerRule5': '按项目总价排名', 'detail.purchase.offerRule5': '按项目总价排名',
'detail.purchase.null': '无', 'detail.purchase.null': '无',
'detail.purchase.thanks': '感谢函',
'detail.purchase.respect': '尊敬的',
'detail.purchase.modalTitle': '公开招标', 'detail.purchase.modalTitle': '公开招标',
'detail.purchase.modalTitle1': '选择货品', 'detail.purchase.modalTitle1': '选择货品',
...@@ -346,6 +351,11 @@ const PurchaseLocales = { ...@@ -346,6 +351,11 @@ const PurchaseLocales = {
'detail.purchase.message54': '请选择交付日期', 'detail.purchase.message54': '请选择交付日期',
'detail.purchase.message55': '请选择交付地址', 'detail.purchase.message55': '请选择交付地址',
'detail.purchase.message56': '请输入金额', 'detail.purchase.message56': '请输入金额',
'detail.purchase.message57': '请上传附件',
'detail.purchase.message58': '请输入正确格式的手机号',
'detail.purchase.message59': '请输入电子邮箱',
'detail.purchase.message60': '请输入正确格式的邮箱',
'detail.purchase.message61': '请填写详细地址',
'detail.purchase.placeholder': '选择开始日期', 'detail.purchase.placeholder': '选择开始日期',
'detail.purchase.placeholder1': '确定要执行这个操作?', 'detail.purchase.placeholder1': '确定要执行这个操作?',
...@@ -360,6 +370,9 @@ const PurchaseLocales = { ...@@ -360,6 +370,9 @@ const PurchaseLocales = {
'detail.purchase.placeholder10': '请输入目标价', 'detail.purchase.placeholder10': '请输入目标价',
'detail.purchase.placeholder11': '请输入最小价差', 'detail.purchase.placeholder11': '请输入最小价差',
'detail.purchase.placeholder12': '请输入报价次数', 'detail.purchase.placeholder12': '请输入报价次数',
'detail.purchase.placeholder13': '选择区域',
'detail.purchase.placeholder14': '请完善适用地市',
'detail.purchase.placeholder15': '请填写详细地址，路名、门牌号等，最长100个字符，50个汉字',
'detail.purchase.priceMethod': '比价方式', 'detail.purchase.priceMethod': '比价方式',
'detail.purchase.purchaseType1': '有固定采购金额', 'detail.purchase.purchaseType1': '有固定采购金额',
...@@ -387,6 +400,24 @@ const PurchaseLocales = { ...@@ -387,6 +400,24 @@ const PurchaseLocales = {
'detail.purchase.tips15': '当前报价金额不满足最小价差要求，请修改后再报价！', 'detail.purchase.tips15': '当前报价金额不满足最小价差要求，请修改后再报价！',
'detail.purchase.tips16': '当前报价次数已超过允许报价次数！', 'detail.purchase.tips16': '当前报价次数已超过允许报价次数！',
'detail.purchase.label': '中标金额(含税！',
'detail.purchase.label1': '中标理由',
'detail.purchase.label2': '价格最低',
'detail.purchase.label3': '至',
'detail.purchase.label4': '第',
'detail.purchase.label5': '名',
'detail.purchase.label6': '次',
'detail.purchase.label7': '不公开',
'detail.purchase.label8': '第一名',
'detail.purchase.label9': '第二名',
'detail.purchase.label10': '第三名',
'detail.purchase.label11': '报价历史',
'detail.purchase.label12': '本次报价金额',
'detail.purchase.label13': '最近报价',
'detail.purchase.label14': '报名',
'detail.purchase.label15': '重新报名',
'detail.purchase.label16': '报名要求说明',
'detail.purchase.label17': '地址',
} }
export default PurchaseLocales export default PurchaseLocales
src/pages/transaction/purchaseAbility/onlineBid/detail/components/thank/index.tsx
View file @ 071580ba
...@@ -4,8 +4,11 @@ import moment from 'moment'; ...@@ -4,8 +4,11 @@ import moment from 'moment';
import { getAuth } from '@/utils/auth'; import { getAuth } from '@/utils/auth';
import style from './index.less' import style from './index.less'
import { getIntl } from 'umi';
const intl = getIntl();
interface ThankItemProps { interface ThankItemProps {
visible: boolean, visible: boolean,
detail: any, detail: any,
...@@ -17,7 +20,7 @@ const ThankItem: React.FC<ThankItemProps> = (props: any) => { ...@@ -17,7 +20,7 @@ const ThankItem: React.FC<ThankItemProps> = (props: any) => {
const userInfo = useMemo(() => getAuth(), [detail]); const userInfo = useMemo(() => getAuth(), [detail]);
return ( return (
<Modal <Modal
title="感谢函" title={intl.formatMessage({ id: 'detail.purchase.thanks' })}
visible={visible} visible={visible}
onOk={onOk} onOk={onOk}
onCancel={onOk} onCancel={onOk}
...@@ -25,9 +28,9 @@ const ThankItem: React.FC<ThankItemProps> = (props: any) => { ...@@ -25,9 +28,9 @@ const ThankItem: React.FC<ThankItemProps> = (props: any) => {
className={style.thankModal} className={style.thankModal}
> >
<div className={style.thankLetter}> <div className={style.thankLetter}>
<h2>感谢函</h2> <h2>{intl.formatMessage({ id: 'detail.purchase.thanks' })}</h2>
<h4>THANKS LETTER</h4> <h4>THANKS LETTER</h4>
<p className={style.name}>尊敬的{userInfo.name}</p> <p className={style.name}>{intl.formatMessage({ id: 'detail.purchase.respect' })}{userInfo.name}</p>
<p>{detail.content}</p> <p>{detail.content}</p>
<p className={style.company}>{detail.createMemberName}</p> <p className={style.company}>{detail.createMemberName}</p>
<p className={style.time}>{moment().format('YYYY-MM-DD')}</p> <p className={style.time}>{moment().format('YYYY-MM-DD')}</p>
...@@ -36,4 +39,4 @@ const ThankItem: React.FC<ThankItemProps> = (props: any) => { ...@@ -36,4 +39,4 @@ const ThankItem: React.FC<ThankItemProps> = (props: any) => {
) )
} }
export default ThankItem; export default ThankItem;
\ No newline at end of file
src/pages/transaction/purchaseAbility/onlineBid/readyBid/detail/history/index.tsx
View file @ 071580ba
...@@ -11,58 +11,61 @@ import TrendTag from '../../../../components/detail/components/trendTag'; ...@@ -11,58 +11,61 @@ import TrendTag from '../../../../components/detail/components/trendTag';
import styles from './index.less'; import styles from './index.less';
import OfferItem from '../offer'; import OfferItem from '../offer';
import { getIntl } from 'umi';
const intl = getIntl();
interface HistoryItemProps { interface HistoryItemProps {
detail: any detail: any
} }
const HistoryItem: React.FC<HistoryItemProps> = (props: any) => { const HistoryItem: React.FC<HistoryItemProps> = (props: any) => {
const { detail } = props; const { detail } = props;
const mapData = detail.offerLogs ? [...detail.offerLogs].splice(0, 3) : []; const mapData = detail.offerLogs ? [...detail.offerLogs].splice(0, 3) : [];
const firstData = mapData[0]; const firstData = mapData[0];
const _returnBadge = () => { const _returnBadge = () => {
if (!detail.isOpenRanking) { if (!detail.isOpenRanking) {
return null; return null;
} else { } else {
const _number = Number(detail?.ranking ?? 0); const _number = Number(detail?.ranking ?? 0);
switch (_number) { switch (_number) {
case 1: case 1:
return <img src={level1} alt="第一名" className={styles.icon} />; return <img src={level1} alt={intl.formatMessage({ id: 'detail.purchase.label8' })} className={styles.icon} />;
case 2: case 2:
return <img src={level2} alt="第二名" className={styles.icon} />; return <img src={level2} alt={intl.formatMessage({ id: 'detail.purchase.label9' })} className={styles.icon} />;
case 3: case 3:
return <img src={level3} alt="第三名" className={styles.icon} />; return <img src={level3} alt={intl.formatMessage({ id: 'detail.purchase.label10' })}className={styles.icon} />;
default: default:
return <div className={styles.badge}>{_number}</div> return <div className={styles.badge}>{_number}</div>
} }
}
} }
}
return ( return (
<div className={styles.history}> <div className={styles.history}>
<div className={styles.historyHeader}> <div className={styles.historyHeader}>
<h5>报价历史</h5> <h5>{intl.formatMessage({ id: 'detail.purchase.label11' })}</h5>
<div className={styles.box}> <div className={styles.box}>
{_returnBadge()} {_returnBadge()}
<div className={styles.rightPosition}> <div className={styles.rightPosition}>
{firstData?.offerRatio ? <TrendTag ratio={firstData?.offerRatio} /> : ''} {firstData?.offerRatio ? <TrendTag ratio={firstData?.offerRatio} /> : ''}
</div> </div>
<p>本次报价金额</p> <p>{intl.formatMessage({ id: 'detail.purchase.label12' })}</p>
<p className={styles.currentPrice}><span>¥</span>{firstData?.offerPrice ? priceFormat(firstData?.offerPrice) : '-'}</p> <p className={styles.currentPrice}><span>¥</span>{firstData?.offerPrice ? priceFormat(firstData?.offerPrice) : '-'}</p>
<div className={styles.row}> <div className={styles.row}>
<div className={styles.col} style={{ borderRight: '1px solid #EBECF0' }}>当前最低价：<span>{detail.isOpenPurchase ? (detail?.minLowPrice ? `¥${priceFormat(detail?.minLowPrice)}` : '-') : '不公开'}</span></div> <div className={styles.col} style={{ borderRight: '1px solid #EBECF0' }}>{intl.formatMessage({ id: 'detail.purchase.nowMinPrice1' })}：<span>{detail.isOpenPurchase ? (detail?.minLowPrice ? `¥${priceFormat(detail?.minLowPrice)}` : '-') : '不公开'}</span></div>
<div className={styles.col}>报价次数：<span>{firstData?.offerCount ? firstData?.offerCount : '-'}</span></div> <div className={styles.col}>{intl.formatMessage({ id: 'detail.purchase.allowPurchaseCount1' })}：<span>{firstData?.offerCount ? firstData?.offerCount : '-'}</span></div>
</div> </div>
</div>
</div>
<div className={styles.historyFootter}>
<h5>最近报价</h5>
{mapData && mapData.map((item) => {
return (<OfferItem key={item.offerTime} detail={{ ...item, isOpenRanking: detail.isOpenRanking, isOpenPurchase: detail.isOpenPurchase }} />)
})}
</div>
</div> </div>
) </div>
<div className={styles.historyFootter}>
<h5>{intl.formatMessage({ id: 'detail.purchase.label13' })}</h5>
{mapData && mapData.map((item) => {
return (<OfferItem key={item.offerTime} detail={{ ...item, isOpenRanking: detail.isOpenRanking, isOpenPurchase: detail.isOpenPurchase }} />)
})}
</div>
</div>
)
} }
export default HistoryItem; export default HistoryItem;
src/pages/transaction/purchaseAbility/onlineBid/readyBid/detail/index.tsx
View file @ 071580ba
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import { history } from 'umi'; import { getIntl, history } from 'umi';
import { Row, Col } from 'antd'; import { Row, Col } from 'antd';
import { ArrowLeftOutlined } from '@ant-design/icons'; import { ArrowLeftOutlined } from '@ant-design/icons';
import { isEmpty } from 'lodash' import { isEmpty } from 'lodash'
...@@ -18,114 +18,116 @@ import IMBtn from '../../../components/detail/components/iMBtn'; ...@@ -18,114 +18,116 @@ import IMBtn from '../../../components/detail/components/iMBtn';
import HistoryItem from './history'; import HistoryItem from './history';
const intl = getIntl();
import styles from './index.less'; import styles from './index.less';
const Detail = () => { const Detail = () => {
const { purchaseBidStore } = usePurchaseBidStore(); const { purchaseBidStore } = usePurchaseBidStore();
const { purchaseBiddingMessageSupplier } = purchaseBidStore; const { purchaseBiddingMessageSupplier } = purchaseBidStore;
const { const {
query: { query: {
id, id,
number, number,
onlineId onlineId
}, },
pathname, pathname,
} = history.location; } = history.location;
const [dataSource, setDataSource] = useState<any>({}); const [dataSource, setDataSource] = useState<any>({});
const [chartsList, setChartsList] = useState<any>([]); const [chartsList, setChartsList] = useState<any>([]);
useEffect(() => { useEffect(() => {
const _data = purchaseBiddingMessageSupplier?.data const _data = purchaseBiddingMessageSupplier?.data
if (purchaseBiddingMessageSupplier && !isEmpty(dataSource) && _data.id == onlineId) { if (purchaseBiddingMessageSupplier && !isEmpty(dataSource) && _data.id == onlineId) {
const _obj = { const _obj = {
ranking: _data.ranking, ranking: _data.ranking,
minLowPrice: _data.minPrice, minLowPrice: _data.minPrice,
quotationDesks: _data.awardProcesss quotationDesks: _data.awardProcesss
} }
fetchDataSource(_obj); fetchDataSource(_obj);
} }
}, [purchaseBiddingMessageSupplier]) }, [purchaseBiddingMessageSupplier])
const fetchDataSource = async (socketObj?: any) => { const fetchDataSource = async (socketObj?: any) => {
const params = { const params = {
id, id,
number, number,
current: '1', current: '1',
pageSize: '1' pageSize: '1'
}
await getPurchaseOnlineBiddingBiddingDetails({ ...params }).then(res => {
if (res.code !== 1000) {
history.goBack();
return;
}
const { data } = res;
let _flag = false;
if (socketObj) {
_flag = true;
data.ranking = socketObj.ranking;
data.minLowPrice = socketObj.minLowPrice;
}
data.onlineId = Number(onlineId);
let _data: any = { ...data };
_data?.offerLogs.forEach((item, index, arr) => {
const _arrLength = arr.length;
if (index != _arrLength - 1 && _arrLength > 2) {
_data.offerLogs[index].offerRatio = Number(((item.offerPrice - arr[index + 1].offerPrice) / arr[index + 1].offerPrice * 100).toFixed(2))
} }
await getPurchaseOnlineBiddingBiddingDetails({ ...params }).then(res => { })
if (res.code !== 1000) { setDataSource(_data);
history.goBack(); let _list = [];
return; let _offerList = [];
} let _minList = [];
const { data } = res; let _quotationDesks = data?.quotationDesks ? [...data.quotationDesks].reverse() : [];
let _flag = false; if (_flag) {
if (socketObj) { _quotationDesks = socketObj.quotationDesks.filter((item) => item.id == onlineId)
_flag = true; }
data.ranking = socketObj.ranking; _quotationDesks.forEach((item) => {
data.minLowPrice = socketObj.minLowPrice; _offerList.push({ type: 'offer', time: formatTimeString(item.offerTime || item.peportTime, 'HH:mm:ss'), value: priceFormat(item.price || item.sumPice, 0) });
} })
data.onlineId = Number(onlineId); _list.push({ title: intl.formatMessage({ id: 'detail.purchase.label4' }), type: 'offer', list: _offerList });
let _data : any = {...data}; if (data.isOpenPurchase) {
_data?.offerLogs.forEach((item,index,arr) => { _quotationDesks.forEach((item) => {
const _arrLength = arr.length; _minList.push({ type: 'min', time: formatTimeString(item.offerTime || item.peportTime, 'HH:mm:ss'), value: priceFormat(item.minPrice, 0) });
if (index != _arrLength - 1 && _arrLength > 2) {
_data.offerLogs[index].offerRatio = Number(((item.offerPrice - arr[index + 1].offerPrice) / arr[index + 1].offerPrice * 100).toFixed(2))
}
})
setDataSource(_data);
let _list = [];
let _offerList = [];
let _minList = [];
let _quotationDesks = data?.quotationDesks ? [...data.quotationDesks].reverse() : [];
if (_flag) {
_quotationDesks = socketObj.quotationDesks.filter((item) => item.id == onlineId)
}
_quotationDesks.forEach((item) => {
_offerList.push({ type: 'offer', time: formatTimeString(item.offerTime || item.peportTime, 'HH:mm:ss'), value: priceFormat(item.price || item.sumPice, 0) });
})
_list.push({ title: '报价金额', type: 'offer', list: _offerList });
if (data.isOpenPurchase) {
_quotationDesks.forEach((item) => {
_minList.push({ type: 'min', time: formatTimeString(item.offerTime || item.peportTime, 'HH:mm:ss'), value: priceFormat(item.minPrice, 0) });
})
_list.push({ title: '最低价', type: 'min', list: _minList });
}
setChartsList(_list)
}) })
} _list.push({ title: intl.formatMessage({ id: 'detail.purchase.minPrice1' }), type: 'min', list: _minList });
}
setChartsList(_list)
})
}
useEffect(() => { useEffect(() => {
fetchDataSource(); fetchDataSource();
}, []) }, [])
return ( return (
<div className={styles.warp}> <div className={styles.warp}>
<div className={styles.header}> <div className={styles.header}>
<ArrowLeftOutlined className={styles.goBack} onClick={() => history.goBack()} /> <ArrowLeftOutlined className={styles.goBack} onClick={() => history.goBack()} />
<div className={styles.title}>{dataSource?.details}<span>{dataSource?.memberName}</span><IMBtn func={() => toChatRoom(dataSource.memberId)} /></div> <div className={styles.title}>{dataSource?.details}<span>{dataSource?.memberName}</span><IMBtn func={() => toChatRoom(dataSource.memberId)} /></div>
</div> </div>
<div className={styles.layout}> <div className={styles.layout}>
<Row gutter={[8, 8]}> <Row gutter={[8, 8]}>
<Col span={6}> <Col span={6}>
<HistoryItem detail={dataSource} /> <HistoryItem detail={dataSource} />
</Col> </Col>
<Col span={12}> <Col span={12}>
<QuotationDeskLayout chartsList={chartsList} /> <QuotationDeskLayout chartsList={chartsList} />
</Col> </Col>
<Col span={6}> <Col span={6}>
<StatusBox detail={dataSource} hasBidBtn={true} /> <StatusBox detail={dataSource} hasBidBtn={true} />
</Col> </Col>
</Row> </Row>
<Row> <Row>
<BidDetailLayout detail={dataSource} btnType={2} /> <BidDetailLayout detail={dataSource} btnType={2} />
</Row> </Row>
</div> </div>
</div> </div>
) )
} }
export default observer(Detail); export default observer(Detail);
src/pages/transaction/purchaseAbility/onlineBid/readyBid/detail/offer/index.tsx
View file @ 071580ba
...@@ -6,35 +6,35 @@ import { priceFormat } from '@/utils/numberFomat'; ...@@ -6,35 +6,35 @@ import { priceFormat } from '@/utils/numberFomat';
import TrendTag from '../../../../components/detail/components/trendTag'; import TrendTag from '../../../../components/detail/components/trendTag';
import styles from './index.less'; import styles from './index.less';
import { getIntl } from 'umi';
const intl = getIntl();
interface OfferItemProps { interface OfferItemProps {
detail: any detail: any
} }
const OfferItem: React.FC<OfferItemProps> = (props: any) => { const OfferItem: React.FC<OfferItemProps> = (props: any) => {
const { detail } = props; const { detail } = props;
return ( return (
<div className={styles.offerItem}> <div className={styles.offerItem}>
<div className={styles.left}>{detail.isOpenRanking ? `第${detail.ranking}名` : '不公开'}</div> <div className={styles.left}>{detail.isOpenRanking ? `${intl.formatMessage({ id: 'detail.purchase.label4' })}${detail.ranking}${intl.formatMessage({ id: 'detail.purchase.label5' })}` : intl.formatMessage({ id: 'detail.purchase.label7' })}</div>
<div className={styles.right}> <div className={styles.right}>
<div className={styles.row}> <div className={styles.row}>
<div className={styles.rowPrice}> <div className={styles.rowPrice}>
<span>¥ {priceFormat(detail.offerPrice)}</span> <span>¥ {priceFormat(detail.offerPrice)}</span>
当前最低价：{detail.isOpenPurchase ? `¥${priceFormat(detail.minPrice)}` : '不公开'} {intl.formatMessage({ id: 'detail.purchase.nowMinPrice1' })}：{detail.isOpenPurchase ? `¥${priceFormat(detail.minPrice)}` : '不公开'}
</div> </div>
第{detail.offerCount}次 ${intl.formatMessage({ id: 'detail.purchase.label4' })}{detail.offerCount}${intl.formatMessage({ id: 'detail.purchase.label6' })}
</div> </div>
<div className={styles.row}> <div className={styles.row}>
<div className={styles.rowTime}> <div className={styles.rowTime}>
{formatTimeString(detail.offerTime, 'HH:mm:ss')} {formatTimeString(detail.offerTime, 'HH:mm:ss')}
</div> </div>
{detail.offerRatio ? <TrendTag ratio={detail.offerRatio} /> : ''} {detail.offerRatio ? <TrendTag ratio={detail.offerRatio} /> : ''}
</div>
</div>
</div> </div>
) </div>
</div>
)
} }
export default OfferItem export default OfferItem
\ No newline at end of file
src/pages/transaction/purchaseAbility/onlineBid/readyBid/index.tsx
View file @ 071580ba
import React, { useRef } from 'react'; import React, { useRef } from 'react';
import { history } from 'umi'; import { getIntl, history } from 'umi';
import { Button, Badge, Typography, Space } from 'antd'; import { Button, Badge, Typography, Space } from 'antd';
import { ColumnType } from 'antd/lib/table/interface'; import { ColumnType } from 'antd/lib/table/interface';
import { PlayCircleOutlined, PoweroffOutlined } from '@ant-design/icons'; import { PlayCircleOutlined, PoweroffOutlined } from '@ant-design/icons';
...@@ -10,6 +10,8 @@ import StatusTag from '@/components/StatusTag'; ...@@ -10,6 +10,8 @@ import StatusTag from '@/components/StatusTag';
import Table from '../../components/table' import Table from '../../components/table'
const intl = getIntl();
import { import {
BID_EXTERNALSTATE_COLOR, BID_EXTERNALSTATE_COLOR,
BID_INTERNALSTATE_COLOR BID_INTERNALSTATE_COLOR
...@@ -21,13 +23,13 @@ const { Text } = Typography; ...@@ -21,13 +23,13 @@ const { Text } = Typography;
const ReadyBid = () => { const ReadyBid = () => {
const ref = useRef<any>({}); const ref = useRef<any>({});
const columns: ColumnType<any>[] = [{ const columns: ColumnType<any>[] = [{
title: '序号', title: intl.formatMessage({ id: 'table.purchase.id' }),
align: 'center', align: 'center',
dataIndex: 'id', dataIndex: 'id',
key: 'id', key: 'id',
render: (t, r, i) => ++i render: (t, r, i) => ++i
}, { }, {
title: '竞价单号/摘要', title: intl.formatMessage({ id: 'table.purchase.biddingNo' }),
key: 'biddingNo', key: 'biddingNo',
dataIndex: 'biddingNo', dataIndex: 'biddingNo',
render: (text: any, record: any) => ( render: (text: any, record: any) => (
...@@ -38,7 +40,7 @@ const ReadyBid = () => { ...@@ -38,7 +40,7 @@ const ReadyBid = () => {
</Space> </Space>
) )
}, { }, {
title: '采购会员', title: intl.formatMessage({ id: 'table.purchase.createMemberName' }),
key: 'createMemberName', key: 'createMemberName',
dataIndex: 'createMemberName', dataIndex: 'createMemberName',
render: (text: any, record: any) => ( render: (text: any, record: any) => (
...@@ -46,7 +48,7 @@ const ReadyBid = () => { ...@@ -46,7 +48,7 @@ const ReadyBid = () => {
url={`${ENTERPRISE_CENTER_URL}/shop/${record.createMemberId}_${record.createMemberRoleId}`}>{text}</EyePreview> url={`${ENTERPRISE_CENTER_URL}/shop/${record.createMemberId}_${record.createMemberRoleId}`}>{text}</EyePreview>
) )
}, { }, {
title: '竞价开始/结束时间', title: intl.formatMessage({ id: 'table.purchase.biddingStartTime' }),
key: 'biddingStartTime', key: 'biddingStartTime',
dataIndex: 'biddingStartTime', dataIndex: 'biddingStartTime',
render: (text: any, record: any) => <> render: (text: any, record: any) => <>
...@@ -55,7 +57,7 @@ const ReadyBid = () => { ...@@ -55,7 +57,7 @@ const ReadyBid = () => {
</>, </>,
width: 180 width: 180
}, { }, {
title: '竞价开始/结束时间', title: intl.formatMessage({ id: 'table.purchase.biddingStartTime' }),
key: 'startSignUp', key: 'startSignUp',
dataIndex: 'startSignUp', dataIndex: 'startSignUp',
render: (text: any, record: any) => <> render: (text: any, record: any) => <>
...@@ -64,7 +66,7 @@ const ReadyBid = () => { ...@@ -64,7 +66,7 @@ const ReadyBid = () => {
</>, </>,
width: 180 width: 180
}, { }, {
title: '外部状态', title: intl.formatMessage({ id: 'table.purchase.externalStatus' }),
key: 'externalState', key: 'externalState',
dataIndex: 'externalState', dataIndex: 'externalState',
render: (text: any, record: any) => <StatusTag type={BID_EXTERNALSTATE_COLOR(text)} title={record.externalStateName} /> render: (text: any, record: any) => <StatusTag type={BID_EXTERNALSTATE_COLOR(text)} title={record.externalStateName} />
...@@ -83,7 +85,7 @@ const ReadyBid = () => { ...@@ -83,7 +85,7 @@ const ReadyBid = () => {
onClick={() => { history.push(`/memberCenter/procurementAbility/onlineBid/readyBid/bid?id=${record.id}&number=${record.biddingNo}&onlineId=${record.onlineId}`) }} onClick={() => { history.push(`/memberCenter/procurementAbility/onlineBid/readyBid/bid?id=${record.id}&number=${record.biddingNo}&onlineId=${record.onlineId}`) }}
type='link' type='link'
> >
开始竞价 {intl.formatMessage({ id: 'detail.purchase.startStill' })}
</Button> </Button>
}]; }];
......
src/pages/transaction/purchaseAbility/onlineBid/readySignUp/index.tsx
View file @ 071580ba
import React, { useRef } from 'react'; import React, { useRef } from 'react';
import { history } from 'umi'; import { getIntl, history } from 'umi';
import { Button, Badge, Typography, Space } from 'antd'; import { Button, Badge, Typography, Space } from 'antd';
import { ColumnType } from 'antd/lib/table/interface'; import { ColumnType } from 'antd/lib/table/interface';
import { PlayCircleOutlined, PoweroffOutlined } from '@ant-design/icons' import { PlayCircleOutlined, PoweroffOutlined } from '@ant-design/icons'
...@@ -9,91 +9,93 @@ import EyePreview from '@/components/EyePreview'; ...@@ -9,91 +9,93 @@ import EyePreview from '@/components/EyePreview';
import StatusTag from '@/components/StatusTag'; import StatusTag from '@/components/StatusTag';
import { getPurchaseOnlineBiddingStayExamineBiddingSignup } from '@/services/PurchaseV2Api'; import { getPurchaseOnlineBiddingStayExamineBiddingSignup } from '@/services/PurchaseV2Api';
const intl = getIntl();
import Table from '../../components/table' import Table from '../../components/table'
import { import {
BID_EXTERNALSTATE_COLOR, BID_EXTERNALSTATE_COLOR,
BID_INTERNALSTATE_COLOR BID_INTERNALSTATE_COLOR
} from '../../constants/purchaseBid'; } from '../../constants/purchaseBid';
const { Text } = Typography; const { Text } = Typography;
const ReadySignUp = () => { const ReadySignUp = () => {
const ref = useRef<any>({}); const ref = useRef<any>({});
const columns: ColumnType<any>[] = [{ const columns: ColumnType<any>[] = [{
title: '序号', title: intl.formatMessage({ id: 'table.purchase.id' }),
align: 'center', align: 'center',
dataIndex: 'id', dataIndex: 'id',
key: 'id', key: 'id',
render: (t, r, i) => ++i render: (t, r, i) => ++i
}, { }, {
title: '竞价单号/摘要', title: intl.formatMessage({ id: 'table.purchase.biddingNo' }),
key: 'biddingNo', key: 'biddingNo',
dataIndex: 'biddingNo', dataIndex: 'biddingNo',
render: (text: any, record: any) => ( render: (text: any, record: any) => (
<Space direction='vertical' style={{width: 300}}> <Space direction='vertical' style={{ width: 300 }}>
<EyePreview <EyePreview
url={`/memberCenter/procurementAbility/onlineBid/readySignUp/detail?id=${record.id}&number=${record.biddingNo}`}>{text}</EyePreview> url={`/memberCenter/procurementAbility/onlineBid/readySignUp/detail?id=${record.id}&number=${record.biddingNo}`}>{text}</EyePreview>
<Text type="secondary">{record.details}</Text> <Text type="secondary">{record.details}</Text>
</Space> </Space>
)
}, {
title: '采购会员',
key: 'createMemberName',
dataIndex: 'createMemberName',
render: (text: any, record: any) => (
<EyePreview url={`${ENTERPRISE_CENTER_URL}/shop/${record.createMemberId}_${record.createMemberRoleId}`}>{text}</EyePreview>
)
}, {
title: '竞价开始/结束时间',
key: 'biddingStartTime',
dataIndex: 'biddingStartTime',
render: (text: any, record: any) => <>
<div><PlayCircleOutlined />&nbsp;{formatTimeString(record.biddingStartTime)}</div>
<div><PoweroffOutlined />&nbsp;{formatTimeString(record.biddingEndTime)}</div>
</>,
width: 180
}, {
title: '报名开始/结束时间',
key: 'startSignUp',
dataIndex: 'startSignUp',
render: (text: any, record: any) => <>
<div><PlayCircleOutlined />&nbsp;{formatTimeString(record.startSignUp)}</div>
<div><PoweroffOutlined />&nbsp;{formatTimeString(record.endSignUp)}</div>
</>,
width: 180
}, {
title: '外部状态',
key: 'externalState',
dataIndex: 'externalState',
render: (text: any, record: any) => <StatusTag type={BID_EXTERNALSTATE_COLOR(text)} title={record.externalStateName} />
}, {
title: intl.formatMessage({ id: 'table.purchase.innerStatus' }),
key: 'interiorState',
dataIndex: 'interiorState',
render: (text: any, record: any) => <Badge status={BID_INTERNALSTATE_COLOR(text)} text={record.interiorStateName} />
}, {
title: intl.formatMessage({ id: 'table.purchase.operate' }),
key: 'operate',
dataIndex: 'operate',
align: 'center',
render: (text: any, record: any) => <Button
// disabled={moment().isBetween(moment(record.startSignUp).format('YYYY-MM-DD HH:mm:ss'), moment(record.endSignUp).format('YYYY-MM-DD HH:mm:ss'))}
onClick={() => { history.push(`/memberCenter/procurementAbility/onlineBid/readySignUp/signUp?id=${record.id}&number=${record.biddingNo}`) }}
type='link'
>
{record.button === 3 ? '报名' : '重新报名'}
</Button>
}];
return (
<Table
schemaType="ONLINEBIDREADYSIGN_SCHEMA"
columns={columns}
effects="biddingNo"
fetch={getPurchaseOnlineBiddingStayExamineBiddingSignup}
reload={ref}
/>
) )
}, {
title: intl.formatMessage({ id: 'table.purchase.createMemberName' }),
key: 'createMemberName',
dataIndex: 'createMemberName',
render: (text: any, record: any) => (
<EyePreview url={`${ENTERPRISE_CENTER_URL}/shop/${record.createMemberId}_${record.createMemberRoleId}`}>{text}</EyePreview>
)
}, {
title: intl.formatMessage({ id: 'table.purchase.biddingStartTime' }),
key: 'biddingStartTime',
dataIndex: 'biddingStartTime',
render: (text: any, record: any) => <>
<div><PlayCircleOutlined />&nbsp;{formatTimeString(record.biddingStartTime)}</div>
<div><PoweroffOutlined />&nbsp;{formatTimeString(record.biddingEndTime)}</div>
</>,
width: 180
}, {
title: intl.formatMessage({ id: 'table.purchase.startSignUp' }),
key: 'startSignUp',
dataIndex: 'startSignUp',
render: (text: any, record: any) => <>
<div><PlayCircleOutlined />&nbsp;{formatTimeString(record.startSignUp)}</div>
<div><PoweroffOutlined />&nbsp;{formatTimeString(record.endSignUp)}</div>
</>,
width: 180
}, {
title: intl.formatMessage({ id: 'table.purchase.externalStatus' }),
key: 'externalState',
dataIndex: 'externalState',
render: (text: any, record: any) => <StatusTag type={BID_EXTERNALSTATE_COLOR(text)} title={record.externalStateName} />
}, {
title: intl.formatMessage({ id: 'table.purchase.innerStatus' }),
key: 'interiorState',
dataIndex: 'interiorState',
render: (text: any, record: any) => <Badge status={BID_INTERNALSTATE_COLOR(text)} text={record.interiorStateName} />
}, {
title: intl.formatMessage({ id: 'table.purchase.operate' }),
key: 'operate',
dataIndex: 'operate',
align: 'center',
render: (text: any, record: any) => <Button
// disabled={moment().isBetween(moment(record.startSignUp).format('YYYY-MM-DD HH:mm:ss'), moment(record.endSignUp).format('YYYY-MM-DD HH:mm:ss'))}
onClick={() => { history.push(`/memberCenter/procurementAbility/onlineBid/readySignUp/signUp?id=${record.id}&number=${record.biddingNo}`) }}
type='link'
>
{record.button === 3 ? intl.formatMessage({ id: 'detail.purchase.label14' }) : intl.formatMessage({ id: 'detail.purchase.label15' })}
</Button>
}];
return (
<Table
schemaType="ONLINEBIDREADYSIGN_SCHEMA"
columns={columns}
effects="biddingNo"
fetch={getPurchaseOnlineBiddingStayExamineBiddingSignup}
reload={ref}
/>
)
} }
export default ReadySignUp export default ReadySignUp
src/pages/transaction/purchaseAbility/onlineBid/readySignUp/signUp.tsx
View file @ 071580ba
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import { history } from 'umi'; import { getIntl, history } from 'umi';
import { PageHeaderWrapper } from '@ant-design/pro-layout'; import { PageHeaderWrapper } from '@ant-design/pro-layout';
import { Card, Button, message } from 'antd'; import { Card, Button, message } from 'antd';
import { createFormActions } from '@formily/antd' import { createFormActions } from '@formily/antd'
...@@ -15,6 +15,7 @@ import ReutrnEle from '@/components/ReturnEle'; ...@@ -15,6 +15,7 @@ import ReutrnEle from '@/components/ReturnEle';
import { formatTimeString } from '@/utils' import { formatTimeString } from '@/utils'
import { getAuth } from '@/utils/auth' import { getAuth } from '@/utils/auth'
const intl = getIntl();
import { formSchema } from './schema' import { formSchema } from './schema'
...@@ -79,7 +80,7 @@ const SignUpForm = () => { ...@@ -79,7 +80,7 @@ const SignUpForm = () => {
const beforeUpload = file => { const beforeUpload = file => {
if (file.size / 1024 / 1024 > 20) { if (file.size / 1024 / 1024 > 20) {
message.warning('附件大小超过20M'); message.warning(intl.formatMessage({ id: 'detail.purchase.message21' }));
return Promise.reject(); return Promise.reject();
} }
setRefundDisabled(true); setRefundDisabled(true);
...@@ -124,9 +125,9 @@ const SignUpForm = () => { ...@@ -124,9 +125,9 @@ const SignUpForm = () => {
return ( return (
<PageHeaderWrapper <PageHeaderWrapper
onBack={() => history.goBack()} onBack={() => history.goBack()}
backIcon={<ReutrnEle description="返回" />} backIcon={<ReutrnEle description={intl.formatMessage({ id: 'detail.purchase.back' })} />}
extra={ extra={
<Button disabled={refundDisabled} type="primary" onClick={() => addSchemaAction.submit()} loading={btnLoading} icon={<SaveOutlined />}> 保存</Button> <Button disabled={refundDisabled} type="primary" onClick={() => addSchemaAction.submit()} loading={btnLoading} icon={<SaveOutlined />}> {intl.formatMessage({ id: 'detail.purchase.save' })}</Button>
} }
> >
<Card> <Card>
......
src/pages/transaction/purchaseAbility/onlineBid/search/index.tsx
View file @ 071580ba
...@@ -10,23 +10,26 @@ import { getPurchaseOnlineBiddingList, getPurchaseOnlineBiddingExternalStatus, g ...@@ -10,23 +10,26 @@ import { getPurchaseOnlineBiddingList, getPurchaseOnlineBiddingExternalStatus, g
import Table from '../../components/table' import Table from '../../components/table'
const intl = getIntl();
import { import {
BID_EXTERNALSTATE_COLOR, BID_EXTERNALSTATE_COLOR,
BID_INTERNALSTATE_COLOR BID_INTERNALSTATE_COLOR
} from '../../constants/purchaseBid'; } from '../../constants/purchaseBid';
import { getIntl } from 'umi';
const { Text } = Typography; const { Text } = Typography;
const Search = () => { const Search = () => {
const ref = useRef<any>({}); const ref = useRef<any>({});
const columns: ColumnType<any>[] = [{ const columns: ColumnType<any>[] = [{
title: '序号', title: intl.formatMessage({ id: 'table.purchase.id' }),
align: 'center', align: 'center',
dataIndex: 'id', dataIndex: 'id',
key: 'id', key: 'id',
render: (t, r, i) => ++i render: (t, r, i) => ++i
}, { }, {
title: '竞价单号/摘要', title: intl.formatMessage({ id: 'table.purchase.biddingNo' }),
key: 'biddingNo', key: 'biddingNo',
dataIndex: 'biddingNo', dataIndex: 'biddingNo',
render: (text: any, record: any) => ( render: (text: any, record: any) => (
...@@ -37,12 +40,12 @@ const Search = () => { ...@@ -37,12 +40,12 @@ const Search = () => {
</Space> </Space>
) )
}, { }, {
title: '采购会员', title: intl.formatMessage({ id: 'table.purchase.createMemberName' }),
key: 'createMemberName', key: 'createMemberName',
dataIndex: 'createMemberName', dataIndex: 'createMemberName',
render: (text: any, record: any) => text render: (text: any, record: any) => text
}, { }, {
title: '竞价开始/结束时间', title: intl.formatMessage({ id: 'table.purchase.biddingStartTime' }),
key: 'biddingStartTime', key: 'biddingStartTime',
dataIndex: 'biddingStartTime', dataIndex: 'biddingStartTime',
render: (text: any, record: any) => <> render: (text: any, record: any) => <>
...@@ -51,7 +54,7 @@ const Search = () => { ...@@ -51,7 +54,7 @@ const Search = () => {
</>, </>,
width: 180 width: 180
}, { }, {
title: '报名开始/结束时间', title: intl.formatMessage({ id: 'table.purchase.startSignUp' }),
key: 'startSignUp', key: 'startSignUp',
dataIndex: 'startSignUp', dataIndex: 'startSignUp',
render: (text: any, record: any) => <> render: (text: any, record: any) => <>
...@@ -60,14 +63,14 @@ const Search = () => { ...@@ -60,14 +63,14 @@ const Search = () => {
</>, </>,
width: 180 width: 180
}, { }, {
title: '是否中标', title: intl.formatMessage({ id: 'table.purchase.isWin' }),
key: 'isPrize', key: 'isPrize',
dataIndex: 'isPrize', dataIndex: 'isPrize',
render: (text: any, record: any) => <> render: (text: any, record: any) => <>
{(text !== 1 && text !== 0) ? null : <StatusTag type={text ? 'success' : 'danger'} title={text ? '是' : '否'} />} {(text !== 1 && text !== 0) ? null : <StatusTag type={text ? 'success' : 'danger'} title={text ? intl.formatMessage({ id: 'table.purchase.okText' }) : intl.formatMessage({ id: 'table.purchase.cancelText' })} />}
</> </>
}, { }, {
title: '外部状态', title: intl.formatMessage({ id: 'table.purchase.externalStatus' }),
key: 'externalState', key: 'externalState',
dataIndex: 'externalState', dataIndex: 'externalState',
render: (text: any, record: any) => <StatusTag type={BID_EXTERNALSTATE_COLOR(text)} title={record.externalStateName} /> render: (text: any, record: any) => <StatusTag type={BID_EXTERNALSTATE_COLOR(text)} title={record.externalStateName} />
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment