Skip to content

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

asder

parent 4d94d899
Hide whitespace changes
Inline Side-by-side
Showing with 73 additions and 48 deletions
routes.ts
View file @ 572e2406
...@@ -83,7 +83,7 @@ export default [ ...@@ -83,7 +83,7 @@ export default [
}, },
{ {
path: '/factory/typea/iot', path: '/factory/typea/iot',
name: 'IOT数据采集系统', name: 'IoT数据采集系统',
component: '@/pages/factory/iot', component: '@/pages/factory/iot',
}, },
{ {
...@@ -124,11 +124,11 @@ export default [ ...@@ -124,11 +124,11 @@ export default [
routes: [ routes: [
{ {
name: '南京智能制造装备产业促进会产供需平台', name: '南京智能制造装备产业促进会产供需平台',
path: 'http://www.jsiea.com/cgx/#/welcome', path: 'http://njime.cn/cgx/#/welcome',
}, },
{ {
name: '江苏省智能装备产业联盟数控机床产供需平台', name: '江苏省智能装备产业联盟数控机床产供需平台',
path: 'http://njime.cn/cgx/#/welcome', path: 'http://www.jsiea.com/cgx/#/welcome',
}, },
], ],
}, },
......
src/global.less
View file @ 572e2406
...@@ -114,6 +114,13 @@ body, ...@@ -114,6 +114,13 @@ body,
width: 100%; width: 100%;
/* height: auto; */ /* height: auto; */
background-color: black; background-color: black;
* {
font-size: 0.6rem !important;
}
h2 {
font-size: 0.7rem !important;
font-weight: bolder !important;
}
} }
#webFooter > div:first-child { #webFooter > div:first-child {
/* height:calc(100% - 40px) ; */ /* height:calc(100% - 40px) ; */
...@@ -311,8 +318,11 @@ body, ...@@ -311,8 +318,11 @@ body,
.section { .section {
padding: 2rem; padding: 2rem;
position: relative; position: relative;
h2 {
margin-bottom: 1rem;
}
.ant-tabs-tab-btn { .ant-tabs-tab-btn {
font-size: 0.8rem; font-size: 0.7rem;
} }
.tabs { .tabs {
text-align: center; text-align: center;
...@@ -1017,7 +1027,7 @@ body, ...@@ -1017,7 +1027,7 @@ body,
.ant-pro-card-body { .ant-pro-card-body {
padding-top: 0.8rem !important; padding-top: 0.8rem !important;
* { * {
font-size: 0.8rem !important; font-size: 0.6rem !important;
} }
.anticon-download { .anticon-download {
* { * {
...@@ -1053,3 +1063,6 @@ body, ...@@ -1053,3 +1063,6 @@ body,
margin-bottom: 0.6rem; margin-bottom: 0.6rem;
} }
} }
.ant-menu-horizontal {
border: none !important;
}
src/layouts/footer.jsx
View file @ 572e2406
...@@ -59,7 +59,7 @@ export default () => { ...@@ -59,7 +59,7 @@ export default () => {
}, },
{ {
link: '/factory/typea/iot', link: '/factory/typea/iot',
text: 'IOT数据采集系统', text: 'IoT数据采集系统',
}, },
{ {
link: '/factory/typea/plm', link: '/factory/typea/plm',
...@@ -123,9 +123,7 @@ export default () => { ...@@ -123,9 +123,7 @@ export default () => {
<div className="contact"> <div className="contact">
<li>电话&nbsp;&nbsp;&nbsp;&nbsp;025-86111901</li> <li>电话&nbsp;&nbsp;&nbsp;&nbsp;025-86111901</li>
<li>邮箱&nbsp;&nbsp;&nbsp;&nbsp;center@jsnangao.com</li> <li>邮箱&nbsp;&nbsp;&nbsp;&nbsp;center@jsnangao.com</li>
<li> <li>地址&nbsp;&nbsp;&nbsp;&nbsp;南京市江宁区东南大学路33号</li>
地址&nbsp;&nbsp;&nbsp;&nbsp;南京市江宁开发区东南大学路33号
</li>
<div> <div>
<div <div
className="nangao" className="nangao"
...@@ -158,7 +156,7 @@ export default () => { ...@@ -158,7 +156,7 @@ export default () => {
</Row> </Row>
</div> </div>
<div className="footer-copyright"> <div className="footer-copyright">
Copyright © 2017 Copyright © {new Date().getFullYear()} &nbsp;
江苏南高智能装备创新中心有限公司&nbsp;&nbsp;&nbsp;版权所有&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;备案号: 江苏南高智能装备创新中心有限公司&nbsp;&nbsp;&nbsp;版权所有&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;备案号:
苏ICP备18015471号 苏ICP备18015471号
</div> </div>
......
src/layouts/index.jsx
View file @ 572e2406
...@@ -197,6 +197,7 @@ function Layout({ children, location }) { ...@@ -197,6 +197,7 @@ function Layout({ children, location }) {
marginRight: -24, marginRight: -24,
color: '#fff', color: '#fff',
cursor: 'pointer', cursor: 'pointer',
fontSize: 17,
}} }}
onClick={async () => { onClick={async () => {
let res = await doFetch({ url: '/video/detail', params: {} }); let res = await doFetch({ url: '/video/detail', params: {} });
...@@ -318,6 +319,7 @@ function Layout({ children, location }) { ...@@ -318,6 +319,7 @@ function Layout({ children, location }) {
justifyContent: 'center', justifyContent: 'center',
alignItems: 'flex-end', alignItems: 'flex-end',
margin: '0.3rem 0', margin: '0.3rem 0',
paddingRight: 0,
}} }}
> >
<div <div
...@@ -339,6 +341,7 @@ function Layout({ children, location }) { ...@@ -339,6 +341,7 @@ function Layout({ children, location }) {
message.success( message.success(
'我们已收到您的申请，稍后将有专员联系您...', '我们已收到您的申请，稍后将有专员联系您...',
); );
setvals({});
} }
}); });
}} }}
...@@ -349,7 +352,7 @@ function Layout({ children, location }) { ...@@ -349,7 +352,7 @@ function Layout({ children, location }) {
</Row> </Row>
)} )}
<Row <Row
gutter={36} gutter={0}
style={{ style={{
width: '100%', width: '100%',
}} }}
...@@ -422,6 +425,7 @@ function Layout({ children, location }) { ...@@ -422,6 +425,7 @@ function Layout({ children, location }) {
className={styles.diybtn} className={styles.diybtn}
onClick={() => { onClick={() => {
setcolls(!colls); setcolls(!colls);
setvals({});
}} }}
> >
{!colls ? '免费体验' : '取消'} {!colls ? '免费体验' : '取消'}
......
src/layouts/index.less
View file @ 572e2406
...@@ -82,9 +82,9 @@ ...@@ -82,9 +82,9 @@
} }
.navbar { .navbar {
padding: 1rem !important; padding: 0 2rem !important;
border-top: 1px solid #f0f0f0 !important; border-top: 1px solid #f0f0f0 !important;
background-color: #ffffff; background-color: rgba(255, 255, 255, 0.5);
margin-top: 3rem; margin-top: 3rem;
} }
.diybtn { .diybtn {
......
src/pages/about/honer.jsx
View file @ 572e2406
...@@ -5,7 +5,7 @@ import { useRequest } from 'ahooks'; ...@@ -5,7 +5,7 @@ import { useRequest } from 'ahooks';
import { doFetch } from '@/utils/doFetch'; import { doFetch } from '@/utils/doFetch';
import { EyeFilled } from '@ant-design/icons'; import { EyeFilled } from '@ant-design/icons';
const col = { xs: 24, sm: 24, md: 12, lg: 12, xl: 12, xxl: 12 }; const col = { xs: 24, sm: 12, md: 8, lg: 6, xl: 6, xxl: 4 };
function Insert() { function Insert() {
const { data, loading } = useRequest(async () => { const { data, loading } = useRequest(async () => {
...@@ -34,10 +34,10 @@ function Insert() { ...@@ -34,10 +34,10 @@ function Insert() {
企业资质 企业资质
</h2> </h2>
<Image.PreviewGroup> <Image.PreviewGroup>
<div className={styles?.column}> <Row gutter={20}>
{data?.zizhi?.map((it, i) => { {data?.zizhi?.map((it, i) => {
return ( return (
<div className={styles?.item}> <Col {...col} className={styles?.item}>
<Image <Image
preview={{ preview={{
mask: ( mask: (
...@@ -50,10 +50,10 @@ function Insert() { ...@@ -50,10 +50,10 @@ function Insert() {
alt="" alt=""
/> />
<div className={styles?.title}>{it?.name}</div> <div className={styles?.title}>{it?.name}</div>
</div> </Col>
); );
})} })}
</div> </Row>
</Image.PreviewGroup> </Image.PreviewGroup>
</div> </div>
...@@ -68,10 +68,10 @@ function Insert() { ...@@ -68,10 +68,10 @@ function Insert() {
行业担当 行业担当
</h2> </h2>
<Image.PreviewGroup> <Image.PreviewGroup>
<div className={styles?.column}> <Row gutter={20}>
{data?.hangye?.map((it, i) => { {data?.hangye?.map((it, i) => {
return ( return (
<div className={styles?.item}> <Col {...col} className={styles?.item}>
<Image <Image
preview={{ preview={{
mask: ( mask: (
...@@ -84,10 +84,10 @@ function Insert() { ...@@ -84,10 +84,10 @@ function Insert() {
alt="" alt=""
/> />
<div className={styles?.title}>{it?.name}</div> <div className={styles?.title}>{it?.name}</div>
</div> </Col>
); );
})} })}
</div> </Row>
</Image.PreviewGroup> </Image.PreviewGroup>
</div> </div>
...@@ -102,10 +102,10 @@ function Insert() { ...@@ -102,10 +102,10 @@ function Insert() {
政府荣誉 政府荣誉
</h2> </h2>
<Image.PreviewGroup> <Image.PreviewGroup>
<div className={styles?.column}> <Row gutter={20}>
{data?.honer?.map((it, i) => { {data?.honer?.map((it, i) => {
return ( return (
<div className={styles?.item}> <Col {...col} className={styles?.item}>
<Image <Image
preview={{ preview={{
mask: ( mask: (
...@@ -118,10 +118,10 @@ function Insert() { ...@@ -118,10 +118,10 @@ function Insert() {
alt="" alt=""
/> />
<div className={styles?.title}>{it?.name}</div> <div className={styles?.title}>{it?.name}</div>
</div> </Col>
); );
})} })}
</div> </Row>
</Image.PreviewGroup> </Image.PreviewGroup>
</div> </div>
...@@ -136,10 +136,10 @@ function Insert() { ...@@ -136,10 +136,10 @@ function Insert() {
知识产权 知识产权
</h2> </h2>
<Image.PreviewGroup> <Image.PreviewGroup>
<div className={styles?.column}> <Row gutter={20}>
{data?.zhishi?.map((it, i) => { {data?.zhishi?.map((it, i) => {
return ( return (
<div className={styles?.item}> <Col {...col} className={styles?.item}>
<Image <Image
preview={{ preview={{
mask: ( mask: (
...@@ -152,10 +152,10 @@ function Insert() { ...@@ -152,10 +152,10 @@ function Insert() {
alt="" alt=""
/> />
<div className={styles?.title}>{it?.name}</div> <div className={styles?.title}>{it?.name}</div>
</div> </Col>
); );
})} })}
</div> </Row>
</Image.PreviewGroup> </Image.PreviewGroup>
</div> </div>
</div> </div>
......
src/pages/about/index.less
View file @ 572e2406
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
margin: auto; margin: auto;
margin-bottom: 0.4rem; margin-bottom: 0.4rem;
min-width: 300px !important; min-width: 300px !important;
font-size: 0.6rem !important;
} }
.introimg { .introimg {
width: 66vw; width: 66vw;
...@@ -20,11 +21,15 @@ ...@@ -20,11 +21,15 @@
font-size: 1.2rem; font-size: 1.2rem;
margin-bottom: 1.2rem; margin-bottom: 1.2rem;
} }
p {
font-size: 0.6rem;
}
div { div {
font-size: 0.7rem;
background-color: @primary-color; background-color: @primary-color;
padding: 12px; padding: 12px;
color: #fff; color: #fff;
width: 88px; width: 100px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-content: center; align-content: center;
...@@ -32,7 +37,7 @@ ...@@ -32,7 +37,7 @@
} }
} }
.ibo { .ibo {
width: calc(100% - 4rem); width: calc(100% - 2rem);
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
flex-wrap: wrap; flex-wrap: wrap;
...@@ -95,7 +100,9 @@ ...@@ -95,7 +100,9 @@
padding-bottom: 12px; padding-bottom: 12px;
overflow: hidden; overflow: hidden;
float: left; float: left;
> div {
width: 100%;
}
img { img {
width: 100%; width: 100%;
} }
...@@ -106,6 +113,8 @@ ...@@ -106,6 +113,8 @@
width: 100%; width: 100%;
padding: 8px 12px 0 12px; padding: 8px 12px 0 12px;
text-align: center; text-align: center;
font-size: 0.6rem;
font-weight: bolder;
} }
} }
......
src/pages/about/insert.jsx
View file @ 572e2406
...@@ -28,7 +28,7 @@ function Insert() { ...@@ -28,7 +28,7 @@ function Insert() {
江苏南高是<b>“江苏省高档数控机床及成套装备创新中心”</b>的运营主体。 江苏南高是<b>“江苏省高档数控机床及成套装备创新中心”</b>的运营主体。
</p> </p>
<p className={styles.intro}> <p className={styles.intro}>
公司拥有自主知识产权的MOM制造运营管理系统，MES制造执行系统，WMS智能仓储系统，IOT工业互联网平台以及智能网关，结合数字孪生、机器视觉、AI、5G等新兴技术，帮助制造业企业打造数字化智慧工厂，累计服务合同到账收入超过5000万元。 公司拥有自主知识产权的MOM制造运营管理系统，MES制造执行系统，WMS智能仓储系统，IoT工业互联网平台以及智能网关，结合数字孪生、机器视觉、AI、5G等新兴技术，帮助制造业企业打造数字化智慧工厂，累计服务合同到账收入超过5000万元。
</p> </p>
</div> </div>
<div className="section"> <div className="section">
...@@ -110,7 +110,7 @@ function Insert() { ...@@ -110,7 +110,7 @@ function Insert() {
<img <img
src={require(`@/assets/ibo/tz${i + 1}.png`)} src={require(`@/assets/ibo/tz${i + 1}.png`)}
alt="" alt=""
style={{ height: 68, width: 'auto', display: 'block' }} style={{ height: 110, width: 'auto', display: 'block' }}
/> />
); );
})} })}
......
src/pages/factory/datagate/index.jsx
View file @ 572e2406
...@@ -65,7 +65,7 @@ export default () => { ...@@ -65,7 +65,7 @@ export default () => {
<br /> <br />
支持三菱、西门子、施耐德、汇川、欧姆龙、产电、基恩士、松下、罗克韦尔、倍福、通用电气、安川、富士、信捷、横河、台达等网口PLC的采集。 支持三菱、西门子、施耐德、汇川、欧姆龙、产电、基恩士、松下、罗克韦尔、倍福、通用电气、安川、富士、信捷、横河、台达等网口PLC的采集。
<br /> <br />
支持定制开发TCP相关协议、支持4G传输,WIFI传输，以太传输、持内置OPCUA服务器功能、支持接入第三方IOT平台(限MQTT通道、TCP通道)、支持python脚本的边缘计算、支持看门狗程序、支持重连机制、支持断点续传功能。 支持定制开发TCP相关协议、支持4G传输,WIFI传输，以太传输、持内置OPCUA服务器功能、支持接入第三方IoT平台(限MQTT通道、TCP通道)、支持python脚本的边缘计算、支持看门狗程序、支持重连机制、支持断点续传功能。
</p> </p>
</Col> </Col>
</Row> </Row>
......
src/pages/factory/iot/index.jsx
View file @ 572e2406
...@@ -16,12 +16,12 @@ export default () => { ...@@ -16,12 +16,12 @@ export default () => {
style={{ width: '100%' }} style={{ width: '100%' }}
/> />
<div className="content"> <div className="content">
<h2 className="title">IOT数据采集系统</h2> <h2 className="title">IoT数据采集系统</h2>
</div> </div>
<div className="cpjs bgjs"> <div className="cpjs bgjs">
<h3>系统介绍</h3> <h3>系统介绍</h3>
<p> <p>
南高IOT数据采集系统通过组合各种物联网硬件,可以对设备开关、模拟量数据进行采集,通过配置传感器,还可以实现对设备温度、震动及环境湿度等多种数据进行采集；通过配套平台—南高工业互联网平台,用户既可以在工控机上实现数据监测和设备控制,也可以通过手机、平板等联网终端进行远程监控。{' '} 南高IoT数据采集系统通过组合各种物联网硬件,可以对设备开关、模拟量数据进行采集,通过配置传感器,还可以实现对设备温度、震动及环境湿度等多种数据进行采集；通过配套平台—南高工业互联网平台,用户既可以在工控机上实现数据监测和设备控制,也可以通过手机、平板等联网终端进行远程监控。{' '}
</p> </p>
</div> </div>
<div className="ywkj cpjs"> <div className="ywkj cpjs">
...@@ -29,7 +29,7 @@ export default () => { ...@@ -29,7 +29,7 @@ export default () => {
<span <span
style={{ textAlign: 'center', marginBottom: 16, fontSize: '0.8rem' }} style={{ textAlign: 'center', marginBottom: 16, fontSize: '0.8rem' }}
> >
南高IOT数据采集系统多种数据采集及设备控制功能适用于工业制造业的各个环节。 南高IoT数据采集系统多种数据采集及设备控制功能适用于工业制造业的各个环节。
</span> </span>
<div> <div>
<div> <div>
......
src/pages/index.jsx
View file @ 572e2406
...@@ -67,7 +67,7 @@ const production = { ...@@ -67,7 +67,7 @@ const production = {
detail: '/factory/typea/ems', detail: '/factory/typea/ems',
}, },
{ {
title: 'IOT数据采集系统', title: 'IoT数据采集系统',
desc: '组合各种物联网硬件采集多种数据，通过南高工业互联网平台,可上实现数据监测和设备控制。', desc: '组合各种物联网硬件采集多种数据，通过南高工业互联网平台,可上实现数据监测和设备控制。',
detail: '/factory/typea/iot', detail: '/factory/typea/iot',
}, },
...@@ -86,17 +86,17 @@ const production = { ...@@ -86,17 +86,17 @@ const production = {
{ {
title: 'Z系列智能网关', title: 'Z系列智能网关',
desc: '支持西门子（含有OPCUA配件) /FANUC全系列/DELEM65等系列(含有OPCUA配件）等CNC的采集。', desc: '支持西门子（含有OPCUA配件) /FANUC全系列/DELEM65等系列(含有OPCUA配件）等CNC的采集。',
detail: '', detail: '/factory/typeb/datagate',
}, },
{ {
title: 'S系列智能网关', title: 'S系列智能网关',
desc: '包含Z系列基础版本的所有功能，还支持6组0-10v电压型输入传感器的采集。', desc: '包含Z系列基础版本的所有功能，还支持6组0-10v电压型输入传感器的采集。',
detail: '', detail: '/factory/typeb/datagate',
}, },
{ {
title: 'C系列智能网关', title: 'C系列智能网关',
desc: '包含Z系列基础版本的所有功能，以外还支持施耐德、汇川、产电、松下、安川等串口PLC的采集。', desc: '包含Z系列基础版本的所有功能，以外还支持施耐德、汇川、产电、松下、安川等串口PLC的采集。',
detail: '', detail: '/factory/typeb/datagate',
}, },
], ],
}; };
......
src/pages/index.less
View file @ 572e2406
...@@ -53,7 +53,7 @@ ...@@ -53,7 +53,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left top; background-position: left top;
background-size: 100% 50%; background-size: 100% 50%;
padding: 2rem; padding: 2rem 8vw;
margin-top: 1.2rem; margin-top: 1.2rem;
background-color: #f0f0f0; background-color: #f0f0f0;
.cardlist { .cardlist {
...@@ -64,14 +64,15 @@ ...@@ -64,14 +64,15 @@
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 20rem; height: 12rem;
max-height: 460px !important; max-height: 460px !important;
box-shadow: 0px 0px 4px #364d79; box-shadow: 0px 0px 4px #364d79;
transition: all 0.4s; transition: all 0.4s;
margin-bottom: 16px; margin-bottom: 16px;
h2 { h2 {
font-size: 0.8rem; font-size: 0.8rem;
margin-bottom: 2rem; margin-bottom: 1rem;
font-weight: bolder;
} }
p { p {
font-size: 0.6rem; font-size: 0.6rem;
...@@ -80,7 +81,7 @@ ...@@ -80,7 +81,7 @@
img { img {
width: 0px; width: 0px;
transition: all 0.4s; transition: all 0.4s;
margin-top: 2rem; margin-top: 0rem;
} }
&:hover { &:hover {
background-color: #ffffff; background-color: #ffffff;
......
src/pages/internet/index.jsx
View file @ 572e2406
...@@ -90,7 +90,7 @@ export default () => { ...@@ -90,7 +90,7 @@ export default () => {
> >
技术特点： 技术特点：
</b> </b>
基于工业网络，通过有线、WIFI、4G、5G等方式接入设备，将数据信息通过核心交换机上传到IOT平台，通过PC、移动端、监控大屏等方式进行信息呈现 基于工业网络，通过有线、WIFI、4G、5G等方式接入设备，将数据信息通过核心交换机上传到IoT平台，通过PC、移动端、监控大屏等方式进行信息呈现
<br /> <br />
<b <b
style={{ style={{
......
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