Skip to content

D
DTBPcompnay
Commit 43dea998 authored by 陈毅's avatar 陈毅
Browse files
Options

行业解决方案

parent a5790990
Show whitespace changes
Inline Side-by-side
Showing with 835 additions and 1360 deletions
src/assets/theme/layout.less
View file @ 43dea998
......@@ -1516,27 +1516,36 @@ a.news {
margin-top: 78px;
}
//备注
.about .about-content .about-left .more a {
width: 140px;
height: 48px;
background: #294982;
opacity: 1;
border-radius: 24px;
line-height: 48px;
font-weight: bold;
font-size: 18px;
display: inline-block;
margin-top: 78px;
margin-left: 140px;
width: 141px;
height: 36px;
line-height: 36px;
// width: 141px;
// height: 36px;
// line-height: 36px;
text-align: center;
border-radius: 36px;
font-size: 14px;
// border-radius: 36px;
// font-size: 14px;
color: #fff;
background: linear-gradient(to right, rgba(138, 197, 255, 1), rgba(22, 79, 124, 0.7));
-webkit-background: linear-gradient(to right, rgba(138, 197, 255, 1), rgba(22, 79, 124, 0.7));
-moz-background: linear-gradient(to right, rgba(138, 197, 255, 1), rgba(22, 79, 124, 0.7));
-o-background: linear-gradient(to right, rgba(138, 197, 255, 1), rgba(22, 79, 124, 0.7));
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
// background: linear-gradient(to right, rgba(138, 197, 255, 1), rgba(22, 79, 124, 0.7));
// -webkit-background: linear-gradient(to right, rgba(138, 197, 255, 1), rgba(22, 79, 124, 0.7));
// -moz-background: linear-gradient(to right, rgba(138, 197, 255, 1), rgba(22, 79, 124, 0.7));
// -o-background: linear-gradient(to right, rgba(138, 197, 255, 1), rgba(22, 79, 124, 0.7));
// -webkit-transition: all .4s ease;
// -moz-transition: all .4s ease;
// -ms-transition: all .4s ease;
// -o-transition: all .4s ease;
// transition: all .4s ease;
}
.about .about-content .about-left .more a:hover {
......@@ -1569,11 +1578,11 @@ a.news {
.productt .productt-content .productt-title .line {
width: 60px;
height: 0px;
height: 4px;
margin: 0 auto;
// margin-top: 16px;
margin-bottom: 48px;
border: 2px solid #294982;
border-top: 4px solid #294982;
}
.an .line {
......@@ -2127,6 +2136,7 @@ line-height: 48px;
margin-bottom: 90px;
}
.pc1 {
border: 1px solid #000;
width: 1400px;
height: auto;
border: 0px solid #f89;
......@@ -2613,6 +2623,315 @@ line-height: 48px;
}
}
}
// 项目管理
.project-strategy{
.project-head{
font-size: 23px;
}
.project-strategy-1{
display: flex;
.strategy-img{
flex: .4;
img{
width: 95%;
}
}
.strategy-care{
flex: .6;
// display: flex;
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #232323;
opacity: 1;
.w50{
padding-bottom: 30px;
width: 49%;
display: inline-grid;
h4{
font-weight: 600;
font-size: 18px;
color: #232323;
padding: 10px 0 10px 30px;
}
div{
color: #232323;
padding-left: 30px;
}
}
.w100{
padding-bottom: 30px;
h4{
padding-top: 10px;
padding-left: 20px;
color: #232323;
font-weight: 600;
font-size: 18px;
padding-bottom: 10px;
}
div{
padding-left: 30px;
color: #232323;
}
}
}
.strategy-img1{
flex: .4;
img{
width: 100%;
}
}
.strategy-ol{
flex: 0.6;
.strategy-ol-care{
padding-left: 350px;
font-size: 18px;
margin-bottom: 40px;
h4{
// margin-top: 35px;
font-size: 18px;
font-weight: 600;
line-height: 50px;
}
div{
font-weight: 400;
line-height: 30px;
}
}
}
}
}
// 机加仿真
.machining-1{
img{
width: 100%;
}
.machining-ol{
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #232323;
opacity: 1;
h4{
font-weight: 400;
padding-bottom: 10px;
}
}
}
//装配仿真
.assembling-top{
display: flex;
margin-bottom: 57px;
.assembling-left{
display: inline-block;
width: 850px;
margin-right: 95px;
img{
width: 850px;
}
}
.assembling-right{
display: inline-block;
margin-top: 120px;
font-size: 30px;
font-family: Alibaba Sans;
color: #232323;
opacity: 1;
h4{
text-align: center;
font-weight: bold;
margin-bottom: 30px;
}
div{
font-size: 23px;
font-weight: 300;
line-height: 30px;
}
}
}
// 1
.assembling-1{
img{
width: 100%;
}
.assembling-li {
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #232323;
opacity: 1;
display: flex;
justify-content: center;
h4{
font-weight: 400;
padding-bottom: 10px;
}
p{
font-weight: 400;
}
}
}
//MBD解决方案
.mbd-top{
.mbd-right{
div{
font-size: 23px !important;
text-indent: 2em;
}
}
}
.mbd-1{
.mbd-image1{
position: relative;
height: 600px;
.mbd-image1-1{
display: flex;
flex-direction: row-reverse;
img{
width: 800px;
height: 480px;
}
}
.mbd-image1-2{
width: 200px;
position: absolute;
bottom: 0;
left: 0px;
img{
width: 500px;
opacity: .8;
}
}
}
.mbd-size{
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #232323;
opacity: 1;
}
}
//机电管理
.research-top {
display: flex;
margin-bottom: 57px;
.research-right {
margin-left: 195px;
margin-top: 120px;
font-size: 30px;
line-height: 30px;
font-family: Alibaba Sans;
color: #232323;
opacity: 1;
h4 {
font-size: 30px;
margin-bottom: 30px;
font-weight: bold;
text-align: center;
}
div {
text-indent: 2em;
font-size: 23px;
font-weight: 300;
}
}
}
//1
.research-1 {
img {
width: 100%;
}
div {
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #232323;
opacity: 1;
}
}
// 2
.research-2 {
img {
width: 100%;
}
.research-ul {
display: flex;
justify-content: center;
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #232323;
opacity: 1;
.research-li {
display: flex;
p {
line-height: 25px;
padding-bottom: 10px;
padding-left: 20px;
}
}
}
}
//骨架设计
.skeleton-top {
display: flex;
.skeleton-right {
padding-left: 195px;
text-align: center;
h4 {
margin-top: 120px;
height: 50px;
font-size: 30px;
font-family: Alibaba Sans;
font-weight: bold;
color: #232323;
opacity: 1;
}
div {
font-size: 30px;
font-family: Alibaba Sans;
font-weight: 300;
color: #232323;
opacity: 1;
}
}
}
// 1
.skeleton-1 {
margin-top: 57px;
img {
width: 100%;
}
div {
font-size: 18px;
line-height: 30px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #232323;
opacity: 1;
}
}
// 2
.skeleton-2 {
img {
width: 100%;
}
.skeleton-ol {
display: flex;
justify-content: center;
div {
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #232323;
opacity: 1;
}
}
}
//下载页面
.download{
margin-top: 180px;
......@@ -2695,10 +3014,10 @@ line-height: 48px;
opacity: 1;
}
}
.pc1-lication-layout:nth-child(2n){
.pc1-lication-layout:nth-child(2n-1){
padding-left: 540px;
}
.pc1-lication-layout:nth-child(2n-1){
.pc1-lication-layout:nth-child(2n){
padding-left: 440px;
}
}
......@@ -2805,6 +3124,11 @@ line-height: 48px;
}
}
// 通用
.mauto{
width: 1100px;
margin: auto;
// border: 1px solid #000;
}
.mt{
margin-top: 60px
}
......@@ -2814,6 +3138,12 @@ line-height: 48px;
.mt4{
margin-bottom: 40px
}
.mt40{
margin-top: 40px;
}
.mb100{
margin-bottom: 100px
}
@import url("./phone");
@import url("./extra");
@import url("./product");
......
src/layouts/default.vue
View file @ 43dea998
......@@ -68,7 +68,7 @@
</div>
<div class="menu" v-show="menuShow">
<nuxt-link
to="/case"
to="/product/expe"
:class="{ cur: $nuxt.$route.path.indexOf('/product') === 0 }"
>产品
</nuxt-link
......
src/pages/index.vue
View file @ 43dea998
......@@ -371,7 +371,7 @@
</div>
</div>
<div class="ar">
<a class="moreal" href="/case">了解更多</a>
<a class="moreal" :href="item.a">了解更多</a>
</div>
</div>
</div>
......@@ -690,11 +690,13 @@ export default {
img: "/image/index/0111.png",
title: "装配仿真",
all: "数字化设计解决方案是以三维设计为核心，并结合产品设计过程的具体需求所形成的一套解决方案",
a:"/p1/zhuangpei"
},
{
img: "/image/index/0112.png",
title: "MBD解决方案",
all: "MBD（Model Based Definition）基于模型的定义",
a:"/p1/mbd"
},
],
currentIndex: 0, //默认显示图片
......
src/pages/news/index.vue
View file @ 43dea998
......@@ -42,7 +42,7 @@
</Select>
</FormItem>
</Col>
<Col flex="3" class="layout-level" >
<Col flex="3" class="layout-level">
<!-- <Dropdown trigger="click" style="width:100px;" prop="telephone" @on-click="xx">
<div class="layout-level-left">
联系方式
......@@ -53,14 +53,22 @@
<DropdownItem>邮箱</DropdownItem>
</DropdownMenu>
</Dropdown> -->
<Select v-model="model1" style="width:100px" class="layout-level">
<!-- <Select v-model="model1" style="width:100px" class="layout-level">
<Option v-for="(item,index) in method" :key="index" :value="item.value">
{{item.label}}
</Option>
</Select>
</Select> -->
<FormItem label="邮箱" prop="telephone" @on-click="select">
<Icon type="ios-arrow-down" v-if="down == true" style="line-height:32px"/>
<Icon type="ios-arrow-up" v-if="up == true" style="line-height:32px"/>
<Icon
type="ios-arrow-down"
v-if="down == true"
style="line-height:32px"
/>
<Icon
type="ios-arrow-up"
v-if="up == true"
style="line-height:32px"
/>
<Input
v-model="formValidate.telephone"
style="width:180px"
......@@ -131,15 +139,26 @@
</Row>
<Row>
<Col span="24" style="text-align:center">
<Button type="primary" @click="handleSubmit('formValidate')"
>提交</Button
>
<div class="more" @click="handleSubmit('formValidate')">
<a href="">提交</a>
</div>
</Col>
</Row>
</Form>
</div>
<div v-if="flag2 == true">
<div>111111</div>
<div class="download">
<div class="download-top">
<Icon size="14px" type="ios-folder-open" /><span
>3DEXPERIENCE R2022x说明文档（2022-3-21）</span
>
</div>
<div class="download-bottom">
<Icon size="14px" type="ios-folder-open" /><span
>3DEXPERIENCE R2021x程序目录（2021-12-6）</span
>
</div>
</div>
</div>
</div>
</template>
......@@ -193,17 +212,20 @@ export default {
},
ruleValidate: {
consult: [
//咨询类型
{
required: true,
message: "请选择咨询类型",
trigger: "blur"
trigger: "blur",
pattern: /^\+?[0-9][0-9]*$/
}
],
telephone: [
{ required: true, message: "邮箱不能为空", trigger: "blur" },
{
required: true,
message: "请输入你的手机号",
type: "email",
message: "请输入正确格式的电子邮箱",
trigger: "blur"
}
],
......@@ -211,7 +233,8 @@ export default {
{
required: true,
message: "请输入你的姓名",
trigger: "blur"
trigger: "blur",
pattern: /^([\\u4e00-\\u9fa5]{1,20}|[a-zA-Z\\.\\s]{1,20})$/
}
],
company: [
......@@ -229,8 +252,8 @@ export default {
}
]
},
down:true,
up:false,
down: true,
up: false
};
},
created() {},
......@@ -256,10 +279,10 @@ export default {
}
});
},
select(){
this.down = false
this.up = true
console.log(this.down,this.up)
select() {
this.down = false;
this.up = true;
console.log(this.down, this.up);
}
}
};
......@@ -269,9 +292,6 @@ export default {
.pc1 {
margin-top: 100px;
min-height: 740px;
.c1 {
// border: 1px solid #f90;
}
}
.ivu-menu-item {
width: 50%;
......@@ -311,26 +331,25 @@ export default {
.ivu-form-item-content {
display: flex;
}
.layout-level{
.layout-level {
display: flex;
}
.layout-level-left{
.layout-level-left {
height: 32px;
display: flex;
justify-content: center;
line-height: 32px;
cursor:pointer;
i{
cursor: pointer;
i {
line-height: 32px;
}
}
.layout-level>.ivu-select-selection{
.layout-level > .ivu-select-selection {
border: none;
width: 100px;
display: flex;
justify-content: flex-end;
border-color:#fff ;
border-color: #fff;
box-shadow: 0 0 0 0 #fff;
}
</style>
src/pages/p1/gujia.vue
View file @ 43dea998
<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 class="solution1">
<div class="pc1">
<!-- 头部 -->
<div class="skeleton-top">
<div class="skeleton-left">
<img :src="product.url1" 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 class="skeleton-right">
<h4>{{ product.title1 }}</h4>
<div>{{ product.title2 }}</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 class="skeleton-1 mauto">
<img :src="product.picture1" alt="" />
<div class="mt40 mb100">
{{ product.gujia1 }}
</div>
<div class="zhong"></div>
<div class="img-img">
<img src="/image/gujia/0804.png" alt="">
</div>
<div class="skeleton-2 mauto">
<img :src="product.picture2" alt="" />
<div class="mt40 mb100 skeleton-ol">
<div>
<p>{{ product.sheji.title }}:</p>
<div v-for="(item, index) in product.sheji.content" :key="index">
<span>{{ index + 1 }}、 {{ item }}</span>
</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 class="skeleton-1 mauto">
<img :src="product.picture3" alt="">
<div class="mt40 mb100">{{product.gujia2}}</div>
</div>
-->
</div>
</div>
</template>
......@@ -64,143 +48,25 @@ export default {
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自上而下的关联设计为基础",
url1: "/image/gujia/0801.png",
title1: "骨架设计",
title2: "— —即主元线框设计",
picture1: "/image/gujia/0803.png",
gujia1:
"结合产品设计流程运用主要线框控制元素对整个产品结构进行有效的总体控制形成类似树干状的产品设计结构，并建立有效的参数信息传递 框架及流程的CATIA自上而下的协同设计方法。",
picture2: "/image/gujia/0804.png",
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 提供了完备的设计能力."]
},
"运用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:"模具设计产品允许快速、经济地创建注塑模具，可以使用标准目录库中已经预定义好的组件",
},
]
picture3:"/image/gujia/0805.png",
gujia2:"实现基于模型的产品研制，是产品研发的数字化转型，先进的开发理念落地需要围绕3D模型编织一张这样的“网”：数据集，标准规范，管 理要素，设计资源，然后是工具的应用",
}
};
},
......@@ -213,146 +79,7 @@ export default {
};
</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/jidian.vue
View file @ 43dea998
<template>
<div class="solution">
<div class="flex-top border-margin">
<div class="flex-img">
<img src="/image/jidian/0901.png" alt="" />
<div class="pc1">
<div class="research-top">
<div class="research-left">
<img :src="product.url" alt="" />
</div>
<div class="zhong"></div>
<div class="flex-wenzi">
<h4>机电软研发协同</h4>
<div>{{product.title}}
<div class="research-right">
<h4>{{ product.title1 }}</h4>
<div>{{ product.title2 }}</div>
</div>
</div>
<div class="research-1 mauto">
<img :src="product.picture1" alt="" />
<div class="mt40 mb100">{{ product.jidian1 }}</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 class="research-1 mauto">
<img :src="product.picture2" alt="" />
<div class="mt40 mb100">{{ product.jidian2 }}</div>
</div>
<div class="jiegou border-margin">
<div class="img1" style="width:75%">
<img src="/image/jidian/0904.png" alt="">
<div class="research-2 mauto">
<img :src="product.picture3" alt="" />
<div class="mt40 mb100 research-ul">
<div>
<div
class="research-li"
v-for="(item, index) in product.zhouqi"
:key="index"
>
<span>•</span>
<p>{{ item }}</p>
</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>
......@@ -52,137 +46,22 @@ export default {
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:[
url: "/image/jidian/0901.png",
title1: "机电软研发协同",
title2:
"3DEXPERIENCE平台不仅实现机电软跨专业协同，而且三维体验平台融合了多专业的数据和模型，为设计/仿真/工艺一体化提供了基础。",
picture1: "/image/jidian/0903.png",
jidian1:
"研发平台可以用来管理机电协同时所产生的IDF文档。无论生成IDF文档的工具是硬件研发工具还是结构研发工具，平台标准的集成接口都可以将IDF文档直接保存到平台上。",
picture2: "/image/jidian/0904.png",
jidian2:
"机械，结构与硬件设计人员，即可用管理不同的IDF版本和设计内容之间的关系去管理PCB板设计的历史过程和中间结果，方便设计人员验证不同的设计思路和方案。",
picture3: "/image/jidian/0905.png",
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:"模具设计产品允许快速、经济地创建注塑模具，可以使用标准目录库中已经预定义好的组件",
},
]
}
};
......@@ -195,125 +74,4 @@ export default {
}
};
</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>
<style lang="less" scoped></style>
src/pages/p1/jijia.vue
View file @ 43dea998
<template>
<div class="solution">
<div>
<div class="flex-top border-margin">
<div class="flex-img">
<img src="/image/jijia/1001.png" alt="" />
<div class="pc1">
<div class="research-top">
<div class="research-left">
<img :src="product.url" alt="" />
</div>
<div class="zhong"></div>
<div class="flex-wenzi">
<h4>机加仿真</h4>
<div>
现阶段制造类大多企业在产品研发部门，基本上实现了3D
CAD产品设计；生产现场大量采用自动化设备（现场总线、PLC等）；但是，在时间消耗最长的生产规划部门，设计手段却较为落后。
<div class="research-right">
<h4>{{ product.title1 }}</h4>
<div>{{ product.title2 }}</div>
</div>
</div>
<div class="machining-1 mauto">
<img width="100%" :src="product.fangan.picture" alt="" />
<div class="mt40 mb100 machining-ol">
<h4>{{product.fangan.title}}</h4>
<div class="machining-advantage" v-for="(item,index) in product.fangan.fangan" :key="index">
<p>{{item.title}}</p>
<p>{{item.content}}</p>
</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">
<div class="machining-1 mauto">
<img width="100%" :src="product.shishi.picture" alt="" />
<div class="mt40 mb100 machining-ol">
<h4>{{product.shishi.title}}</h4>
<div><img :src="product.shishi.banner" alt=""></div>
<div class="machining-advantage" v-for="(item,index) in product.shishi.content" :key="index">
<p>{{item}}</p>
</div>
<div class="shishi-content">
<p v-for="(item,index) in product.shishi.content" :key="index">{{item}}</p>
</div>
</div>
</div>
</div>
</template>
<script>
......@@ -60,21 +43,12 @@ export default {
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,
url:"/image/jijia/1001.png",
title1:"机加仿真",
title2:"现阶段制造类大多企业在产品研发部门，基本上实现了3D CAD产品设计；生产现场大量采用自动化设备（现场总线、PLC等）；但是，在时间消耗最长的生产规划部门，设计手段却较为落后。",
fangan: {
title: "方案优势",
picture:"/image/jijia/1003.png",
fangan: [
{
title: "1、实现产品、工艺和资源数据的集约化管理",
......@@ -98,20 +72,8 @@ export default {
}
]
},
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",
picture:"/image/jijia/1004.png",
title:"实施办法",
content:[
"1、从PDM系统获取产品结构数据（EBOM）",
......
src/pages/p1/mbd.vue
View file @ 43dea998
<template>
<div class="solution">
<div>
<div class="flex-top border-margin">
<div class="flex-img">
<img src="/image/mbd/0601.png" alt="">
<div class="pc1">
<div class="mbd-top research-top">
<div class="mbd-left research-left">
<img :src="product.url1" 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 class="mbd-right research-right">
<h4>{{ product.title1 }}</h4>
<div v-for="(item, index) in product.title2" :key="index">
{{ item }}
</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 class="mbd-1 mauto">
<div class="mbd-image1">
<div class="mbd-image1-1">
<img :src="product.picture1[0]" alt="" />
</div>
<img class="mbd-img" src="/image/mbd/0604.png" alt="">
<div class="mbd-image1-2">
<img :src="product.picture1[1]" 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 class="mt40 mb100 mbd-size">
<p v-for="(item, index) in product.mbd1" :key="index">{{ item }}</p>
</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>
<!-- 2 -->
<div class="research-1 mauto">
<img :src="product.picture2" alt="" />
<div class="mt40 mb100">
<p v-for="(item, index) in product.mbd2" :key="index">{{ item }}</p>
</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>
<!-- 3 -->
<div class="research-1 mauto">
<img :src="product.picture3" alt="" />
<div class="mt40 mb100">
{{ product.mbd3 }}
</div>
</div>
-->
</div>
</div>
</template>
......@@ -64,142 +53,27 @@ export default {
data() {
return {
pointIndex: 0,
title:"测试",
title: "测试",
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发布时，连带的所有设计数据必须也处于设计已交付状态，从而保证产品发布时数据的有效性，完整性。并方便设计人员打包推送数据到生产端。"
url1: "/image/mbd/0601.png",
title1: "MBD解决方案",
title2: [
"CATIA依托3DE平台结合VR虚拟现实技术重新定义产品开发，借助虚拟世界先进行仿真评估。",
"是PLM协同解决方案的一个重要组成部分，支持从项目前阶段、具体的设计、分析、模拟、组装到维护在内的全部工业设计流程。而后借助PLM系统将创意付诸于现实。"
],
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: ["辅助运维决策优化，提高运维价值"]
}
picture1: ["/image/mbd/0603.png", "/image/mbd/0604.png"],
mbd1: [
"MBD（Model Based Definition，基于模型的定义）是一种面向计算机应用的产品数字化定义技术，它明确了产品数字化定义的内容和规范及其在生产与信息管理中的授权和应用程序。",
"MBD技术使数字化三维实体几何模型数据替代了二维工程图纸，成为数字化制造过程中的制造依据，改变了传统以工程图纸为主要制造依据，而三维模型仅为辅助参考依据的制造模式，引起了复杂产品制造技术的重大变革。"
],
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: "实现产品实物的模型渲染"
},
picture2: "/image/mbd/0605.png",
mbd2: [
"采用MBD技术后，需要对数字化产品定义信息按MBD要求进行分类组织管理，完整地反映出产品零部件本身的几何形状、尺寸公差、工艺要求、质量检测以及其他管理属性等信息，保证产品设计过程中几何信息与非几何信息的一致性，同时满足制造过程各阶段对数据的需求。MBD整体规划思路和建设内容：建立基于MBD设计及数字样机。",
"数字化产品定义是实现数字化制造的基础，它是以数字量方式对产品进行准确描述的。"
],
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:"模具设计产品允许快速、经济地创建注塑模具，可以使用标准目录库中已经预定义好的组件",
},
]
picture3: "/image/mbd/0606.png",
mbd3:
"实现基于模型的产品研制，是产 品研发的数字化转型，先进的开 发理念落地需要围绕3D模型编织 一张这样的“网”：数据集，标 准规范，管理要素，设计资源， 然后是工具的应用"
}
};
},
......@@ -253,85 +127,84 @@ export default {
}
}
}
.flex-right{
.flex-right {
width: 100%;
display: flex;
flex-direction: row-reverse;
.img1{
flex: .4;
.img1 {
flex: 0.4;
width: 40%;
}
.img2{
flex: .7;
.img2 {
flex: 0.7;
width: 70%;
}
}
}
.border-margin{
.border-margin {
margin: 50px auto;
}
.neirong{
}
.neirong {
margin-top: 20px;
width: 60%;
font-size: 20px;
color: rgb(138, 135, 135);
}
}
.jiegou{
.jiegou {
display: flex;
width: 100%;
.img1{
img{
.img1 {
img {
width: 100%;
}
}
h4{
h4 {
width: 100%;
display: flex;
align-items: center;
}
}
.zhouqi{
.zhouqi-ul{
.zhouqi {
.zhouqi-ul {
display: flex;
flex-direction: row-reverse;
ul{
ul {
width: 70%;
font-size: 18px;
font-weight: 600;
color: #000;
li{
li {
padding-top: 20px;
}
}
}
}
.mbd{
.mbd-flex{
.mbd {
.mbd-flex {
display: flex;
.mbd-flex-font{
.mbd-flex-font {
width: 50%;
display: flex;
align-items: center;
padding-left: 9%;
}
.zhong{
.zhong {
width: 10%;
}
.mbd-flex-img{
.mbd-flex-img {
width: 50%;
}
}
.mbd-img{
.mbd-img {
width: 30%;
position: relative;
left: 35%;
top:-100px;
opacity: .6;
top: -100px;
opacity: 0.6;
}
}
h4{
h4 {
font-size: 20px;
}
</style>
src/pages/p1/xiangmu.vue
View file @ 43dea998
<template>
<div class="solution">
<div>
<div class="pc1">
<!-- top -->
<div class="project-top research-top">
<div class="project-left research-left">
<img :src="product.url1" alt="" />
</div>
<div class="project-right research-right">
<h4>{{ product.title1 }}</h4>
<div>{{ product.title2 }}</div>
</div>
</div>
<!-- 1 -->
<div class="mauto project-strategy">
<div class="project-head">
<h4>{{ product.celue.title }}</h4>
</div>
<div class="mt40 mb100 project-strategy-1">
<div class="strategy-img1">
<img :src="product.celue.url" alt="" />
</div>
<div class="strategy-care">
<div
:class="item.name"
v-for="(item, index) in product.celue.celue"
:key="index"
>
<h4>{{ item.title }}</h4>
<div v-for="(val, index) in item.content" :key="index">
{{ val }}
</div>
</div>
</div>
</div>
</div>
<div class="project-strategy mauto">
<div class="project-head">
<h4>{{ product.liucheng.title }}</h4>
</div>
<div class="mt40 mb100 project-strategy-1">
<div class="strategy-img1">
<img :src="product.liucheng.url" alt="" />
</div>
<div class="strategy-ol">
<div class="strategy-ol-care" v-for="(item,index) in product.liucheng.liucheng" :key="index">
<h4>{{item.title}}:</h4>
<div v-for="(val,index) in item.content" :key="index">
{{val}}
</div>
</div>
</div>
</div>
</div>
<!-- <div>
<div class="flex-top border-margin">
<div class="flex-img">
<img src="/image/xiangmu/1101.png" alt="" />
......@@ -13,7 +65,6 @@
</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>
......@@ -39,7 +90,7 @@
</div>
</div>
</div>
</div> -->
</div>
</template>
......@@ -54,53 +105,90 @@ export default {
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发布时，连带的所有设计数据必须也处于设计已交付状态，从而保证产品发布时数据的有效性，完整性。并方便设计人员打包推送数据到生产端。"
],
url1: "/image/xiangmu/1101.png",
title1: "项目管理",
title2:
"排除没有附加值的任务，这样能有更多的时间来确保项目按时、在预算内完成。基于可交付成果的项目管理使团队成员能够专注于创造创新体验，按时并按预算交付项目。",
liucheng: {
title: "实施流程",
url: "/image/xiangmu/1104.png",
liucheng:[
{
title:"实施流程",
content:["概念计划：承载系统的概念设计；系统/子系统设计规划书；设计需求；早期BOM","开发：承载系统的物理结构设计；设计协同；模型、CAD图纸、技术规范、研发文档","测试验证&生命周期：承载选装选配设计；Super BOM；生产及工艺数据"]
}
title:"概念计划",
content:["承载系统的概念设计；",
"系统/子系统设计规划书；",
"设计需求；",
"早期BOM",
]
},
{
title:"开发",
content:["承载系统的物理结构设计；",
"设计协同；",
"模型、CAD图纸、技术规范、研发文档",]
},
{
title:"测试验证&生命周期",
content:["承载选装选配设计；",
"Super BOM；",
"生产及工艺数据",
"",
""]
},
],
celue:[
},
celue: {
title: "项目管理解决方案策略",
url: "/image/xiangmu/1103.png",
celue: [
{
title:"高效的项目团队协同",
name:"w50",
content:["定义明确团队","建立项目环境","项目任务驱动","基于BOM协同"],
},{
title:"问题风险反馈及解决",
name:"w50",
content:["量化问题风险等级","系统化的问题风险汇报方式","问题全生命周期跟踪","项目风险趋势统计"],
},{
title:"“事实”项目进度",
name:"w100",
content:["进度-任务，基于任务的进度报交使得进度可以被细化，也可被实时统计汇总","任务-成果，基于任务成果的任务定义使项目任务完成与真实项目进展对应","成果-确认，对于交付物状态的确认来对任务完成情况进行复核，确保交付物的正确性及合规性","实时的进度仪表盘，提供一个实时的项目进度汇总信息，随时提供给项目管理者项目状态"],
},{
title:"高质量的评审",
name:"w50",
content:["评审会议定义","评审决策跟踪","基于事实数据的评审","评审驱动的转阶段"],
},{
title:"项目质量评价",
name:"w50",
content:["定义项目质量","项目成本归集可视化","工时VS计划"," "],
title: "高效的项目团队协同",
name: "w50",
content: [
"定义明确团队",
"建立项目环境",
"项目任务驱动",
"基于BOM协同"
]
},
{
title: "问题风险反馈及解决",
name: "w50",
content: [
"量化问题风险等级",
"系统化的问题风险汇报方式",
"问题全生命周期跟踪",
"项目风险趋势统计"
]
},
{
title: "“事实”项目进度",
name: "w100",
content: [
"进度-任务，基于任务的进度报交使得进度可以被细化，也可被实时统计汇总",
"任务-成果，基于任务成果的任务定义使项目任务完成与真实项目进展对应",
"成果-确认，对于交付物状态的确认来对任务完成情况进行复核，确保交付物的正确性及合规性",
"实时的进度仪表盘，提供一个实时的项目进度汇总信息，随时提供给项目管理者项目状态"
]
},
{
title: "高质量的评审",
name: "w50",
content: [
"评审会议定义",
"评审决策跟踪",
"基于事实数据的评审",
"评审驱动的转阶段"
]
},
{
title: "项目质量评价",
name: "w50",
content: ["定义项目质量", "项目成本归集可视化", "工时VS计划", " "]
}
]
}
}
};
},
......@@ -112,168 +200,3 @@ export default {
}
};
</script>
\ No newline at end of file
<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
View file @ 43dea998
<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 class="pc1">
<div class="assembling-top">
<div class="assembling-left">
<img :src="product.url" alt="" />
</div>
<div class="flex-right border-margin">
<img class="img1" src="/image/zhuangpei/1203.png" alt="">
<div class="assembling-right">
<h4>{{ product.title1 }}</h4>
<div>{{ product.title2 }}</div>
</div>
<div class="border-margin">
<div class="wenzi">
数字化制造需要实现工艺设计全过程的管理、数据分析和工艺流程的验证，更重要的是为企业生产提供快速、准确的统一数据源——MBOM。同时，在产品设计过程中考虑产品的可制造性、可装配性和可维护性。
</div>
<div class="flex-right">
<img class="img2" src="/image/zhuangpei/1204.png" alt="">
<!-- <img src="/image/zhuangpei/1203.png" alt=""> -->
<div class="assembling-1 mauto">
<img :src="product.picture1" alt="" />
<div class="mt40 mb100 assembling-li">{{ product.zhuangpei1 }}</div>
</div>
<div class="assembling-1 mauto">
<img :src="product.picture2" alt="" />
<div class="mt40 mb100 assembling-li">
<div>
<h4>{{product.title3}}</h4>
<p v-for="(item,index) in product.zhuangpei2" :key="index">{{item}}</p>
</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 class="assembling-1 mauto">
<img :src="product.picture3" alt="" />
<div class="mt40 mb100 assembling-li">
<div>
<div class="liucheng-wen">
<h4>对装配或拆卸流程进行可行性研究,以减少问题、缩短上市时间并提高首次质量 <br><br></h4>
<div>
通过检测影响产品或工具设计的潜在问题,在设计阶段早期确定3D中的装配或拆卸可行性<br>
利用流程规划数据,通过考虑流程排序和工作场所布局,验证可行性直接记录3D中的潜在问题,以实现与相关人员的协作解决
</div>
</div>
<h4>{{product.title4}}</h4>
<p v-for="(item,index) in product.zhuangpei3" :key="index">{{item}}</p>
</div>
</div>
</div>
</div>
</template>
......@@ -63,132 +52,24 @@ export default {
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: ["辅助运维决策优化，提高运维价值"]
}
url:"/image/zhuangpei/1201.png",
title1:"装配仿真",
title2:"装配仿真为各类复杂机电产品的设计和制造提供产品可装配性验证、装配工艺规划和分析、装配操作培训与指导、装配过程演示等完整解决方案。",
picture1:"/image/zhuangpei/1204.png",
zhuangpei1:"数字化制造需要实现工艺设计全过程的管理、数据分析和工艺流程的验证，更重要的是为企业生产提供快速、准确的统一数据源——MBOM。同时，在产品设计过程中考虑产品的可制造性、可装配性和可维护性。",
picture2:"/image/zhuangpei/1205.png",
title3:"主要优势",
zhuangpei2:["使用综合性 3D 流程和资源规划工具进行规划，以创建和优化按单定制的精益生产制造系统。",
"使用工具进行模拟，以虚拟定义和优化制造资产及制造规划。",
"操作精确的虚拟生产系统，以实时跟踪生产活动、执行时间表变动、启动新项目、引进模型转换和安排维护操作"],
picture3:"/image/zhuangpei/1206.png",
title4:"对装配或拆卸流程进行可行性研究,以减少问题、缩短上市时间并提高首次质量",
zhuangpei3:[
"通过检测影响产品或工具设计的潜在问题,在设计阶段早期确定3D中的装配或拆卸可行性",
"利用流程规划数据,通过考虑流程排序和工作场所布局,验证可行性",
"直接记录3D中的潜在问题,以实现与相关人员的协作解决"
],
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:"模具设计产品允许快速、经济地创建注塑模具，可以使用标准目录库中已经预定义好的组件",
},
]
}
};
},
......
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