Skip to content

D
DTBPcompnay
Commit 0728db0d authored by 陈毅's avatar 陈毅
Browse files
Options

p1

parent 521f39d7
Hide whitespace changes
Inline Side-by-side
Showing with 313 additions and 616 deletions
src/assets/theme/layout.less
View file @ 0728db0d
...@@ -2710,87 +2710,7 @@ line-height: 48px; ...@@ -2710,87 +2710,7 @@ 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;
color: #232323;
}
div{
font-weight: 400;
line-height: 30px;
color: #232323;
}
}
}
}
}
// 机加仿真 // 机加仿真
.machining-1{ .machining-1{
img{ img{
...@@ -3271,7 +3191,9 @@ line-height: 48px; ...@@ -3271,7 +3191,9 @@ line-height: 48px;
margin-bottom: 100px margin-bottom: 100px
} }
.lh20{
margin-bottom: 20px;
}
// p1 // p1
.pc11{ .pc11{
width: 100%; width: 100%;
...@@ -3344,6 +3266,7 @@ line-height: 48px; ...@@ -3344,6 +3266,7 @@ line-height: 48px;
} }
div{ div{
font-size: 20px; font-size: 20px;
line-height: 25px;
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-weight: 400; font-weight: 400;
color: #232323; color: #232323;
...@@ -3415,7 +3338,95 @@ line-height: 48px; ...@@ -3415,7 +3338,95 @@ line-height: 48px;
} }
} }
// 项目管理
.project-strategy{
max-width: 1100px;
min-width: 1000px;
width: 80%;
margin: auto;
.project-head{
font-size: 23px;
}
.project-strategy-1{
display: flex;
justify-content: space-evenly;
.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;
display: flex;
justify-content: space-between;
.strategy-ol-care{
font-size: 18px;
margin-bottom: 40px;
h4{
// margin-top: 35px;
font-size: 18px;
font-weight: 600;
line-height: 50px;
color: #232323;
}
div{
font-weight: 400;
line-height: 30px;
color: #232323;
}
}
}
}
}
} }
......
src/pages/p1/assembling.vue
View file @ 0728db0d
<template> <template>
<div class="pc1"> <div class="pc11">
<div class="assembling-top"> <div class="research-top">
<Row> <Row :grabbed="23">
<Col span="14"> <Col span="13">
<img :src="product.url" width="100%" alt="" /> <img :src="product.url" width="100%" alt="" />
</Col> </Col>
<Col span="10"> <Col span="10">
<div class="assembling-right" style="padding-left:86px"> <div class="research-right">
<div class="research-top1"></div>
<h4>{{ product.title1 }}</h4> <h4>{{ product.title1 }}</h4>
<div>{{ product.title2 }}</div> <div class="research-bottom1">{{ product.title2 }}</div>
</div> </div>
</Col> </Col>
</Row> </Row>
</div> </div>
<!-- <img src="/image/zhuangpei/1203.png" alt=""> --> <!-- <img src="/image/zhuangpei/1203.png" alt=""> -->
<div class="assembling-1 mauto"> <div class="research-1 mauto">
<img :src="product.picture1" alt="" /> <img :src="product.picture1" alt="" />
<div class="mt40 mb100 assembling-li">{{ product.zhuangpei1 }}</div> <div class="mt40 mb100 assembling-li">{{ product.zhuangpei1 }}</div>
</div> </div>
<div class="assembling-1 mauto"> <div class="research-1 mauto">
<img :src="product.picture2" alt="" /> <img :src="product.picture2" alt="" />
<div class="mt40 mb100 assembling-li"> <div class="mt40 mb100 assembling-li">
<div> <div>
<h4>{{product.title3}}</h4> <div class="lh20">{{product.title3}}</div>
<p v-for="(item,index) in product.zhuangpei2" :key="index">{{item}}</p> <p v-for="(item,index) in product.zhuangpei2" :key="index">{{item}}</p>
</div> </div>
</div> </div>
</div> </div>
<div class="assembling-1 mauto"> <div class="research-1 mauto">
<img :src="product.picture3" alt="" /> <img :src="product.picture3" alt="" />
<div class="mt40 mb100 assembling-li"> <div class="mt40 mb100 assembling-li">
<div> <div>
<h4>{{product.title4}}</h4> <div class="lh20">{{product.title4}}</div>
<p v-for="(item,index) in product.zhuangpei3" :key="index">{{item}}</p> <p v-for="(item,index) in product.zhuangpei3" :key="index">{{item}}</p>
</div> </div>
</div> </div>
......
src/pages/p1/electromechanical.vue
View file @ 0728db0d
<template> <template>
<div class="pc11"> <div class="pc11">
<div class="research-top"> <div class="research-top">
<Row> <Row :grabbed="23">
<Col span="14"> <Col span="13">
<img :src="product.url" width="100%" alt="" /> <img :src="product.url" width="100%" alt="" />
</Col> </Col>
<Col span="10"> <Col span="10">
<div class="research-right"> <div class="research-right">
<div class="research-top"></div> <div class="research-top1"></div>
<h4>{{ product.title1 }}</h4> <h4>{{ product.title1 }}</h4>
<div class="research-bottom">{{ product.title2 }}</div> <div class="research-bottom1">{{ product.title2 }}</div>
</div> </div>
</Col> </Col>
</Row> </Row>
...@@ -31,8 +31,8 @@ ...@@ -31,8 +31,8 @@
v-for="(item, index) in product.zhouqi" v-for="(item, index) in product.zhouqi"
:key="index" :key="index"
> >
<span>•</span>
<p>{{ item }}</p> <p>• {{ item }}</p>
</div> </div>
</div> </div>
</div> </div>
...@@ -80,9 +80,4 @@ export default { ...@@ -80,9 +80,4 @@ export default {
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
@media (max-width:1400px) {
.research-right{
margin-left: 100px !important;
}
}
</style> </style>
src/pages/p1/machining.vue
View file @ 0728db0d
<template> <template>
<div class="pc1"> <div class="pc11">
<div class="research-top"> <div class="research-top">
<Row> <Row :grabbed="23">
<Col span="14"> <Col span="13">
<img :src="product.url" width="100%" alt="" /> <img :src="product.url" width="100%" alt="" />
</Col> </Col>
<Col span="10"> <Col span="10">
<div class="research-right"> <div class="research-right">
<div class="research-top1"></div>
<h4>{{ product.title1 }}</h4> <h4>{{ product.title1 }}</h4>
<div>{{ product.title2 }}</div> <div class="research-bottom1">{{ product.title2 }}</div>
</div> </div>
</Col> </Col>
</Row> </Row>
</div> </div>
<div class="machining-1 mauto"> <div class="research-1 mauto">
<img width="100%" :src="product.fangan.picture" alt="" /> <img width="100%" :src="product.fangan.picture" alt="" />
<div class="mt40 mb100 machining-ol"> <div class="mt40 mb100 machining-ol">
<h4>{{product.fangan.title}}</h4> <div class="lh20">{{product.fangan.title}}</div>
<div class="machining-advantage" v-for="(item,index) in product.fangan.fangan" :key="index"> <div class="machining-advantage" v-for="(item,index) in product.fangan.fangan" :key="index">
<p>{{item.title}}</p> <p>{{item.title}}</p>
<p>{{item.content}}</p> <p>{{item.content}}</p>
</div> </div>
</div> </div>
</div> </div>
<div class="machining-1 mauto"> <div class="research-1 mauto">
<img width="100%" :src="product.shishi.picture" alt="" /> <img width="100%" :src="product.shishi.picture" alt="" />
<div class="mt40 mb100 machining-ol"> <div class="mt40 mb100 machining-ol">
<h4>{{product.shishi.title}}</h4> <div class="lh20">{{product.shishi.title}}</div>
<div class="machining-advantage" v-for="(item,index) in product.shishi.content" :key="index"> <div class="machining-advantage" v-for="(item,index) in product.shishi.content" :key="index">
<p>{{item}}</p> <p>{{item}}</p>
</div> </div>
...@@ -103,10 +104,5 @@ export default { ...@@ -103,10 +104,5 @@ export default {
}; };
</script> </script>
<style lang="less" scope> <style lang="less" scope>
@media (max-width:1400px) {
.research-right{
margin-left: 100px !important;
margin-top: 80px !important;
}
}
</style> </style>
\ No newline at end of file
src/pages/p1/mbd.vue
View file @ 0728db0d
<template> <template>
<div> <div>
<div class="pc1"> <div class="pc11">
<div class="mbd-top research-top"> <div class="mbd-top research-top">
<Row> <Row :grabbed="23">
<Col span="14"> <Col span="16">
<div class="mbd-left research-left"> <div class=" research-left">
<img :src="product.url1" width="100%" alt="" /> <img :src="product.url1" width="100%" alt="" />
</div> </div>
</Col> </Col>
<Col span="10"> <Col span="8">
<div class="mbd-right research-right"> <div class=" research-right">
<h4>{{ product.title1 }}</h4> <div class="research-top1"></div>
<div v-for="(item, index) in product.title2" :key="index"> <h4>{{ product.title1 }}</h4>
{{ item }} <div
</div> class="research-bottom1"
</div> v-for="(item, index) in product.title2"
</Col> :key="index"
>
{{ item }}
</div>
</div>
</Col>
</Row> </Row>
</div> </div>
<div class="mbd-1 mauto"> <div class="mauto-1 mauto">
<div class="mbd-image1"> <div class="mauto-url">
<div class="mbd-image1-1"> <div class="mauto-image1-1">
<img :src="product.picture1[0]" alt="" /> <img :src="product.picture1[0]" alt="" />
</div> </div>
<div class="mbd-image1-2"> <div class="mauto-image1-2">
<img :src="product.picture1[1]" alt="" /> <img :src="product.picture1[1]" alt="" />
</div> </div>
</div> </div>
<div class="mt40 mb100 mbd-size"> <div class="mt40 mb100 mauto-size">
<p v-for="(item, index) in product.mbd1" :key="index">{{ item }}</p> <p v-for="(item, index) in product.mbd1" :key="index">{{ item }}</p>
</div> </div>
</div> </div>
...@@ -93,18 +96,4 @@ export default { ...@@ -93,18 +96,4 @@ export default {
} }
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped></style>
@media (max-width:1400px) {
.mbd-top{
.mbd-right{
div{
font-size: 20px;
}
}
.research-right{
margin-top: 70px;
margin-left: 100px;
}
}
}
</style>
src/pages/p1/number.vue
View file @ 0728db0d
<template> <template>
<div class="solution border"> <div class=" pc11">
<div class="product-back mg"> <!-- top -->
<img class="product-img" :src="product.background" alt=""> <div class="research-top">
<div class="product-title"> <Row :grabbed="23">
<img :src="product.banner" alt=""> <Col span="13">
<div class="product-title-content"> <img :src="product.url1" width="100%" alt="" />
<h4>{{product.title}}</h4> </Col>
<p>{{product.content}}</p> <Col span="10">
</div> <div class="research-right">
</div> <div class="research-top1"></div>
<div class="product-right"> <h4>{{ product.title1 }}</h4>
<img width="40%" :src="product.url" alt=""> <div class="research-bottom1">{{ product.title2 }}</div>
</div> </div>
</Col>
</Row>
</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>
<!-- 布局方式 文字上 图片右下 --> <div class="strategy-care">
<div class="product-number mg"> <div
<div class="product-number-left"><h4>{{product.number.title}}</h4></div> :class="item.name"
<div class="product-right"> v-for="(item, index) in product.celue.celue"
<img width="60%" :src="product.number.url" alt=""> :key="index"
>
<h4>{{ item.title }}</h4>
<div v-for="(val, index) in item.content" :key="index">
{{ val }}
</div> </div>
</div>
</div> </div>
<!-- 布局方式 左侧 中间 下方 advantage 优势--> </div>
<div class="product-advantage mg"><!--上下布局 上面的进行flex--> </div>
<div class="product-advantage-top"> <div class="project-strategy mauto">
<div class="product-advantage-top-h4"> <div class="project-head">
<h4>{{product.advantage.title}}</h4> <h4>{{ product.liucheng.title }}</h4>
</div> </div>
<img width="60%" :src="product.advantage.url" alt=""> <div class="mt40 mb100 project-strategy-1">
</div> <div class="strategy-img1">
<div class="product-advantage-bottom"> <img :src="product.liucheng.url" alt="" />
<div class="product-advantage-bottom-span" v-for="(item,index) in product.advantage.content" :key="index">
<span>{{item}}</span>
</div>
</div>
</div> </div>
<!-- 布局方式 左上图片 右下文字 H4 span --> <div class="strategy-ol">
<div class="product-zhuangpei mg"> <div class="empty"></div>
<div> <div>
<img width="60%" :src="product.zhuangpei.url" alt=""> <div class="strategy-ol-care" v-for="(item,index) in product.liucheng.liucheng" :key="index">
</div> <h4>{{item.title}}:</h4>
<div class="product-zhuangpei-bottom"> <div v-for="(val,index) in item.content" :key="index">
<div class="product-zhuangpei-bottom-kong">&nbsp;<!-- 空 --></div> {{val}}
<div class="product-zhuangpei-bottom-div">
<h4>{{product.zhuangpei.title}}</h4>
<div class="product-zhuangpei-bottom-span" v-for="(item,index) in product.zhuangpei.content" :key="index">
<span>{{item}}</span>
</div>
</div>
</div>
</div>
<!-- 布局方式title上 img 左侧 content右侧 -->
<div class="product-card mg">
<div class="product-card-top">
<h4>{{product1.xiangmu.title}}</h4>
</div>
<div class="product-card-below">
<div class="product-card-img"><img width="30%" :src="product1.xiangmu.url" alt=""></div>
<div class="product-card-card">
<div class="product-card-card-num" v-for="(item,index) in product1.xiangmu.content" :key="index">
<h4>{{item.title}}</h4>
<div v-for="(val,index) in item.content" :key="index">
<span style="word-wrap:normal">{{val}}</span>
</div>
</div>
</div>
</div>
</div>
<!-- 布局方式 左contetnt 右img -->
<div class="product-flex mg">
<div class="product-flex-left">
<div>
<h4>{{product1.flex.title}}</h4>
<div v-for="(item,index) in product1.flex.content" :key="index">
<span>
{{item}}
</span>
</div> </div>
</div> </div>
</div>
<div class="product-flex-right">
<img width="100%" :src="product1.flex.url" alt="">
</div>
</div>
<!-- 布局方式 左img 右文字 机加方案优势-->
<div class="product-fangan mg">
<div class="product-fangan-img">
<img :src="product2.fangan.url" alt="">
</div>
<div class="product-fangan-ol">
<h4 class="product-fangan-title">{{product2.fangan.title}}</h4>
<ol>
<li v-for="(item,index) in product2.fangan.content" :key="index">
<div>{{item.title}}</div>
<span>{{item.content}}</span>
</li>
</ol>
</div>
</div>
<!-- 布局左title 右img 下content -->
<div class="product-advantage mg">
<div class="product-advantage-top">
<div class="product-advantage-top-h4">
<h4>{{product2.shishi.title}}</h4>
</div>
<img width="60%" :src="product2.shishi.url" alt="">
</div>
<div>
<div v-for="(item,index) in product2.shishi.content" :key="index">
<span>{{item}}</span>
</div>
</div> </div>
</div> </div>
<!-- 机电软协同研发 --> </div>
<!-- 左上右下布局上面 38 hang --> </div>
<!-- 左右布局 left ： img ；right ：content ；86 hang --> </div>
</div>
</template> </template>
<script> <script>
export default { export default {
data(){ name: "",
return{ head: {
//装配仿真 title: "德天博城项目管理"
product:{ },
title:"装配仿真", components: {},
banner:"/image/zhuangpei/1201.png", data() {
content:"装配仿真为各类复杂机电产品的设计和制造提供产品可装配性验证、装配工艺规划和分析、装配操作培训与指导、装配过程演示等完整解决方案。", return {
background:"/image/zhuangpei/1202.png", pointIndex: 0,
url:"/image/zhuangpei/1203.png", product: {
number:{ url1: "/image/xiangmu/1101.png",
title:"数字化制造需要实现工艺设计全过程的管理、数据分析和工艺流程的验证，更重要的是为企业生产提供快速、准确的统一数据源——MBOM。同时，在产品设计过程中考虑产品的可制造性、可装配性和可维护性。", title1: "项目管理",
url:"/image/zhuangpei/1204.png", title2:
}, "排除没有附加值的任务，这样能有更多的时间来确保项目按时、在预算内完成。基于可交付成果的项目管理使团队成员能够专注于创造创新体验，按时并按预算交付项目。",
advantage:{
title:"主要优势",
url:"/image/zhuangpei/1205.png",
content:["使用综合性 3D 流程和资源规划工具进行规划，以创建和优化按单定制的精益生产制造系统。","使用工具进行模拟，以虚拟定义和优化制造资产及制造规划。","操作精确的虚拟生产系统，以实时跟踪生产活动、执行时间表变动、启动新项目、引进模型转换和安排维护操作"],
},
zhuangpei:{
url:"/image/zhuangpei/1206.png",
title:"对装配或拆卸流程进行可行性研究,以减少问题、缩短上市时间并提高首次质量",
content:["通过检测影响产品或工具设计的潜在问题,在设计阶段早期确定3D中的装配或拆卸可行性",
"利用流程规划数据,通过考虑流程排序和工作场所布局,验证可行性",
"直接记录3D中的潜在问题,以实现与相关人员的协作解决"
]
},
},
// 项目管理
product1:{
banner:"/image/xiangmu/1101.png",
url:"/imaghe/xiangmu/1102.png",
title:"项目管理",
content:"排除没有附加值的任务，这样能有更多的时间来确保项目按时、在预算内完成。基于可交付成果的项目管理使团队成员能够专注于创造创新体验，按时并按预算交付项目。",
xiangmu:{
title:"项目管理解决方案策略",
url:"/image/xiangmu/1103.png",
content:[
{
title:"高效的项目团队协同：",
content:[
"定义明确团队",
"建立项目环境",
"项目任务驱动",
"基于BOM协同",
],
},{
title:"问题风险反馈及解决：",
content:[
"量化问题风险等级",
"系统化的问题风险汇报方式",
"问题全生命周期跟踪",
"项目风险趋势统计",
],
},{
title:"“事实”项目进度：",
content:[
"进度-任务，基于任务的进度报交使得进度可以被细化，也可被实时统计汇总",
"任务-成果，基于任务成果的任务定义使项目任务完成与真实项目进展对应",
"成果-确认，对于交付物状态的确认来对任务完成情况进行复核，确保交付物的正确性及合规性",
"实时的进度仪表盘，提供一个实时的项目进度汇总信息，随时提供给项目管理者项目状态",
],
},{
title:"高质量的评审：",
content:[
"评审会议定义",
"评审决策跟踪",
"基于事实数据的评审",
"评审驱动的转阶段",
],
},{
title:"项目质量评价：",
content:[
"定义项目质量",
"项目成本归集可视化",
"工时VS计划",
],
},
]
},
flex:{
title:"实施流程",
content:[
"概念计划：承载系统的概念设计；系统/子系统设计规划书；设计需求；早期BOM",
"开发：承载系统的物理结构设计；设计协同；模型、CAD图纸、技术规范、研发文档",
"测试验证&生命周期：承载选装选配设计；Super BOM；生产及工艺数据"
],
url:"/image/xiangmu/1104.png"
}
},
//机加仿真
product2:{
banner:"/image/jijia/1001.png",
title:"机加仿真",
url:"/image/jijia/1002.png",
content:"现阶段制造类大多企业在产品研发部门，基本上实现了3D CAD产品设计；生产现场大量采用自动化设备（现场总线、PLC等）；但是，在时间消耗最长的生产规划部门，设计手段却较为落后。",
fangan:{
title:"方案优势",
url:"/image/jijia/1003.png",
content:[
{
title:"1、实现产品、工艺和资源数据的集约化管理",
content:"将企业的工程数据组织在一起，保持产品-工艺-资源数据之间紧密地逻辑关联关系，使得产品数据无需在多个系统中多次存储，并能为整个企业所共享使用。",
},{
title:"2、实现3D工艺规划",
content:"充分利用“数字样机”的三维数据，实现基于三维数据信息的3D工艺规划，进行零件的加工、装配等3D工艺及仿真、验证；而且，在进行各种工艺规划、仿真和验证的同时，可以生成3D图形化的工艺文档和过程演示视频，使工艺方案的评审更具有直观性和科学性。",
},{
title:"3、实现对生产过程的真实反映",
content:"建立一个完整的3D数字工厂（厂房）环境，并结合人机工程，将虚拟的人体模型放置到数字工厂环境当中，进行人机工效的评估。",
},{
title:"4、支持并行工程",
content:"制造部门的工作人员可以及早参与到产品的研发中去，与设计人员并行的开展工作，从而使得在设计过程中能够充分的考虑零件的工艺特性、部件的可装配性和产品的可维护性等因素。",
},
]
},
shishi:{
title:"实施办法",
url:"/image/jijia/1004.png",
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、完成与企业其他系统集成"
]
}
},
//机电协同
product3:{
} liucheng: {
} title: "实施流程",
url: "/image/xiangmu/1104.png",
liucheng:[
{
title:"概念计划",
content:["承载系统的概念设计；",
"系统/子系统设计规划书；",
"设计需求；",
"早期BOM",
]
},
{
title:"开发",
content:["承载系统的物理结构设计；",
"设计协同；",
"模型、CAD图纸、技术规范、研发文档",]
},
{
title:"测试验证&生命周期",
content:["承载选装选配设计；",
"Super BOM；",
"生产及工艺数据",
"",
""]
},
],
}, },
} celue: {
</script> title: "项目管理解决方案策略",
url: "/image/xiangmu/1103.png",
<style lang="less" scoped> celue: [
// 公用 {
h4{ title: "高效的项目团队协同",
font-size: 24px; name: "w50",
font-weight: 600; content: [
color:#000; "定义明确团队",
} "建立项目环境",
p{ "项目任务驱动",
font-size: 20px; "基于BOM协同"
font-weight: 400; ]
color: #372581; },
} {
span{ title: "问题风险反馈及解决",
font-size: 20px; name: "w50",
font-weight: 400; content: [
color: rgb(124, 126, 126); "量化问题风险等级",
} "系统化的问题风险汇报方式",
.mg{ "问题全生命周期跟踪",
margin-bottom: 100px ; "项目风险趋势统计"
} ]
.product-right{ },
width: 100%; {
display: flex; title: "“事实”项目进度",
flex-direction: row-reverse; name: "w100",
} content: [
.border{ "进度-任务，基于任务的进度报交使得进度可以被细化，也可被实时统计汇总",
border: 1px solid #000; "任务-成果，基于任务成果的任务定义使项目任务完成与真实项目进展对应",
} "成果-确认，对于交付物状态的确认来对任务完成情况进行复核，确保交付物的正确性及合规性",
// 文章 "实时的进度仪表盘，提供一个实时的项目进度汇总信息，随时提供给项目管理者项目状态"
.solution{ ]
//顶部 },
.product-back{ {
width: 1200px; title: "高质量的评审",
.product-img{ name: "w50",
width: 100%; content: [
height: 211px; "评审会议定义",
position: relative; "评审决策跟踪",
top: 0px; "基于事实数据的评审",
} "评审驱动的转阶段"
.product-title{ ]
width: 1200px; },
display: flex; {
justify-content: space-between; title: "项目质量评价",
position: absolute; name: "w50",
align-items: center; content: ["定义项目质量", "项目成本归集可视化", "工时VS计划", " "]
top: 100px;
img{
width: 40%;
height: 100%;
opacity: .8;
}
.product-title-content{
width: 40%;
h4{
text-align: center;
}
p{
padding-top: 50px;
}
}
}
.product-right{
width: 100%;
display: flex;
flex-direction: row-reverse;
img{
margin-top: 15px;
width: 40%;
}
}
}
//文字左上 图片右下
.product-number{
width: 100%;
.product-number-left{
width: 60%;
}
}
// <!-- 布局方式 左侧 中间 下方 advantage 优势-->
.product-advantage{
width: 100%;
.product-advantage-top{
display: flex;
.product-advantage-top-h4{
width: 20%;
display: flex;
flex-direction: column-reverse;
h4{
height: 30%;
}
}
}
.product-advantage-bottom{
width: 58%;
.product-advantage-bottom-span{
margin-bottom: 10px;
}
}
}
//布局方式 左上图片 右下文字 H4 span
.product-zhuangpei{
width: 100%;
.product-zhuangpei-bottom{
display: flex;
.product-zhuangpei-bottom-kong{
width: 40%;
}
.product-zhuangpei-bottom-div{
width: 60%;
h4{
font-size: 20px;
margin-bottom: 15px;
}
.product-zhuangpei-bottom-span{
margin-bottom: 10px;
width: 85%;
}
} }
]
} }
} }
//title 上方 左侧img 右侧 卡片 };
.product-card{ },
width: 100%; methods: {
.product-card-top{ hover(i) {
margin-bottom: 15px; this.pointIndex = i;
} },
.product-card-below{ watch() {}
display: flex; }
.product-card-img{ };
width: 30%; </script>
padding-right: 20px; \ No newline at end of file
img{
width: 100%;
}
}
.product-card-card{
width: 70%;
padding-left: 5%;
display: flex;
flex-wrap: wrap;
.product-card-card-num{
min-width: 49%;
h4{
margin-bottom: 10px;
}
span{
margin-bottom: 10px;
}
}
}
}
}
// 布局方式 左contetnt 右img
.product-flex{
display: flex;
justify-content: space-around;
.product-flex-left{
width: 40%;
display: flex;
align-items: center;
justify-content:center;
div{
h4{
padding-bottom: 20px;
}
}
}
.product-flex-right{
width: 40%;
}
}
// <!-- 布局方式 左img 右文字 机加方案优势-->
.product-fangan{
display: flex;
.product-fangan-img{
width: 50%;
img{
width: 100%;
}
}
.product-fangan-ol{
width: 50%;
padding-left: 2%;
.product-fangan-title{
margin-top: 25px;
margin-bottom: 40px;
}
ol{
list-style: none;
font-size: 20px;
li{
div{
font-weight: 600;
color: #000;
}
}
}
}
}
}
</style>
\ No newline at end of file
src/pages/p1/skeletonDesign.vue
View file @ 0728db0d
<template> <template>
<div class="solution1"> <div class="solution1">
<div class="pc1"> <div class="pc11">
<!-- 头部 --> <!-- 头部 -->
<div class="skeleton-top"> <div class="skeleton-top">
<Row> <Row>
...@@ -9,14 +9,15 @@ ...@@ -9,14 +9,15 @@
</Col> </Col>
<Col span="10"> <Col span="10">
<div class="skeleton-right guj-right"> <div class="skeleton-right guj-right">
<div class="skeleton-top1"></div>
<h4>{{ product.title1 }}</h4> <h4>{{ product.title1 }}</h4>
<div>{{ product.title2 }}</div> <div class="skeleton-bottom1">{{ product.title2 }}</div>
</div> </div>
</Col> </Col>
</Row> </Row>
</div> </div>
<div class="skeleton-1 mauto"> <div class="research-1 mauto">
<img :src="product.picture1" alt="" /> <img :src="product.picture1" alt="" />
<div class="mt40 mb100"> <div class="mt40 mb100">
{{ product.gujia1 }} {{ product.gujia1 }}
</div> </div>
...@@ -32,7 +33,7 @@ ...@@ -32,7 +33,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="skeleton-1 mauto"> <div class="research-1 mauto">
<img :src="product.picture3" alt=""> <img :src="product.picture3" alt="">
<div class="mt40 mb100">{{product.gujia2}}</div> <div class="mt40 mb100">{{product.gujia2}}</div>
</div> </div>
......
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