Skip to content

D
DTBPcompnay
Commit 0707f7f8 authored by 陈毅's avatar 陈毅
Browse files
Options

更改

parent f210a539
Hide whitespace changes
Inline Side-by-side
Showing with 4524 additions and 190 deletions
.vscode/settings.json
View file @ 0707f7f8
{
"nuxt.isNuxtApp": true
}
\ No newline at end of file
src/assets/theme/layout.less
View file @ 0707f7f8
......@@ -118,8 +118,10 @@ a.an {
}
.nav {
width: @page-width;
width: 85%;
margin: 0 auto;
justify-content: space-between;
display: flex;
.wx-div {
......@@ -136,7 +138,7 @@ a.an {
line-height: 90px;
margin-top: -30px;
// padding-left: 15rem;
padding-left: 240px;
// padding-left: 240px;
padding-top: 30px;
>a {
......@@ -590,12 +592,14 @@ h3 {
// background-color: rgba(#232323, 0.7);
display: flex;
// align-items: center;
justify-content: center;
// justify-content: center;
padding-top: 14.3rem;
.kouhao {
text-align: center;
// width: 50%;
// text-align: center;
width: 60%;
justify-content: space-between;
padding-left: 20%;
// background-color: red;
color: white;
......@@ -605,30 +609,33 @@ h3 {
}
.k1 {
font-size: 2.8rem;
font-size:30px;
font-family: Microsoft YaHei;
font-weight: bold;
line-height: 4.75rem;
color: #FFFFFF;
// margin-top: 60px
font-weight: 600;
line-height: 2.75rem;
color: #000;
margin-bottom: 60px;
}
.k2 {
font-size: 1.5rem;
font-size: 30px;
font-family: FZLanTingHeiS-EL-GB;
font-weight: 400;
font-weight: bold;
line-height: 55px;
color: #FFFFFF;
color: #838080;
line-height: 60px;
margin-bottom: 0.5rem;
// display: inline-block;
padding: 10px 30px;
background-color: #fff;
}
.k3 {
margin-top: 0.5rem;
font-size: 14px;
margin-top: 60px;
font-size: 30px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
font-weight: 600;
color: #000;
}
}
}
......@@ -1407,7 +1414,7 @@ a.news {
.productt {
width: 100%;
height: 1300px;
height: 1200px;
}
.productt .productt-content {
......@@ -1447,8 +1454,9 @@ a.news {
display: inline-block;
float: left;
margin-right: 12px;
width: 392px;
height: 353px;
padding-bottom: 20px;
// width: 392px;
// height: 353px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
......@@ -1710,8 +1718,8 @@ a.news {
.logo {
img {
margin-left: 10px;
padding-top: 25px;
// margin-left: 10px;
// padding-top: 25px;
}
}
......@@ -1725,7 +1733,8 @@ a.news {
img {
width: 185px;
height: 126px;
margin: 0 7px 20px;
margin: 0 50px 20px;
justify-content: space-around;
}
}
......@@ -1829,6 +1838,7 @@ a.news {
flex-grow: 1;
overflow: hidden;
display: flex;
justify-content: center;
@media screen and (min-width:740px) {
.card-item {
......
src/assets/theme/product.less
View file @ 0707f7f8
.solution{
width: 1200px;
margin: 100px auto;
}
.product-banner {
// height: 28rem;
width: 100%;
......@@ -299,6 +303,7 @@
align-items: center;
padding: 0 0.23rem;
overflow: hidden;
.banner-div {
// position: relative;
......
src/components/product-functions2.vue
View file @ 0707f7f8
......@@ -110,6 +110,9 @@ export default {
&.cur {
box-shadow: 0px 9px 18px 0px rgba(8, 128, 226, 0.31);
}
.card-body{
justify-content: center;
}
}
</style>
src/layouts/default.vue
View file @ 0707f7f8
......@@ -22,14 +22,15 @@
<nuxt-link to="/" :class="{ cur: '/' == $nuxt.$route.path }"
>首页</nuxt-link
>
<!-- <a href="/index.html" :class="{cur:'/'==$nuxt.$route.path}">首页</a> -->
<a
</div>
<div class="menu" v-show="menuShow">
<a
class="an"
style="border: none"
:class="{ cur: $nuxt.$route.path.indexOf('/product') === 0 }"
@mouseover="hover()"
@click="cpclick"
>产品中心
>行业解决方案
<div
style="position: absolute; top: 0.09rem; left: 0.6rem"
@click="cpclick"
......@@ -45,8 +46,8 @@
v-for="(items, index) in menuarr"
:key="index"
>
<h4>{{ items[0].type }}</h4>
<div class="fg-box">
<h4>{{ items[0].type }}</h4><!--二级菜单路由头部-->
<div class="fg-box"><!--路由出口-->
<nuxt-link
:to="{ path: '/p1/'+item.id, }"
:class="{
......@@ -56,45 +57,36 @@
:key="index"
>{{ item.name }}</nuxt-link
>
<!-- <nuxt-link to="/product/saas" :class="{cur:$nuxt.$route.path.indexOf('/product/saas')===0}">SaaS MES云端协同</nuxt-link>
<nuxt-link to="/product/aps" :class="{cur:$nuxt.$route.path.indexOf('/product/aps')===0}">APS高级排产</nuxt-link> -->
</div>
</div>
<!-- <div class="fg pm">
<h4>大数据</h4>
<div class="fg-box">
<nuxt-link to="/product/bigdata" :class="{cur:$nuxt.$route.path.indexOf('/product/bigdata')===0}">数据中台</nuxt-link>
<nuxt-link to="/product/phm" :class="{cur:$nuxt.$route.path.indexOf('/product/phm')===0}">PHM健康管理</nuxt-link>
</div>
</div>
<div class="fg pm">
<h4>工业互联</h4>
<div class="fg-box">
<nuxt-link to="/product/mdc" :class="{cur:$nuxt.$route.path.indexOf('/product/mdc')===0}">MDC数据采集</nuxt-link>
<nuxt-link to="/product/dnc" :class="{cur:$nuxt.$route.path.indexOf('/product/dnc')===0}">DNC数控联网</nuxt-link>
</div>
</div> -->
</div>
</div>
</a>
</div>
<div class="menu" v-show="menuShow">
<nuxt-link
to="/case"
:class="{ cur: $nuxt.$route.path.indexOf('/case') === 0 }"
>客户案例</nuxt-link
>产品</nuxt-link
>
</div>
<div class="menu" v-show="menuShow">
<nuxt-link
to="/news"
:class="{ cur: $nuxt.$route.path.indexOf('/case') === 0 }"
>新闻</nuxt-link
>服务支持</nuxt-link
>
</div>
<div class="menu" v-show="menuShow">
<nuxt-link
to="/about"
:class="{ cur: $nuxt.$route.path.indexOf('/about') === 0 }"
>关于我们</nuxt-link
>
</div>
<div class="wx-div">
<!-- <div class="wx-div">
<img :src="wximg" alt="" @mouseover="over" @mouseout="leave" />
<div>
<div class="weixin-show" v-show="wxshow">
......@@ -102,7 +94,7 @@
<div class="2wm1" v-for="(item,index) in content.jzewm" :key='index'>
<h2>{{item.name}}</h2>
<img :src="apiurl+item.url" alt="" />
</div>
</div> -->
<!-- <div class="2wm2">
<h2>见著云MES客服</h2>
......@@ -113,13 +105,14 @@
<img src="/image/zh.jpg" alt="" />
</div> -->
</div>
<!-- </div>
</div>
</div>
<div class="ad">
</div> -->
<!-- <div class="ad">
<img src="/image/dh-icon.png" alt="" />
<p>{{ content.hphone }}</p>
</div>
</div> -->
<div></div>
</div>
</div>
</div>
......@@ -128,13 +121,13 @@
<div class="main">
<div class="flex">
<div class="fg about1">
<h5>关于见著科技</h5>
<h5>关于德天博诚</h5>
<p style="color: #c0bfbf; width: 400px">
北京见著科技有限公司,致力于为科研和制造业企业提供智能化解决方案。公司依托对大数据、AI及IOT等技术的研究,聚焦大数据智能应用和生产智能化领域,为企业提供量身定制的高端产品解决方案,助力企业智能化升级。公司总部在北京，在西安、无锡设有研发中心和分支机构。
北京德天博诚科技有限公司致力于提供面向制造业的产品生命周期管理和电子商务的解决方案。长期以来，德天科技把国际高水准的管理工具、理念和数字化企业的解决方案带给客户，并已为航天、航空、船舶、机械、电子等行业的企业提供了专业化解决方案的产品、顾问服务及专业支持。
</p>
</div>
<div class="fg product">
<h5>产品</h5>
<h5>行业解决方案</h5>
<div class="flex">
<div class="fg" v-for="(items,index) in menuarr" :key='index'>
<h4>{{items[0].type}}</h4>
......@@ -162,22 +155,23 @@
<h5>联系我们</h5>
<div>
<p class="address">
地址：
{{ content.place }}
电话：
{{ content.telephone }}
</p>
<p class="phone1">电话： {{ content.fphone }}</p>
<p class="phone1">传真： {{ content.fax }}</p>
<p>邮编：{{content.zipcode}}</p>
<p class="email">
邮箱：
{{ content.email }}
详细地址：
{{ content.address }}
</p>
</div>
</div>
<div class="fg code flex">
<div class="fg" v-for="(item,index) in content.jzewm" :key='index'>
<!-- <div class="fg" v-for="(item,index) in content.jzewm" :key='index'>
<div class="code-title">{{item.name}}</div>
<img :src="apiurl+item.url" class="ewm" />
</div>
</div> -->
<!-- <div class="fg">
<div class="code-title">见著云MES客服</div>
<img src="/image/home/code/kf.png" class="ewm" />
......@@ -193,11 +187,14 @@
<div class="pt50"></div>
</div>
<div class="foot_line"></div>
<div class="main ac ba" style="font-size: 12px; color: #c0bfbf">
<span class="bq">Copyright &copy; 2021 {{ config.company }}</span
><a style="color: #c0bfbf" href="https://beian.miit.gov.cn/">
{{ config.icp }}</a
<div class="main ac ba" style="font-size: 12px; color: #c0bfbf;display:flex;justify-content:space-between">
<div style="width:480px;margin-left:0px"><!--Copyright &copy; 2021 {{ config.company }}-->
Copyright © 2000-2018京ICP备13034660号-1</div
>
<!-- <a style="color: #c0bfbf" href="https://beian.miit.gov.cn/">
{{ config.icp }}</a
> -->
<div style="width:480px">版权所有:北京德天博诚科技有限公司</div>
</div>
</div>
<div class="silder">
......@@ -225,7 +222,7 @@
</div>
<div class="telphone">
<p>沟通热线</p>
{{ content.fphone }}
{{ content.telephone }}
</div>
</a>
<BackTop
......@@ -326,7 +323,7 @@ import Config from '@/config';
export default {
// loading:true,
middleware({ redirect }) {
console.warn("middleware", "layouts");
// console.warn("middleware", "layouts");
// redirect("/reg")
},
data() {
......@@ -353,6 +350,51 @@ export default {
{ url: "/image/dh-h.png", title: "电话沟通" },
{ url: "/image/kf-h.png", title: "联系客服" },
],
content:{
telephone:"010-86461698",
fax:"010-88683070",
zipcode:"100088",
address:"北京市西城区北环中心505",
},
menuarr:[
[{
type:"产品研发协同",
name:"机电软协同研发",
id:"jidian"
},{
type:"产品研发协同",
name:"项目管理",
id:"xiangmu",
}],
[{
type:"数字化设计",
name:"MBD解决方案",
id:"mbd"
},{
type:"数字化设计",
name:"骨架设计",
id:"gujia"
},{
type:"数字化设计",
name:"MBSE",
id:"mbse"
}],
[{
type:"数字化工厂",
name:"装配仿真",
id:"zhuangpei"
},{
type:"数字化工厂",
name:"机加仿真",
id:"jijia"
},
{
type:"数字化工厂",
name:"生产排产？",
id:"life"
},
]
],
config: {
company: "北京见著科技有限公司",
phone: " 010-68661832",
......@@ -395,54 +437,60 @@ export default {
};
},
created() {
console.log(this.menuShow);
// console.log(this.menuShow);
},
mounted() {
// console.warn("process", process, process.bowser);
// if (process.bowser) {
// if (this.isPhone()) {
// this.menuShow = false;
// }
// }
// this.arr = JSON.parse(JSON.stringify(this.footdata));
this.$api
.get("/api/common/git", {
code:'CompanyAbout'
})
.then((r) => {
console.log(r)
if (r.success) {
console.log(JSON.parse(r.result.content));
sessionStorage.setItem('about',r.result.content)
this.content=JSON.parse(r.result.content)
}
});
function groupBy(array, f) {
const groups = {};
array.forEach(function (o) {
//注意这里必须是forEach 大写
const group = JSON.stringify(f(o));
groups[group] = groups[group] || [];
groups[group].push(o);
});
return Object.keys(groups).map(function (group) {
return groups[group];
});
if (process.bowser) {
if (this.isPhone()) {
this.menuShow = false;
}
}
this.$api
.post("/pub/product/List", {
pageSize: 10,
isDesc: true,
})
.then((r) => {
if (r.success) {
let items = groupBy(r.result, (u) => {
return u.type;
});
// console.warn(items);
this.menuarr = items;
}
});
this.arr = JSON.parse(JSON.stringify(this.footdata));
// this.$api
// .get("/api/common/git", {
// code:'CompanyAbout'
// })
// .then((r) => {
// console.log(r)
// if (r.success) {
// console.log(JSON.parse(r.result.content));
// sessionStorage.setItem('about',r.result.content)
// this.content=JSON.parse(r.result.content)
// console.log(this.content)
// }
// });
sessionStorage.setItem("about",JSON.stringify(this.content))
// function groupBy(array, f) {
// const groups = {};
// array.forEach(function (o) {
// //注意这里必须是forEach 大写
// const group = JSON.stringify(f(o));
// groups[group] = groups[group] || [];
// groups[group].push(o);
// });
// return Object.keys(groups).map(function (group) {
// console.log(groups[group])
// return groups[group];
// });
// }
// this.$api
// .post("/pub/product/List", {
// pageSize: 10,
// isDesc: true,
// })
// .then((r) => {
// if (r.success) {
// let items = groupBy(r.result, (u) => {
// console.log(r)
// return u.type;
// });
// // console.warn(items);
// this.menuarr = items;
// console.log(this.menuarr)
// }
// });
localStorage.setItem("obj", JSON.stringify(this.footdata));
if (this.isPhone()) {
this.menuShow = false;
......@@ -553,7 +601,7 @@ export default {
if (v) {
this.$api.post("/message/create", this.entity).then((r) => {
if (r.success) {
console.log(r);
// console.log(r);
this.$Message.success("留言成功！");
this.hide(false);
}
......@@ -602,7 +650,7 @@ export default {
$route() {
if (this.isPhone()) {
this.menuShow = false;
console.log(this.isPhone());
// console.log(this.isPhone());
}
},
},
......
src/pages/about/index.vue
View file @ 0707f7f8
<template>
<div　class="compnay-info">
<div class="about-pc">
<div class="banner1">
<!-- <div class="banner1">
<img src="/image/about/tt.png" alt="关于我们" />
</div>
</div> -->
<div class="about-div">
<div style="position:relative;">
<p>北京见著科技有限公司<br/>助力企业智能化升级</p>
......
src/pages/index.vue
View file @ 0707f7f8
......@@ -3,14 +3,15 @@
<div class="box">
<div class="banner-new">
<div class="pr">
<img class="act" :src="apiurl + content.zt" />
<img class="act" src="/image/index/0101.png" />
<div class="pa">
<div class="kouhao">
<div class="k1">见微知著</div>
<div class="k2">成为中国企业走向智能化的好伙伴</div>
<img src="/image/kouhao.png" />
<div class="k1">我们致力于为制造业企业提供数字化设<br/>计和制造及数字化管理解决方案</div>
<span class="k2">一站式产品服务，个性化解决方案</span>
<!-- <img src="/image/kouhao.png" />图片生产管理 -->
<div></div>
<div class="k3">
以集团型/定制化智能制造方案为基石/领先研发标准化/轻量化智能制造云平台<br />助力企业轻松步入智能化发展快车道
厚德载物|天道酬勤|诚信立身
</div>
</div>
</div>
......@@ -22,45 +23,52 @@
北京见著科技有限公司于8月8日于A股上市北京见著科技有限公司于8月8日于A股上市
</a>
</div>
<section class="about">
<section class="about" style="background: url(/image/02-11.png) no-repeat; background-size: 100% 100%;">
<div class="about-content clear-fix">
<div class="about-left">
<h2>为科研和制造业企业提供智能化解决方案</h2>
<!-- <p>北京见著科有限公司,致力于为科研和制造业企业提供智能化解决方案。<br>
公司依托对大数据、AI及IOT等技术的研究,<br>
聚焦大数据智能应用和生产智能化领域,<br>
为企业提供量身定制的高端产品解决方案,助力企业智能化升级。
</p> -->
<p v-html="content.content" style="width: 465px"></p>
<h2>我们为企业提供量身定制的管理平台和高端产品<br/>解决方案,助力企业智能化升级</h2>
<!-- <p v-html="content.content" style="width: 465px"></p> -->
<ul class="clear-fix">
<li>
<div><img src="/image/02-icon-1.png" alt="" /></div>
<p>20多年<br />MES专业积累</p>
<p>20多年<br />聚焦工业4.0</p>
</li>
<li>
<div><img src="/image/02-icon-2.png" alt="" /></div>
<p class="p2">诸多大项目经验</p>
<p>多领域的项<br/>目实施经验</p>
</li>
<li>
<div><img src="/image/02-icon-3.png" alt="" /></div>
<p>聚焦大数据<br />AI技术应用</p>
<p>专注于制造业<br />大数据应用</p>
</li>
</ul>
<div class="more">
<a href="/about">了解更多</a>
</div>
</div>
<div class="about-right"><img src="/image/02-1.jpg" alt="" /></div>
<div class="about-right">
<!-- <img src="/image/02-11.png" alt="" /> -->
</div>
</div>
</section>
<section class="productt">
<div class="productt-content">
<div class="productt-title">
<h2>我们的产品</h2>
<h2>产品服务</h2>
<div class="line"></div>
</div>
<ul class="pg-1 clear-fix">
<li
<li class="ourproducts">
<a href="/product/expe"><img src="/image/index/0104.png" alt=""></a>
</li>
<li class="ourproducts">
<a href="/product/catia"><img src="/image/index/0105.png" alt=""></a>
</li>
<li class="ourproducts">
<a href="/product/delmia"><img src="/image/index/0106.png" alt=""></a>
</li>
<!-- <li
class="ourproducts li1"
>
<a
......@@ -111,9 +119,20 @@
<p class="p1">智能制造</p>
<p class="p2">APS高级排产</p>
</a>
</li> -->
</ul>
<ul class="pg-1 clear-fix">
<li>
<a href="/product/enovia"><img src="/image/index/0107.png" alt=""></a>
</li>
<li>
<a href="/product/simulia"><img src="/image/index/0108.png" alt=""></a>
</li>
<li>
<a href="/product/via"><img src="/image/index/0110.png" alt=""></a>
</li>
</ul>
<ul class="pg-2 clear-fix">
<!-- <ul class="pg-2 clear-fix">
<li
class="ourproducts li4"
>
......@@ -147,9 +166,9 @@
<p class="p2">PHM健康管理</p>
</a>
</li>
</ul>
</ul> -->
<ul class="pg-3 clear-fix">
<!-- <ul class="pg-3 clear-fix">
<li
class="ourproducts li6"
>
......@@ -184,13 +203,13 @@
<p class="p2">DNC数控联网</p>
</a>
</li>
</ul>
</ul> -->
</div>
</section>
<div class="pt50"></div>
<div class="service bg">
<div class="main">
<h1>20年大项目经验积累</h1>
<h1>行业解决方案</h1>
<Carousel
autoplay
v-model="value2"
......@@ -200,7 +219,7 @@
>
<CarouselItem v-for="(item, index) in dataList" :key="index">
<div class="pr">
<img :src="item.img" alt="我们服务于" />
<img :src="item.img" style="width:100%" alt="我们服务于" />
<div class="pa">
<div class="flexd">
<div class="title">
......@@ -227,9 +246,9 @@
</CarouselItem>
</Carousel>
<div class="home-news">
<img src="/image/home/new.png" alt="" />
<img src="/image/index/0113.png" alt="" />
<div class="home-news-right">
<h5>推荐阅读</h5>
<h5>信息动态</h5>
<div v-for="(item, index) in list" :key="index">
<nuxt-link target="_blank" :to="{ path: '/news/' + item.id }">
<p>{{ item.name }}</p>
......@@ -256,7 +275,7 @@
<section class="customer">
<div class="customer-content">
<div class="customer-title">
<h2>我们的客户</h2>
<h2>项目案例</h2>
<div class="line"></div>
</div>
<div class="logo_div">
......@@ -276,6 +295,7 @@
</div>
</section>
</div>
<!-- 手机端更改 -->
<div class="phone">
<div class="jwzz">
<img src="/image/banner.jpg" alt="" />
......@@ -502,38 +522,44 @@ export default {
stitle: "DNC数控联网",
},
],
logo: [
{ img1: "/image/h-logo1.png", url: "智能制造", surl: "MES智能化制造" },
list:[
{
img1: "/image/h-logo2.png",
url: "智能制造",
surl: "SaaS MES云端协同",
name:"2022达索系统高科技行业启动会",
note:"-3月15日- 2022达索系统高科技行业启动会北京、上海、广州及线上直播同步召开",
},
{ img1: "/image/h-logo3.png", url: "智能制造", surl: "APS高级排产" },
{ img1: "/image/h-logo4.png", url: "大数据应用", surl: "PHM健康管理" },
{ img1: "/image/h-logo5.png", url: "大数据应用", surl: "数据中心" },
{ img1: "/image/h-logo6.png", url: "工业互联", surl: "DNC数据采集" },
{ img1: "/image/h-logo7.png", url: "工业互联", surl: "DNC数控联网" },
{ img1: "/image/h-logo8.png", url: "智能制造", surl: "MES智能化制造" },
{
img1: "/image/h-logo9.png",
name:"虚拟孪生体验，加速智造创新",
note:"虚拟孪生体验如何优化运营？",
},
{
name:"一体化资源计划优化",
note:"了解一体化资源计划优化如何帮助您制定更加高效、敏捷的计划！",
},
],
logo: [
{ img1: "/image/index/h-logo1.png", url: "智能制造", surl: "MES智能化制造" },
{
img1: "/image/index/h-logo2.png",
url: "智能制造",
surl: "SaaS MES云端协同",
},
{ img1: "/image/h-logo10.png", url: "智能制造", surl: "APS高级排产" },
{ img1: "/image/h-logo11.png", url: "大数据应用", surl: "PHM健康管理" },
{ img1: "/image/h-logo12.png", url: "大数据应用", surl: "数据中心" },
{ img1: "/image/index/h-logo3.png", url: "智能制造", surl: "APS高级排产" },
{ img1: "/image/index/h-logo4.png", url: "大数据应用", surl: "PHM健康管理" },
{ img1: "/image/index/h-logo5.png", url: "大数据应用", surl: "数据中心" },
{ img1: "/image/index/h-logo6.png", url: "工业互联", surl: "DNC数据采集" },
{ img1: "/image/index/h-logo7.png", url: "工业互联", surl: "DNC数控联网" },
],
dataList: [
{
img: "/image/item1.jpg",
title: "中国航天科工集团某厂",
all: "建立针对涡轮、冲压、固体及组合动力装置的生产管理体系，实现对生产计划和工时的信息化集成管理对所内生产配套产品，搭建集资源、工艺及工时等信息为一体的基础数据平台...",
img: "/image/index/0111.png",
title: "装配仿真",
all: "数字化设计解决方案是以三维设计为核<br/>心，并结合产品设计过程的具体需求所<br/>形成的一套解决方案",
},
{
img: "/image/item2.jpg",
title: "中国航天科技集团某厂MES系统",
all: "本项目是针对装配车间的车间级的 MES生产执行系统。电子装配车间是产品工艺的最后一个环节，是信息化建设从机械加工向装配的扩展和延伸。目的在于实现从接单到生产制造的管控和信息化管理。",
img: "/image/index/0112.png",
title: "MBD解决方案",
all: "MBD（Model Based Definition）<br/>基于模型的定义",
},
],
currentIndex: 0, //默认显示图片
......@@ -559,25 +585,25 @@ export default {
setTimeout(() => {
this.content = JSON.parse(sessionStorage.getItem("about"));
}, 1000);
// this.$api
// .post("/pub/news/List", {
// pageSize: 10,
// isDesc: true,
// })
// .then((r) => {
// if (r.success) {
// // console.warn(items);
// r.result.reverse();
// console.log(r.result);
// r.result.forEach((v) => {
// if (v.hot == 1) {
// this.list.push(v);
// }
// });
// this.list.splice(3);
// console.log(this.list);
// }
// });
this.$api
.post("/pub/news/List", {
pageSize: 10,
isDesc: true,
})
.then((r) => {
if (r.success) {
// console.warn(items);
r.result.reverse();
console.log(r.result);
r.result.forEach((v) => {
if (v.hot == 1) {
this.list.push(v);
}
});
this.list.splice(3);
console.log(this.list);
}
});
},
methods: {
runInv() {
......
src/pages/p1/_id.vue
View file @ 0707f7f8
......@@ -231,7 +231,7 @@ export default {
product: {
banner: "/image/phm/sm.png",
bannerphone: "/image/phm/smp.jpg",
title: "PHM健康管理",
title: "3D体验平台",
jj1: "PHM预测与健康管理技术(Prognostics Health Management) 是综合利用现代化信息技术、人工智能技术的最新研究成果而提出的一种全新的管理健康状况的解决方案，其目的在于为设备运行保障、应急处置、维修活动提供决策支持，具备故障检测与隔离、故障诊断、故障预测、健康管理和部件寿命追踪等能力。",
jj2: "见著科技大数据PHM利用见著科技数据中台服务，通过对接企业的信息化管理系统ERP、PLM、MES、BPM、SCE、KMS等，对产品数据进行采集、清洗、动态展示、建立模型、预测分析等处理，从而实现产品故障预测与健康管理。",
url: "/image/phm/t527.png",
......@@ -359,6 +359,7 @@ export default {
},
duct: {},
hx: [],
};
},
asyncData(context) {
......@@ -367,34 +368,39 @@ export default {
},
created() {
this.id = this.$route.params.id;
console.log(this.$route.params)
this.sub(this.id);
},
mounted() {
this.content = JSON.parse(sessionStorage.getItem("about"));
},
methods: {
hover(i) {
this.pointIndex = i;
},
sub(id) {
console.log(id)
this.$api
.get("/pub/product/Get", {
id: id,
})
.then((r) => {
if (r.success) {
console.log(r.result)
this.duct = r.result;
this.duct.advantageList = JSON.parse(this.duct.advantageList);
this.duct.problemList = JSON.parse(this.duct.problemList);
this.duct.functionsList = JSON.parse(this.duct.functionsList);
this.duct.valueList = JSON.parse(this.duct.valueList);
this.duct.advantageList = JSON.parse(this.duct.advantageList);//核心优势数据
this.duct.problemList = JSON.parse(this.duct.problemList);//应对问题数据
this.duct.functionsList = JSON.parse(this.duct.functionsList);//主要功能 数据
this.duct.valueList = JSON.parse(this.duct.valueList);//应用价值数据
console.log(this.duct);
}
});
},
send(msg) {
this.$store.commit("openModalsy", msg);
console.log(msg)
},
},
watch: {
......
src/pages/p1/gujia.vue 0 → 100644
View file @ 0707f7f8
<template>
<div class="solution">
<div>
<div class="flex-top border-margin">
<div class="flex-img">
<img src="/image/gujia/0801.png" alt="">
</div>
<div class="flex-wenzi">
<h4>骨架设计</h4>
<div><p>——即主元线框设计</p></div>
</div>
</div>
<div class="flex-right border-margin">
<!-- <img class="img1" src="/image/gujia/1203.png" alt="">空 -->
</div>
<div class="gujia border-margin">
<div class="gujia-flex">
<h4 class="gujia-flex-font">{{product.gujia1}}</h4>
<div class="zhong"></div>
<div class="gujia-flex-img"><img width="100%" src="/image/gujia/0803.png" alt=""></div>
</div>
</div>
<div class="sheji border-margin">
<div class="sheji-card" v-for="(item,index) in product.sheji" :key="index">
<h4>{{item.title}}</h4>
<p v-for="(val,index) in item.content" :key="index">{{index+1}}、 {{val}}</p>
</div>
<div class="zhong"></div>
<div class="img-img">
<img src="/image/gujia/0804.png" alt="">
</div>
</div>
<div class="jiegou border-margin">
<div class="img1" style="width:65%">
<img src="/image/gujia/0805.png" alt="">
</div>
<div style="width:5%"></div>
<h4 style="width:25%">
实现基于模型的产品研制，是产品研发的数字化转型，先进的开发理念落地需要围绕3D模型编织一张这样的“网”：数据集，标准规范，管理要素，设计资源，然后是工具的应用
</h4>
</div>
<!-- <div class="zhouqi">
<img width="80%" src="/image/gujia/0605.png" alt="">
<div class="zhouqi-ul">
<ul>
<li v-for="(item,index) in product.zhouqi" :key="index">{{item}}</li>
</ul>
</div>
</div>
-->
</div>
</div>
</template>
<script>
export default {
name: "",
head: {
title: "SaaS MES云端协同---北京见著科技有限公司--MES系统"
},
components: {},
data() {
return {
pointIndex: 0,
product: {
banner: "/image/phm/sm.png",
bannerphone: "/image/phm/smp.jpg",
title: "3DEXPERIENCE平台不仅实现机电软跨专业协同，而且三维体验平台融合了多专业的数据和模型，为设计/仿真/工艺一体化提供了基础。",
jj1: "CATIA依托3DE平台结合VR虚拟现实技术重新定义产品开发，借助虚拟世界先进行仿真评估。",
jj2:
"是PLM协同解决方案的一个重要组成部分，支持从项目前阶段、具体的设计、分析、模拟、组装到维护在内的全部工业设计流程。而后借助PLM系统将创意付诸于现实。",
gujia1:"结合产品设计流程运用主要线框控制元素对整个产品结构进行有效的总体控制形成类似树干状的产品设计结构，并建立有效的参数信息传递框架及流程的CATIA自上而下的协同设计方法。",
url: "/image/phm/t527.png",
f1: true,
f2: true,
sheji:[
{
title:"设计思路",
content:["以CATIA自上而下的关联设计为基础",
"充分认识产品结构及设计流程",
"以主要线框控制元素为依托",
"建立类似树干状的产品设计结构",
"运用CATIA软件关联引用机制建立参数信息传递"]
}
],
spcj: {
title:
"PHM适用于是密集应用大数据的典型工业领域，是工业互联网的重要组成部分。PHM强调资产设备管理中的状态感知、数据监控与分析，通过监控设备健康状况、故障频发区域与周期，预测故障的发生，从而大幅度提高运维效率。",
url: [
"/image/catia/0307.png",
"/image/catia/0308.png",
"/image/catia/0309.png",
"/image/catia/0310.png",
]
},
functions: {
style: false,
list: [
{
url: "/image/catia/0206.png",
title: "变量和参数化建模",
content: ["CATIA具有在整个产品周期内提供了变量驱动及后参数化能力"]
},
{
url: "/image/catia/0207.png",
title: "模块的全相关性",
content: ["CATIA的各个模块基于统一的数据平台，三维模型的修改，能完全体现 在二维模型，模拟分析，模具和数控加工的程序中"]
},
{
url: "/image/catia/0208.png",
title: "并行工程的设计环境",
content: ["总体设计部门将基本的结构尺寸发放出去，各分系统的人员便可开始工作，既可协同工作，又不互相牵连。实现真正的并行工程设计环境"]
},
{
url: "/image/catia/0209.png",
title: "覆盖产品开发全过程",
content: ["从单个零件的设计到最终电子样机的建立,CATIA 提供了完备的设计能力."]
},
]
},
functions2: {
style: true,
list: [
{url:"/image/phm/tc7.png",
title:"零件设计",
content:["在直观的环境下，用高效强大的造型特征设计复杂零"],
},{
url:"/image/phm/tc7.png",
title:"钣金与创成式曲面",
content:["非常完整的曲线操作工具和最基础的曲面构造工具"],
},
{url:"/image/phm/tc7.png",
title:"装配设计",
content:["高效率的工具如、碰撞和间隙检查、自动BOM表生成等可减少了设计时间、提高了装配质量"],
},{
url:"/image/phm/tc7.png",
title:"模具设计",
content:["模具设计产品允许快速、经济地创建注塑模具，可以使用标准目录库中已经预定义好的组件"],
},
{url:"/image/phm/tc7.png",
title:"电气系统设计",
content:["可实现电气零件的设计装配、功能定义，电气线束的装配、生成和展平等内容"],
},
]
},
functions3: [
{
url: "/image/phm/tc20.png",
title: "故障提前预知",
content: ["预知故障时间和位置，提高运行可靠性 "]
},
{
url: "/image/phm/tc21.png",
title: "提高可用时长",
content: ["提高可用时长，预测剩余使用寿命 "]
},
{
url: "/image/phm/tc22.png",
title: "提高维修准确性",
content: ["提高维修准确性，降低维修成本 "]
},
{
url: "/image/phm/tc23.png",
title: "运维决策优化",
content: ["辅助运维决策优化，提高运维价值"]
}
],
ydwtlist: [
{ url: "/image/phm/tc7.png", p: "设计与制造间的信息交互" },
{
url: "/image/phm/tc8.png",
p: "依据数模完善工艺路线"
},
{
url: "/image/phm/tc9.png",
p: "形成数字样机"
},
{
url: "/image/phm/tc10.png",
p: "实现产品实物的模型渲染"
},
],
gnmb:[
{url:"/image/catia/0307.png",
title:"零件设计",
content:"在直观的环境下，用高效强大的造型特征设计复杂零件",
},{
url:"/image/catia/0308.png",
title:"钣金与创成式曲面",
content:"非常完整的曲线操作工具和最基础的曲面构造工具",
},
{url:"/image/catia/0309.png",
title:"装配设计",
content:"高效率的工具如、碰撞和间隙检查、自动BOM表生成等可减少了设计时间、提高了装配质量",
},{
url:"/image/catia/0310.png",
title:"模具设计",
content:"模具设计产品允许快速、经济地创建注塑模具，可以使用标准目录库中已经预定义好的组件",
},
]
}
};
},
methods: {
hover(i) {
this.pointIndex = i;
},
watch() {}
}
};
</script>
<style lang="less" scoped>
.flex-top{
display: flex;
justify-content: space-around;
background: url(/image/gujia/0802.png);
.flex-img{
flex: .4;
// width: 60%;
img{
width: 100%;
}
}
.flex-wenzi{
flex: .6;
display: flex;
flex-direction: column;
h4{
display: flex;
align-items: center;
height: 50%;
font-size: 30px;
font-weight: 500;
margin: auto;
// color: #000;
}
div{
height: 50%;
font-weight: 500;
font-size: 20px;
color: rgb(47, 46, 104);
display: flex;
flex-direction: row-reverse;
p{
width: 50%;
}
}
}
}
.flex-right{
width: 100%;
display: flex;
flex-direction: row-reverse;
.img1{
flex: .4;
width: 40%;
}
.img2{
flex: .7;
width: 70%;
}
}
.border-margin{
margin: 50px auto;
}
.neirong{
margin-top: 20px;
width: 60%;
font-size: 20px;
color: rgb(138, 135, 135);
}
.jiegou{
display: flex;
width: 100%;
.img1{
img{
width: 100%;
}
}
h4{
width: 100%;
display: flex;
align-items: center;
}
}
.zhouqi{
.zhouqi-ul{
display: flex;
flex-direction: row-reverse;
ul{
width: 70%;
font-size: 18px;
font-weight: 600;
color: #000;
li{
padding-top: 20px;
}
}
}
}
.gujia{
.gujia-flex{
display: flex;
.gujia-flex-font{
width: 40%;
display: flex;
align-items: center;
padding-left: 10%;
}
.zhong{
width: 10%;
}
.gujia-flex-img{
width: 50%;
}
}
}
.sheji{
display: flex;
.sheji-card{
width: 40%;
padding-left:10%;
align-items: center;
h4{
width: 60%;
padding-top: 20%;
padding-bottom: 10%;
}
p{
width: 90%;
font-size: 16px;
font-weight: 500;
color: #000;
}
}
.zhong{
width: 10%;
}
.img-img{
width: 60%;
// padding-right: 5%;
img{
width: 100%;
}
}
}
h4{
font-size: 20px;
}
</style>
src/pages/p1/id.js 0 → 100644
View file @ 0707f7f8
// duct:[
// //装配仿真assembling
// assembling = {
// banner:"/image/assembling/1201.png",
// title:"装配仿真",
// content:"装配仿真为各类复杂机电产品的设计和制造提供产品可装配性验证、装配工艺规划和分析、装配操作培训与指导、装配过程演示等完整解决方案。",
// bannerright:"/image/assembling/1203.png",
// content2:"数字化制造需要实现工艺设计全过程的管理、数据分析和工艺流程的验证，更重要的是为企业生产提供快速、准确的统一数据源——MBOM。同时，在产品设计过程中考虑产品的可制造性、可装配性和可维护性。",
// url2:"/image/assembling/1204.png",
// advantage:"主要优势",
// advantagecontent:"使用综合性 3D 流程和资源规划工具进行规划，以创建和优化按单定制的精益生产制造系统。使用工具进行模拟，以虚拟定义和优化制造资产及制造规划。操作精确的虚拟生产系统，以实时跟踪生产活动、执行时间表变动、启动新项目、引进模型转换和安排维护操作",
// advantageurl:"image/assembling/1205.png",
// disassemble:"对装配或拆卸流程进行可行性研究,以减少问题、缩短上市时间并提高首次质量",//拆卸
// disassemblecontent1:"通过检测影响产品或工具设计的潜在问题,在设计阶段早期确定3D中的装配或拆卸可行性",
// disassemblecontent2:"利用流程规划数据,通过考虑流程排序和工作场所布局,验证可行性直接记录3D中的潜在问题,以实现与相关人员的协作解决",
// disassembleurl:"image/assembling/1206.png",
// },
// 项目管理
// administration={
// top头部
// advantageList:{
// {
// title:"项目管理",
// content:"排除没有附加值的任务，这样能有更多的时间来确保项目按时、在预算内完成。基于可交付成果的项目管理使团队成员能够专注于创造创新体验，按时并按预算交付项目。",
// banner:"/image/administration/1101.png",
// },
// },
// 项目管理解决方案策略strategy
// strategy:{
// title:"项目管理解决方案策略",
// banner:"/image/administration/1103.png",
// content1:{
// title:"高效的项目团队协同：",
// content1:"定义明确团队",
// content2:"建立项目环境",
// content3:"建立项目环境",
// content4:"基于BOM协同",
// },
// content2:{
// title:"问题风险反馈及解决：",
// content1:"量化问题风险等级",
// content2:"系统化的问题风险汇报方式",
// content3:"问题全生命周期跟踪",
// content4:"项目风险趋势统计",
// },
// content3:{
// title:"“事实”项目进度：",
// content1:"进度-任务，基于任务的进度报交使得进度可以被细化，也可被实时统计汇总",
// content2:"任务-成果，基于任务成果的任务定义使项目任务完成与真实项目进展对应",
// content3:"成果-确认，对于交付物状态的确认来对任务完成情况进行复核，确保交付物的正确性及合规性",
// content4:"实时的进度仪表盘，提供一个实时的项目进度汇总信息，随时提供给项目管理者项目状态",
// },
// content4:{
// title:"高质量的评审：",
// content1:"评审会议定义",
// content2:"评审决策跟踪",
// content3:"基于事实数据的评审",
// content4:"评审驱动的转阶段",
// },
// content5:{
// title:"项目质量评价：",
// content1:"定义项目质量",
// content2:"项目成本归集可视化",
// content3:"工时VS计划",
// }
// },
// // 实施流程：procedure
// procedure:{
// title:"实施流程：",
// content:"概念计划：承载系统的概念设计；系统/子系统设计规划书；设计需求；早期BOM开发：承载系统的物理结构设计；设计协同；模型、CAD图纸、技术规范、研发文档测试验证&生命周期：承载选装选配设计；Super BOM；生产及工艺数据",
// banner:"/image/administration/1104.png",
// }
// },
// // 机加仿真machining
// machining:{
// banner:"/image/machining/1001.png",
// title:"机加仿真",
// content:"现阶段制造类大多企业在产品研发部门，基本上实现了3D CAD产品设计；生产现场大量采用自动化设备（现场总线、PLC等）；但是，在时间消耗最长的生产规划部门，设计手段却较为落后。"
// //方案优势programme
// programme:{
// banner:"/image/machining/1003.png",
// title:"方案优势",
// content1:{
// title:"1、实现产品、工艺和资源数据的集约化管理",
// content:"将企业的工程数据组织在一起，保持产品-工艺-资源数据之间紧密地逻辑关联关系，使得产品数据无需在多个系统中多次存储，并能为整个企业所共享使用。"
// },
// content2:{
// title:"2、实现3D工艺规划",
// content:"充分利用“数字样机”的三维数据，实现基于三维数据信息的3D工艺规划，进行零件的加工、装配等3D工艺及仿真、验证；而且，在进行各种工艺规划、仿真和验证的同时，可以生成3D图形化的工艺文档和过程演示视频，使工艺方案的评审更具有直观性和科学性。",
// },
// content3:{
// title:"3、实现对生产过程的真实反映",
// content:"建立一个完整的3D数字工厂（厂房）环境，并结合人机工程，将虚拟的人体模型放置到数字工厂环境当中，进行人机工效的评估。",
// },
// content4:{
// title:"4、支持并行工程",
// content:"制造部门的工作人员可以及早参与到产品的研发中去，与设计人员并行的开展工作，从而使得在设计过程中能够充分的考虑零件的工艺特性、部件的可装配性和产品的可维护性等因素。",
// },
// },
// // 实施办法implementation
// implementation:{
// banner:"/imgae/machining/1004.png",
// title:"实施办法",
// content:{
// {
// content:"1、从PDM系统获取产品结构数据（EBOM）",
// },{
// content:"2、从工装工具、生产部门获取资源数据（由3D CAD系统生成），（目前大多企业只有少量或无资源3D数据，必须建立相应工装工具库）。",
// },{
// content:"3、从工艺部门获取已有工艺信息；或在DPE中重新进行工艺设计",
// },{
// content:"4、在DPE中产生总工艺计划、细节工艺计划、生产计划及产品、工艺、资源关联信息，进行工时分析等",
// },{
// content:"5、进入DPM环境，用三维的方式进行工艺验证、人机任务仿真和分析，及工厂布局分析",
// },{
// content:"6、按照客户的要求进行客户化，将分析、验证的结果输出（与工艺相关的质询单等）。或将数据传递到CAPP系统生产相应工艺文件",
// },{
// content:"7、或到DPE中产生基于MBOM的工艺计划；并与PDM系统集成，形成PPR模型",
// },{
// content:"8、产生相应工艺文档；或储存为DPE文档的附件。",
// },{
// content:"9、按ERP、SCM、CRM、MES格式要求，输出相应生产、采购、招投标、维护、培训等信息",
// },{
// content:"10、完成与企业其他系统集成",
// }
// },
// }
// },
// // 机电软研发协同electromechanical
// electromechanical:[
// banner:"/image/electromechanical/0901.png",
// title:"机电软研发协同",
// content:"3DEXPERIENCE平台不仅实现机电软跨专业协同，而且三维体验平台融合了多专业的数据和模型，为设计/仿真/工艺一体化提供了基础。",
// top:[
// banner:"/image/electromechanical/0903.png",
// ],
// // 研发平台research
// research:[
// content:"研发平台可以用来管理机电协同时所产生的IDF文档。无论生成IDF文档的工具是硬件研发工具还是结构研发工具，平台标准的集成接口都可以将IDF文档直接保存到平台上。",
// ],
// // 机械结构与硬件设计人员mechanics
// mechanics:[
// banner:"/image/electromechanical/0904.png",
// content:"机械，结构与硬件设计人员，即可用管理不同的IDF版本和设计内容之间的关系去管理PCB板设计的历史过程和中间结果，方便设计人员验证不同的设计思路和方案。",
// ],
// // 产品生命周期cycle
// cycle:[
// banner:"/image/electromechanical/0905.png",
// content:[
// {content:"• 研发平台支持机电设计一体化流程，并且对设计数据，衍生数据，IDF文档以及BOM都有嵌入式深度集成"},
// {content:"• 集成直接与项目工作区贯通，设计人员可直接把设计数据按照项目交付物进行管理，紧贴研发项目审签流程。"},
// {content:"• 所有数据最终以BOM为核心进行管理，BOM和相关设计数据在研发平台上关联"},
// {content:"• 这样的数据结构有利于最终产品发布流程的统一管理，当BOM发布时，连带的所有设计数据必须也处于设计已交付状态，从而保证产品发布时数据的有效性，完整性。并方便设计人员打包推送数据到生产端。"}
// ]
// ]
// ],
// // 骨架设计skeleton
// skeleton:[
// banner:"/image/skeleton/0801.png",
// titile:"骨架设计",
// content:"——即主元线框设计",
// // 结合产品设计product
// product:[
// title:"结合产品设计流程运用主要线框控制元素对整个产品结构进行有效的总体控制形成类似树干状的产品设计结构，并建立有效的参数信息传递框架及流程的CATIA自上而下的协同设计方法。",
// banner:"/image/skeleton/0803.png",
// ],
// // 设计思路design
// design:[
// banner:"/image/skeleton/0804.png",
// title:"设计思路",
// content:[
// {content:"1、以CATIA自上而下的关联设计为基础"},
// {content:"2、充分认识产品结构及设计流程"},
// {content:"3、以主要线框控制元素为依托"},
// {content:"4、建立类似树干状的产品设计结构"},
// {content:"5、运用CATIA软件关联引用机制建立参数信息传递"},
// ],
// // 实现基于模型的产品研制
// development:[
// banner:"/image/skeleton/0805.png",
// title:"实现基于模型的产品研制，是产品研发的数字化转型，先进的开发理念落地需要围绕3D模型编织一张这样的“网”：数据集，标准规范，管理要素，设计资源，然后是工具的应用"
// ]
// ],
// ]
// ],
\ No newline at end of file
src/pages/p1/jidian.vue 0 → 100644
View file @ 0707f7f8
<template>
<div class="solution">
<div class="flex-top border-margin">
<div class="flex-img">
<img src="/image/jidian/0901.png" alt="" />
</div>
<div class="zhong"></div>
<div class="flex-wenzi">
<h4>机电软研发协同</h4>
<div>{{product.title}}
</div>
</div>
</div>
<div class="liucheng border-margin">
<img style="width:70%" src="/image/jidian/0903.png" alt="">
<div>
<div class="liucheng-wen">
<h4><div style="width:77%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;研发平台可以用来管理机电协同时所产生的IDF文档。无论生成IDF文档的工具是硬件研发工具还是结构研发工具，平台标准的集成接口都可以将IDF文档直接保存到平台上。 </div><br><br></h4>
</div>
</div>
</div>
<div class="jiegou border-margin">
<div class="img1" style="width:75%">
<img src="/image/jidian/0904.png" alt="">
</div>
<div style="width:5%"></div>
<h4 style="width:20%">
机械，结构与硬件设计人员，即可用管理不同的IDF版本和设计内容之间的关系去管理PCB板设计的历史过程和中间结果，方便设计人员验证不同的设计思路和方案。
</h4>
</div>
<div class="zhouqi">
<img width="80%" src="/image/jidian/0905.png" alt="">
<div class="zhouqi-ul">
<ul>
<li v-for="(item,index) in product.zhouqi" :key="index">{{item}}</li>
</ul>
</div>
</div>
</div>
</template>
<script>
export default {
name: "",
head: {
title: "SaaS MES云端协同---北京见著科技有限公司--MES系统"
},
components: {},
data() {
return {
pointIndex: 0,
product: {
banner: "/image/phm/sm.png",
bannerphone: "/image/phm/smp.jpg",
title: "3DEXPERIENCE平台不仅实现机电软跨专业协同，而且三维体验平台融合了多专业的数据和模型，为设计/仿真/工艺一体化提供了基础。",
jj1: "CATIA依托3DE平台结合VR虚拟现实技术重新定义产品开发，借助虚拟世界先进行仿真评估。",
jj2:
"是PLM协同解决方案的一个重要组成部分，支持从项目前阶段、具体的设计、分析、模拟、组装到维护在内的全部工业设计流程。而后借助PLM系统将创意付诸于现实。",
url: "/image/phm/t527.png",
f1: true,
f2: true,
zhouqi:[
"研发平台支持机电设计一体化流程，并且对设计数据，衍生数据，IDF文档以及BOM都有嵌入式深度集成",
"集成直接与项目工作区贯通，设计人员可直接把设计数据按照项目交付物进行管理，紧贴研发项目审签流程。",
"所有数据最终以BOM为核心进行管理，BOM和相关设计数据在研发平台上关联",
"这样的数据结构有利于最终产品发布流程的统一管理，当BOM发布时，连带的所有设计数据必须也处于设计已交付状态，从而保证产品发布时数据的有效性，完整性。并方便设计人员打包推送数据到生产端。"
],
spcj: {
title:
"PHM适用于是密集应用大数据的典型工业领域，是工业互联网的重要组成部分。PHM强调资产设备管理中的状态感知、数据监控与分析，通过监控设备健康状况、故障频发区域与周期，预测故障的发生，从而大幅度提高运维效率。",
url: [
"/image/catia/0307.png",
"/image/catia/0308.png",
"/image/catia/0309.png",
"/image/catia/0310.png",
]
},
functions: {
style: false,
list: [
{
url: "/image/catia/0206.png",
title: "变量和参数化建模",
content: ["CATIA具有在整个产品周期内提供了变量驱动及后参数化能力"]
},
{
url: "/image/catia/0207.png",
title: "模块的全相关性",
content: ["CATIA的各个模块基于统一的数据平台，三维模型的修改，能完全体现 在二维模型，模拟分析，模具和数控加工的程序中"]
},
{
url: "/image/catia/0208.png",
title: "并行工程的设计环境",
content: ["总体设计部门将基本的结构尺寸发放出去，各分系统的人员便可开始工作，既可协同工作，又不互相牵连。实现真正的并行工程设计环境"]
},
{
url: "/image/catia/0209.png",
title: "覆盖产品开发全过程",
content: ["从单个零件的设计到最终电子样机的建立,CATIA 提供了完备的设计能力."]
},
]
},
functions2: {
style: true,
list: [
{url:"/image/phm/tc7.png",
title:"零件设计",
content:["在直观的环境下，用高效强大的造型特征设计复杂零"],
},{
url:"/image/phm/tc7.png",
title:"钣金与创成式曲面",
content:["非常完整的曲线操作工具和最基础的曲面构造工具"],
},
{url:"/image/phm/tc7.png",
title:"装配设计",
content:["高效率的工具如、碰撞和间隙检查、自动BOM表生成等可减少了设计时间、提高了装配质量"],
},{
url:"/image/phm/tc7.png",
title:"模具设计",
content:["模具设计产品允许快速、经济地创建注塑模具，可以使用标准目录库中已经预定义好的组件"],
},
{url:"/image/phm/tc7.png",
title:"电气系统设计",
content:["可实现电气零件的设计装配、功能定义，电气线束的装配、生成和展平等内容"],
},
]
},
functions3: [
{
url: "/image/phm/tc20.png",
title: "故障提前预知",
content: ["预知故障时间和位置，提高运行可靠性 "]
},
{
url: "/image/phm/tc21.png",
title: "提高可用时长",
content: ["提高可用时长，预测剩余使用寿命 "]
},
{
url: "/image/phm/tc22.png",
title: "提高维修准确性",
content: ["提高维修准确性，降低维修成本 "]
},
{
url: "/image/phm/tc23.png",
title: "运维决策优化",
content: ["辅助运维决策优化，提高运维价值"]
}
],
ydwtlist: [
{ url: "/image/phm/tc7.png", p: "设计与制造间的信息交互" },
{
url: "/image/phm/tc8.png",
p: "依据数模完善工艺路线"
},
{
url: "/image/phm/tc9.png",
p: "形成数字样机"
},
{
url: "/image/phm/tc10.png",
p: "实现产品实物的模型渲染"
},
],
gnmb:[
{url:"/image/catia/0307.png",
title:"零件设计",
content:"在直观的环境下，用高效强大的造型特征设计复杂零件",
},{
url:"/image/catia/0308.png",
title:"钣金与创成式曲面",
content:"非常完整的曲线操作工具和最基础的曲面构造工具",
},
{url:"/image/catia/0309.png",
title:"装配设计",
content:"高效率的工具如、碰撞和间隙检查、自动BOM表生成等可减少了设计时间、提高了装配质量",
},{
url:"/image/catia/0310.png",
title:"模具设计",
content:"模具设计产品允许快速、经济地创建注塑模具，可以使用标准目录库中已经预定义好的组件",
},
]
}
};
},
methods: {
hover(i) {
this.pointIndex = i;
},
watch() {}
}
};
</script>
<style lang="less" scoped>
.flex-top {
display: flex;
justify-content: space-around;
background: url(/image/jijia/1002.png);
background-size: 100% 100%;
.flex-img {
flex: 0.3;
// width: 60%;
img {
width: 100%;
height: 100%;
}
}
.zhong {
flex: 0.2;
}
.flex-wenzi {
flex: 0.4;
display: flex;
flex-direction: column;
h4 {
display: flex;
align-items: center;
height: 50%;
font-size: 30px;
font-weight: 500;
margin: auto;
// color: #000;
}
div {
// padding-right: 20%;
height: 50%;
font-weight: 500;
font-size: 20px;
color: rgb(47, 46, 104);
display: flex;
flex-direction: row-reverse;
}
}
}
.flex-right{
width: 100%;
display: flex;
flex-direction: row-reverse;
.img1{
flex: .4;
width: 40%;
}
.img2{
flex: .7;
width: 70%;
}
}
.border-margin{
margin: 50px auto;
}
.neirong{
margin-top: 20px;
width: 60%;
font-size: 20px;
color: rgb(138, 135, 135);
}
.liucheng{
img{
width: 70%;
}
div{
display: flex;
flex-direction: row-reverse;
.liucheng-wen{
width: 40%;
display: flex;
flex-direction: column;
h4{
font-size: 20px;
font-weight: bold;
}
div{
font-size: 20px;
color: rgb(0, 0, 0);
}
}
}
}
.jiegou{
display: flex;
width: 100%;
.img1{
img{
width: 100%;
}
}
h4{
color: #000;
font-size: 20px;
width: 100%;
display: flex;
align-items: center;
}
}
.zhouqi{
.zhouqi-ul{
display: flex;
flex-direction: row-reverse;
ul{
width: 70%;
font-size: 18px;
font-weight: 600;
color: #000;
li{
padding-top: 20px;
}
}
}
}
</style>
src/pages/p1/jijia.vue 0 → 100644
View file @ 0707f7f8
<template>
<div class="solution">
<div>
<div class="flex-top border-margin">
<div class="flex-img">
<img src="/image/jijia/1001.png" alt="" />
</div>
<div class="zhong"></div>
<div class="flex-wenzi">
<h4>机加仿真</h4>
<div>
现阶段制造类大多企业在产品研发部门，基本上实现了3D
CAD产品设计；生产现场大量采用自动化设备（现场总线、PLC等）；但是，在时间消耗最长的生产规划部门，设计手段却较为落后。
</div>
</div>
</div>
<div class="flex-right border-margin">
<!-- <img class="img1" src="/image/jijia/1203.png" alt="">空 -->
</div>
<div class="fangan border-margin">
<div class="img-img">
<img src="/image/jijia/1003.png" alt="" />
</div>
<div class="zhong"></div>
<div class="fangan-card">
<h4 class="fangan-title">{{ product.fangan.title }}</h4>
<div
class="fangan-content"
v-for="(item, index) in product.fangan.fangan"
:key="index"
>
<h4>{{ item.title }}</h4>
<p>{{ item.content }}</p>
</div>
</div>
</div>
<div class="shishi">
<div class="shishi-title">
<h4>{{product.shishi.title}}</h4>
<div><img :src="product.shishi.banner" alt=""></div>
</div>
<div class="shishi-content">
<p v-for="(item,index) in product.shishi.content" :key="index">{{item}}</p>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "",
head: {
title: "SaaS MES云端协同---北京见著科技有限公司--MES系统"
},
components: {},
data() {
return {
pointIndex: 0,
product: {
banner: "/image/phm/sm.png",
bannerphone: "/image/phm/smp.jpg",
title:
"3DEXPERIENCE平台不仅实现机电软跨专业协同，而且三维体验平台融合了多专业的数据和模型，为设计/仿真/工艺一体化提供了基础。",
jj1:
"CATIA依托3DE平台结合VR虚拟现实技术重新定义产品开发，借助虚拟世界先进行仿真评估。",
jj2:
"是PLM协同解决方案的一个重要组成部分，支持从项目前阶段、具体的设计、分析、模拟、组装到维护在内的全部工业设计流程。而后借助PLM系统将创意付诸于现实。",
jijia1:
"结合产品设计流程运用主要线框控制元素对整个产品结构进行有效的总体控制形成类似树干状的产品设计结构，并建立有效的参数信息传递框架及流程的CATIA自上而下的协同设计方法。",
url: "/image/phm/t527.png",
f1: true,
f2: true,
fangan: {
title: "方案优势",
fangan: [
{
title: "1、实现产品、工艺和资源数据的集约化管理",
content:
"将企业的工程数据组织在一起，保持产品-工艺-资源数据之间紧密地逻辑关联关系，使得产品数据无需在多个系统中多次存储，并能为整个企业所共享使用。"
},
{
title: "2、实现3D工艺规划",
content:
"充分利用“数字样机”的三维数据，实现基于三维数据信息的3D工艺规划，进行零件的加工、装配等3D工艺及仿真、验证；而且，在进行各种工艺规划、仿真和验证的同时，可以生成3D图形化的工艺文档和过程演示视频，使工艺方案的评审更具有直观性和科学性。"
},
{
title: "3、实现对生产过程的真实反映",
content:
"建立一个完整的3D数字工厂（厂房）环境，并结合人机工程，将虚拟的人体模型放置到数字工厂环境当中，进行人机工效的评估。"
},
{
title: "4、支持并行工程",
content:
"制造部门的工作人员可以及早参与到产品的研发中去，与设计人员并行的开展工作，从而使得在设计过程中能够充分的考虑零件的工艺特性、部件的可装配性和产品的可维护性等因素。"
}
]
},
spcj: {
title:
"PHM适用于是密集应用大数据的典型工业领域，是工业互联网的重要组成部分。PHM强调资产设备管理中的状态感知、数据监控与分析，通过监控设备健康状况、故障频发区域与周期，预测故障的发生，从而大幅度提高运维效率。",
url: [
"/image/catia/0307.png",
"/image/catia/0308.png",
"/image/catia/0309.png",
"/image/catia/0310.png"
]
},
shishi:{
banner:"/image/jijia/1004.png",
title:"实施办法",
content:[
"1、从PDM系统获取产品结构数据（EBOM）",
"2、从工装工具、生产部门获取资源数据（由3D CAD系统生成），（目前大多企业只有少量或无资源3D数据，必须建立相应工装工具库）。",
"3、从工艺部门获取已有工艺信息；或在DPE中重新进行工艺设计",
"4、在DPE中产生总工艺计划、细节工艺计划、生产计划及产品、工艺、资源关联信息，进行工时分析等",
"5、进入DPM环境，用三维的方式进行工艺验证、人机任务仿真和分析，及工厂布局分析",
"6、按照客户的要求进行客户化，将分析、验证的结果输出（与工艺相关的质询单等）。或将数据传递到CAPP系统生产相应工艺文件",
"7、或到DPE中产生基于MBOM的工艺计划；并与PDM系统集成，形成PPR模型",
"8、产生相应工艺文档；或储存为DPE文档的附件。",
"9、按ERP、SCM、CRM、MES格式要求，输出相应生产、采购、招投标、维护、培训等信息",
"10、完成与企业其他系统集成"]
}
}
};
},
methods: {
hover(i) {
this.pointIndex = i;
},
watch() {}
}
};
</script>
<style lang="less" scoped>
.flex-top {
display: flex;
justify-content: space-around;
background: url(/image/jijia/1002.png);
background-size: 100% 100%;
.flex-img {
flex: 0.3;
// width: 60%;
img {
width: 100%;
height: 100%;
}
}
.zhong {
flex: 0.2;
}
.flex-wenzi {
flex: 0.4;
display: flex;
flex-direction: column;
h4 {
display: flex;
align-items: center;
height: 50%;
font-size: 30px;
font-weight: 500;
margin: auto;
// color: #000;
}
div {
// padding-right: 20%;
height: 50%;
font-weight: 500;
font-size: 20px;
color: rgb(47, 46, 104);
display: flex;
flex-direction: row-reverse;
}
}
}
.flex-right {
width: 100%;
display: flex;
flex-direction: row-reverse;
.img1 {
flex: 0.4;
width: 40%;
}
.img2 {
flex: 0.7;
width: 70%;
}
}
.border-margin {
margin: 50px auto;
}
.neirong {
margin-top: 20px;
width: 60%;
font-size: 20px;
color: rgb(138, 135, 135);
}
.jiegou {
display: flex;
width: 100%;
.img1 {
img {
width: 100%;
}
}
h4 {
width: 100%;
display: flex;
align-items: center;
}
}
.zhouqi {
.zhouqi-ul {
display: flex;
flex-direction: row-reverse;
ul {
width: 70%;
font-size: 18px;
font-weight: 600;
color: #000;
li {
padding-top: 20px;
}
}
}
}
.jijia {
.jijia-flex {
display: flex;
.jijia-flex-font {
width: 40%;
display: flex;
align-items: center;
padding-left: 10%;
}
.zhong {
width: 10%;
}
.jijia-flex-img {
width: 50%;
}
}
}
.fangan {
display: flex;
.fangan-card {
width: 50%;
// padding-left:10%;
align-items: center;
.fangan-title {
padding-bottom: 10%;
color: rgb(124, 122, 122);
}
.fangan-content {
h4{
font-size: 18px;
font-weight: 600;
color: #000;
}
p {
font-size: 18px;
font-weight: 500;
color: rgb(124, 122, 122)
}
}
}
.zhong {
width: 5%;
}
.img-img {
width: 45%;
// padding-right: 5%;
img {
width: 100%;
}
}
}
.shishi{
width: 100%;
.shishi-title{
display: flex;
h4{
flex: .4;
display: flex;
align-items: center;
font-weight: 700;
}
div{
flex: .6;
img{
width: 100%;
}
}
}
.shishi-content{
color: #000;
font-size: 18px;
font-weight: 600;
}
}
h4 {
font-size: 20px;
}
</style>
src/pages/p1/mbd.vue 0 → 100644
View file @ 0707f7f8
<template>
<div class="solution">
<div>
<div class="flex-top border-margin">
<div class="flex-img">
<img src="/image/mbd/0601.png" alt="">
</div>
<div class="zhong"></div>
<div class="flex-wenzi">
<h4>MBD解决方案</h4>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{product.jj1}}<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{product.jj2}}</div>
</div>
</div>
<div class="flex-right border-margin">
<!-- <img class="img1" src="/image/mbd/1203.png" alt="">空 -->
</div>
<div class="mbd border-margin">
<div class="mbd-flex">
<h4 class="mbd-flex-font">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{product.mbd1}}<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{product.mbd2}}</h4>
<div class="zhong"></div>
<div class="mbd-flex-img"><img width="100%" src="/image/mbd/0603.png" alt=""></div>
</div>
<img class="mbd-img" src="/image/mbd/0604.png" alt="">
</div>
<div class="jiegou border-margin">
<div class="img1" style="width:65%">
<img src="/image/mbd/0605.png" alt="">
</div>
<div style="width:5%"></div>
<h4 style="width:34%">
采用MBD技术后，需要对数字化产品定义信息按MBD要求进行分类组织管理，完整地反映出产品零部件本身的几何形状、尺寸公差、工艺要求、质量检测以及其他管理属性等信息，保证产品设计过程中几何信息与非几何信息的一致性，同时满足制造过程各阶段对数据的需求。MBD整体规划思路和建设内容：建立基于MBD设计及数字样机。
<br/>数字化产品定义是实现数字化制造的基础，它是以数字量方式对产品进行准确描述的。
</h4>
</div>
<div class="jiegou border-margin">
<div class="img1" style="width:70%">
<img src="/image/mbd/0606.png" alt="">
</div>
<div style="width:5%"></div>
<h4 style="width:25%">
实现基于模型的产品研制，是产品研发的数字化转型，先进的开发理念落地需要围绕3D模型编织一张这样的“网”：数据集，标准规范，管理要素，设计资源，然后是工具的应用
</h4>
</div>
<!-- <div class="zhouqi">
<img width="80%" src="/image/mbd/0605.png" alt="">
<div class="zhouqi-ul">
<ul>
<li v-for="(item,index) in product.zhouqi" :key="index">{{item}}</li>
</ul>
</div>
</div>
-->
</div>
</div>
</template>
<script>
export default {
name: "",
head: {
title: "SaaS MES云端协同---北京见著科技有限公司--MES系统"
},
components: {},
data() {
return {
pointIndex: 0,
product: {
banner: "/image/phm/sm.png",
bannerphone: "/image/phm/smp.jpg",
title: "3DEXPERIENCE平台不仅实现机电软跨专业协同，而且三维体验平台融合了多专业的数据和模型，为设计/仿真/工艺一体化提供了基础。",
jj1: "CATIA依托3DE平台结合VR虚拟现实技术重新定义产品开发，借助虚拟世界先进行仿真评估。",
jj2:
"是PLM协同解决方案的一个重要组成部分，支持从项目前阶段、具体的设计、分析、模拟、组装到维护在内的全部工业设计流程。而后借助PLM系统将创意付诸于现实。",
mbd1:"MBD（Model Based Definition，基于模型的定义）是一种面向计算机应用的产品数字化定义技术，它明确了产品数字化定义的内容和规范及其在生产与信息管理中的授权和应用程序。",
mbd2:"MBD技术使数字化三维实体几何模型数据替代了二维工程图纸，成为数字化制造过程中的制造依据，改变了传统以工程图纸为主要制造依据，而三维模型仅为辅助参考依据的制造模式，引起了复杂产品制造技术的重大变革。",
url: "/image/phm/t527.png",
f1: true,
f2: true,
zhouqi:[
"研发平台支持机电设计一体化流程，并且对设计数据，衍生数据，IDF文档以及BOM都有嵌入式深度集成",
"集成直接与项目工作区贯通，设计人员可直接把设计数据按照项目交付物进行管理，紧贴研发项目审签流程。",
"所有数据最终以BOM为核心进行管理，BOM和相关设计数据在研发平台上关联",
"这样的数据结构有利于最终产品发布流程的统一管理，当BOM发布时，连带的所有设计数据必须也处于设计已交付状态，从而保证产品发布时数据的有效性，完整性。并方便设计人员打包推送数据到生产端。"
],
spcj: {
title:
"PHM适用于是密集应用大数据的典型工业领域，是工业互联网的重要组成部分。PHM强调资产设备管理中的状态感知、数据监控与分析，通过监控设备健康状况、故障频发区域与周期，预测故障的发生，从而大幅度提高运维效率。",
url: [
"/image/catia/0307.png",
"/image/catia/0308.png",
"/image/catia/0309.png",
"/image/catia/0310.png",
]
},
functions: {
style: false,
list: [
{
url: "/image/catia/0206.png",
title: "变量和参数化建模",
content: ["CATIA具有在整个产品周期内提供了变量驱动及后参数化能力"]
},
{
url: "/image/catia/0207.png",
title: "模块的全相关性",
content: ["CATIA的各个模块基于统一的数据平台，三维模型的修改，能完全体现 在二维模型，模拟分析，模具和数控加工的程序中"]
},
{
url: "/image/catia/0208.png",
title: "并行工程的设计环境",
content: ["总体设计部门将基本的结构尺寸发放出去，各分系统的人员便可开始工作，既可协同工作，又不互相牵连。实现真正的并行工程设计环境"]
},
{
url: "/image/catia/0209.png",
title: "覆盖产品开发全过程",
content: ["从单个零件的设计到最终电子样机的建立,CATIA 提供了完备的设计能力."]
},
]
},
functions2: {
style: true,
list: [
{url:"/image/phm/tc7.png",
title:"零件设计",
content:["在直观的环境下，用高效强大的造型特征设计复杂零"],
},{
url:"/image/phm/tc7.png",
title:"钣金与创成式曲面",
content:["非常完整的曲线操作工具和最基础的曲面构造工具"],
},
{url:"/image/phm/tc7.png",
title:"装配设计",
content:["高效率的工具如、碰撞和间隙检查、自动BOM表生成等可减少了设计时间、提高了装配质量"],
},{
url:"/image/phm/tc7.png",
title:"模具设计",
content:["模具设计产品允许快速、经济地创建注塑模具，可以使用标准目录库中已经预定义好的组件"],
},
{url:"/image/phm/tc7.png",
title:"电气系统设计",
content:["可实现电气零件的设计装配、功能定义，电气线束的装配、生成和展平等内容"],
},
]
},
functions3: [
{
url: "/image/phm/tc20.png",
title: "故障提前预知",
content: ["预知故障时间和位置，提高运行可靠性 "]
},
{
url: "/image/phm/tc21.png",
title: "提高可用时长",
content: ["提高可用时长，预测剩余使用寿命 "]
},
{
url: "/image/phm/tc22.png",
title: "提高维修准确性",
content: ["提高维修准确性，降低维修成本 "]
},
{
url: "/image/phm/tc23.png",
title: "运维决策优化",
content: ["辅助运维决策优化，提高运维价值"]
}
],
ydwtlist: [
{ url: "/image/phm/tc7.png", p: "设计与制造间的信息交互" },
{
url: "/image/phm/tc8.png",
p: "依据数模完善工艺路线"
},
{
url: "/image/phm/tc9.png",
p: "形成数字样机"
},
{
url: "/image/phm/tc10.png",
p: "实现产品实物的模型渲染"
},
],
gnmb:[
{url:"/image/catia/0307.png",
title:"零件设计",
content:"在直观的环境下，用高效强大的造型特征设计复杂零件",
},{
url:"/image/catia/0308.png",
title:"钣金与创成式曲面",
content:"非常完整的曲线操作工具和最基础的曲面构造工具",
},
{url:"/image/catia/0309.png",
title:"装配设计",
content:"高效率的工具如、碰撞和间隙检查、自动BOM表生成等可减少了设计时间、提高了装配质量",
},{
url:"/image/catia/0310.png",
title:"模具设计",
content:"模具设计产品允许快速、经济地创建注塑模具，可以使用标准目录库中已经预定义好的组件",
},
]
}
};
},
methods: {
hover(i) {
this.pointIndex = i;
},
watch() {}
}
};
</script>
<style lang="less" scoped>
.flex-top {
display: flex;
justify-content: space-around;
background: url(/image/mbd/0602.png);
background-size: 100% 100%;
.flex-img {
flex: 0.4;
// width: 60%;
img {
width: 100%;
height: 100%;
}
}
.zhong {
flex: 0.2;
}
.flex-wenzi {
flex: 0.4;
display: flex;
flex-direction: column;
h4 {
display: flex;
align-items: center;
height: 50%;
font-size: 30px;
font-weight: 500;
margin: auto;
// color: #000;
}
div {
// padding-right: 20%;
height: 50%;
font-weight: 500;
font-size: 20px;
color: rgb(47, 46, 104);
display: flex;
flex-direction: row-reverse;
}
}
}
.flex-right{
width: 100%;
display: flex;
flex-direction: row-reverse;
.img1{
flex: .4;
width: 40%;
}
.img2{
flex: .7;
width: 70%;
}
}
.border-margin{
margin: 50px auto;
}
.neirong{
margin-top: 20px;
width: 60%;
font-size: 20px;
color: rgb(138, 135, 135);
}
.jiegou{
display: flex;
width: 100%;
.img1{
img{
width: 100%;
}
}
h4{
width: 100%;
display: flex;
align-items: center;
}
}
.zhouqi{
.zhouqi-ul{
display: flex;
flex-direction: row-reverse;
ul{
width: 70%;
font-size: 18px;
font-weight: 600;
color: #000;
li{
padding-top: 20px;
}
}
}
}
.mbd{
.mbd-flex{
display: flex;
.mbd-flex-font{
width: 50%;
display: flex;
align-items: center;
padding-left: 9%;
}
.zhong{
width: 10%;
}
.mbd-flex-img{
width: 50%;
}
}
.mbd-img{
width: 30%;
position: relative;
left: 35%;
top:-100px;
opacity: .6;
}
}
h4{
font-size: 20px;
}
</style>
src/pages/p1/xiangmu.vue 0 → 100644
View file @ 0707f7f8
<template>
<div class="solution">
<div>
<div class="flex-top border-margin">
<div class="flex-img">
<img src="/image/xiangmu/1101.png" alt="" />
</div>
<div class="zhong"></div>
<div class="flex-wenzi">
<h4>项目管理</h4>
<div>{{product.title}}
</div>
</div>
</div>
<div class="flex-right border-margin">
<!-- <img class="img1" src="/image/xiangmu/1203.png" alt="">空 -->
</div>
<div class="strategy border-margin">
<h4>项目管理解决方案策略</h4>
<div class="strategy-flex">
<div class="img-left"><img src="/image/xiangmu/1103.png" alt=""></div>
<div class="zhong"></div>
<div class="card-right">
<div :class="item.name" v-for="(item,index) in product.celue" :key="index">
<h4>{{item.title}}:</h4>
<p v-for="(val,index) in item.content" :key="index">{{val}}</p>
</div>
</div>
</div>
</div>
<div class="liucheng border-margin">
<div class="liucheng-card" v-for="(item,index) in product.liucheng" :key="index">
<h4>{{item.title}}</h4>
<p v-for="(val,index) in item.content" :key="index">{{val}}</p>
</div>
<div class="zhong"></div>
<div class="img-img">
<img src="/image/xiangmu/1104.png" alt="">
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "",
head: {
title: "SaaS MES云端协同---北京见著科技有限公司--MES系统"
},
components: {},
data() {
return {
pointIndex: 0,
product: {
banner: "/image/phm/sm.png",
bannerphone: "/image/phm/smp.jpg",
title: "排除没有附加值的任务，这样能有更多的时间来确保项目按时、在预算内完成。基于可交付成果的项目管理使团队成员能够专注于创造创新体验，按时并按预算交付项目。",
jj1: "CATIA依托3DE平台结合VR虚拟现实技术重新定义产品开发，借助虚拟世界先进行仿真评估。",
jj2:
"是PLM协同解决方案的一个重要组成部分，支持从项目前阶段、具体的设计、分析、模拟、组装到维护在内的全部工业设计流程。而后借助PLM系统将创意付诸于现实。",
url: "/image/phm/t527.png",
f1: true,
f2: true,
zhouqi:[
"研发平台支持机电设计一体化流程，并且对设计数据，衍生数据，IDF文档以及BOM都有嵌入式深度集成",
"集成直接与项目工作区贯通，设计人员可直接把设计数据按照项目交付物进行管理，紧贴研发项目审签流程。",
"所有数据最终以BOM为核心进行管理，BOM和相关设计数据在研发平台上关联",
"这样的数据结构有利于最终产品发布流程的统一管理，当BOM发布时，连带的所有设计数据必须也处于设计已交付状态，从而保证产品发布时数据的有效性，完整性。并方便设计人员打包推送数据到生产端。"
],
liucheng:[
{
title:"实施流程",
content:["概念计划：承载系统的概念设计；系统/子系统设计规划书；设计需求；早期BOM","开发：承载系统的物理结构设计；设计协同；模型、CAD图纸、技术规范、研发文档","测试验证&生命周期：承载选装选配设计；Super BOM；生产及工艺数据"]
}
],
celue:[
{
title:"高效的项目团队协同",
name:"w50",
content:["定义明确团队","建立项目环境","项目任务驱动","基于BOM协同"],
},{
title:"问题风险反馈及解决",
name:"w50",
content:["量化问题风险等级","系统化的问题风险汇报方式","问题全生命周期跟踪","项目风险趋势统计"],
},{
title:"“事实”项目进度",
name:"w100",
content:["进度-任务，基于任务的进度报交使得进度可以被细化，也可被实时统计汇总","任务-成果，基于任务成果的任务定义使项目任务完成与真实项目进展对应","成果-确认，对于交付物状态的确认来对任务完成情况进行复核，确保交付物的正确性及合规性","实时的进度仪表盘，提供一个实时的项目进度汇总信息，随时提供给项目管理者项目状态"],
},{
title:"高质量的评审",
name:"w50",
content:["评审会议定义","评审决策跟踪","基于事实数据的评审","评审驱动的转阶段"],
},{
title:"项目质量评价",
name:"w50",
content:["定义项目质量","项目成本归集可视化","工时VS计划"," "],
},
]
}
};
},
methods: {
hover(i) {
this.pointIndex = i;
},
watch() {}
}
};
</script>
<style lang="less" scoped>
.flex-top {
display: flex;
justify-content: space-around;
background: url(/image/jijia/1002.png);
background-size: 100% 100%;
.flex-img {
flex: 0.3;
// width: 60%;
img {
width: 100%;
height: 100%;
}
}
.zhong {
flex: 0.2;
}
.flex-wenzi {
flex: 0.4;
display: flex;
flex-direction: column;
h4 {
display: flex;
align-items: center;
height: 50%;
font-size: 30px;
font-weight: 500;
margin: auto;
// color: #000;
}
div {
// padding-right: 20%;
height: 50%;
font-weight: 500;
font-size: 20px;
color: rgb(47, 46, 104);
display: flex;
flex-direction: row-reverse;
}
}
}
.flex-right{
width: 100%;
display: flex;
flex-direction: row-reverse;
.img1{
flex: .4;
width: 40%;
}
.img2{
flex: .7;
width: 70%;
}
}
.border-margin{
margin: 50px auto;
}
.neirong{
margin-top: 20px;
width: 60%;
font-size: 20px;
color: rgb(138, 135, 135);
}
.liucheng{
display: flex;
.liucheng-card{
width: 60%;
padding-left:10%;
align-items: center;
h4{
width: 60%;
padding-top: 20%;
padding-bottom: 10%;
}
p{
width: 73%;
}
}
.zhong{
width: 10%;
}
.img-img{
width: 40%;
// padding-right: 5%;
img{
width: 100%;
}
}
}
.jiegou{
display: flex;
width: 100%;
.img1{
img{
width: 100%;
}
}
h4{
width: 100%;
display: flex;
align-items: center;
}
}
.zhouqi{
.zhouqi-ul{
display: flex;
flex-direction: row-reverse;
ul{
width: 70%;
font-size: 18px;
font-weight: 600;
color: #000;
li{
padding-top: 20px;
}
}
}
}
.strategy{
h4{
padding-bottom: 10px ;
}
.strategy-flex{
width: 100%;
display: flex;
.img-left{
width: 40%;
img{
width: 100%;
}
}
.zhong{
width: 2%;
}
.card-right{
width: 58%;
.w50{
width: 50%;
line-height: 30px;
padding-bottom: 20px;
display: inline-grid;
height: 30%;
}
.w100{
width: 100%;
line-height: 30px;
padding-bottom: 20px;
height: 40%;
}
}
}
}
h4{
font-size: 24px;
font-weight: 600;
color: #000;
}
p{
font-size: 20px;
font-weight: 500;
color: rgb(146, 143, 143);
}
</style>
src/pages/p1/zhuangpei.vue 0 → 100644
View file @ 0707f7f8
<template>
<div>
<div class="solution" style="width:1200px;margin:100px auto">
<div class="flex-top border-margin">
<div class="flex-img">
<img src="/image/zhuangpei/1201.png" alt="">
</div>
<div class="zhong"></div>
<div class="flex-wenzi">
<h4>装配仿真</h4>
<div>{{product.title}}</div>
</div>
</div>
<div class="flex-right border-margin">
<img class="img1" src="/image/zhuangpei/1203.png" alt="">
</div>
<div class="border-margin">
<div class="wenzi">
数字化制造需要实现工艺设计全过程的管理、数据分析和工艺流程的验证，更重要的是为企业生产提供快速、准确的统一数据源——MBOM。同时，在产品设计过程中考虑产品的可制造性、可装配性和可维护性。
</div>
<div class="flex-right">
<img class="img2" src="/image/zhuangpei/1204.png" alt="">
</div>
</div>
<div class="youshi border-margin">
<div class="flex-youshi">
<h4>主要优势</h4>
<div><img src="/image/zhuangpei/1205.png" alt=""></div>
</div>
<div class="neirong">
使用综合性 3D 流程和资源规划工具进行规划，以创建和优化按单定制
的精益生产制造系统。
使用工具进行模拟，以虚拟定义和优化制造资产及制造规划。
操作精确的虚拟生产系统，以实时跟踪生产活动、执行时间表变动、启
动新项目、引进模型转换和安排维护操作
</div>
</div>
<div class="liucheng border-margin">
<img style="width:55%" src="/image/zhuangpei/1206.png" alt="">
<div>
<div class="liucheng-wen">
<h4>对装配或拆卸流程进行可行性研究,以减少问题、缩短上市时间并提高首次质量 <br><br></h4>
<div>
通过检测影响产品或工具设计的潜在问题,在设计阶段早期确定3D中的装配或拆卸可行性<br>
利用流程规划数据,通过考虑流程排序和工作场所布局,验证可行性直接记录3D中的潜在问题,以实现与相关人员的协作解决
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "",
head: {
title: "SaaS MES云端协同---北京见著科技有限公司--MES系统"
},
components: {},
data() {
return {
pointIndex: 0,
product: {
banner: "/image/phm/sm.png",
bannerphone: "/image/phm/smp.jpg",
title: "装配仿真为各类复杂机电产品的设计和制造提供产品可装配性验证、装配工艺规划和分析、装配操作培训与指导、装配过程演示等完整解决方案。",
jj1: "CATIA依托3DE平台结合VR虚拟现实技术重新定义产品开发，借助虚拟世界先进行仿真评估。",
jj2:
"是PLM协同解决方案的一个重要组成部分，支持从项目前阶段、具体的设计、分析、模拟、组装到维护在内的全部工业设计流程。而后借助PLM系统将创意付诸于现实。",
url: "/image/phm/t527.png",
f1: true,
f2: true,
spcj: {
title:
"PHM适用于是密集应用大数据的典型工业领域，是工业互联网的重要组成部分。PHM强调资产设备管理中的状态感知、数据监控与分析，通过监控设备健康状况、故障频发区域与周期，预测故障的发生，从而大幅度提高运维效率。",
url: [
"/image/catia/0307.png",
"/image/catia/0308.png",
"/image/catia/0309.png",
"/image/catia/0310.png",
]
},
functions: {
style: false,
list: [
{
url: "/image/catia/0206.png",
title: "变量和参数化建模",
content: ["CATIA具有在整个产品周期内提供了变量驱动及后参数化能力"]
},
{
url: "/image/catia/0207.png",
title: "模块的全相关性",
content: ["CATIA的各个模块基于统一的数据平台，三维模型的修改，能完全体现 在二维模型，模拟分析，模具和数控加工的程序中"]
},
{
url: "/image/catia/0208.png",
title: "并行工程的设计环境",
content: ["总体设计部门将基本的结构尺寸发放出去，各分系统的人员便可开始工作，既可协同工作，又不互相牵连。实现真正的并行工程设计环境"]
},
{
url: "/image/catia/0209.png",
title: "覆盖产品开发全过程",
content: ["从单个零件的设计到最终电子样机的建立,CATIA 提供了完备的设计能力."]
},
]
},
functions2: {
style: true,
list: [
{url:"/image/phm/tc7.png",
title:"零件设计",
content:["在直观的环境下，用高效强大的造型特征设计复杂零"],
},{
url:"/image/phm/tc7.png",
title:"钣金与创成式曲面",
content:["非常完整的曲线操作工具和最基础的曲面构造工具"],
},
{url:"/image/phm/tc7.png",
title:"装配设计",
content:["高效率的工具如、碰撞和间隙检查、自动BOM表生成等可减少了设计时间、提高了装配质量"],
},{
url:"/image/phm/tc7.png",
title:"模具设计",
content:["模具设计产品允许快速、经济地创建注塑模具，可以使用标准目录库中已经预定义好的组件"],
},
{url:"/image/phm/tc7.png",
title:"电气系统设计",
content:["可实现电气零件的设计装配、功能定义，电气线束的装配、生成和展平等内容"],
},
]
},
functions3: [
{
url: "/image/phm/tc20.png",
title: "故障提前预知",
content: ["预知故障时间和位置，提高运行可靠性 "]
},
{
url: "/image/phm/tc21.png",
title: "提高可用时长",
content: ["提高可用时长，预测剩余使用寿命 "]
},
{
url: "/image/phm/tc22.png",
title: "提高维修准确性",
content: ["提高维修准确性，降低维修成本 "]
},
{
url: "/image/phm/tc23.png",
title: "运维决策优化",
content: ["辅助运维决策优化，提高运维价值"]
}
],
ydwtlist: [
{ url: "/image/phm/tc7.png", p: "设计与制造间的信息交互" },
{
url: "/image/phm/tc8.png",
p: "依据数模完善工艺路线"
},
{
url: "/image/phm/tc9.png",
p: "形成数字样机"
},
{
url: "/image/phm/tc10.png",
p: "实现产品实物的模型渲染"
},
],
gnmb:[
{url:"/image/catia/0307.png",
title:"零件设计",
content:"在直观的环境下，用高效强大的造型特征设计复杂零件",
},{
url:"/image/catia/0308.png",
title:"钣金与创成式曲面",
content:"非常完整的曲线操作工具和最基础的曲面构造工具",
},
{url:"/image/catia/0309.png",
title:"装配设计",
content:"高效率的工具如、碰撞和间隙检查、自动BOM表生成等可减少了设计时间、提高了装配质量",
},{
url:"/image/catia/0310.png",
title:"模具设计",
content:"模具设计产品允许快速、经济地创建注塑模具，可以使用标准目录库中已经预定义好的组件",
},
]
}
};
},
methods: {
hover(i) {
this.pointIndex = i;
},
watch() {}
}
};
</script>
<style lang="less" scoped>
.flex-top {
display: flex;
justify-content: space-around;
background: url(/image/zhuangpei/1202.png);
background-size: 100% 100%;
.flex-img {
flex: 0.4;
// width: 60%;
img {
width: 100%;
height: 100%;
}
}
.zhong {
flex: 0.2;
}
.flex-wenzi {
flex: 0.4;
display: flex;
flex-direction: column;
h4 {
display: flex;
align-items: center;
height: 50%;
font-size: 30px;
font-weight: 500;
margin: auto;
// color: #000;
}
div {
// padding-right: 20%;
height: 50%;
font-weight: 500;
font-size: 20px;
color: rgb(47, 46, 104);
display: flex;
flex-direction: row-reverse;
}
}
}
.flex-right{
width: 100%;
display: flex;
flex-direction: row-reverse;
.img1{
flex: .4;
width: 40%;
}
.img2{
flex: .7;
width: 70%;
}
}
.wenzi{
margin-top: 50px;
width:60%;
font-size: 20px;
font-weight: 500;
color: #000;
}
.flex-youshi{
display: flex;
h4{
width: 30%;
font-size: 24px;
font-weight: 500;
display: flex;
flex-direction: column-reverse;
text-align: center;
color: #000;
}
div{
width: 70%;
img{
width: 100%;
}
}
}
.border-margin{
margin: 50px auto;
}
.neirong{
margin-top: 20px;
width: 60%;
font-size: 20px;
color: rgb(138, 135, 135);
}
.liucheng{
img{
width: 55%;
}
div{
display: flex;
flex-direction: row-reverse;
.liucheng-wen{
width: 60%;
display: flex;
flex-direction: column;
h4{
font-size: 20px;
font-weight: bold;
}
div{
font-size: 20px;
color: rgb(138, 135, 135);
}
}
}
}
</style>
src/pages/product/catia.vue 0 → 100644
View file @ 0707f7f8
<template>
<div>
<div class="pc">
<div class="product-introduce">
<div class="propduct-back">
<div class="propduct-background1">
<img class="img1" src="/image/catia/0301.png" alt="" />
</div>
<div class="propduct-background2">
<img src="/image/catia/0302.png" alt="" />
<h4>3D CAD设计和工程软</h4>
</div>
</div>
<div class="title">
<div class="line"></div>
<p>{{ product.title }}</p>
<div class="line"></div>
</div>
<h5>产品简介</h5>
<h6>Product introduction</h6>
<span
>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{
product.jj1
}}</span
>
<div v-if="product.jj2 != ''" class="jj2-div">
<br />
<span
>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{
product.jj2
}}</span
>
</div>
</div>
<div class="advertisement">
<img style="width:1200px" src="/image/catia/0304.png" alt="" />
</div>
<div class="product-merit">
<h5>核心要素</h5>
<h6>Core advantage</h6>
<product-functions3
:list="product.functions.list"
v-if="product.functions.style == false"
/>
<product-functions2
:list="product.functions.list"
v-if="product.functions.style == true"
/>
</div>
<div class="ydwt">
<img class="ydwt-img" src="/image/catia/0305.png" alt="">
<h5>应对问题</h5>
<h6>Coping with problems</h6>
<div class="ydwt-all">
<div v-for="(item,index) in product.ydwtlist" :key="index">
<img :src="item.url" alt="">
<p>{{item.p}}</p>
</div>
</div>
</div>
<div class="product-merit" style="background-color: rgb(239, 246, 255);">
<div class="pd"></div>
<h5>功能模块</h5>
<h6>function modul</h6>
<product-functions2 :list="product.functions2.list" v-if="product.functions2.style==true"/>
<product-functions3 :list="product.functions2.list" v-if="product.functions2.style==false"/>
</div>
<div class="product-merit">
<h5>应用场景</h5>
<h6>Adaptation scenarios</h6>
<div style="display: flex;width: 1200px;flex-wrap:wrap;margin-top:47px;
height:700px" class="gnmb">
<div class="gnmb-border" v-for="(item,index) in product.gnmb" :key="index">
<img class="img1" :src="item.url" alt="">
<div>{{item.title}}</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "",
head: {
title: "SaaS MES云端协同---北京见著科技有限公司--MES系统"
},
components: {},
data() {
return {
pointIndex: 0,
product: {
banner: "/image/phm/sm.png",
bannerphone: "/image/phm/smp.jpg",
title: "基于数字化模型的产品设计",
jj1: "CATIA依托3DE平台结合VR虚拟现实技术重新定义产品开发，借助虚拟世界先进行仿真评估。",
jj2:
"是PLM协同解决方案的一个重要组成部分，支持从项目前阶段、具体的设计、分析、模拟、组装到维护在内的全部工业设计流程。而后借助PLM系统将创意付诸于现实。",
url: "/image/phm/t527.png",
f1: true,
f2: true,
spcj: {
title:
"PHM适用于是密集应用大数据的典型工业领域，是工业互联网的重要组成部分。PHM强调资产设备管理中的状态感知、数据监控与分析，通过监控设备健康状况、故障频发区域与周期，预测故障的发生，从而大幅度提高运维效率。",
url: [
"/image/catia/0307.png",
"/image/catia/0308.png",
"/image/catia/0309.png",
"/image/catia/0310.png",
]
},
functions: {
style: false,
list: [
{
url: "/image/catia/0206.png",
title: "变量和参数化建模",
content: ["CATIA具有在整个产品周期内提供了变量驱动及后参数化能力"]
},
{
url: "/image/catia/0207.png",
title: "模块的全相关性",
content: ["CATIA的各个模块基于统一的数据平台，三维模型的修改，能完全体现 在二维模型，模拟分析，模具和数控加工的程序中"]
},
{
url: "/image/catia/0208.png",
title: "并行工程的设计环境",
content: ["总体设计部门将基本的结构尺寸发放出去，各分系统的人员便可开始工作，既可协同工作，又不互相牵连。实现真正的并行工程设计环境"]
},
{
url: "/image/catia/0209.png",
title: "覆盖产品开发全过程",
content: ["从单个零件的设计到最终电子样机的建立,CATIA 提供了完备的设计能力."]
},
]
},
functions2: {
style: true,
list: [
{url:"/image/phm/tc7.png",
title:"零件设计",
content:["在直观的环境下，用高效强大的造型特征设计复杂零"],
},{
url:"/image/phm/tc7.png",
title:"钣金与创成式曲面",
content:["非常完整的曲线操作工具和最基础的曲面构造工具"],
},
{url:"/image/phm/tc7.png",
title:"装配设计",
content:["高效率的工具如、碰撞和间隙检查、自动BOM表生成等可减少了设计时间、提高了装配质量"],
},{
url:"/image/phm/tc7.png",
title:"模具设计",
content:["模具设计产品允许快速、经济地创建注塑模具，可以使用标准目录库中已经预定义好的组件"],
},
{url:"/image/phm/tc7.png",
title:"电气系统设计",
content:["可实现电气零件的设计装配、功能定义，电气线束的装配、生成和展平等内容"],
},
// {
// url: "/image/phm/tc12.png",
// title: "参数管理",
// content: [
// "展示故障发生时间段的故障参数及参数曲线，提供参数历史数据订阅查询，提供参数库管理。"
// ]
// },
// {
// url: "/image/phm/tc13.png",
// title: "模型库",
// content: [
// "对设备进行管理和维护，根据不同用户设置权限限制，按建设模型的不同阶段展示不同的模型相关属性，并提供新建模型、升级版本、模型重用和展示模型效果等功能。"
// ]
// },
// {
// url: "/image/phm/tc14.png",
// title: "预警信息管理",
// content: [
// "展示所有实时预警信息和预警相关的统计图表，提供多维度的查询和导出功能,支持查看预警的相关实时参数和参数曲线，支持预警信息自动发送以及初步判断。"
// ]
// },
// {
// url: "/image/phm/tc15.png",
// title: "健康管理",
// content: [
// "根据既定规则对设备进行健康度评测，动态监控车辆的运行状态和健康状态，为潜在维修问题的发现和诊断，突发故障的高效处理，以及决策提供数据依据，从而提高维保效率和质量，保障设备更加安全可靠地运行。"
// ]
// }
]
},
functions3: [
{
url: "/image/phm/tc20.png",
title: "故障提前预知",
content: ["预知故障时间和位置，提高运行可靠性 "]
},
{
url: "/image/phm/tc21.png",
title: "提高可用时长",
content: ["提高可用时长，预测剩余使用寿命 "]
},
{
url: "/image/phm/tc22.png",
title: "提高维修准确性",
content: ["提高维修准确性，降低维修成本 "]
},
{
url: "/image/phm/tc23.png",
title: "运维决策优化",
content: ["辅助运维决策优化，提高运维价值"]
}
],
ydwtlist: [
{ url: "/image/phm/tc7.png", p: "设计与制造间的信息交互" },
{
url: "/image/phm/tc8.png",
p: "依据数模完善工艺路线"
},
{
url: "/image/phm/tc9.png",
p: "形成数字样机"
},
{
url: "/image/phm/tc10.png",
p: "实现产品实物的模型渲染"
},
],
gnmb:[
{url:"/image/catia/0307.png",
title:"零件设计",
content:"在直观的环境下，用高效强大的造型特征设计复杂零件",
},{
url:"/image/catia/0308.png",
title:"钣金与创成式曲面",
content:"非常完整的曲线操作工具和最基础的曲面构造工具",
},
{url:"/image/catia/0309.png",
title:"装配设计",
content:"高效率的工具如、碰撞和间隙检查、自动BOM表生成等可减少了设计时间、提高了装配质量",
},{
url:"/image/catia/0310.png",
title:"模具设计",
content:"模具设计产品允许快速、经济地创建注塑模具，可以使用标准目录库中已经预定义好的组件",
},
]
}
};
},
methods: {
hover(i) {
this.pointIndex = i;
},
watch() {}
}
};
</script>
<style lang="less" scoped>
.propduct-back {
width: 100%;
height: 100%;
min-height: 800px;
display: flex;
justify-content: space-between;
.propduct-background1 {
flex: 0.6;
.img1{
width: 100%;
}
}
.propduct-background2 {
flex: 0.4;
display: flex;
flex-direction: column;
text-align: center;
h4 {
font-size: 30px;
margin-top:10% ;
line-height: 30px;
}
img{
width: 100%;
margin-top: 20%;
}
}
}
.pd {
position: absolute;
width: 100%;
}
.pd1 {
display: flex;
flex-direction: column;
align-items: center;
width: 1200px;
}
.cj {
margin-top: 0.3rem;
img {
width: 100%;
}
}
.foot {
width: 115%;
}
.advertisement{
width: 100%;
text-align: center;
.advertisementci{
display: inline-block;
font-size:32px ;
font-weight: bold;
color: #000;
position: relative;
top: -300px;
left: 30%;
line-height: 50px;
}
}
.gnmb{
width: 60%;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
.gnmb-all{
width: 30%;
padding: 20px 10px;
margin-bottom: 20px;
background: #fff;
text-align: center;
}
}
.beijing{
align-items:center;
div{
flex-direction:row-reverse;
img:nth-child(3n){
position: relative;
bottom: 146px;
opacity: .6;
width: 568px;
}
img:nth-child(3n-2){
width: 568px;
height: 320px;
}
p{
width: 568px;
text-align: center;
line-height: 72px;
height: 72px;
position: relative;
bottom: 72px;
font-size: 20px;
font-weight: bold;
color: #fff;
}
}
}
.gnmb{
display: flex;
justify-content: space-between;
.gnmb-border{
width: 500px;
.img1{
width: 500px;
height: 300px;
}
div{
width: 500px;
height: 50px;
background: url(/image/enovia/0511.png);
line-height: 50px;
text-align: center;
position: relative;
bottom: 57px;
opacity: .8;
font-weight: bold;
color: #fff;
}
}
}
</style>
src/pages/product/delmia.vue 0 → 100644
View file @ 0707f7f8
<template>
<div>
<div class="pc">
<div class="product-introduce">
<div class="propduct-back">
<div class="propduct-background1">
<img class="img1" src="/image/delmia/0401.png" alt="" />
</div>
<div class="propduct-background2">
<img src="/image/delmia/0402.png" alt="" />
<h4>数字化企业的互动制造应用软件</h4>
</div>
</div>
<div style="width:991px;">
<div class="title" style="justify-content: center;">
<div class="line"></div>
<p>{{ product.title }}</p>
<div class="line"></div>
</div>
<h5 style="text-align:center">产品简介</h5>
<h6 style="text-align:center">Product introduction</h6>
<span
>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{
product.jj1
}}</span
>
<div v-if="product.jj2 != ''" class="jj2-div" style="margin-bottom:30px">
<br />
<span
>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{
product.jj2
}}</span
>
</div>
</div>
</div>
<div class="advertisement">
<img style="width:1200px" src="/image/delmia/0404.png" alt="" />
</div>
<div class="product-merit">
<h5>核心要素</h5>
<h6>Core advantage</h6>
<product-functions3
:list="product.functions.list"
v-if="product.functions.style == false"
/>
<product-functions2
:list="product.functions.list"
v-if="product.functions.style == true"
/>
</div>
<div class="ydwt">
<img class="ydwt-img" src="/image/delmia/0406.png" alt="">
<h5>应对问题</h5>
<h6>Coping with problems</h6>
<div class="ydwt-all">
<div v-for="(item,index) in product.ydwtlist" :key="index">
<img :src="item.url" alt="">
<p>{{item.p}}</p>
</div>
</div>
</div>
<div class="product-merit" style="background-color: rgb(239, 246, 255);">
<div class="pd"></div>
<h5>功能模块</h5>
<h6>function modul</h6>
<product-functions2 :list="product.functions2.list" v-if="product.functions2.style==true"/>
<product-functions3 :list="product.functions2.list" v-if="product.functions2.style==false"/>
</div>
<div class="product-merit yyjz">
<h5>应用价值</h5>
<h6>Application vale</h6>
<div
style="display: flex;justify-content: space-evenly;width: 1200px;flex-wrap:wrap;margin-top:47px;"
>
<div v-for="(item,index) in product.functions3" :key="index">
<div style="width:301px;height:330px;background:url(/image/delmia/0407.png);background-size:100% 100%">
<div style="height:50%;display:flex"><img width="100px" style="margin:auto" height="100px" src="/image/0001.png" alt=""></div>
<div style="height:50%;padding:40px 50px;font-size:20px">
{{item.title}}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "",
head: {
title: "SaaS MES云端协同---北京见著科技有限公司--MES系统"
},
components: {},
data() {
return {
pointIndex: 0,
product: {
banner: "/image/phm/sm.png",
bannerphone: "/image/phm/smp.jpg",
title: "为实现卓越运营的数字解决方案",
jj1: "DELMIA向随需应变（on-demand）和准时生产（just-in-time）的制造流程提供完整的数字解决方案，令制造厂商缩短产品上市时间，同时降低生产成本、促进创新。",
jj2:
"是DELMIA数字制造解决方案可以使制造部门设计数字化产品的全部生产流程，在部署任何实际材料和机器之前进行虚拟演示。",
url: "/image/phm/t527.png",
f1: true,
f2: true,
spcj: {
title:
"PHM适用于是密集应用大数据的典型工业领域，是工业互联网的重要组成部分。PHM强调资产设备管理中的状态感知、数据监控与分析，通过监控设备健康状况、故障频发区域与周期，预测故障的发生，从而大幅度提高运维效率。",
url: [
"/image/delmia/0307.png",
"/image/delmia/0308.png",
"/image/delmia/0309.png",
"/image/delmia/0310.png",
]
},
functions: {
style: false,
list: [
{
url: "/image/delmia/0206.png",
title: "第一阶段",
content: ["建立资源库、工艺流程，定制工艺模板、关联产品工艺数据模型，建立三维工艺仿真和工艺流程规范"]
},
{
url: "/image/delmia/0207.png",
title: "第二阶段",
content: ["在前一阶段工作的基础上，利用DPE建立MHub进行装配工艺的详细设计和仿真，并生成工艺指令、相关工艺配套表和MBOM等"]
},
]
},
functions2: {
style: true,
list: [
{
url:"/image/phm/tc7.png",
title:"DPE",
content:["面向制造过程设计"],
},{
url:"/image/phm/tc7.png",
title:"QUEST",
content:["面向物流过程分析"],
},
{
url:"/image/phm/tc7.png",
title:"PDM",
content:["面向装配过程分析"],
},{
url:"/image/phm/tc7.png",
title:"Human",
content:["面向人机分析"],
},
{
url:"/image/phm/tc7.png",
title:"Robotics",
content:["面向机器人仿真"],
},
{
url:"/image/phm/tc7.png",
title:"VNC",
content:["面向虚拟数控加工方针"],
},
// {
// url: "/image/phm/tc12.png",
// title: "参数管理",
// content: [
// "展示故障发生时间段的故障参数及参数曲线，提供参数历史数据订阅查询，提供参数库管理。"
// ]
// },
// {
// url: "/image/phm/tc13.png",
// title: "模型库",
// content: [
// "对设备进行管理和维护，根据不同用户设置权限限制，按建设模型的不同阶段展示不同的模型相关属性，并提供新建模型、升级版本、模型重用和展示模型效果等功能。"
// ]
// },
// {
// url: "/image/phm/tc14.png",
// title: "预警信息管理",
// content: [
// "展示所有实时预警信息和预警相关的统计图表，提供多维度的查询和导出功能,支持查看预警的相关实时参数和参数曲线，支持预警信息自动发送以及初步判断。"
// ]
// },
// {
// url: "/image/phm/tc15.png",
// title: "健康管理",
// content: [
// "根据既定规则对设备进行健康度评测，动态监控车辆的运行状态和健康状态，为潜在维修问题的发现和诊断，突发故障的高效处理，以及决策提供数据依据，从而提高维保效率和质量，保障设备更加安全可靠地运行。"
// ]
// }
]
},
functions3: [
{
url: "/image/phm/tc20.png",
title: "1、可以根据工厂实际情况，定制自己的工艺层次结构和资源库",
content: ["预知故障时间和位置，提高运行可靠性 "]
},
{
url: "/image/phm/tc21.png",
title: "2、进行详细的工业工程时间和成本的预先分析，计算出最佳经济方案",
content: ["提高可用时长，预测剩余使用寿命 "]
},
{
url: "/image/phm/tc22.png",
title: "3、 减少工艺设计和工业工程管理中的重复工作，提高了重用率",
content: ["提高维修准确性，降低维修成本 "]
},
{
url: "/image/phm/tc23.png",
title: "4、 减少工艺规划时间，提高规划质量",
content: ["辅助运维决策优化，提高运维价值"]
},
{
url: "/image/phm/tc23.png",
title: "5、预见并减少规划风险、减少工程更改成本",
content: ["辅助运维决策优化，提高运维价值"]
}
],
ydwtlist: [
{ url: "/image/phm/tc7.png", p: "工艺规划" },
{
url: "/image/phm/tc8.png",
p: "资源建模和模拟"
},
{
url: "/image/phm/tc9.png",
p: "数字化制造基础"
},
],
gnmb:[
{
url:"/image/phm/tc7.png",
title:"DPE",
content:"面向制造过程设计",
},{
url:"/image/phm/tc7.png",
title:"QUEST",
content:"面向制造过程设计",
},
{
url:"/image/phm/tc7.png",
title:"PDM",
content:"面向装配过程分析",
},{
url:"/image/phm/tc7.png",
title:"Human",
content:"面向人机分析",
},
{
url:"/image/phm/tc7.png",
title:"Robotics",
content:"面向机器人仿真",
},
{
url:"/image/phm/tc7.png",
title:"VNC",
content:"面向虚拟数控加工方针",
},
]
}
};
},
methods: {
hover(i) {
this.pointIndex = i;
},
watch() {}
}
};
</script>
<style lang="less" scoped>
.propduct-back {
width: 100%;
height: 100%;
min-height: 800px;
display: flex;
justify-content: space-between;
.propduct-background1 {
flex: 0.6;
.img1{
width: 100%;
}
}
.propduct-background2 {
flex: 0.4;
display: flex;
flex-direction: column;
text-align: center;
img{
margin-top: 20%;
width: 100%;
}
h4 {
margin-top: 10%;
line-height: 30px;
font-size: 30px;
}
}
}
.pd {
position: absolute;
width: 100%;
}
.pd1 {
display: flex;
flex-direction: column;
align-items: center;
width: 1200px;
}
.cj {
margin-top: 0.3rem;
img {
width: 100%;
}
}
.foot {
width: 115%;
}
.advertisement{
width: 100%;
text-align: center;
.advertisementci{
display: inline-block;
font-size:32px ;
font-weight: bold;
color: #000;
position: relative;
top: -300px;
left: 30%;
line-height: 50px;
}
}
.gnmb{
width: 1200px;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
.gnmb-all{
width: 280px;
height: 300px;
padding: 20px 10px;
margin-bottom: 20px;
background: #fff;
text-align: center;
font-size: 20px;
display: flex;
border: 5px solid rgb(148, 144, 144);
text-align: center;
img{
flex: .5;
}
h4{
flex: .15;
}
div{
margin: 0;
flex: .35;
width: 100%;
text-align: center;
}
}
}
.beijing{
align-items:center;
div{
flex-direction:row-reverse;
img:nth-child(3n){
position: relative;
bottom: 146px;
opacity: .6;
width: 568px;
}
img:nth-child(3n-2){
width: 568px;
height: 320px;
}
p{
width: 568px;
text-align: center;
line-height: 72px;
height: 72px;
position: relative;
bottom: 72px;
font-size: 20px;
font-weight: bold;
color: #fff;
}
}
}
.yyjz{
height: 900px;
}
.card-body{
justify-content: center;
}
</style>
src/pages/product/enovia.vue 0 → 100644
View file @ 0707f7f8
<template>
<div>
<div class="pc">
<div class="product-introduce">
<div class="propduct-back">
<div class="propduct-background1">
<img class="img1" src="/image/enovia/0501.png" alt="" />
</div>
<div class="propduct-background2">
<img src="/image/enovia/0502.png" alt="" />
<h4>设计协同技术</h4>
</div>
</div>
<div class="title">
<div class="line"></div>
<p>{{ product.title }}</p>
<div class="line"></div>
</div>
<h5>产品简介</h5>
<h6>Product introduction</h6>
<span
>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{
product.jj1
}}</span
>
<div v-if="product.jj2 != ''" class="jj2-div">
<br />
<span
>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{
product.jj2
}}</span
>
</div>
<!-- <img :src="product.url" alt="" style="margin-top:29px;" /> -->
</div>
<div class="advertisement">
<img style="width:1200px" src="/image/enovia/0504.png" alt="" />
</div>
<div class="product-merit">
<h5>核心要素</h5>
<h6>Core advantage</h6>
<product-functions3
:list="product.functions.list"
v-if="product.functions.style == false"
/>
<product-functions2
:list="product.functions.list"
v-if="product.functions.style == true"
/>
</div>
<div class="ydwt">
<img class="ydwt-img" src="/image/enovia/0506.png" alt="">
<h5>应对问题</h5>
<h6>Coping with problems</h6>
<div class="ydwt-all">
<div v-for="(item,index) in product.ydwtlist" :key="index">
<img :src="item.url" alt="">
<p>{{item.p}}</p>
</div>
</div>
</div>
<div class="product-merit" style="background-color: rgb(239, 246, 255);">
<div class="pd"></div>
<h5>功能模块</h5>
<h6>function modul</h6>
<product-functions2 :list="product.functions2.list" v-if="product.functions2.style==true"/>
<product-functions3 :list="product.functions2.list" v-if="product.functions2.style==false"/>
</div>
<!-- <div class="ydwt" style="height:600px">
<img class="ydwt-img" style="height:600px" src="/image/enovia/0503.png" alt="" />
<h5>功能模块</h5>
<h6>function modul</h6>
<div class="ydwt-all gnmk">
<div class="ydwt-all-border gnmk-all" v-for="(item, index) in product.gnmk" :key="index">
<img :src="item.url" alt="" />
<h4>{{ item.title }}</h4>
<div>
{{item.content}}
</div>
</div>
</div>
</div> -->
<div class="product-merit">
<h5>应用场景</h5>
<h6>Adaptation scenarios</h6>
<div style="display: flex;width: 1200px;flex-wrap:wrap;margin-top:47px;
height:700px" class="gnmb">
<div class="gnmb-border" v-for="(item,index) in product.gnmb" :key="index">
<img class="img1" :src="item.url" alt="">
<div>{{item.title}}</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "",
head: {
title: "SaaS MES云端协同---北京见著科技有限公司--MES系统"
},
components: {},
data() {
return {
pointIndex: 0,
product: {
banner: "/image/phm/sm.png",
bannerphone: "/image/phm/smp.jpg",
title: "ENOVIA解决方案",
jj1: "ENOVIA同达索系统虚拟设计工具（CATIA）一起构建其PLM系统。使企业把人员、流程、内容和系统联系在一起，能够带给企业巨大的竞争优势。通过贯穿产品全生命周期统一和优化产品开发流程，ENOVIA在企业内部和外部帮助企业轻松地开展项目并节约成本。",
jj2:
"ENOVIA贯穿宽广的工业领域满足业务流程需要，用来管理简单或工程复杂性高的产品。 其部署可以从小型开发团队直到拥有数千名用户的扩展型企业，其中涵盖供货商和合作伙伴。",
url: "/image/phm/t527.png",
f1: true,
f2: true,
spcj: {
title:
"PHM适用于是密集应用大数据的典型工业领域，是工业互联网的重要组成部分。PHM强调资产设备管理中的状态感知、数据监控与分析，通过监控设备健康状况、故障频发区域与周期，预测故障的发生，从而大幅度提高运维效率。",
url: [
"/image/enovia/0507.png",
"/image/enovia/0508.png",
"/image/enovia/0509.png",
"/image/enovia/0510.png",
]
},
functions: {
style: false,
list: [
{
url: "/image/enovia/0206.png",
title: "业务逻辑架构",
content: ["对应产品研发业务过程进行细化，通过与SAP等ERP系统集成，支撑企业的产品研发与生产的全生命周期管理"]
},
{
url: "/image/enovia/0206.png",
title: "系统部署架构",
content: ["在企业的服务器（应用服务器、数据库服务器、文件服务器、license服务器）群的硬件支撑下实现达索系统软件的合理部署"]
},
{
url: "/image/enovia/0206.png",
title: "应用架构",
content: ["ENOVIA系统提供的核心功能包括：产品数据管理、项目管理、BOM管理、流程管理、配置管理、与CAD软件集成等"]
},
{
url: "/image/enovia/0206.png",
title: "技术管理架构",
content: ["技术管理为三层架构，分别为：存储层、应用层和最终使用层"]
},
{
url: "/image/enovia/0206.png",
title: "数据仓库架构",
content: ["ENOVIA系统支持多数据仓库（Vault）管理，每个数据仓库之间的数据的物理隔离的，因为每个数据仓库对应数据库不同的实例"]
},
]
},
functions2: {
style: true,
list: [
{
url:"/image/phm/tc7.png",
title:"统一产品生命周期管理平台",
content:["与合作伙伴一同对产品业务开发流程进行优化，利用扩展企业来捕捉商业机遇"],
},{
url:"/image/phm/tc7.png",
title:"协同用户环境",
content:["针对地理位置分散的团队和价值链进行协作，与之形成单一、安全的数据共享环境"],
},
// {
// url: "/image/phm/tc12.png",
// title: "参数管理",
// content: [
// "展示故障发生时间段的故障参数及参数曲线，提供参数历史数据订阅查询，提供参数库管理。"
// ]
// },
// {
// url: "/image/phm/tc13.png",
// title: "模型库",
// content: [
// "对设备进行管理和维护，根据不同用户设置权限限制，按建设模型的不同阶段展示不同的模型相关属性，并提供新建模型、升级版本、模型重用和展示模型效果等功能。"
// ]
// },
// {
// url: "/image/phm/tc14.png",
// title: "预警信息管理",
// content: [
// "展示所有实时预警信息和预警相关的统计图表，提供多维度的查询和导出功能,支持查看预警的相关实时参数和参数曲线，支持预警信息自动发送以及初步判断。"
// ]
// },
// {
// url: "/image/phm/tc15.png",
// title: "健康管理",
// content: [
// "根据既定规则对设备进行健康度评测，动态监控车辆的运行状态和健康状态，为潜在维修问题的发现和诊断，突发故障的高效处理，以及决策提供数据依据，从而提高维保效率和质量，保障设备更加安全可靠地运行。"
// ]
// }
]
},
functions3: [
{
url: "/image/enovia/tc20.png",
title: "1、可以根据工厂实际情况，定制自己的工艺层次结构和资源库",
content: ["预知故障时间和位置，提高运行可靠性 "]
},
{
url: "/image/enovia/tc21.png",
title: "2、进行详细的工业工程时间和成本的预先分析，计算出最佳经济方案",
content: ["提高可用时长，预测剩余使用寿命 "]
},
{
url: "/image/enovia/tc22.png",
title: "3、 减少工艺设计和工业工程管理中的重复工作，提高了重用率",
content: ["提高维修准确性，降低维修成本 "]
},
{
url: "/image/enovia/tc23.png",
title: "4、 减少工艺规划时间，提高规划质量",
content: ["辅助运维决策优化，提高运维价值"]
},
],
ydwtlist: [
{
url: "/image/phm/tc7.png",
p: "计划/研制部门协同"
},
{
url: "/image/phm/tc8.png",
p: "企业资源库、配置管理、项目管理、质量系统集成"
},
{
url: "/image/phm/tc8.png",
p: "降低研制周期"
},
{
url: "/image/phm/tc8.png",
p: "增加项目产出"
},
{
url: "/image/phm/tc9.png",
p: "提高产品竞争力、实现知识共享"
},
],
gnmb:[
{
url:"/image/enovia/0507.png",
title:"统一产品生命周期管理平台",
content:"与合作伙伴一同对产品业务开发流程进行优化，利用扩展企业来捕捉商业机遇",
},{
url:"/image/enovia/0508.png",
title:"协同用户环境",
content:"针对地理位置分散的团队和价值链进行协作，与之形成单一、安全的数据共享环境 ",
},
{
url:"/image/enovia/0509.png",
title:"统一产品生命周期管理平台",
content:"与合作伙伴一同对产品业务开发流程进行优化，利用扩展企业来捕捉商业机遇",
},{
url:"/image/enovia/0510.png",
title:"协同用户环境",
content:"针对地理位置分散的团队和价值链进行协作，与之形成单一、安全的数据共享环境 ",
},
],
gnmk:[
{
url:"/image/phm/tc7.png",
title:"统一产品生命周期管理平台",
content:"与合作伙伴一同对产品业务开发流程进行优化，利用扩展企业来捕捉商业机遇",
},{
url:"/image/phm/tc7.png",
title:"协同用户环境",
content:"针对地理位置分散的团队和价值链进行协作，与之形成单一、安全的数据共享环境 ",
},
]
}
};
},
methods: {
hover(i) {
this.pointIndex = i;
},
watch() {}
}
};
</script>
<style lang="less" scoped>
.propduct-back {
width: 100%;
height: 100%;
.propduct-background1 {
width: 90%;
.img1{
width: 100%;
}
}
.propduct-background2 {
width: 15%;
position: relative;
bottom: 100px;
left: 80%;
img{
width: 100%;
}
h4 {
text-align: center;
font-size: 30px;
}
}
}
.pd {
position: absolute;
width: 100%;
}
.pd1 {
display: flex;
flex-direction: column;
align-items: center;
width: 1200px;
}
.cj {
margin-top: 0.3rem;
img {
width: 100%;
}
}
.foot {
width: 115%;
}
.advertisement{
width: 100%;
text-align: center;
.advertisementci{
display: inline-block;
font-size:32px ;
font-weight: bold;
color: #000;
position: relative;
top: -300px;
left: 30%;
line-height: 50px;
}
}
.gnmk{
width: 1200px;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
.gnmk-all{
width: 280px;
height: 300px;
padding: 20px 10px;
margin-bottom: 20px;
background: #fff;
text-align: center;
font-size: 20px;
display: flex;
border: 5px solid rgb(148, 144, 144);
text-align: center;
img{
flex: .5;
width: 100px;
height: 100px;
background-color: cadetblue;
}
h4{
flex: .15;
}
div{
margin: 0;
flex: .35;
width: 100%;
text-align: center;
}
}
}
.gnmb{
display: flex;
justify-content: space-between;
.gnmb-border{
width: 500px;
.img1{
width: 500px;
height: 300px;
}
div{
width: 500px;
height: 50px;
background: url(/image/enovia/0511.png);
line-height: 50px;
text-align: center;
position: relative;
bottom: 57px;
opacity: .8;
font-weight: bold;
color: #fff;
}
}
}
.beijing{
align-items:center;
div{
flex-direction:row-reverse;
img:nth-child(3n){
position: relative;
bottom: 146px;
opacity: .6;
width: 568px;
}
img:nth-child(3n-2){
width: 568px;
height: 320px;
}
p{
width: 568px;
text-align: center;
line-height: 72px;
height: 72px;
position: relative;
bottom: 72px;
font-size: 20px;
font-weight: bold;
color: #fff;
}
}
}
.yyjz{
height: 900px;
}
</style>
src/pages/product/expe.vue 0 → 100644
View file @ 0707f7f8
<template>
<div>
<div class="pc">
<div class="product-introduce">
<div class="propduct-back">
<div class="propduct-background1">
<!-- <img class="img2" src="/image/expe/0202.png" alt="" />
<div class="img1" ></div> -->
<!-- <img class="img1" src="/image/expe/0201.png" alt="" /> -->
</div>
<div class="propduct-background2">
<img src="/image/expe/0203.png" alt="" />
<h4>高端可视化3D软件</h4>
</div>
</div>
<div class="title">
<div class="line"></div>
<p>{{ product.title }}</p>
<div class="line"></div>
</div>
<h5>产品简介</h5>
<h6>Product introduction</h6>
<span
>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{
product.jj1
}}</span
>
<div v-if="product.jj2 != ''" class="jj2-div">
<br />
<span
>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{
product.jj2
}}</span
>
</div>
<!-- <img :src="product.url" alt="" style="margin-top:29px;" /> -->
</div>
<div class="advertisement">
<img style="width:1200px" src="/image/expe/0204.png" alt="" />
<span class="advertisementci">
<br>
拥有无限可能性的
<br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;协作和交互环境平台
</span>
</div>
<div class="product-merit">
<h5>核心优势</h5>
<h6>Core advantage</h6>
<product-functions3
:list="product.functions.list"
v-if="product.functions.style == false"
/>
<product-functions2
:list="product.functions.list"
v-if="product.functions.style == true"
/>
</div>
<div class="product-merit" style="background:url(/image/expe/0210.png)">
<h5>功能模块</h5>
<h6>function modul</h6>
<product-functions3
:list="product.functions.list"
v-if="product.functions.style == false"
/>
<product-functions2
:list="product.functions.list"
v-if="product.functions.style == true"
/>
</div>
<!-- <div class="ydwt">
<img class="ydwt-img" src="/image/expe/0210.png" alt="" />
<h5>功能模块</h5>
<h6>Coping with problems</h6>
<div class="ydwt-all">
<div class="ydwt-all-border" v-for="(item, index) in product.ydwtlist" :key="index">
<img :src="item.url" alt="" />
<h4>{{ item.title }}</h4>
<div>
{{item.content}}
</div>
</div>
</div>
</div> -->
<div class="product-merit" style="800px">
<h5>应用场景</h5>
<h6>Adaptation scenarios</h6>
<div style="display: flex;width: 1200px;flex-wrap:wrap;margin-top:47px;height:500px" class="gnmb">
<div class="gnmb-border">
<div>
<img :src="product.gnmb[0].url" alt="">
<div>{{product.gnmb[0].title}}</div>
</div>
<div>
<img :src="product.gnmb[1].url" alt="">
<div>{{product.gnmb[1].title}}</div>
</div>
</div>
<div class="gnmb-border">
<div>
<img :src="product.gnmb[2].url" alt="">
<div>{{product.gnmb[2].title}}</div>
</div>
</div>
<div class="gnmb-border">
<div>
<img :src="product.gnmb[3].url" alt="">
<div>{{product.gnmb[3].title}}</div>
</div>
<div>
<img :src="product.gnmb[4].url" alt="">
<div>{{product.gnmb[4].title}}</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "",
head: {
title: "SaaS MES云端协同---北京见著科技有限公司--MES系统"
},
components: {},
data() {
return {
pointIndex: 0,
product: {
banner: "/image/phm/sm.png",
bannerphone: "/image/phm/smp.jpg",
title: "3D体验平台",
jj1: "从虚拟的3DEXPERIENCE孪生兄弟到惊人的营销内容。",
jj2:
"3D体验平台（3DEXPERIENCE Platform）是达索最新一代的软件平台,集合了3D 设计、工程、3D CAD、建模、仿真、数据管理和流程管理功能的众多的品牌应程序",
url: "/image/phm/t527.png",
f1: true,
f2: true,
spcj: {
title:
"PHM适用于是密集应用大数据的典型工业领域，是工业互联网的重要组成部分。PHM强调资产设备管理中的状态感知、数据监控与分析，通过监控设备健康状况、故障频发区域与周期，预测故障的发生，从而大幅度提高运维效率。",
url: [
"/image/expe/0212.png",
"/image/expe/0213.png",
"/image/expe/0214.png",
"/image/expe/0215.png",
"/image/expe/0216.png"
]
},
functions: {
style: false,
list: [
{
url: "/image/phm/tc7.png",
title: "一个模型掌控一切",
content:["3DEXCITE利用CAD数据中的信息来支持功能完善的主模型,优化CAD以生产出营销内容的所有变体"]
},
{
url: "/image/phm/tc8.png",
title: "经销权体验",
content:["我们的独特风格 3D 解决方案，促成吸引人的品牌和产品互动，最终展现出产品最好的一面"],
},
{
url: "/image/phm/tc9.png",
title: "移动设备和网页3D 可视化",
content:["完全交互式3D模型允许360度产品旋转及内外零部件的配置，,在线或移动设备上的3D配置器中组织和呈现的产品为终端用户提供了出色的体验"]
},
{
url: "/image/phm/tc10.png",
title: "VR MR AR 附件",
content:["用 3DEXCITE 个人宣传活动在客户之旅的所有阶段和所有接触点触及目标受众。通过全功能的销售点配置器来获得客户喜好，用于后续发送带有微站宣传册等的个性化邮件，营造了引人入胜的商店体验"],
},
{
url: "/image/phm/tc11.png",
title: "个人宣传活动",
content:["用 3DEXCITE 个人宣传活动在客户之旅的所有阶段和所有接触点触及目标受众。通过全功能的销售点配置器来获得客户喜好，用于后续发送带有微站、宣传册等的个性化邮件，这一解决方案营造了引人入胜的商店体验"]
}
// {
// url: "/image/expe/0206.png",
// title: "3D建模应用程序",
// content: ["CATIA SolidWorks GEOVIA BIOVIA 四个品牌应用"]
// },
// {
// url: "/image/expe/0207.png",
// title: "社交和协作应用程序",
// content: ["ENOVIA 3DEXCITE 3DSWYM 三个品牌应用"]
// },
// {
// url: "/image/expe/0208.png",
// title: "仿真应用程序",
// content: ["DELMIA SIMULIA 3DVIA 三个品牌应用"]
// },
// {
// url: "/image/expe/0209.png",
// title: "信息智能应用",
// content: ["EXLEAD NETVIBES 两个品牌应用"]
// },
]
},
functions2: {
style: true,
list: [
{
url: "/image/phm/tc12.png",
title: "参数管理",
content: [
"展示故障发生时间段的故障参数及参数曲线，提供参数历史数据订阅查询，提供参数库管理。"
]
},
{
url: "/image/phm/tc13.png",
title: "模型库",
content: [
"对设备进行管理和维护，根据不同用户设置权限限制，按建设模型的不同阶段展示不同的模型相关属性，并提供新建模型、升级版本、模型重用和展示模型效果等功能。"
]
},
{
url: "/image/phm/tc14.png",
title: "预警信息管理",
content: [
"展示所有实时预警信息和预警相关的统计图表，提供多维度的查询和导出功能,支持查看预警的相关实时参数和参数曲线，支持预警信息自动发送以及初步判断。"
]
},
{
url: "/image/phm/tc15.png",
title: "健康管理",
content: [
"根据既定规则对设备进行健康度评测，动态监控车辆的运行状态和健康状态，为潜在维修问题的发现和诊断，突发故障的高效处理，以及决策提供数据依据，从而提高维保效率和质量，保障设备更加安全可靠地运行。"
]
}
]
},
functions3: [
{
url: "/image/phm/tc20.png",
title: "故障提前预知",
content: ["预知故障时间和位置，提高运行可靠性 "]
},
{
url: "/image/phm/tc21.png",
title: "提高可用时长",
content: ["提高可用时长，预测剩余使用寿命 "]
},
{
url: "/image/phm/tc22.png",
title: "提高维修准确性",
content: ["提高维修准确性，降低维修成本 "]
},
{
url: "/image/phm/tc23.png",
title: "运维决策优化",
content: ["辅助运维决策优化，提高运维价值"]
}
],
ydwtlist: [
{
url: "/image/phm/tc7.png",
title: "一个模型掌控一切",
content:"3DEXCITE利用CAD数据中的信息来支持功能完善的主模型,优化CAD以生产出营销内容的所有变体"
},
{
url: "/image/phm/tc8.png",
title: "经销权体验",
content:"我们的独特风格 3D 解决方案，促成吸引人的品牌和产品互动，最终展现出产品最好的一面",
},
{
url: "/image/phm/tc9.png",
title: "移动设备和网页3D 可视化",
content:"完全交互式3D模型允许360度产品旋转及内外零部件的配置，,在线或移动设备上的3D配置器中组织和呈现的产品为终端用户提供了出色的体验",
},
{
url: "/image/phm/tc10.png",
title: "VR MR AR 附件",
content:"用 3DEXCITE 个人宣传活动在客户之旅的所有阶段和所有接触点触及目标受众。通过全功能的销售点配置器来获得客户喜好，用于后续发送带有微站宣传册等的个性化邮件，营造了引人入胜的商店体验",
},
{
url: "/image/phm/tc11.png",
title: "个人宣传活动",
content:"用 3DEXCITE 个人宣传活动在客户之旅的所有阶段和所有接触点触及目标受众。通过全功能的销售点配置器来获得客户喜好，用于后续发送带有微站、宣传册等的个性化邮件，这一解决方案营造了引人入胜的商店体验"
}
],
gnmb:[
{
url:"/image/expe/0212.png",
title:"高科技",
},{
url:"/image/expe/0213.png",
title:"汽车与交通运输",
},
{
url:"/image/expe/0214.png",
title:"航空航天与国",
},
{
url:"/image/expe/0215.png",
title:"工业设备",
},
{
url:"/image/expe/0216.png",
title:"建筑工程与施工",
},
]
}
};
},
methods: {
hover(i) {
this.pointIndex = i;
},
watch() {}
}
};
</script>
<style lang="less" scoped>
.propduct-back {
width: 100%;
// height: 100%;
// min-height: 800px;
display: flex;
// justify-content: space-between;
.propduct-background1 {
flex: 0.6;
position: relative;
background: url(/image/expe/0202.png);
background-position: 100% 100%;
background-size: 100% 100%;
opacity: 1;
.img1 {
position: relative;
width: 100%;
height: 100%;
background-image:url(/image/expe/0201.png) ;
text-align: center;
background-repeat:no-repeat ;
background-position:50% 50% ;
top: -100%;
}
.img2 {
width:100% ;
z-index: -1;
}
}
.propduct-background1::after{
content:"";
width: 200px;
height: 200px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-100px,-100px);
background: url(/image/expe/0201.png);
background-position: 100% 100%;
background-size: 100% 100%;
}
.propduct-background2 {
flex: 0.4;
display: flex;
flex-direction: column;
text-align: center;
img{
width: 100%;
margin-top: 20%;
}
h4 {
margin-top: 10%;
font-size: 30px;
width: 100%;
line-height: 30px;
}
}
}
.pd {
position: absolute;
width: 100%;
}
.pd1 {
display: flex;
flex-direction: column;
align-items: center;
width: 1200px;
}
.cj {
margin-top: 0.3rem;
img {
width: 100%;
}
}
.foot {
width: 115%;
}
.gnmb{
display: flex;
justify-content: space-between;
.gnmb-border{
width: 380px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
div{
img{
width: 350px;
}
div{
background: url(/image/expe/0217.png);
width: 350px;
text-align: center;
position: relative;
top: -30px;
left: 15px;
opacity: .8;
font-weight: bold;
color: #fff;
}
}
}
}
.advertisement{
width: 100%;
text-align: center;
.advertisementci{
// display: inline;
font-size:32px ;
line-height: 32px;
font-weight: bold;
color: #000;
// position: relative;
// top: -300px;
// left: 30%;
// line-height: 50px;
position: relative;
top: -180px;
left: -100px;
}
}
</style>
src/pages/product/simulia.vue 0 → 100644
View file @ 0707f7f8
<template>
<div>
<div class="pc">
<div class="product-introduce">
<div class="propduct-back">
<div class="propduct-background1">
<img class="img1" src="/image/simulia/0702.png" alt="" />
<img class="img2" src="/image/simulia/0703.png" alt="">
</div>
<div class="propduct-background2">
<img src="/image/simulia/0701.png" alt="" />
<h4>分析仿真平台</h4>
<img src="/image/simulia/0704.png" alt="">
</div>
</div>
<div class="title">
<div class="line"></div>
<p>{{ product.title }}</p>
<div class="line"></div>
</div>
<h5>产品简介</h5>
<h6>Product introduction</h6>
<span
>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{
product.jj1
}}</span
>
<div v-if="product.jj2 != ''" class="jj2-div">
<br />
<span
>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{
product.jj2
}}</span
>
</div>
<!-- <img :src="product.url" alt="" style="margin-top:29px;" /> -->
</div>
<div class="advertisement">
<img style="width:1200px" src="/image/simulia/0706.png" alt="" />
</div>
<div class="product-merit">
<h5>功能模块</h5>
<h6>function modul</h6>
<product-functions3
:list="product.functions.list"
v-if="product.functions.style == false"
/>
<product-functions2
:list="product.functions.list"
v-if="product.functions.style == true"
/>
</div>
<div class="product-merit" style="height:800px">
<h5>应用场景</h5>
<h6>Adaptation scenarios</h6>
<div style="display: flex;width: 1200px;flex-wrap:wrap;margin-top:47px;height:500px" class="gnmb">
<div class="gnmb-border">
<div>
<img :src="product.gnmb[0].url" alt="">
<div class="gnmb-border">{{product.gnmb[0].title}}</div>
</div>
<div>
<img :src="product.gnmb[1].url" alt="">
<div class="gnmb-border">{{product.gnmb[1].title}}</div>
</div>
</div>
<div class="gnmb-border">
<div>
<img :src="product.gnmb[2].url" alt="">
<div class="gnmb-border">{{product.gnmb[2].title}}</div>
</div>
</div>
<div class="gnmb-border">
<div>
<img :src="product.gnmb[3].url" alt="">
<div class="gnmb-border">{{product.gnmb[3].title}}</div>
</div>
<div>
<img :src="product.gnmb[4].url" alt="">
<div class="gnmb-border">{{product.gnmb[4].title}}</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "",
head: {
title: "SaaS MES云端协同---北京见著科技有限公司--MES系统"
},
components: {},
data() {
return {
pointIndex: 0,
product: {
banner: "/image/phm/sm.png",
bannerphone: "/image/phm/smp.jpg",
title: "仿真模拟应用程序",
jj1: "SIMULIA——模拟真实世界的仿真技术平台",
jj2:
"SIMULIA是一个协同、开放、集成的多物理场仿真平台。 真实世界的仿真是非线性的,SIMULIA将成为模拟真实世界仿真分析工具,它支持最前沿的仿真技术和最广泛的仿真领域.SIMULIA为真实世界的模拟提供了开放的,多物理场分析平台。 SIMULIA将同CATIA ,DELMIA一起,帮助用户在PLM中,实现设计,仿真和生产的协同工作。",
url: "/image/phm/t527.png",
f1: true,
f2: true,
spcj: {
title:
"PHM适用于是密集应用大数据的典型工业领域，是工业互联网的重要组成部分。PHM强调资产设备管理中的状态感知、数据监控与分析，通过监控设备健康状况、故障频发区域与周期，预测故障的发生，从而大幅度提高运维效率。",
url: [
"/image/simulia/0507.png",
"/image/simulia/0508.png",
"/image/simulia/0509.png",
"/image/simulia/0510.png",
]
},
functions: {
style: false,
list: [
{
url: "/image/simulia/0206.png",
title: "自动化",
content: ["自动化专业包括允许用户开发、存储、管理、部署、共享和重放仿真驱动型设计的标准方法的功能"]
},
{
url: "/image/simulia/0206.png",
title: "电磁",
content: ["电磁仿真专业包括电磁波传播仿真技术以及与通信和检测设备的设计和定位相关的信号强度"]
},
{
url: "/image/simulia/0206.png",
title: "流体",
content: ["s流体专业包括使用计算流体力学技术的围绕和穿过实体和结构的稳态和瞬态内部和外部流"]
},
{
url: "/image/simulia/0206.png",
title: "结构",
content: ["包括使用适用于实体和结构的 Abaqus 的有限元分析 (FEA)，以为线性和非线性静态、热、动态和冲击效应建模"]
},
{
url: "/image/simulia/0206.png",
title: "优化",
content: ["提供使用不同参数自动运行和重新运行仿真方法的功能，从而允许使用 Isight 技术进行设计空间探索和优化"]
},
]
},
functions2: {
style: true,
list: [
{
url: "/image/phm/tc12.png",
title: "参数管理",
content: [
"展示故障发生时间段的故障参数及参数曲线，提供参数历史数据订阅查询，提供参数库管理。"
]
},
{
url: "/image/phm/tc13.png",
title: "模型库",
content: [
"对设备进行管理和维护，根据不同用户设置权限限制，按建设模型的不同阶段展示不同的模型相关属性，并提供新建模型、升级版本、模型重用和展示模型效果等功能。"
]
},
{
url: "/image/phm/tc14.png",
title: "预警信息管理",
content: [
"展示所有实时预警信息和预警相关的统计图表，提供多维度的查询和导出功能,支持查看预警的相关实时参数和参数曲线，支持预警信息自动发送以及初步判断。"
]
},
{
url: "/image/phm/tc15.png",
title: "健康管理",
content: [
"根据既定规则对设备进行健康度评测，动态监控车辆的运行状态和健康状态，为潜在维修问题的发现和诊断，突发故障的高效处理，以及决策提供数据依据，从而提高维保效率和质量，保障设备更加安全可靠地运行。"
]
}
]
},
functions3: [
{
url: "/image/simulia/tc20.png",
title: "1、可以根据工厂实际情况，定制自己的工艺层次结构和资源库",
content: ["预知故障时间和位置，提高运行可靠性 "]
},
{
url: "/image/simulia/tc21.png",
title: "2、进行详细的工业工程时间和成本的预先分析，计算出最佳经济方案",
content: ["提高可用时长，预测剩余使用寿命 "]
},
{
url: "/image/simulia/tc22.png",
title: "3、 减少工艺设计和工业工程管理中的重复工作，提高了重用率",
content: ["提高维修准确性，降低维修成本 "]
},
{
url: "/image/simulia/tc23.png",
title: "4、 减少工艺规划时间，提高规划质量",
content: ["辅助运维决策优化，提高运维价值"]
},
],
ydwtlist: [
{
url: "/image/phm/tc7.png",
p: "计划/研制部门协同"
},
{
url: "/image/phm/tc8.png",
p: "企业资源库、配置管理、项目管理、质量系统集成"
},
{
url: "/image/phm/tc8.png",
p: "降低研制周期"
},
{
url: "/image/phm/tc8.png",
p: "增加项目产出"
},
{
url: "/image/phm/tc9.png",
p: "提高产品竞争力、实现知识共享"
},
],
gnmb:[
{
url:"/image/simulia/0707.png",
title:"高科技",
},{
url:"/image/simulia/0708.png",
title:"汽车与交通运输",
},
{
url:"/image/simulia/0709.png",
title:"航空航天与国",
},
{
url:"/image/simulia/0710.png",
title:"工业设备",
},
{
url:"/image/simulia/0711.png",
title:"建筑工程与施工",
},
],
gnmk:[
{
url:"/image/phm/tc7.png",
title:"统一产品生命周期管理平台",
content:"与合作伙伴一同对产品业务开发流程进行优化，利用扩展企业来捕捉商业机遇",
},{
url:"/image/phm/tc7.png",
title:"协同用户环境",
content:"针对地理位置分散的团队和价值链进行协作，与之形成单一、安全的数据共享环境 ",
},
]
}
};
},
methods: {
hover(i) {
this.pointIndex = i;
},
watch() {}
}
};
</script>
<style lang="less" scoped>
.propduct-back {
width: 100%;
height: 100%;
display: flex;
justify-content:center;
.propduct-background1 {
flex: 0.55 ;
border: 1px solid #f000;
.img1{
width: 60%;
position: relative;
left: 40%;
}
.img2{
width: 60%;
position: relative;
top: -10%;
}
}
.propduct-background2 {
flex: 0.4;
display: flex;
flex-direction: column;
text-align: center;
img{
width: 100%;
}
h4 {
font-size: 30px;
height: 30px;
}
}
}
.pd {
position: absolute;
width: 100%;
}
.pd1 {
display: flex;
flex-direction: column;
align-items: center;
width: 1200px;
}
.cj {
margin-top: 0.3rem;
img {
width: 100%;
}
}
.foot {
width: 115%;
}
.advertisement{
width: 100%;
text-align: center;
.advertisementci{
display: inline-block;
font-size:32px ;
font-weight: bold;
color: #000;
position: relative;
top: -300px;
left: 30%;
line-height: 50px;
}
}
.gnmk{
width: 1200px;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
.gnmk-all{
width: 280px;
height: 300px;
padding: 20px 10px;
margin-bottom: 20px;
background: #fff;
text-align: center;
font-size: 20px;
display: flex;
border: 5px solid rgb(148, 144, 144);
text-align: center;
img{
flex: .5;
width: 100px;
height: 100px;
background-color: cadetblue;
}
h4{
flex: .15;
}
div{
margin: 0;
flex: .35;
width: 100%;
text-align: center;
}
}
}
.gnmb{
display: flex;
justify-content: space-between;
.gnmb-border{
width: 380px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
div{
img{
width: 350px;
}
div{
background: url(/image/simulia/0712.png);
width: 350px;
text-align: center;
position: relative;
top: -30px;
left: 15px;
opacity: .8;
font-weight: bold;
color: #fff;
}
}
}
}
.beijing{
align-items:center;
div{
flex-direction:row-reverse;
img:nth-child(3n){
position: relative;
bottom: 146px;
opacity: .6;
width: 568px;
}
img:nth-child(3n-2){
width: 568px;
height: 320px;
}
p{
width: 568px;
text-align: center;
line-height: 72px;
height: 72px;
position: relative;
bottom: 72px;
font-size: 20px;
font-weight: bold;
color: #fff;
}
}
}
.yyjz{
height: 900px;
}
</style>
src/static/image/logo.png
View replaced file @ f210a539 View file @ 0707f7f8
src/static/image/logo.png

5.04 KB | W: | H:

src/static/image/logo.png

2.55 KB | W: | H:

src/static/image/logo.png
src/static/image/logo.png
src/static/image/logo.png
src/static/image/logo.png
  • 2-up
  • Swipe
  • Onion skin
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