Skip to content

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

行业解决方案

parent a5790990
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 835 additions and 1360 deletions
src/assets/theme/layout.less
View file @ 43dea998
......@@ -1514,29 +1514,38 @@ a.news {
.about .about-content .about-left .more {
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
This diff is collapsed.
src/pages/p1/jidian.vue
View file @ 43dea998
This diff is collapsed.
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>
<div class="zhong"></div>
<div class="flex-wenzi">
<h4>机加仿真</h4>
<div>
现阶段制造类大多企业在产品研发部门，基本上实现了3D
CAD产品设计；生产现场大量采用自动化设备（现场总线、PLC等）；但是，在时间消耗最长的生产规划部门，设计手段却较为落后。
</div>
</div>
<div class="pc1">
<div class="research-top">
<div class="research-left">
<img :src="product.url" alt="" />
</div>
<div class="flex-right border-margin">
<!-- <img class="img1" src="/image/jijia/1203.png" alt="">空 -->
<div class="research-right">
<h4>{{ product.title1 }}</h4>
<div>{{ product.title2 }}</div>
</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 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>
<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 class="machining-1 mauto">
<img width="100%" :src="product.shishi.picture" alt="" />
<div class="mt40 mb100 machining-ol">
<h4>{{product.shishi.title}}</h4>
<div class="machining-advantage" v-for="(item,index) in product.shishi.content" :key="index">
<p>{{item}}</p>
</div>
</div>
</div>
</div>
</template>
......@@ -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
This diff is collapsed.
src/pages/p1/xiangmu.vue
View file @ 43dea998
This diff is collapsed.
src/pages/p1/zhuangpei.vue
View file @ 43dea998
This diff is collapsed.
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