国际化
This commit is contained in:
linxd
@ -146,7 +146,6 @@ const IndexPage: React.FC<any> = ({ user }) => {
|
||||
}).then((res) => {
|
||||
setNoticeList(res.data.records);
|
||||
});
|
||||
|
||||
}, []);
|
||||
|
||||
const toSystem = (type: string) => {
|
||||
@ -160,7 +159,9 @@ const IndexPage: React.FC<any> = ({ user }) => {
|
||||
};
|
||||
|
||||
const toRegister = (type: string) => {
|
||||
window.location.href = `${REGISTER_URL}/${type}?redirect=${encodeURIComponent(window.location.href)}`;
|
||||
window.location.href = `${REGISTER_URL}/${type}?redirect=${encodeURIComponent(
|
||||
window.location.href,
|
||||
)}`;
|
||||
// history.push({
|
||||
// pathname: '/register/supplier',
|
||||
// query: {
|
||||
@ -191,7 +192,7 @@ const IndexPage: React.FC<any> = ({ user }) => {
|
||||
<img className="banner" src={require('@/assets/img/banner.jpg')} alt="" />
|
||||
{/* 通知列表 */}
|
||||
<div className="noticeList layout-content-main">
|
||||
<div className="noticeName">通知公告</div>
|
||||
<div className="noticeName">{intl.formatMessage({ id: 'home.notice.title' })}</div>
|
||||
{noticeList.map((item) => (
|
||||
<div className="noticeItem" key={item.id}>
|
||||
<div className="cardTitle">
|
||||
@ -218,16 +219,18 @@ const IndexPage: React.FC<any> = ({ user }) => {
|
||||
<Col span={8}>
|
||||
<div className="loginTypeItem">
|
||||
<img src={require('@/assets/img/loginType1.png')} alt="" />
|
||||
<div className="loginTypeItemTitle">供应商入口</div>
|
||||
<div className="loginTypeItemTitle">
|
||||
{intl.formatMessage({ id: 'home.entry.supplier.title' })}
|
||||
</div>
|
||||
<div className="loginTypeItemContent">
|
||||
供应商注册、投标、合同管理、结算等全流程服务
|
||||
{intl.formatMessage({ id: 'home.entry.supplier.desc' })}
|
||||
</div>
|
||||
<div className="btns">
|
||||
<Button type="primary" onClick={() => toSystem('supplier')}>
|
||||
立即进入
|
||||
{intl.formatMessage({ id: 'home.button.enterNow' })}
|
||||
</Button>
|
||||
<Button type="primary" ghost onClick={() => toRegister('supplier')}>
|
||||
立即注册
|
||||
{intl.formatMessage({ id: 'home.button.registerNow' })}
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
@ -235,16 +238,18 @@ const IndexPage: React.FC<any> = ({ user }) => {
|
||||
<Col span={8}>
|
||||
<div className="loginTypeItem">
|
||||
<img src={require('@/assets/img/loginType2.png')} alt="" />
|
||||
<div className="loginTypeItemTitle">采购专家入口</div>
|
||||
<div className="loginTypeItemTitle">
|
||||
{intl.formatMessage({ id: 'home.entry.expert.title' })}
|
||||
</div>
|
||||
<div className="loginTypeItemContent">
|
||||
采购需求发布、评审、合同签订、供应商管理等服务
|
||||
{intl.formatMessage({ id: 'home.entry.expert.desc' })}
|
||||
</div>
|
||||
<div className="btns">
|
||||
<Button type="primary" ghost onClick={() => toSystem('expert')}>
|
||||
立即进入
|
||||
{intl.formatMessage({ id: 'home.button.enterNow' })}
|
||||
</Button>
|
||||
<Button type="primary" ghost onClick={() => toRegister('expert')}>
|
||||
立即注册
|
||||
{intl.formatMessage({ id: 'home.button.registerNow' })}
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
@ -252,13 +257,15 @@ const IndexPage: React.FC<any> = ({ user }) => {
|
||||
<Col span={8}>
|
||||
<div className="loginTypeItem">
|
||||
<img src={require('@/assets/img/loginType3.png')} alt="" />
|
||||
<div className="loginTypeItemTitle">招标代理入口</div>
|
||||
<div className="loginTypeItemTitle">
|
||||
{intl.formatMessage({ id: 'home.entry.agent.title' })}
|
||||
</div>
|
||||
<div className="loginTypeItemContent">
|
||||
招标文件编制、公告发布、开标评标等专业服务
|
||||
{intl.formatMessage({ id: 'home.entry.agent.desc' })}
|
||||
</div>
|
||||
<div className="btns">
|
||||
<Button type="primary" ghost onClick={() => toSystem('agent')}>
|
||||
立即进入
|
||||
{intl.formatMessage({ id: 'home.button.enterNow' })}
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
@ -271,7 +278,9 @@ const IndexPage: React.FC<any> = ({ user }) => {
|
||||
<Row gutter={40}>
|
||||
<Col span={5}>
|
||||
<div className="types bg">
|
||||
<div className="announceTitle">采购类型</div>
|
||||
<div className="announceTitle">
|
||||
{intl.formatMessage({ id: 'home.procurement.title' })}
|
||||
</div>
|
||||
{typeList.map((item) => (
|
||||
<div
|
||||
className={`typeItem ${item.key === '1' ? 'active' : ''}`}
|
||||
@ -312,43 +321,61 @@ const IndexPage: React.FC<any> = ({ user }) => {
|
||||
<div className="layout-content-main">
|
||||
<Row gutter={40}>
|
||||
<Col span={16}>
|
||||
<div className="blockTitle">问题咨询方式</div>
|
||||
<div className="blockTitle">{intl.formatMessage({ id: 'home.question.title' })}</div>
|
||||
<div className="borderBox">
|
||||
{/* addressImg */}
|
||||
<img src={aboutUs.addressImg} alt="" />
|
||||
<div className="questionItem">
|
||||
<IconFont type="icon-dizhi" className="icon" />
|
||||
<span dangerouslySetInnerHTML={{ __html: aboutUs[intl.formatMessage({ id: 'home.data.address' })] }} />
|
||||
<span
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: aboutUs['address'],
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div className="questionItem">
|
||||
<IconFont type="icon-dianhua" className="icon" />
|
||||
<span dangerouslySetInnerHTML={{ __html: aboutUs[intl.formatMessage({ id: 'home.data.contactsConsult' })] }} />
|
||||
<span
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: aboutUs['contactsConsult'],
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div className="questionItem">
|
||||
<IconFont type="icon-youxiang" className="icon" />
|
||||
<span dangerouslySetInnerHTML={{ __html: aboutUs[intl.formatMessage({ id: 'home.data.contactsEmail' })] }} />
|
||||
<span
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: aboutUs['contactsEmail'],
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</Col>
|
||||
<Col span={8} className="caBox">
|
||||
<div>
|
||||
<div className="blockTitle">CA服务</div>
|
||||
<div className="blockTitle">CA {intl.formatMessage({ id: 'home.ca.title' })}</div>
|
||||
<Row className="caRow">
|
||||
<Col span={6} offset={6} className="caItem">
|
||||
<img src={require('@/assets/img/ca1.png')} alt="" />
|
||||
<span>CA办理</span>
|
||||
<span>{intl.formatMessage({ id: 'home.ca.handle' })}</span>
|
||||
</Col>
|
||||
<Col span={6} className="caItem">
|
||||
<img src={require('@/assets/img/ca2.png')} alt="" />
|
||||
<span>CA客服</span>
|
||||
<span>{intl.formatMessage({ id: 'home.ca.service' })}</span>
|
||||
</Col>
|
||||
</Row>
|
||||
</div>
|
||||
|
||||
<div className="contactBox">
|
||||
<div className="blockTitle mt20">联系方式</div>
|
||||
<div className="blockTitle mt20">
|
||||
{intl.formatMessage({ id: 'home.contact.title' })}
|
||||
</div>
|
||||
<div className="contact">
|
||||
<span dangerouslySetInnerHTML={{ __html: aboutUs[intl.formatMessage({ id: 'home.data.contactsPhone' })] }} />
|
||||
<span
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: aboutUs[intl.formatMessage({ id: 'home.data.contactsPhone' })],
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</Col>
|
||||
@ -358,10 +385,14 @@ const IndexPage: React.FC<any> = ({ user }) => {
|
||||
|
||||
<div className="firendLink">
|
||||
<div className="layout-content-main">
|
||||
<div className="linkTitle">友情链接</div>
|
||||
<div className="linkTitle">{intl.formatMessage({ id: 'home.friendlink.title' })}</div>
|
||||
<Card>
|
||||
{friendshipConnections.map((item, index) => (
|
||||
<Card.Grid onClick={() => window.open(item.url)} key={item.id} style={{ width: '16.6667%', height: '130px' }}>
|
||||
<Card.Grid
|
||||
onClick={() => window.open(item.url)}
|
||||
key={item.id}
|
||||
style={{ width: '16.6667%', height: '130px' }}
|
||||
>
|
||||
<img src={item.thumbnail} alt="" />
|
||||
</Card.Grid>
|
||||
))}
|
||||
|
||||
Reference in New Issue
Block a user