Skip to content

D
DTBPcompnay
Commit 99db1a1d authored by 陈毅's avatar 陈毅
Browse files
Options

德天首页展示

parent 0707f7f8
Hide whitespace changes
Inline Side-by-side
Showing with 1000 additions and 461 deletions
src/assets/theme/extra.less
View file @ 99db1a1d
......@@ -11,6 +11,7 @@
height: auto;
// overflow: hidden;
}
.body .service .pa {
......@@ -87,7 +88,7 @@
}
.ivu-carousel-list {
height: 460px;
height: 537px;
}
.weixin-show {
......
src/assets/theme/layout.less
View file @ 99db1a1d
......@@ -78,8 +78,11 @@ a:hover {
a.an {
cursor: auto;
padding: auto 38px;
}
a.an:hover{
background: #294982;
}
.pt20 {
padding-top: 20px;
}
......@@ -104,8 +107,8 @@ a.an {
.mainf {
.header {
height: 90px;
background: rgba(13, 84, 140, 0.85);
height: 100px;
background: #8695b1;//导航背景色
// padding: 30px 0;
width: 100%;
position: fixed;
......@@ -132,10 +135,11 @@ a.an {
.menu {
// flex-grow: 1;
width: 154px;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
line-height: 90px;
line-height: 100px;
margin-top: -30px;
// padding-left: 15rem;
// padding-left: 240px;
......@@ -144,19 +148,21 @@ a.an {
>a {
color: #FFFFFF;
font-weight: 400;
min-width: 90px;
min-width: 154px;
display: inline-block;
text-align: center;
position: relative;
.flexd {
color: #333333;
// color: #333333;
color: #fff;
position: absolute;
z-index: 1099;
background-color: WHITE;
// background-color: WHITE;
background: #294982;
left: 50%;
transform: translateX(-50%);
top: 90px;
top: 100px;
width: 604px;
display: none;
height: 180px;
......@@ -178,15 +184,19 @@ a.an {
a {
padding: 0 20px;
text-align: left;
color: #333333;
// color: #333333;
color: #fff;
font-size: 14px;
font-weight: 400;
display: block;
line-height: 30px;
width: 150px;
&:hover {
color: #164F7C;
//color: #164F7C;//行业解决鼠标悬停color;
// font-weight: bold;
font-weight: bold;
font-size: 15px;
}
&.cur {
......@@ -222,16 +232,17 @@ a.an {
position: absolute;
bottom: 20px;
left: 50%;
background: #fff;
}
}
&:hover,
&.cur {
color: #64D8F7;
// color: #64D8F7;
}
&:hover {
background: #294982;
// background-color: @theme;
.flexd {
display: block;
......@@ -563,23 +574,29 @@ h3 {
width: 100%;
// height: 100%;
overflow: hidden;
background-color: #294982;
.act {
animation: scale 16s infinite;
-webkit-animation:scale 16s infinite;
width: 100%;
transition-timing-function :linear;
z-index: -1;
opacity: 0.5;
background: #294982;
}
@keyframes scale {
0% {
transform: scale(1);
transform: scale(1.1);
}
50% {
transform: scale(1.2);
}
// 50% {
// transform: scale(1.25);
// }
100% {
transform: scale(1);
transform: scale(1.4);
}
}
......@@ -591,15 +608,18 @@ h3 {
right: 0;
// background-color: rgba(#232323, 0.7);
display: flex;
// align-items: center;
// justify-content: center;
padding-top: 14.3rem;
align-items: center;
justify-content: center;
padding-top: 22rem;
.kouhao {
// text-align: center;
width: 60%;
justify-content: space-between;
padding-left: 20%;
height: 100%;
width: 100%;
text-align: center;
// width: 60%;
// justify-content: space-between;
// padding-left: 20%;
// background-color: red;
color: white;
......@@ -609,33 +629,57 @@ h3 {
}
.k1 {
font-size:30px;
height: 4rem;
font-size: 3rem;
font-family: Microsoft YaHei;
font-weight: 600;
line-height: 2.75rem;
color: #000;
margin-bottom: 60px;
font-weight: bold;
line-height: 0rem;
color: #FFFFFF;
opacity: 1;
margin: auto;
}
.k2 {
font-size: 30px;
font-family: FZLanTingHeiS-EL-GB;
font-weight: bold;
line-height: 55px;
color: #838080;
line-height: 60px;
margin-bottom: 0.5rem;
// display: inline-block;
padding: 10px 30px;
background-color: #fff;
height: 3rem;
background: #FFFFFF;
opacity: 1;
padding: 8px 14px ;
font-size: 1.5rem;
font-family: Microsoft YaHei;
font-weight: 400;
line-height: 0px;
color: #8098b9;
z-index: -1;
// letter-spacing: 50px;/
}
.k3 {
margin-top: 60px;
font-size: 30px;
margin-top: 20rem;
font-size: 1.8rem;
font-family: Microsoft YaHei;
font-weight: 600;
color: #000;
font-weight: 300;
line-height: 0px;
color: #FFFFFF;
opacity: 1;
display: flex;
justify-content: space-evenly;
.triangle-left{
width: 35rem;
height: 2px;
background: linear-gradient(297deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
opacity: 1;
border-radius: 0px;
}
.triangle-right{
width: 35rem;
height: 2px;
background: linear-gradient(63deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
opacity: 1;
border-radius: 0px;
}
}
}
}
......@@ -645,27 +689,34 @@ h3 {
background-size: cover;
}
//背景图 首 页 ： 产品服务 ；
.li1{
background: url(/image/p1.jpg) no-repeat center;
background: url(/image/index/0104.png) no-repeat center;
background-size: 100% ;
}
.li2{
background: url(/image/p2.jpg) no-repeat center;
background: url(/image/index/0105.png) no-repeat center;
background-size: 100% ;
}
.li3{
background: url(/image/p3.jpg) no-repeat center;
background: url(/image/index/0106.png) no-repeat center;
background-size: 100% ;
}
.li4{
background: url(/image/p4.jpg) no-repeat center;
background: url(/image/index/0107.png) no-repeat center;
background-size: 100% ;
}
.li5{
background: url(/image/p5.jpg) no-repeat center;
background: url(/image/index/0108.png) no-repeat center;
background-size: 100% ;
}
.li6{
background: url(/image/p6.jpg) no-repeat center;
}
.li7{
background: url(/image/p7.jpg) no-repeat center;
background: url(/image/index/0109.png) no-repeat center;
background-size: 100% ;
}
// .li7{
// background: url(/image/index/0104.png) no-repeat center;
// }
.pb50 {
padding-bottom: 50px;
}
......@@ -748,7 +799,25 @@ h3 {
.service {
// padding-top: 65px;
background-color: #e9edef;
.main{
height: 100%;
padding-top: 50px;
}
h2{
width: 1200px;
text-align: center;
height: 60px;
border: 0px solid #f90;
padding-left: 0px;
}
.line{
margin-bottom: 75px;
width: 1200px;
text-align: center;
margin:0px auto 75px;
}
.ivu-carousel-dots {
height: 50px;
line-height: 50px;
......@@ -768,8 +837,8 @@ h3 {
left: 0;
bottom: 0;
z-index: 19;
padding-top: 82px;
padding-left: 128px;
padding-top: 48px;
padding-left: 91px;
img {
position: absolute;
......@@ -790,18 +859,36 @@ h3 {
height: 48px;
// border-left: 4px solid #FFFFFF;
padding: 0 0 0 10px;
font-size: 20px;
color: #fff;
font-weight: 600;
// font-size: 20px;
// color: #fff;
// font-weight: 600;
// font-family: Microsoft YaHei;
// opacity: none;
font-size: 30px;
font-family: Microsoft YaHei;
opacity: none;
font-weight: 300;
color: #FFFFFF;
opacity: 1;
}
.info {
font-size: 14px;
// font-family: "宋体";
margin-top: 40px;
margin-top: 114px;
// text-indent: 28px;
width: 291px;
height: 133px;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 300;
color: #FFFFFF;
opacity: 1;
}
.ar{
a{
margin-top: 46px;
margin-left: 209px;
}
}
.moreal {
......@@ -1047,7 +1134,8 @@ h3 {
border: none;
&:hover {
background: #021d8b;
background: #294982;
// background: #021d8b;
cursor: pointer;
}
}
......@@ -1317,7 +1405,7 @@ a.news {
.about {
width: 100%;
height: 760px;
background: #eff6ff;
background: #EEEEEE;
@media screen and (max-width:1200px) {
display: flex;
......@@ -1326,11 +1414,15 @@ a.news {
display: none;
}
}
}
.about .about-content {
max-width: 1200px;
margin: 0 auto;
height: 100%;
// border: 1px solid #021d8b;
}
.about .about-content .about-right {
......@@ -1355,25 +1447,46 @@ a.news {
.about .about-content .about-left ul li p {
font-size: 14px;
color: #333;
font-family: Microsoft YaHei;
font-weight: bold;
line-height: 18px;
margin-top: 20px;
line-height: 1.1rem;
color: #294982;
opacity: 1;
margin-top: .5rem;
}
.about .about-content .about-left ul li div {
width: 50px;
height: 50px;
margin: auto auto;
margin-bottom: 10px;
img{
width: 50px;
}
}
.about .about-content .about-left ul li .p2 {
margin-top: 30px;
}
.about .about-content .about-left h2 {
margin-top: 156px;
margin-top: 150px;
margin-bottom: 38px;
font-size: 30px;
color: #333;
font-weight: bolder;
color: #304f86;
font-weight: 500;
border: none;
padding-left: 0;
font-size: 28px;
font-family: Microsoft YaHei;
line-height: 50px;
opacity: 1;
span{
color: #294982;
font-size: 28px;
font-family: Microsoft YaHei;
font-weight: bold;
line-height: 50px;
opacity: 1;
}
}
.about .about-content .about-left p {
......@@ -1390,6 +1503,7 @@ a.news {
.about .about-content .about-left .more a {
display: inline-block;
margin-top: 78px;
margin-left: 140px;
width: 141px;
height: 36px;
line-height: 36px;
......@@ -1414,7 +1528,8 @@ a.news {
.productt {
width: 100%;
height: 1200px;
height: 1000px;
// border: 1px solid #000;
}
.productt .productt-content {
......@@ -1432,15 +1547,16 @@ a.news {
color: #333;
font-weight: bolder;
border: none;
padding-left:0px ;
}
.productt .productt-content .productt-title .line {
width: 40px;
height: 3px;
background: #4468d6;
width: 60px;
height: 0px;
margin: 0 auto;
margin-top: 16px;
// margin-top: 16px;
margin-bottom: 48px;
border: 2px solid #294982;
}
.an .line {
......@@ -1453,8 +1569,8 @@ a.news {
.productt .productt-content .pg-1 li {
display: inline-block;
float: left;
margin-right: 12px;
padding-bottom: 20px;
margin-right: 60px;
padding-bottom: 80px;
// width: 392px;
// height: 353px;
box-sizing: border-box;
......@@ -1469,10 +1585,11 @@ a.news {
.productt .productt-content .pg-1 li a {
display: inline-block;
width: 392px;
height: 353px;
width: 360px;
height:320px;
text-align: center;
position: relative;
top:21px;
}
......@@ -1504,24 +1621,65 @@ a.news {
.productt .productt-content .pg-1 .mask>p {
position: absolute;
left: 80px;
// left: 80px;
top: 180px;
line-height: 26px;
width: 100%;
padding: 10px 30px;
}
.productt .productt-content .pg-1 .mask>.mask-content {
position: absolute;
// left: 80px;
top: 0px;
height: 100%;
line-height: 26px;
width: 100%;
padding: 73px 82px;
color: #fff;
h5{
font-size: 24px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #FFFFFF;
opacity: 1;
padding-bottom: 20px;
}
div{
width: 196px;
height: 76px;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
opacity: 1;
}
}
.productt .productt-content .pg-2 .mask>p,
.productt .productt-content .pg-3 .mask>p {
position: absolute;
left: 184px;
// left: 184px;
width: 100%;
text-align: center;
padding: 20px 50px;
top: 260px;
line-height: 26px;
margin-top: 16px;
}
.productt .productt-content .pg-1 .mask img{
width: 360px;
height: 288px;
}
.productt .productt-content .pg-1 .mask .mask-cover{
width: 360px;
height: 288px;
background: #294982;
opacity: 0.6;
}
.productt .productt-content .pg-1 .mask .more {
position: absolute;
......@@ -1620,11 +1778,11 @@ a.news {
}
//产品服务
.productt .productt-content ul .p2 {
font-size: 20px;
font-weight: bolder;
margin-top: 12px;
margin-top: 200px;
}
.productt .productt-content .pg-2 li,
......@@ -1663,7 +1821,7 @@ a.news {
.customer {
width: 100%;
background: #eff6ff;
// background: #eff6ff;
}
......@@ -1685,16 +1843,18 @@ a.news {
color: #333;
font-weight: bolder;
border: none;
padding-left: 0px;
}
.customer .customer-content .customer-title .line {
width: 40px;
height: 3px;
background: #4468d6;
width: 60px;
height: 0px;
// background: #4468d6;
margin: 0 auto;
margin-top: 16px;
margin-bottom: 48px;
margin-bottom: 75px;
border: 2px solid #294982;
opacity: 1;
}
......@@ -1718,8 +1878,8 @@ a.news {
.logo {
img {
// margin-left: 10px;
// padding-top: 25px;
margin-left: 10px;
padding-top: 25px;
}
}
......@@ -1727,7 +1887,7 @@ a.news {
width: 100%;
display: flex;
flex-wrap: wrap;
// justify-content: space-around;
justify-content: center;
padding-left: 3px;
img {
......
src/assets/theme/product.less
View file @ 99db1a1d
......@@ -582,8 +582,8 @@
}
.home-news {
display: flex;
margin-top: 65px;
margin-bottom: 50px;
width: 1200px;
margin:50px auto;
img {
width: 500px;
}
......
src/layouts/default.vue
View file @ 99db1a1d
......@@ -3,7 +3,7 @@
<div class="header-div">
<div class="header" :class="{ home: '/' == $nuxt.$route.path && top }">
<div class="nav">
<a class="logo" href="/"><img src="/image/logo.png" alt="" /></a>
<a class="logo" href="/"><img width="160px" src="/image/index/logo.png" alt="" /></a>
<Icon
class="phone"
type="md-menu"
......@@ -26,7 +26,7 @@
<div class="menu" v-show="menuShow">
<a
class="an"
style="border: none"
style="border: none;"
:class="{ cur: $nuxt.$route.path.indexOf('/product') === 0 }"
@mouseover="hover()"
@click="cpclick"
......@@ -35,11 +35,11 @@
style="position: absolute; top: 0.09rem; left: 0.6rem"
@click="cpclick"
>
<img src="/image/xia.png" alt="" style="width: 0.18rem" />
<!-- <img src="/image/xia.png" alt="" style="width: 1rem" /> -->
</div>
<div class="cp_line"></div>
<div class="flexd" v-show="cp">
<div class="line"></div>
<!-- <div class="line"></div> -->
<div class="flex p-menu">
<div
class="fg"
......@@ -75,7 +75,7 @@
<div class="menu" v-show="menuShow">
<nuxt-link
to="/news"
:class="{ cur: $nuxt.$route.path.indexOf('/case') === 0 }"
:class="{ cur: $nuxt.$route.path.indexOf('/service') === 0 }"
>服务支持</nuxt-link
>
</div>
......@@ -187,15 +187,21 @@
<div class="pt50"></div>
</div>
<div class="foot_line"></div>
<div class="main ac ba" style="font-size: 12px; color: #c0bfbf;display:flex;justify-content:space-between">
<div class="main ac ba" style="font-size: 12px; color: #c0bfbf;display:flex;justify-content:center">
<div style="width:480px;margin-left:0px"><!--Copyright &copy; 2021 {{ config.company }}-->
Copyright © 2000-2018京ICP备13034660号-1</div
Copyright © 2000-2018京ICP备13034660号-1 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;版权所有:北京德天博诚科技有限公司</div
>
<!-- <a style="color: #c0bfbf" href="https://beian.miit.gov.cn/">
{{ config.icp }}</a
> -->
<div style="width:480px">版权所有:北京德天博诚科技有限公司</div>
<!-- <div style="width:480px">版权所有:北京德天博诚科技有限公司</div> -->
</div>
<!-- <div style="width:1200px;margin:auto;font-size: 12px; color: #c0bfbf;">
<div style="width:600px;display:flex;justify-content: space-between;margin:auto">
<div>Copyright © 2000-2018京ICP备13034660号-1</div>
<div>版权所有:北京德天博诚科技有限公司</div>
</div>
</div> -->
</div>
<div class="silder">
<a @click="send('线上留言')" @mouseover="over1" @mouseout="out1">
......@@ -374,11 +380,13 @@ export default {
type:"数字化设计",
name:"骨架设计",
id:"gujia"
},{
type:"数字化设计",
name:"MBSE",
id:"mbse"
}],
},
// {
// type:"数字化设计",
// name:"MBSE",
// id:"mbse"
// }
],
[{
type:"数字化工厂",
name:"装配仿真",
......@@ -388,11 +396,11 @@ export default {
name:"机加仿真",
id:"jijia"
},
{
type:"数字化工厂",
name:"生产排产？",
id:"life"
},
// {
// type:"数字化工厂",
// name:"生产排产？",
// id:"number"
// },
]
],
config: {
......@@ -437,63 +445,15 @@ export default {
};
},
created() {
// console.log(this.menuShow);
console.log(this.menuShow);
},
mounted() {
// console.warn("process", process, process.bowser);
if (process.bowser) {
if (this.isPhone()) {
this.menuShow = false;
}
}
this.arr = JSON.parse(JSON.stringify(this.footdata));
// this.$api
// .get("/api/common/git", {
// code:'CompanyAbout'
// })
// .then((r) => {
// console.log(r)
// if (r.success) {
// console.log(JSON.parse(r.result.content));
// sessionStorage.setItem('about',r.result.content)
// this.content=JSON.parse(r.result.content)
// console.log(this.content)
// }
// });
sessionStorage.setItem("about",JSON.stringify(this.content))
// function groupBy(array, f) {
// const groups = {};
// array.forEach(function (o) {
// //注意这里必须是forEach 大写
// const group = JSON.stringify(f(o));
// groups[group] = groups[group] || [];
// groups[group].push(o);
// });
// return Object.keys(groups).map(function (group) {
// console.log(groups[group])
// return groups[group];
// });
// }
// this.$api
// .post("/pub/product/List", {
// pageSize: 10,
// isDesc: true,
// })
// .then((r) => {
// if (r.success) {
// let items = groupBy(r.result, (u) => {
// console.log(r)
// return u.type;
// });
// // console.warn(items);
// this.menuarr = items;
// console.log(this.menuarr)
// }
// });
sessionStorage.setItem("about",JSON.stringify(this.content))
localStorage.setItem("obj", JSON.stringify(this.footdata));
if (this.isPhone()) {
this.menuShow = false;
this.menuShow = true;
}
window.addEventListener("resize", () => {
if (document.body.clientWidth > 600 && !this.menuShow) {
......@@ -587,7 +547,7 @@ export default {
let flag = false;
flag = navigator.userAgent.match(
/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
);
);//手机型号
return flag;
},
hideMenu() {
......@@ -643,6 +603,7 @@ export default {
},
computed: {
top() {
console.log(this.screenY<200)
return this.screenY < 200;
},
},
......@@ -650,7 +611,7 @@ export default {
$route() {
if (this.isPhone()) {
this.menuShow = false;
// console.log(this.isPhone());
console.log(this.isPhone());
}
},
},
......@@ -660,7 +621,7 @@ export default {
.foot_line {
width: 100%;
height: 1px;
background-color: #747272;
/* background-color: #747272; */
margin-bottom: 20px;
margin-top: 20px;
}
......
src/pages/about/index.vue
View file @ 99db1a1d
......@@ -96,7 +96,7 @@
</div>
<div class="yuan">
<div v-for="(item,index) in this.arr" :key="index" @click="gotoPage(index)" :class="{'current':currentIndex == index}"></div>
</div>
</div>
<div class="case-introduce" style="min-height:530px;">
<div class="title"><div class='line'></div><p>加入我们</p><div class='line'></div></div>
<div class="job">
......@@ -133,14 +133,14 @@
</div>
<div class="foot-show">
<div class="foot">
<h6>联系我们</h6>
<span>地址：{{content.place}}<br/>电话：{{content.fphone}}<br/>邮箱：{{content.email}}</span>
<div class="foot_three">
<div v-for="(item,index) in content.jzewm" :key='index'><p>{{item.name}}</p><img :src="apiurl+item.url" alt=""></div>
</div>
<div class="foot">
<h6>联系我们</h6>
<span>地址：{{content.place}}<br/>电话：{{content.fphone}}<br/>邮箱：{{content.email}}</span>
<div class="foot_three">
<div v-for="(item,index) in content.jzewm" :key='index'><p>{{item.name}}</p><img :src="apiurl+item.url" alt=""></div>
</div>
</div>
</div>
</div>
</div>
</template>
......@@ -148,7 +148,7 @@
import Config from '@/config';
export default {
head: {
title: "关于我们---北京见著科技有限公司--MES系统",
title: "关于我们---德天博城",
},
data() {
let groupBy = (list, fn) => {
......
src/pages/case/index.vue
View file @ 99db1a1d
......@@ -93,7 +93,7 @@
import Config from '@/config';
export default {
head: {
title: "案例---北京见著科技有限公司--MES系统"
title: "案例---德天博城"
},
name: "",
data() {
......
src/pages/index.vue
View file @ 99db1a1d
......@@ -4,53 +4,58 @@
<div class="banner-new">
<div class="pr">
<img class="act" src="/image/index/0101.png" />
<!-- apiurl + content.zt /image/index/0101.png-->
<div class="pa">
<div class="kouhao">
<div class="k1">我们致力于为制造业企业提供数字化设<br/>计和制造及数字化管理解决方案</div>
<span class="k2">一站式产品服务，个性化解决方案</span>
<!-- <img src="/image/kouhao.png" />图片生产管理 -->
<div class="k1">一站式产品服务&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;个性化解决方案</div>
<span class="k2">
我们致力于为制造业企业提供数字化设计和制造及数字化管理解决方案
</span>
<!-- <img src="/image/kouhao.png" />图片生产管理 白色背景图片-->
<div></div>
<div class="k3">
厚德载物|天道酬勤|诚信立身
<div plain class="k3">
<div class="triangle-left"></div>
<span>厚德载物 · 天道酬勤 · 诚信立身</span>
<div class="triangle-right"></div>
</div>
</div>
</div>
</div>
</div>
<div class="notice" v-if="false">
<span class="title"> 见著新闻动态 </span>
<a>
北京见著科技有限公司于8月8日于A股上市北京见著科技有限公司于8月8日于A股上市
</a>
</div>
<section class="about" style="background: url(/image/02-11.png) no-repeat; background-size: 100% 100%;">
<!-- left 378 中间距离153px right 938-->
<section class="about" >
<div class="about-content clear-fix">
<div class="about-left">
<h2>我们为企业提供量身定制的管理平台和高端产品<br/>解决方案,助力企业智能化升级</h2>
<h2>我们为企业提供<br>
<span>量身定制</span>的管理平台和<br>
高端产品<span>解决方案,</span> <br>
助力企业<span>智能化升级。</span> <br>
</h2>
<!-- <p v-html="content.content" style="width: 465px"></p> -->
<ul class="clear-fix">
<li>
<div><img src="/image/02-icon-1.png" alt="" /></div>
<div><img src="/image/index/icon-01.png" alt="" /></div>
<p>20多年<br />聚焦工业4.0</p>
</li>
<li>
<div><img src="/image/02-icon-2.png" alt="" /></div>
<div><img style="padding-top:6px" src="/image/index/icon-02.png" alt="" /></div>
<p>多领域的项<br/>目实施经验</p>
</li>
<li>
<div><img src="/image/02-icon-3.png" alt="" /></div>
<div><img style="padding-top:10px" src="/image/index/icon-03.png" alt="" /></div>
<p>专注于制造业<br />大数据应用</p>
</li>
</ul>
<div class="more">
<a href="/about">了解更多</a>
</div>
</div>
</div>
<div class="about-right">
<!-- <img src="/image/02-11.png" alt="" /> -->
<img src="/image/index/0102.png" width="680px" alt="" />
</div>
</div>
</section>
<section class="productt">
<div class="productt-content">
......@@ -58,7 +63,7 @@
<h2>产品服务</h2>
<div class="line"></div>
</div>
<ul class="pg-1 clear-fix">
<!-- <ul class="pg-1 clear-fix">
<li class="ourproducts">
<a href="/product/expe"><img src="/image/index/0104.png" alt=""></a>
</li>
......@@ -67,7 +72,7 @@
</li>
<li class="ourproducts">
<a href="/product/delmia"><img src="/image/index/0106.png" alt=""></a>
</li>
</li> -->
<!-- <li
class="ourproducts li1"
>
......@@ -120,8 +125,8 @@
<p class="p2">APS高级排产</p>
</a>
</li> -->
</ul>
<ul class="pg-1 clear-fix">
<!-- </ul> -->
<!-- <ul class="pg-1 clear-fix">
<li>
<a href="/product/enovia"><img src="/image/index/0107.png" alt=""></a>
</li>
......@@ -131,6 +136,119 @@
<li>
<a href="/product/via"><img src="/image/index/0110.png" alt=""></a>
</li>
</ul> -->
<ul class="pg-1 clear-fix">
<li
class="ourproducts li1"
>
<a
href="/product/expe"
>
<div class="mask">
<div class="mask-cover"></div>
<!-- <img src="/image/mask1.png" alt="" /> -->
<div class="mask-content">
<h5>3DEXPERIENCE</h5>
<div>将人员、想法、数据和解决方案连接到一起， 使企业能够以全新的方式 进行创新的一个协作环境</div>
</div>
</div>
<p class="p1"></p>
</a>
</li>
<li
class="ourproducts li2"
>
<a href="/product/catia">
<div class="mask">
<div class="mask-cover"></div>
<div class="mask-content">
<h5>CATIA</h5>
<div>高端的CAD的软件，CATIA以其强大的曲面设计能力而在飞机、汽
车、等领域享有很高的声誉</div>
</div>
</div>
<p class="p1"></p>
</a>
</li>
<li
class="ourproducts li3"
>
<a href="/product/delmia">
<div class="mask">
<div class="mask-cover"></div>
<!-- <img src="/image/mask1.png" alt="" /> -->
<div class="mask-content">
<h5>
DELMIA
</h5>
<div>
作为CAM解决方案的产品，DELMIA可将建模和仿真的虚拟世界运行于真实的运营之中
</div>
</div>
</div>
<p class="p1"></p>
</a>
</li>
</ul>
<ul class="pg-1 clear-fix">
<li
class="ourproducts li4"
>
<a
href="/product/enovia"
>
<div class="mask">
<div class="mask-cover"></div>
<!-- <img src="/image/mask1.png" alt="" /> -->
<div class="mask-content">
<h5>ENOVIA</h5>
<div>
消除企业内部的信息孤岛，以数字方式将价值网络中的所有用户连接起来，以实现可持续的创新
</div>
</div>
</div>
<p class="p1"></p>
</a>
</li>
<li
class="ourproducts li5"
>
<a href="/product/simulia">
<div class="mask">
<div class="mask-cover"></div>
<div class="mask-content">
<h5>SIMULIA</h5>
<div>
协同、开发、集成的多物理场仿真平台
</div>
</div>
</div>
<p class="p1"></p>
</a>
</li>
<li
class="ourproducts li6"
>
<a href="/product/dvia">
<div class="mask">
<div class="mask-cover"></div>
<div class="mask-content">
<h5>3DVIA</h5>
<div>
利用3DVIA Composer,非CAD用户可直接从3DCAD数据创建相关的2D和3D产品文档。
</div>
</div>
</div>
<p class="p1"></p>
</a>
</li>
</ul>
<!-- <ul class="pg-2 clear-fix">
<li
......@@ -209,7 +327,8 @@
<div class="pt50"></div>
<div class="service bg">
<div class="main">
<h1>行业解决方案</h1>
<h2>行业解决方案</h2>
<div class="line" style="width:60px;height:0px;border: 2px solid #294982;"></div>
<Carousel
autoplay
v-model="value2"
......@@ -217,38 +336,55 @@
:autoplay-speed="50000"
dots="outside"
>
<CarouselItem v-for="(item, index) in dataList" :key="index">
<CarouselItem v-for="(item, index) in dataList" :key="index" height="537px">
<div class="pr">
<img :src="item.img" style="width:100%" alt="我们服务于" />
<img :src="item.img" style="height:537px;width:1200px" alt="我们服务于" />
<div class="pa">
<div class="flexd">
<div class="title">
{{ item.title }}
<div
<span style="border:2px solid #fff"></span>
&nbsp;{{ item.title }}
<!-- <div
style="
width: 15%;
height: 1px;
background: #fff;
margin-top: 10px;
"
></div>
></div> -->
</div>
<div class="info fg">
<div class="info fg ">
{{ item.all }}
<div class="ar">
<!-- <div class="ar">
<a class="moreal" href="/case">查看更多</a>
</div> -->
<div class="img"></div>
<!-- <img src="/image/item-mask.png" alt="" /> -->
<div style="width: 480px;
height: 537px;
background: #294982;
opacity: 0.8;
border-radius: 0px;
position:absolute;
top:0px;left:0px;z-index:-1;">
</div>
<img src="/image/item-mask.png" alt="" />
</div>
<div class="ar">
<a class="moreal" href="/case">查看更多</a>
</div>
</div>
</div>
</div>
</CarouselItem>
</Carousel>
<div class="home-news">
</div>
</div>
<div class="home-news" style="width:1200px;margin:50px auto">
<img src="/image/index/0113.png" alt="" />
<div class="home-news-right">
<h5>信息动态</h5>
<h5>信息动态
<div style="width:74px;height:3px;background:#294982;margin-top:4px"></div>
</h5>
<div v-for="(item, index) in list" :key="index">
<nuxt-link target="_blank" :to="{ path: '/news/' + item.id }">
<p>{{ item.name }}</p>
......@@ -260,8 +396,6 @@
</nuxt-link>
</div>
</div>
</div>
</div>
<!-- <div class="main custom">
<h1>我们的客户</h1>
<div class="ac">
......@@ -284,9 +418,7 @@
:key="index"
:src="item.img1"
alt=""
@mouseover="imgmouseover(index)"
@mouseleave="imgmouseleave(index)"
:class="{ imghover: imgIndex == index }"
/>
</div>
<div class="more">
......@@ -415,8 +547,8 @@
<div class="foot">
<h6>联系我们</h6>
<span
>地址：{{ content.place }}<br />电话：{{ content.fphone
}}<br />邮箱：{{ content.email }}</span
>地址：{{ content.address }}<br />电话：{{ content.telephone
}}<br />邮编{{ content.zipcode }}</span
>
<div class="foot_three">
<div v-for="(item, index) in content.jzewm" :key="index">
......@@ -432,9 +564,9 @@
import Config from "@/config";
export default {
head: {
title: "北京见著科技有限公司--MES系统",
title: "德天博城",
},
//
middleware(context) {
console.warn("middleware", "page");
},
......@@ -442,26 +574,26 @@ export default {
console.warn("validate");
return true;
},
async asyncData({ $axios }) {
const asyncData = await $axios.$post(
"http://47.92.102.113:6006/pub/news/List",
{
pageSize: 3,
isDesc: true,
conditions: [
{
fieldName: "hot",
fieldValue: 1,
conditionalType: "Equal",
},
],
}
);
const asyncDataobj = asyncData.result;
return {
list: asyncDataobj,
};
},
// async asyncData({ $axios }) {
// const asyncData = await $axios.$post(
// "http://47.92.102.113:6006/pub/news/List",
// {
// pageSize: 3,
// isDesc: true,
// conditions: [
// {
// fieldName: "hot",
// fieldValue: 1,
// conditionalType: "Equal",
// },
// ],
// }
// );
// const asyncDataobj = asyncData.result;
// return {
// list: asyncDataobj,
// };
// },
data() {
return {
apiurl: Config.apiBaseUrl,
......@@ -474,7 +606,7 @@ export default {
product: [
{
img1: "/image/p1.jpg",
img2: "/image/p1-icon.png",
// img2: "/image/p1-icon.png",
url: "/product/mes",
title: "智能制造",
stitle: "MES智能化制造",
......@@ -525,7 +657,7 @@ export default {
list:[
{
name:"2022达索系统高科技行业启动会",
note:"-3月15日- 2022达索系统高科技行业启动会北京、上海、广州及线上直播同步召开",
note:"3月15日- 2022达索系统高科技行业启动会北京、上海、广州及线上直播同步召开",
},
{
name:"虚拟孪生体验，加速智造创新",
......@@ -554,12 +686,12 @@ export default {
{
img: "/image/index/0111.png",
title: "装配仿真",
all: "数字化设计解决方案是以三维设计为核<br/>心，并结合产品设计过程的具体需求所<br/>形成的一套解决方案",
all: "数字化设计解决方案是以三维设计为核心，并结合产品设计过程的具体需求所形成的一套解决方案",
},
{
img: "/image/index/0112.png",
title: "MBD解决方案",
all: "MBD（Model Based Definition）<br/>基于模型的定义",
all: "MBD（Model Based Definition）基于模型的定义",
},
],
currentIndex: 0, //默认显示图片
......@@ -584,26 +716,27 @@ export default {
}
setTimeout(() => {
this.content = JSON.parse(sessionStorage.getItem("about"));
// console.log(this.content)
}, 1000);
this.$api
.post("/pub/news/List", {
pageSize: 10,
isDesc: true,
})
.then((r) => {
if (r.success) {
// console.warn(items);
r.result.reverse();
console.log(r.result);
r.result.forEach((v) => {
if (v.hot == 1) {
this.list.push(v);
}
});
this.list.splice(3);
console.log(this.list);
}
});
// this.$api
// .post("/pub/news/List", {
// pageSize: 10,
// isDesc: true,
// })
// .then((r) => {
// if (r.success) {
// // console.warn(items);
// r.result.reverse();
// console.log(r.result);
// r.result.forEach((v) => {
// if (v.hot == 1) {
// this.list.push(v);
// }
// });
// this.list.splice(3);
// console.log(this.list);
// }
// });
},
methods: {
runInv() {
......@@ -619,6 +752,7 @@ export default {
},
imgmouseover(index) {
this.imgIndex = index;
console.log(this.imgIndex)
},
imgmouseleave(inde) {
this.imgIndex = null;
......
src/pages/news/details.vue
View file @ 99db1a1d
......@@ -65,7 +65,7 @@
import Config from "@/config";
export default {
head: {
title: "案例---北京见著科技有限公司--MES系统",
title: "案例---德天博城",
},
name: "",
data() {
......
src/pages/news/index.vue
View file @ 99db1a1d
......@@ -96,7 +96,7 @@
import Config from "@/config";
export default {
head: {
title: "新闻---北京见著科技有限公司--MES系统",
title: "新闻---德天博城",
},
name: "",
async asyncData({ $axios }) {
......
src/pages/p1/_id.vue
View file @ 99db1a1d
......@@ -231,7 +231,7 @@ export default {
product: {
banner: "/image/phm/sm.png",
bannerphone: "/image/phm/smp.jpg",
title: "3D体验平台",
title: "PHM健康管理",
jj1: "PHM预测与健康管理技术(Prognostics Health Management) 是综合利用现代化信息技术、人工智能技术的最新研究成果而提出的一种全新的管理健康状况的解决方案，其目的在于为设备运行保障、应急处置、维修活动提供决策支持，具备故障检测与隔离、故障诊断、故障预测、健康管理和部件寿命追踪等能力。",
jj2: "见著科技大数据PHM利用见著科技数据中台服务，通过对接企业的信息化管理系统ERP、PLM、MES、BPM、SCE、KMS等，对产品数据进行采集、清洗、动态展示、建立模型、预测分析等处理，从而实现产品故障预测与健康管理。",
url: "/image/phm/t527.png",
......
src/pages/p1/gujia.vue
View file @ 99db1a1d
......@@ -57,7 +57,7 @@
export default {
name: "",
head: {
title: "SaaS MES云端协同---北京见著科技有限公司--MES系统"
title: "德天博城骨架设计"
},
components: {},
data() {
......
src/pages/p1/id.js deleted 100644 → 0
View file @ 0707f7f8
// duct:[
// //装配仿真assembling
// assembling = {
// banner:"/image/assembling/1201.png",
// title:"装配仿真",
// content:"装配仿真为各类复杂机电产品的设计和制造提供产品可装配性验证、装配工艺规划和分析、装配操作培训与指导、装配过程演示等完整解决方案。",
// bannerright:"/image/assembling/1203.png",
// content2:"数字化制造需要实现工艺设计全过程的管理、数据分析和工艺流程的验证，更重要的是为企业生产提供快速、准确的统一数据源——MBOM。同时，在产品设计过程中考虑产品的可制造性、可装配性和可维护性。",
// url2:"/image/assembling/1204.png",
// advantage:"主要优势",
// advantagecontent:"使用综合性 3D 流程和资源规划工具进行规划，以创建和优化按单定制的精益生产制造系统。使用工具进行模拟，以虚拟定义和优化制造资产及制造规划。操作精确的虚拟生产系统，以实时跟踪生产活动、执行时间表变动、启动新项目、引进模型转换和安排维护操作",
// advantageurl:"image/assembling/1205.png",
// disassemble:"对装配或拆卸流程进行可行性研究,以减少问题、缩短上市时间并提高首次质量",//拆卸
// disassemblecontent1:"通过检测影响产品或工具设计的潜在问题,在设计阶段早期确定3D中的装配或拆卸可行性",
// disassemblecontent2:"利用流程规划数据,通过考虑流程排序和工作场所布局,验证可行性直接记录3D中的潜在问题,以实现与相关人员的协作解决",
// disassembleurl:"image/assembling/1206.png",
// },
// 项目管理
// administration={
// top头部
// advantageList:{
// {
// title:"项目管理",
// content:"排除没有附加值的任务，这样能有更多的时间来确保项目按时、在预算内完成。基于可交付成果的项目管理使团队成员能够专注于创造创新体验，按时并按预算交付项目。",
// banner:"/image/administration/1101.png",
// },
// },
// 项目管理解决方案策略strategy
// strategy:{
// title:"项目管理解决方案策略",
// banner:"/image/administration/1103.png",
// content1:{
// title:"高效的项目团队协同：",
// content1:"定义明确团队",
// content2:"建立项目环境",
// content3:"建立项目环境",
// content4:"基于BOM协同",
// },
// content2:{
// title:"问题风险反馈及解决：",
// content1:"量化问题风险等级",
// content2:"系统化的问题风险汇报方式",
// content3:"问题全生命周期跟踪",
// content4:"项目风险趋势统计",
// },
// content3:{
// title:"“事实”项目进度：",
// content1:"进度-任务，基于任务的进度报交使得进度可以被细化，也可被实时统计汇总",
// content2:"任务-成果，基于任务成果的任务定义使项目任务完成与真实项目进展对应",
// content3:"成果-确认，对于交付物状态的确认来对任务完成情况进行复核，确保交付物的正确性及合规性",
// content4:"实时的进度仪表盘，提供一个实时的项目进度汇总信息，随时提供给项目管理者项目状态",
// },
// content4:{
// title:"高质量的评审：",
// content1:"评审会议定义",
// content2:"评审决策跟踪",
// content3:"基于事实数据的评审",
// content4:"评审驱动的转阶段",
// },
// content5:{
// title:"项目质量评价：",
// content1:"定义项目质量",
// content2:"项目成本归集可视化",
// content3:"工时VS计划",
// }
// },
// // 实施流程：procedure
// procedure:{
// title:"实施流程：",
// content:"概念计划：承载系统的概念设计；系统/子系统设计规划书；设计需求；早期BOM开发：承载系统的物理结构设计；设计协同；模型、CAD图纸、技术规范、研发文档测试验证&生命周期：承载选装选配设计；Super BOM；生产及工艺数据",
// banner:"/image/administration/1104.png",
// }
// },
// // 机加仿真machining
// machining:{
// banner:"/image/machining/1001.png",
// title:"机加仿真",
// content:"现阶段制造类大多企业在产品研发部门，基本上实现了3D CAD产品设计；生产现场大量采用自动化设备（现场总线、PLC等）；但是，在时间消耗最长的生产规划部门，设计手段却较为落后。"
// //方案优势programme
// programme:{
// banner:"/image/machining/1003.png",
// title:"方案优势",
// content1:{
// title:"1、实现产品、工艺和资源数据的集约化管理",
// content:"将企业的工程数据组织在一起，保持产品-工艺-资源数据之间紧密地逻辑关联关系，使得产品数据无需在多个系统中多次存储，并能为整个企业所共享使用。"
// },
// content2:{
// title:"2、实现3D工艺规划",
// content:"充分利用“数字样机”的三维数据，实现基于三维数据信息的3D工艺规划，进行零件的加工、装配等3D工艺及仿真、验证；而且，在进行各种工艺规划、仿真和验证的同时，可以生成3D图形化的工艺文档和过程演示视频，使工艺方案的评审更具有直观性和科学性。",
// },
// content3:{
// title:"3、实现对生产过程的真实反映",
// content:"建立一个完整的3D数字工厂（厂房）环境，并结合人机工程，将虚拟的人体模型放置到数字工厂环境当中，进行人机工效的评估。",
// },
// content4:{
// title:"4、支持并行工程",
// content:"制造部门的工作人员可以及早参与到产品的研发中去，与设计人员并行的开展工作，从而使得在设计过程中能够充分的考虑零件的工艺特性、部件的可装配性和产品的可维护性等因素。",
// },
// },
// // 实施办法implementation
// implementation:{
// banner:"/imgae/machining/1004.png",
// title:"实施办法",
// content:{
// {
// content:"1、从PDM系统获取产品结构数据（EBOM）",
// },{
// content:"2、从工装工具、生产部门获取资源数据（由3D CAD系统生成），（目前大多企业只有少量或无资源3D数据，必须建立相应工装工具库）。",
// },{
// content:"3、从工艺部门获取已有工艺信息；或在DPE中重新进行工艺设计",
// },{
// content:"4、在DPE中产生总工艺计划、细节工艺计划、生产计划及产品、工艺、资源关联信息，进行工时分析等",
// },{
// content:"5、进入DPM环境，用三维的方式进行工艺验证、人机任务仿真和分析，及工厂布局分析",
// },{
// content:"6、按照客户的要求进行客户化，将分析、验证的结果输出（与工艺相关的质询单等）。或将数据传递到CAPP系统生产相应工艺文件",
// },{
// content:"7、或到DPE中产生基于MBOM的工艺计划；并与PDM系统集成，形成PPR模型",
// },{
// content:"8、产生相应工艺文档；或储存为DPE文档的附件。",
// },{
// content:"9、按ERP、SCM、CRM、MES格式要求，输出相应生产、采购、招投标、维护、培训等信息",
// },{
// content:"10、完成与企业其他系统集成",
// }
// },
// }
// },
// // 机电软研发协同electromechanical
// electromechanical:[
// banner:"/image/electromechanical/0901.png",
// title:"机电软研发协同",
// content:"3DEXPERIENCE平台不仅实现机电软跨专业协同，而且三维体验平台融合了多专业的数据和模型，为设计/仿真/工艺一体化提供了基础。",
// top:[
// banner:"/image/electromechanical/0903.png",
// ],
// // 研发平台research
// research:[
// content:"研发平台可以用来管理机电协同时所产生的IDF文档。无论生成IDF文档的工具是硬件研发工具还是结构研发工具，平台标准的集成接口都可以将IDF文档直接保存到平台上。",
// ],
// // 机械结构与硬件设计人员mechanics
// mechanics:[
// banner:"/image/electromechanical/0904.png",
// content:"机械，结构与硬件设计人员，即可用管理不同的IDF版本和设计内容之间的关系去管理PCB板设计的历史过程和中间结果，方便设计人员验证不同的设计思路和方案。",
// ],
// // 产品生命周期cycle
// cycle:[
// banner:"/image/electromechanical/0905.png",
// content:[
// {content:"• 研发平台支持机电设计一体化流程，并且对设计数据，衍生数据，IDF文档以及BOM都有嵌入式深度集成"},
// {content:"• 集成直接与项目工作区贯通，设计人员可直接把设计数据按照项目交付物进行管理，紧贴研发项目审签流程。"},
// {content:"• 所有数据最终以BOM为核心进行管理，BOM和相关设计数据在研发平台上关联"},
// {content:"• 这样的数据结构有利于最终产品发布流程的统一管理，当BOM发布时，连带的所有设计数据必须也处于设计已交付状态，从而保证产品发布时数据的有效性，完整性。并方便设计人员打包推送数据到生产端。"}
// ]
// ]
// ],
// // 骨架设计skeleton
// skeleton:[
// banner:"/image/skeleton/0801.png",
// titile:"骨架设计",
// content:"——即主元线框设计",
// // 结合产品设计product
// product:[
// title:"结合产品设计流程运用主要线框控制元素对整个产品结构进行有效的总体控制形成类似树干状的产品设计结构，并建立有效的参数信息传递框架及流程的CATIA自上而下的协同设计方法。",
// banner:"/image/skeleton/0803.png",
// ],
// // 设计思路design
// design:[
// banner:"/image/skeleton/0804.png",
// title:"设计思路",
// content:[
// {content:"1、以CATIA自上而下的关联设计为基础"},
// {content:"2、充分认识产品结构及设计流程"},
// {content:"3、以主要线框控制元素为依托"},
// {content:"4、建立类似树干状的产品设计结构"},
// {content:"5、运用CATIA软件关联引用机制建立参数信息传递"},
// ],
// // 实现基于模型的产品研制
// development:[
// banner:"/image/skeleton/0805.png",
// title:"实现基于模型的产品研制，是产品研发的数字化转型，先进的开发理念落地需要围绕3D模型编织一张这样的“网”：数据集，标准规范，管理要素，设计资源，然后是工具的应用"
// ]
// ],
// ]
// ],
\ No newline at end of file
src/pages/p1/jidian.vue
View file @ 99db1a1d
......@@ -45,7 +45,7 @@
export default {
name: "",
head: {
title: "SaaS MES云端协同---北京见著科技有限公司--MES系统"
title: "德天博城机电软研发协同"
},
components: {},
data() {
......
src/pages/p1/jijia.vue
View file @ 99db1a1d
......@@ -53,7 +53,7 @@
export default {
name: "",
head: {
title: "SaaS MES云端协同---北京见著科技有限公司--MES系统"
title: "德天博城机加仿真"
},
components: {},
data() {
......
src/pages/p1/mbd.vue
View file @ 99db1a1d
......@@ -58,12 +58,13 @@
export default {
name: "",
head: {
title: "SaaS MES云端协同---北京见著科技有限公司--MES系统"
title: "德天博城MBD解决方案"
},
components: {},
data() {
return {
pointIndex: 0,
title:"测试",
product: {
banner: "/image/phm/sm.png",
bannerphone: "/image/phm/smp.jpg",
......
src/pages/p1/number.vue 0 → 100644
View file @ 99db1a1d
<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>
<!-- 布局方式 文字上 图片右下 -->
<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>
</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>
<!-- 布局方式 左上图片 右下文字 H4 span -->
<div class="product-zhuangpei mg">
<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>
</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>
<!-- 机电软协同研发 -->
<!-- 左上右下布局上面 38 hang -->
<!-- 左右布局 left ： img ；right ：content ；86 hang -->
</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:{
}
}
},
}
</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%;
}
}
}
}
//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
src/pages/p1/xiangmu.vue
View file @ 99db1a1d
......@@ -47,7 +47,7 @@
export default {
name: "",
head: {
title: "SaaS MES云端协同---北京见著科技有限公司--MES系统"
title: "德天博城项目管理"
},
components: {},
data() {
......
src/pages/p1/zhuangpei.vue
View file @ 99db1a1d
......@@ -56,7 +56,7 @@
export default {
name: "",
head: {
title: "SaaS MES云端协同---北京见著科技有限公司--MES系统"
title: "德天博城装配仿真"
},
components: {},
data() {
......
src/static/image/index/0101.png
View replaced file @ 0707f7f8 View file @ 99db1a1d
This image diff could not be displayed because it is too large. You can view the blob instead.
src/static/image/index/0104.png
View replaced file @ 0707f7f8 View file @ 99db1a1d
src/static/image/index/0104.png

61.3 KB | W: | H:

src/static/image/index/0104.png

84.9 KB | W: | H:

src/static/image/index/0104.png
src/static/image/index/0104.png
src/static/image/index/0104.png
src/static/image/index/0104.png
  • 2-up
  • Swipe
  • Onion skin
src/static/image/index/0105.png
View replaced file @ 0707f7f8 View file @ 99db1a1d
src/static/image/index/0105.png

107 KB | W: | H:

src/static/image/index/0105.png

183 KB | W: | H:

src/static/image/index/0105.png
src/static/image/index/0105.png
src/static/image/index/0105.png
src/static/image/index/0105.png
  • 2-up
  • Swipe
  • Onion skin
src/static/image/index/0106.png
View replaced file @ 0707f7f8 View file @ 99db1a1d
src/static/image/index/0106.png

117 KB | W: | H:

src/static/image/index/0106.png

165 KB | W: | H:

src/static/image/index/0106.png
src/static/image/index/0106.png
src/static/image/index/0106.png
src/static/image/index/0106.png
  • 2-up
  • Swipe
  • Onion skin
src/static/image/index/0107.png
View replaced file @ 0707f7f8 View file @ 99db1a1d
src/static/image/index/0107.png

143 KB | W: | H:

src/static/image/index/0107.png

177 KB | W: | H:

src/static/image/index/0107.png
src/static/image/index/0107.png
src/static/image/index/0107.png
src/static/image/index/0107.png
  • 2-up
  • Swipe
  • Onion skin
src/static/image/index/0108.png
View replaced file @ 0707f7f8 View file @ 99db1a1d
src/static/image/index/0108.png

125 KB | W: | H:

src/static/image/index/0108.png

184 KB | W: | H:

src/static/image/index/0108.png
src/static/image/index/0108.png
src/static/image/index/0108.png
src/static/image/index/0108.png
  • 2-up
  • Swipe
  • Onion skin
src/static/image/index/0112.png
View replaced file @ 0707f7f8 View file @ 99db1a1d
src/static/image/index/0112.png

157 KB | W: | H:

src/static/image/index/0112.png

1.08 MB | W: | H:

src/static/image/index/0112.png
src/static/image/index/0112.png
src/static/image/index/0112.png
src/static/image/index/0112.png
  • 2-up
  • Swipe
  • Onion skin
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment