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;
}
}
}
// 项目管理
.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{
img{
......@@ -3271,7 +3191,9 @@ line-height: 48px;
margin-bottom: 100px
}
.lh20{
margin-bottom: 20px;
}
// p1
.pc11{
width: 100%;
......@@ -3344,6 +3266,7 @@ line-height: 48px;
}
div{
font-size: 20px;
line-height: 25px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #232323;
......@@ -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>
<div class="pc1">
<div class="assembling-top">
<Row>
<Col span="14">
<div class="pc11">
<div class="research-top">
<Row :grabbed="23">
<Col span="13">
<img :src="product.url" width="100%" alt="" />
</Col>
<Col span="10">
<div class="assembling-right" style="padding-left:86px">
</Col>
<Col span="10">
<div class="research-right">
<div class="research-top1"></div>
<h4>{{ product.title1 }}</h4>
<div>{{ product.title2 }}</div>
<div class="research-bottom1">{{ product.title2 }}</div>
</div>
</Col>
</Col>
</Row>
</div>
<!-- <img src="/image/zhuangpei/1203.png" alt=""> -->
<div class="assembling-1 mauto">
<div class="research-1 mauto">
<img :src="product.picture1" alt="" />
<div class="mt40 mb100 assembling-li">{{ product.zhuangpei1 }}</div>
</div>
<div class="assembling-1 mauto">
<div class="research-1 mauto">
<img :src="product.picture2" alt="" />
<div class="mt40 mb100 assembling-li">
<div>
<h4>{{product.title3}}</h4>
<div class="lh20">{{product.title3}}</div>
<p v-for="(item,index) in product.zhuangpei2" :key="index">{{item}}</p>
</div>
</div>
</div>
<div class="assembling-1 mauto">
<div class="research-1 mauto">
<img :src="product.picture3" alt="" />
<div class="mt40 mb100 assembling-li">
<div>
<h4>{{product.title4}}</h4>
<div class="lh20">{{product.title4}}</div>
<p v-for="(item,index) in product.zhuangpei3" :key="index">{{item}}</p>
</div>
</div>
......
src/pages/p1/electromechanical.vue
View file @ 0728db0d
<template>
<div class="pc11">
<div class="research-top">
<Row>
<Col span="14">
<Row :grabbed="23">
<Col span="13">
<img :src="product.url" width="100%" alt="" />
</Col>
<Col span="10">
<div class="research-right">
<div class="research-top"></div>
<div class="research-top1"></div>
<h4>{{ product.title1 }}</h4>
<div class="research-bottom">{{ product.title2 }}</div>
<div class="research-bottom1">{{ product.title2 }}</div>
</div>
</Col>
</Row>
......@@ -31,8 +31,8 @@
v-for="(item, index) in product.zhouqi"
:key="index"
>
<span>•</span>
<p>{{ item }}</p>
<p>• {{ item }}</p>
</div>
</div>
</div>
......@@ -80,9 +80,4 @@ export default {
};
</script>
<style lang="less" scoped>
@media (max-width:1400px) {
.research-right{
margin-left: 100px !important;
}
}
</style>
src/pages/p1/machining.vue
View file @ 0728db0d
<template>
<div class="pc1">
<div class="pc11">
<div class="research-top">
<Row>
<Col span="14">
<Row :grabbed="23">
<Col span="13">
<img :src="product.url" width="100%" alt="" />
</Col>
<Col span="10">
</Col>
<Col span="10">
<div class="research-right">
<div class="research-top1"></div>
<h4>{{ product.title1 }}</h4>
<div>{{ product.title2 }}</div>
<div class="research-bottom1">{{ product.title2 }}</div>
</div>
</Col>
</Col>
</Row>
</div>
<div class="machining-1 mauto">
<div class="research-1 mauto">
<img width="100%" :src="product.fangan.picture" alt="" />
<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">
<p>{{item.title}}</p>
<p>{{item.content}}</p>
</div>
</div>
</div>
<div class="machining-1 mauto">
<div class="research-1 mauto">
<img width="100%" :src="product.shishi.picture" alt="" />
<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">
<p>{{item}}</p>
</div>
......@@ -103,10 +104,5 @@ export default {
};
</script>
<style lang="less" scope>
@media (max-width:1400px) {
.research-right{
margin-left: 100px !important;
margin-top: 80px !important;
}
}
</style>
\ No newline at end of file
src/pages/p1/mbd.vue
View file @ 0728db0d
<template>
<div>
<div class="pc1">
<div class="pc11">
<div class="mbd-top research-top">
<Row>
<Col span="14">
<div class="mbd-left research-left">
<img :src="product.url1" width="100%" alt="" />
</div>
</Col>
<Col span="10">
<div class="mbd-right research-right">
<h4>{{ product.title1 }}</h4>
<div v-for="(item, index) in product.title2" :key="index">
{{ item }}
</div>
</div>
</Col>
<Row :grabbed="23">
<Col span="16">
<div class=" research-left">
<img :src="product.url1" width="100%" alt="" />
</div>
</Col>
<Col span="8">
<div class=" research-right">
<div class="research-top1"></div>
<h4>{{ product.title1 }}</h4>
<div
class="research-bottom1"
v-for="(item, index) in product.title2"
:key="index"
>
{{ item }}
</div>
</div>
</Col>
</Row>
</div>
<div class="mbd-1 mauto">
<div class="mbd-image1">
<div class="mbd-image1-1">
<div class="mauto-1 mauto">
<div class="mauto-url">
<div class="mauto-image1-1">
<img :src="product.picture1[0]" alt="" />
</div>
<div class="mbd-image1-2">
<div class="mauto-image1-2">
<img :src="product.picture1[1]" alt="" />
</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>
</div>
</div>
......@@ -93,18 +96,4 @@ export default {
}
};
</script>
<style lang="less" scoped>
@media (max-width:1400px) {
.mbd-top{
.mbd-right{
div{
font-size: 20px;
}
}
.research-right{
margin-top: 70px;
margin-left: 100px;
}
}
}
</style>
<style lang="less" scoped></style>
src/pages/p1/number.vue
View file @ 0728db0d
<template>
<div class="solution border">
<div class="product-back mg">
<img class="product-img" :src="product.background" alt="">
<div class="product-title">
<img :src="product.banner" alt="">
<div class="product-title-content">
<h4>{{product.title}}</h4>
<p>{{product.content}}</p>
</div>
</div>
<div class="product-right">
<img width="40%" :src="product.url" alt="">
</div>
<div class=" pc11">
<!-- top -->
<div class="research-top">
<Row :grabbed="23">
<Col span="13">
<img :src="product.url1" width="100%" alt="" />
</Col>
<Col span="10">
<div class="research-right">
<div class="research-top1"></div>
<h4>{{ product.title1 }}</h4>
<div class="research-bottom1">{{ product.title2 }}</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 class="product-number mg">
<div class="product-number-left"><h4>{{product.number.title}}</h4></div>
<div class="product-right">
<img width="60%" :src="product.number.url" alt="">
<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>
<!-- 布局方式 左侧 中间 下方 advantage 优势-->
<div class="product-advantage mg"><!--上下布局 上面的进行flex-->
<div class="product-advantage-top">
<div class="product-advantage-top-h4">
<h4>{{product.advantage.title}}</h4>
</div>
<img width="60%" :src="product.advantage.url" alt="">
</div>
<div class="product-advantage-bottom">
<div class="product-advantage-bottom-span" v-for="(item,index) in product.advantage.content" :key="index">
<span>{{item}}</span>
</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>
<!-- 布局方式 左上图片 右下文字 H4 span -->
<div class="product-zhuangpei mg">
<div class="strategy-ol">
<div class="empty"></div>
<div>
<img width="60%" :src="product.zhuangpei.url" alt="">
</div>
<div class="product-zhuangpei-bottom">
<div class="product-zhuangpei-bottom-kong">&nbsp;<!-- 空 --></div>
<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 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 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>
<!-- 机电软协同研发 -->
<!-- 左上右下布局上面 38 hang -->
<!-- 左右布局 left ： img ；right ：content ；86 hang -->
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data(){
return{
//装配仿真
product:{
title:"装配仿真",
banner:"/image/zhuangpei/1201.png",
content:"装配仿真为各类复杂机电产品的设计和制造提供产品可装配性验证、装配工艺规划和分析、装配操作培训与指导、装配过程演示等完整解决方案。",
background:"/image/zhuangpei/1202.png",
url:"/image/zhuangpei/1203.png",
number:{
title:"数字化制造需要实现工艺设计全过程的管理、数据分析和工艺流程的验证，更重要的是为企业生产提供快速、准确的统一数据源——MBOM。同时，在产品设计过程中考虑产品的可制造性、可装配性和可维护性。",
url:"/image/zhuangpei/1204.png",
},
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:{
export default {
name: "",
head: {
title: "德天博城项目管理"
},
components: {},
data() {
return {
pointIndex: 0,
product: {
url1: "/image/xiangmu/1101.png",
title1: "项目管理",
title2:
"排除没有附加值的任务，这样能有更多的时间来确保项目按时、在预算内完成。基于可交付成果的项目管理使团队成员能够专注于创造创新体验，按时并按预算交付项目。",
}
}
liucheng: {
title: "实施流程",
url: "/image/xiangmu/1104.png",
liucheng:[
{
title:"概念计划",
content:["承载系统的概念设计；",
"系统/子系统设计规划书；",
"设计需求；",
"早期BOM",
]
},
{
title:"开发",
content:["承载系统的物理结构设计；",
"设计协同；",
"模型、CAD图纸、技术规范、研发文档",]
},
{
title:"测试验证&生命周期",
content:["承载选装选配设计；",
"Super BOM；",
"生产及工艺数据",
"",
""]
},
],
},
}
</script>
<style lang="less" scoped>
// 公用
h4{
font-size: 24px;
font-weight: 600;
color:#000;
}
p{
font-size: 20px;
font-weight: 400;
color: #372581;
}
span{
font-size: 20px;
font-weight: 400;
color: rgb(124, 126, 126);
}
.mg{
margin-bottom: 100px ;
}
.product-right{
width: 100%;
display: flex;
flex-direction: row-reverse;
}
.border{
border: 1px solid #000;
}
// 文章
.solution{
//顶部
.product-back{
width: 1200px;
.product-img{
width: 100%;
height: 211px;
position: relative;
top: 0px;
}
.product-title{
width: 1200px;
display: flex;
justify-content: space-between;
position: absolute;
align-items: center;
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%;
}
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 上方 左侧img 右侧 卡片
.product-card{
width: 100%;
.product-card-top{
margin-bottom: 15px;
}
.product-card-below{
display: flex;
.product-card-img{
width: 30%;
padding-right: 20px;
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
}
};
},
methods: {
hover(i) {
this.pointIndex = i;
},
watch() {}
}
};
</script>
\ No newline at end of file
src/pages/p1/skeletonDesign.vue
View file @ 0728db0d
<template>
<div class="solution1">
<div class="pc1">
<div class="pc11">
<!-- 头部 -->
<div class="skeleton-top">
<Row>
......@@ -9,14 +9,15 @@
</Col>
<Col span="10">
<div class="skeleton-right guj-right">
<div class="skeleton-top1"></div>
<h4>{{ product.title1 }}</h4>
<div>{{ product.title2 }}</div>
<div class="skeleton-bottom1">{{ product.title2 }}</div>
</div>
</Col>
</Row>
</div>
<div class="skeleton-1 mauto">
<img :src="product.picture1" alt="" />
<div class="research-1 mauto">
<img :src="product.picture1" alt="" />
<div class="mt40 mb100">
{{ product.gujia1 }}
</div>
......@@ -32,7 +33,7 @@
</div>
</div>
</div>
<div class="skeleton-1 mauto">
<div class="research-1 mauto">
<img :src="product.picture3" alt="">
<div class="mt40 mb100">{{product.gujia2}}</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