Skip to content

N
ngic-company
Commit ad5bf8ab authored by wuhao's avatar wuhao 🎯
Browse files
Options

asder

parent 34748e22
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 523 additions and 117 deletions
routes.ts
View file @ ad5bf8ab
......@@ -39,18 +39,22 @@ export default [
name: '加入南高',
component: '@/pages/about/join',
},
{
path: '/about/joindetail',
name: '加入南高',
component: '@/pages/about/joindetail',
},
{
path: '/about/contact',
name: '联系我们',
component: '@/pages/index',
component: '@/pages/about/contact',
},
],
},
{
path: '/together',
name: '战略合作',
component: '@/pages/index',
component: '@/pages/together',
},
{
path: '/factory',
......
src/global.less
View file @ ad5bf8ab
......@@ -505,3 +505,25 @@ body,
color: #1890ff !important;
}
}
.tags {
background-color: rgba(242, 246, 255, 1);
padding: 2rem;
padding-top: 1rem;
}
.itemlo {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
img {
height: 66px;
}
p {
font-size: 0.8rem;
margin: 0.3rem;
}
p + p {
font-size: 0.6rem;
margin-bottom: 2rem;
}
}
src/pages/about/contact.jsx 0 → 100644
View file @ ad5bf8ab
import React, { useState, useEffect, Fragment } from 'react';
import { Map, Marker, InfoWindow } from 'react-amap';
import styles from './index.less';
import { Row, Col, Image, Pagination, Card, Tag, Grid } from 'antd';
import { useRequest } from 'ahooks';
import { doFetch } from '@/utils/doFetch';
import { EyeFilled } from '@ant-design/icons';
import { history } from 'umi';
const { useBreakpoint } = Grid;
const col = { xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 };
const { Meta } = Card;
const MyGps = () => {
const [dragEnable, setDragEnable] = useState(true);
const [display, setDisplay] = useState(true);
const [zoom, setZoom] = useState(16);
const [viewMode, setViewMode] = useState('2D');
return (
<div style={{ height: '500px', padding: 18, backgroundColor: '#f9f9f9' }}>
<Fragment>
<div style={{ width: '100%', height: 500 }}>
{display && (
<Map
dragEnable={dragEnable}
zoom={zoom}
viewMode={viewMode}
pitch={viewMode === '2D' ? 0 : 70}
center={[118.820014, 31.87894]}
>
<InfoWindow
position={[118.820014, 31.87895]}
offset={[0, -34]}
visible={true}
isCustom
>
<img
src={require('@/assets/logo.png')}
style={{ height: 37 }}
alt=""
/>
</InfoWindow>
<Marker
position={[118.820014, 31.87894]}
title="南京智能制造装备产业促进会"
></Marker>
</Map>
)}
</div>
</Fragment>
</div>
);
};
const arr = [
{
title: '公司地址',
desc: '南京市江宁区东南大学路33号',
},
{
title: '联系电话',
desc: '025-86111901',
},
{
title: '电子邮箱',
desc: 'center@jsnangao.com',
},
];
function Contact({ location: { query } }) {
return (
<div className="container">
<div className="section">
<h2 className="title">联系我们</h2>
<div
className="center"
style={{ justifyContent: 'space-around', margin: '2rem 0' }}
>
{arr.map((it, i) => {
return (
<div className="itemlo">
<img src={require(`@/assets/lo${i + 1}.png`)} alt="" />
<p>{it?.title}</p>
<p>{it?.desc}</p>
</div>
);
})}
</div>
<MyGps></MyGps>
</div>
</div>
);
}
export default Contact;
src/pages/about/index.less
View file @ ad5bf8ab
......@@ -108,3 +108,36 @@
text-align: center;
}
}
.join {
display: flex;
justify-content: center;
padding-left: 6vw;
h2 {
font-size: 1rem;
text-indent: 0.5rem;
}
p {
font-size: 0.6rem;
position: relative;
text-indent: 0.6rem;
&::before {
position: absolute;
left: 0;
top: 0.35rem;
width: 8px;
height: 8px;
background-color: #3d67ff;
border-radius: 8px;
content: '';
}
}
}
.joinus {
position: absolute;
bottom: 0;
padding-left: 6vw;
font-size: 2rem;
line-height: 3rem;
color: #fff;
}
src/pages/about/join.jsx
View file @ ad5bf8ab
This diff is collapsed.
src/pages/about/joindetail.jsx 0 → 100644
View file @ ad5bf8ab
import React, { useState, useEffect } from 'react';
import styles from './index.less';
import { Row, Col, Image, Pagination, Card, Tag, Grid } from 'antd';
import { useRequest } from 'ahooks';
import { doFetch } from '@/utils/doFetch';
import { EyeFilled } from '@ant-design/icons';
import { history } from 'umi';
const { useBreakpoint } = Grid;
const col = { xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 };
const { Meta } = Card;
function Join({ location: { query } }) {
const [curid, setcurid] = useState(query.id);
const { data, loading } = useRequest(async () => {
let data = await doFetch({
url: '/recruit/detail',
params: { id: curid },
});
return data?.data?.data;
});
return (
<div className="container">
<div className="section">
<h2 className="title">岗位详情</h2>
<p style={{ textAlign: 'center', fontSize: '0.6rem' }}>
如果您对我们感兴趣，欢迎投递简历至
<a href="mailto:chenjie@jsnangao.com" target="_blank">
chenjie@jsnangao.com
</a>
，邮件主题格式：<a>岗位名称+姓名+学校+学历，</a>更多招聘信息请详询：
<a href="tel:025-52187179">025-52187179</a>，期待您的加入！
</p>
<div className="tags">
<p
style={{
fontSize: '1rem',
width: '100%',
marginTop: '1rem',
textAlign: 'center',
}}
>
<span>{data?.positionName}</span>
<span
style={{ color: 'rgba(255, 103, 47, 1)', paddingLeft: '1.5rem' }}
>
{data?.salary}
</span>
</p>
<div className="center">
{data?.positionDepartment && (
<Tag
color="blue"
style={{ fontSize: '0.6rem', padding: '0.2rem' }}
>
{data?.positionDepartment}
</Tag>
)}
{data?.education && (
<Tag
color="cyan"
style={{ fontSize: '0.6rem', padding: '0.2rem' }}
>
{data?.education}
</Tag>
)}
{data?.wordExperience && (
<Tag
color="geekblue"
style={{ fontSize: '0.6rem', padding: '0.2rem' }}
>
{data?.wordExperience}
</Tag>
)}
{data?.hiringNum && (
<Tag style={{ fontSize: '0.6rem', padding: '0.2rem' }}>
招聘：{data?.hiringNum}人
</Tag>
)}
</div>
<div className="center" style={{ marginTop: '1rem' }}>
{data?.workAddress && (
<Tag style={{ fontSize: '0.6rem', padding: '0.2rem' }}>
地点：{data?.workAddress}
</Tag>
)}
</div>
</div>
<div
style={{
backgroundColor: '#ffffff',
fontSize: '0.6rem',
width: '22vw',
margin: '0 auto',
minWidth: 360,
padding: '2rem',
}}
dangerouslySetInnerHTML={{ __html: data?.jobRequirements }}
></div>
</div>
</div>
);
}
export default Join;
src/pages/together.jsx 0 → 100644
View file @ ad5bf8ab
import React, { useState, useEffect } from 'react';
import { Row, Col, Image, Pagination, Card, Tag, Grid } from 'antd';
const col = { xs: 24, sm: 24, md: 12, lg: 12, xl: 12, xxl: 12 };
function Together() {
return (
<div className="container">
<img
src={require('@/assets/backs.jpg')}
alt=""
style={{ width: '100%' }}
/>
<Row className="center">
<Col {...col}>
<img
style={{ width: '100%' }}
src={require('@/assets/lefts.jpg')}
alt=""
/>
</Col>
<Col {...col}>
<h2>生态合作</h2>
<p>
根据客户需求为其提供量身定制的产品和服务，通过“政、用、产、学、研”与客户建立长期合作的战略伙伴关系。
</p>
<div>
<img src={require('@/assets/zl.png')} alt="" />
<h2>战略伙伴权益</h2>
<p>
<span>市场营销</span>
<span>技术赋能</span>
</p>
<p>
<span>政策分析</span>
<span>融合生态</span>
</p>
</div>
<div>
<img src={require('@/assets/zl2.png')} alt="" />
<h2>战略合作类型</h2>
<p>
<span>系统集成类</span>
<span>技术攻关类</span>
</p>
<p>
<span>联合申报类</span>
<span>人才培养类</span>
</p>
</div>
</Col>
</Row>
</div>
);
}
export default Together;
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