Skip to content

D
DTBPcompnay
Commit 857f156c authored by 陈毅's avatar 陈毅
Browse files
Options

delete mas项目

parent dc5ed2b2
Show whitespace changes
Inline Side-by-side
Showing with 71 additions and 4972 deletions
src/app.html
View file @ 857f156c
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
var _hmt = _hmt || []; var _hmt = _hmt || [];
(function () { (function () {
var hm = document.createElement("script"); var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?b54299c6e74646499b57980daf12edbc"; // hm.src = "https://hm.baidu.com/hm.js?b54299c6e74646499b57980daf12edbc";
var s = document.getElementsByTagName("script")[0]; var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s); s.parentNode.insertBefore(hm, s);
})(); })();
......
src/pages/index.vue
View file @ 857f156c
...@@ -425,7 +425,7 @@ ...@@ -425,7 +425,7 @@
<div class="center"> <div class="center">
<div class="more"> <div class="more">
<a href="/case">查看更多</a> <a href="/">查看更多</a>
</div> </div>
</div> </div>
</div> </div>
......
src/pages/news/index.vue
View file @ 857f156c
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
下载支持 下载支持
</MenuItem> </MenuItem>
</Menu> </Menu>
<div class="form-sub" v-if="flag1 == true"> <div class="form-sub" v-if="flag1 == true" @click="cancel">
<Form <Form
ref="formValidate" ref="formValidate"
:model="formValidate" :model="formValidate"
...@@ -58,17 +58,27 @@ ...@@ -58,17 +58,27 @@
{{item.label}} {{item.label}}
</Option> </Option>
</Select> --> </Select> -->
<FormItem :label="formItem" :prop="xx[i]" style="position:relative"> <FormItem
:label="formItem[i].label"
:prop="formItem[i].prop"
style="position:relative"
>
<Input <Input
v-if="formItem[i].label == '联系方式'"
v-model="formValidate.telephone" v-model="formValidate.telephone"
style="width:180px" style="width:180px"
></Input> ></Input>
<Input
v-else
v-model="formValidate.email"
style="width:180px"
></Input>
</FormItem> </FormItem>
<div class="icon-1"> <div class="icon-1">
<Icon <Icon
type="ios-arrow-down" type="ios-arrow-down"
v-if="down == true" v-if="down == true"
style="width:80px;text-align:right" style="width:90px;text-align:right;line-height:32px;height:32;"
@click.native="select" @click.native="select"
/> />
</div> </div>
...@@ -76,7 +86,7 @@ ...@@ -76,7 +86,7 @@
<Icon <Icon
type="ios-arrow-up" type="ios-arrow-up"
v-if="up == true" v-if="up == true"
style="width:80px;text-align:right" style="width:90px;text-align:right;line-height:32px;height:32;"
@click.native="select" @click.native="select"
/> />
</div> </div>
...@@ -126,7 +136,7 @@ ...@@ -126,7 +136,7 @@
<Col flex="3"> <Col flex="3">
<FormItem label="职位"> <FormItem label="职位">
<Input <Input
v-model="formValidate.mail" v-model="formValidate.position"
placeholder="请输入您的职位" placeholder="请输入您的职位"
style="width:180px" style="width:180px"
></Input> ></Input>
...@@ -156,6 +166,7 @@ ...@@ -156,6 +166,7 @@
<Row> <Row>
<Col span="24" style="text-align:center"> <Col span="24" style="text-align:center">
<Button <Button
class="btn-sum"
type="primary" type="primary"
shape="circle" shape="circle"
width="100px" width="100px"
...@@ -188,6 +199,7 @@ import Config from "@/config"; ...@@ -188,6 +199,7 @@ import Config from "@/config";
export default { export default {
data() { data() {
return { return {
regular: /^[1]([3-9])[0-9]{9}$/,
model1: "", model1: "",
theme1: "light", theme1: "light",
table: 2, table: 2,
...@@ -224,6 +236,7 @@ export default { ...@@ -224,6 +236,7 @@ export default {
formValidate: { formValidate: {
consult: "", //咨询类型 consult: "", //咨询类型
telephone: "", //联系电话 telephone: "", //联系电话
email: "",
field: "", //文本域 field: "", //文本域
money: 0, //预算 money: 0, //预算
name: "", //姓名 name: "", //姓名
...@@ -237,16 +250,24 @@ export default { ...@@ -237,16 +250,24 @@ export default {
{ {
required: true, required: true,
message: "请选择咨询类型", message: "请选择咨询类型",
trigger: "blur", trigger: "blur"
pattern: /^\+?[0-9][0-9]*$/
} }
], ],
telephone: [ telephone: [
{ required: true, message: "电话不可以为空", trigger: "blur" },
{
type: "string",
pattern: /^1[3456789]\d{9}/,
message: "手机号格式错误",
trigger: "blur"
}
],
email: [
{ required: true, message: "邮箱不能为空", trigger: "blur" }, { required: true, message: "邮箱不能为空", trigger: "blur" },
{ {
type: "email", type: "email",
message: "请输入正确格式的电子邮箱", message: "请输入正确的邮箱",
trigger: "blur" trigger: "blur"
} }
], ],
...@@ -254,8 +275,7 @@ export default { ...@@ -254,8 +275,7 @@ export default {
{ {
required: true, required: true,
message: "请输入你的姓名", message: "请输入你的姓名",
trigger: "blur", trigger: "blur"
pattern: /^([\\u4e00-\\u9fa5]{1,20}|[a-zA-Z\\.\\s]{1,20})$/
} }
], ],
company: [ company: [
...@@ -277,7 +297,10 @@ export default { ...@@ -277,7 +297,10 @@ export default {
up: false, up: false,
selFlag: false, selFlag: false,
emil1: ["联系方式", "邮箱"], emil1: ["联系方式", "邮箱"],
formItem: "请选择", formItem: [
{ label: "联系方式", prop: "telephone" },
{ label: "邮箱", prop: "email" }
],
xx: ["telephone", "email"], xx: ["telephone", "email"],
i: 0 i: 0
}; };
...@@ -298,25 +321,35 @@ export default { ...@@ -298,25 +321,35 @@ export default {
handleSubmit(name) { handleSubmit(name) {
this.$refs[name].validate(valid => { this.$refs[name].validate(valid => {
if (valid) { if (valid) {
this.$Message.success("成功!"); this.$Message.success("提交成功!");
console.log(this.formValidate); console.log(this.formValidate);
} else { } else {
this.$Message.error("请确保您的信息填写完整在提交!"); this.$Message.error("请确保您的信息填写完整在提交!");
} }
}); });
}, },
select() { select(e) {
this.selFlag = true; this.selFlag = true;
this.down = false; this.down = false;
this.up = true; this.up = true;
e.stopPropagation();
}, },
emil(item, index) { emil(item, index, event) {
console.log("11111", item); // this.formItem = item; //这个是formitem的值，当是联系方式的时候正则判断是电话 邮箱正则判断是邮箱
this.formItem = item; //这个是formitem的值，当是联系方式的时候正则判断是电话 邮箱正则判断是邮箱
this.selFlag = false; this.selFlag = false;
this.down = true; this.down = true;
this.up = false; this.up = false;
this.i = index; this.i = index;
if (this.i == 0) {
this.formValidate.email = "";
} else if (this.i == 1) {
this.formValidate.telephone = "";
}
},
cancel() {
this.up = false;
this.down = true;
this.selFlag = false;
} }
} }
}; };
...@@ -409,4 +442,24 @@ export default { ...@@ -409,4 +442,24 @@ export default {
border-color: #fff; border-color: #fff;
box-shadow: 0 0 0 0 #fff; box-shadow: 0 0 0 0 #fff;
} }
// 按钮样式
.btn-sum{
margin-top: 60px;
margin-bottom: 80px;
width: 100px;
height: 36px;
background: #294982;
opacity: 1;
border-radius: 24px;
span{
width: 36px;
height: 24px;
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: bold;
line-height: 18px;
color: #FFFFFF;
opacity: 1;
}
}
</style> </style>
src/pages/p1/_id.vue deleted 100644 → 0
View file @ dc5ed2b2
<template>
<div>
<div class="pc">
<div class="product-banner">
<img :src="apiurl + duct.banner" alt="" />
</div>
<div class="product-introduce">
<div class="title">
<div class="line"></div>
<p>{{ duct.name }}</p>
<div class="line"></div>
</div>
<h5>产品简介</h5>
<h6>Product introduction</h6>
<div class="ductjz" v-html="duct.content"></div>
<template v-if="duct.name=='SaaS MES云端协同'">
<div @click="send('申请试用')" class="banner-sy" >申请试用</div>
<Sy></Sy>
</template>
<img :src="apiurl + duct.pic" alt="" style="margin-top: 29px" />
</div>
<div class="product-merit">
<h5>核心优势</h5>
<h6>Core advantage</h6>
<product-functions
v-if="duct.advantageList"
:list="duct.advantageList"
/>
</div>
<div class="ydwt">
<img class="ydwt-img" src="/image/saas/ydwt.png" alt="" />
<h5>应对问题</h5>
<h6>Coping with problems</h6>
<div class="ydwt-all">
<div v-for="(item, index) in duct.problemList" :key="index">
<img :src="apiurl + item.url" alt="" />
<p>{{ item.name }}</p>
</div>
</div>
</div>
<div class="product-merit" style="background-color: rgb(239, 246, 255)">
<div class="pd"></div>
<h5>主要功能</h5>
<h6>major function</h6>
<!-- <product-functions2 :list="product.functions2.list" v-if="product.functions2.style==true"/>
<product-functions3 :list="product.functions2.list" v-if="product.functions2.style==false"/> -->
<product-functions
v-if="duct.functionsList"
:list="duct.functionsList"
/>
<div
class="big-img"
v-if="duct.functionNote != ''"
v-html="duct.functionNote"
>
<!-- <img src="/image/phm/tc576.png" alt=""> -->
</div>
</div>
<div class="product-merit">
<h5>适配场景</h5>
<h6>Adaptation scenarios</h6>
<div
style="
display: flex;
justify-content: center;
width: 1200px;
flex-wrap: wrap;
margin-top: 27px;
"
>
<div
style="
display: flex;
justify-content: space-between;
width: 1200px;
flex-wrap: wrap;
"
>
<!-- <img class="product-merit-img" v-for="(item,index) in product.spcj.url" :key=index :src="item" alt=""> -->
<p
v-html="duct.scenariosNote"
class="spcj"
style="width: 1200px; display: flex"
></p>
</div>
</div>
</div>
<div
class="product-merit"
style="min-height: 465px; background-color: rgb(239, 246, 255)"
>
<div class="pd1">
<h5>应用价值</h5>
<h6>Application value</h6>
<div
style="
display: flex;
margin-top: 80px;
flex-wrap: wrap;
margin-bottom: 80px;
"
>
<div
class="value"
v-for="(item, index) in duct.valueList"
:key="index"
>
<img :src="apiurl + item.url" alt="" />
<p>{{ item.name }}</p>
<span>{{ item.note }}</span>
</div>
</div>
</div>
</div>
</div>
<div class="phone-pro">
<div class="banner-div">
<img :src="product.bannerphone" alt="" />
</div>
<div class="title">
<div class="line"></div>
<p>{{ duct.name }}</p>
<div class="line"></div>
</div>
<div class="all">
<span v-html="duct.content"></span>
</div>
<div class="all-img">
<img :src="product.url" alt="" />
</div>
<h5>核心优势</h5>
<h6>Core advantage</h6>
<div class="core">
<div v-for="(item, index) in duct.advantageList" :key="index">
<img :src="apiurl + item.url" alt="" />
<p>{{ item.name }}</p>
<!-- <span v-for="(items,index) in item.content" :key='index'>{{items}}</span> -->
<span>{{ item.note }}</span>
</div>
</div>
<div class="ydwt-phone">
<img class="ydwt-phone-img" src="/image/saas/ydwtp.png" alt="" />
<h5>应对问题</h5>
<h6>Coping with problems</h6>
<div class="ydwt-phone-div">
<div v-for="(item, index) in duct.problemList" :key="index">
<img :src="apiurl + item.url" alt="" />
<p>{{ item.name }}</p>
</div>
</div>
</div>
<div class="c2-div">
<h5>主要功能</h5>
<h6>major function</h6>
<div class="core c2">
<div v-for="(item, index) in duct.functionsList" :key="index">
<img :src="apiurl + item.url" alt="" />
<p>{{ item.name }}</p>
<!-- <span v-for="(items,index) in item.content" :key=index>{{items}}</span> -->
<span>{{ item.note }}</span>
</div>
</div>
<div
class="big-img"
v-if="duct.functionNote != ''"
v-html="duct.functionNote"
>
<!-- <img src="/image/phm/tc576.png" alt=""> -->
</div>
</div>
<h5>适配场景</h5>
<h6>major function</h6>
<!-- <p class="cj-p">
{{product.spcj.title}}
</p> -->
<p class="spcj-p" v-html="duct.scenariosNote"></p>
<!-- <div class="cj" style="width:3.29rem;padding-bottom:0.2rem">
<img v-for="(item,index) in product.spcj.url" :key=index :src="item" alt="">
</div> -->
<div class="c2-div">
<h5>应用价值</h5>
<h6>Application value</h6>
<div class="jz">
<div v-for="(item, index) in product.functions3" :key="index">
<img :src="item.url" alt="" />
<p>{{ item.title }}</p>
<span v-for="(items, index) in item.content" :key="index">{{
items
}}</span>
</div>
</div>
</div>
<div class="foot">
<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>
</template>
<script>
import Config from "@/config";
import Sy from '@/components/sy'
export default {
name: "",
head: {
title: "SaaS MES云端协同---北京见著科技有限公司--MES系统",
},
components: {
Sy
},
data() {
return {
apiurl: Config.apiBaseUrl,
content: {},
pointIndex: 0,
id: "",
product: {
banner: "/image/phm/sm.png",
bannerphone: "/image/phm/smp.jpg",
title: "PHM健康管理",
jj1: "PHM预测与健康管理技术(Prognostics Health Management) 是综合利用现代化信息技术、人工智能技术的最新研究成果而提出的一种全新的管理健康状况的解决方案，其目的在于为设备运行保障、应急处置、维修活动提供决策支持，具备故障检测与隔离、故障诊断、故障预测、健康管理和部件寿命追踪等能力。",
jj2: "见著科技大数据PHM利用见著科技数据中台服务，通过对接企业的信息化管理系统ERP、PLM、MES、BPM、SCE、KMS等，对产品数据进行采集、清洗、动态展示、建立模型、预测分析等处理，从而实现产品故障预测与健康管理。",
url: "/image/phm/t527.png",
f1: true,
f2: true,
spcj: {
title:
"PHM适用于是密集应用大数据的典型工业领域，是工业互联网的重要组成部分。PHM强调资产设备管理中的状态感知、数据监控与分析，通过监控设备健康状况、故障频发区域与周期，预测故障的发生，从而大幅度提高运维效率。",
url: [
"/image/phm/a1.png",
"/image/phm/a2.png",
"/image/phm/a3.png",
"/image/phm/a4.png",
],
},
functions: {
style: false,
list: [
{
url: "/image/phm/1.png",
title: "快速预警",
content: ["预警处理速度快"],
},
{
url: "/image/phm/2.png",
title: "故障参数实时查看",
content: ["故障参数 实时查看"],
},
{
url: "/image/phm/3.png",
title: "易用",
content: ["模型维护简易"],
},
{
url: "/image/phm/4.png",
title: "问题预判",
content: ["问题预判准确"],
},
{
url: "/image/phm/5.png",
title: "实时参数",
content: ["预警参数 实时调取"],
},
{
url: "/image/phm/6.png",
title: "健康档案",
content: ["健康管理 一物一档"],
},
],
},
functions2: {
style: true,
list: [
{
url: "/image/phm/tc12.png",
title: "参数管理",
content: [
"展示故障发生时间段的故障参数及参数曲线，提供参数历史数据订阅查询，提供参数库管理。",
],
},
{
url: "/image/phm/tc13.png",
title: "模型库",
content: [
"对设备进行管理和维护，根据不同用户设置权限限制，按建设模型的不同阶段展示不同的模型相关属性，并提供新建模型、升级版本、模型重用和展示模型效果等功能。",
],
},
{
url: "/image/phm/tc14.png",
title: "预警信息管理",
content: [
"展示所有实时预警信息和预警相关的统计图表，提供多维度的查询和导出功能,支持查看预警的相关实时参数和参数曲线，支持预警信息自动发送以及初步判断。",
],
},
{
url: "/image/phm/tc15.png",
title: "健康管理",
content: [
"根据既定规则对设备进行健康度评测，动态监控车辆的运行状态和健康状态，为潜在维修问题的发现和诊断，突发故障的高效处理，以及决策提供数据依据，从而提高维保效率和质量，保障设备更加安全可靠地运行。",
],
},
],
},
functions3: [
{
url: "/image/phm/tc20.png",
title: "故障提前预知",
content: ["预知故障时间和位置，提高运行可靠性 "],
},
{
url: "/image/phm/tc21.png",
title: "提高可用时长",
content: ["提高可用时长，预测剩余使用寿命 "],
},
{
url: "/image/phm/tc22.png",
title: "提高维修准确性",
content: ["提高维修准确性，降低维修成本 "],
},
{
url: "/image/phm/tc23.png",
title: "运维决策优化",
content: ["辅助运维决策优化，提高运维价值"],
},
],
ydwtlist: [
{ url: "/image/phm/tc7.png", p: "数据质量差" },
{
url: "/image/phm/tc8.png",
p: "数据延迟严重",
},
{
url: "/image/phm/tc9.png",
p: "设备故障数据与设备运行数据无法自动对应",
},
{
url: "/image/phm/tc10.png",
p: "缺乏设备故障预警",
},
{
url: "/image/phm/tc11.png",
p: "设备运行参数、故障、GPG等数据不能实时调取",
},
],
},
duct: {},
hx: [],
};
},
asyncData(context) {
// this.id = this.$route.query.id
// console.info("VVV",context.app,context.app.router,context.router)
},
created() {
this.id = this.$route.params.id;
console.log(this.$route.params)
this.sub(this.id);
},
mounted() {
this.content = JSON.parse(sessionStorage.getItem("about"));
},
methods: {
hover(i) {
this.pointIndex = i;
},
sub(id) {
console.log(id)
this.$api
.get("/pub/product/Get", {
id: id,
})
.then((r) => {
if (r.success) {
console.log(r.result)
this.duct = r.result;
this.duct.advantageList = JSON.parse(this.duct.advantageList);//核心优势数据
this.duct.problemList = JSON.parse(this.duct.problemList);//应对问题数据
this.duct.functionsList = JSON.parse(this.duct.functionsList);//主要功能 数据
this.duct.valueList = JSON.parse(this.duct.valueList);//应用价值数据
console.log(this.duct);
}
});
},
send(msg) {
this.$store.commit("openModalsy", msg);
console.log(msg)
},
},
watch: {
$route(to, from) {
// console.log(to.params.id)
this.sub(to.params.id);
},
},
};
</script>
<style lang='less' scoped >
.pd {
position: absolute;
width: 100%;
}
.pd1 {
display: flex;
flex-direction: column;
align-items: center;
width: 1200px;
}
.cj {
margin-top: 0.3rem;
img {
width: 100%;
}
}
.foot {
width: 115%;
}
.ductjz {
width: 1200px;
}
.spcj {
display: flex;
flex-direction: column;
align-items: center;
.ql-align-center {
margin: 20px;
}
img {
margin: 10px;
}
}
</style>
src/pages/product/aps.vue deleted 100644 → 0
View file @ dc5ed2b2
<template>
<div>
<!-- <h5>SaaS MES云端协同</h5>
<h6 id="h0">
产品简介
<span> INTRODUCTION </span>
</h6>
<div class="pb50">
<p>
　　见著SaaS MES是一款基于 SaaS 模式的轻量
MES，专为中小型、离散型制造企业而研发，旨在解决生产过程中的信息孤岛化、计划碎片化、数据非可视化等影响产品交付和增加生产成本的问题，助力企业以低成本，快速实
<span class="f16">现对项目、订单、物料、设备等生产要素的信息化、智能化管理。</span>
</p>
</div>
<h6 id="h1">
核心优势
<span> ADVANTAGE </span>
</h6>
<div class="advantage">
<div class="img">
<img src="/images/product/mes/img.png" alt />
</div>
</div>
<h6 id="h2">
应对问题
<span> PROBLEM </span>
</h6> -->
<!-- <product-problem :list="product.problems" /> -->
<!-- <h6 id="h3">
主要功能
<span> FUNCTION </span>
</h6> -->
<div class="pc">
<div class="product-banner">
<img :src="product.banner" alt="">
</div>
<div class="product-introduce">
<div class="title"><div class='line'></div><p>{{product.title}}</p><div class='line'></div></div>
<h5>产品简介</h5>
<h6>Product introduction</h6>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{product.jj1}}</span>
<div v-if="product.jj2!=''" class="jj2-div">
<br/>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{product.jj2}}</span>
</div>
<img :src="product.url" alt="" style="margin-top:29px;">
</div>
<div class="product-merit">
<h5>核心优势</h5>
<h6>Core advantage</h6>
<product-functions2 :list="product.functions.list" v-if="product.functions.style==true"/>
<product-functions3 :list="product.functions.list" v-if="product.functions.style==false"/>
</div>
<div class="ydwt">
<img class="ydwt-img" src="/image/saas/ydwt.png" alt="">
<h5>应对问题</h5>
<h6>Coping with problems</h6>
<div class="ydwt-all">
<div v-for="(item,index) in product.ydwtlist" :key=index>
<img :src="item.url" alt="">
<p>{{item.p}}</p>
</div>
</div>
</div>
<div class="product-merit" style="background-color: rgb(239, 246, 255);">
<div class="pd"></div>
<h5>主要功能</h5>
<h6>major function</h6>
<product-functions2 :list="product.functions2.list" v-if="product.functions2.style==true"/>
<product-functions3 :list="product.functions2.list" v-if="product.functions2.style==false"/>
</div>
<div class="product-merit">
<h5>适配场景</h5>
<h6>Adaptation scenarios</h6>
<p class="product-merit-p">{{product.spcj.title}}</p>
<div style="display: flex;justify-content: space-between;width: 1200px;flex-wrap:wrap;">
<img class="product-merit-img" v-for="(item,index) in product.spcj.url" :key=index :src="item" alt="">
</div>
</div>
<div class="product-merit" style="min-height:465px;background-color: rgb(239, 246, 255);">
<div class="pd1">
<h5>应用价值</h5>
<h6>Application value</h6>
<div style="display:flex;margin-top:80px;flex-wrap: wrap;margin-bottom:80px;">
<div class="value" v-for="(item,index) in product.functions3" :key='index'>
<img :src="item.url" alt="">
<p>{{item.title}}</p>
<span v-for="(items,index) in item.content" :key=index>{{items}}</span>
</div>
</div>
</div>
</div>
<!-- <h6 id="h4">
适配场景
<span> SCENE </span>
</h6>
<p>
　　SaaS MES主要适合中小企业，生产业务相对简单，不需要太多定制化需求。
</p> -->
<!-- <div class="scene s5">
<ul>
<li
class="scene-img"
v-for="(li, i) in list"
:key="i"
@mouseover="hover(i)"
:class="{ cur: pointIndex == i }"
>
<img :src="li.img" alt />
<div class="title">{{ li.title }}</div>
</li>
</ul>
</div> -->
<!-- <Fq :list='list'/> -->
<!-- <div class="swiper">
<Carousel
autoplay
loop
:autoplay-speed="5000"
dots="outside"
>
<CarouselItem v-for="(item,index) in list" :key='index'>
<div class="pr">
<img :src="item.img" alt="我们服务于" />
</div>
</CarouselItem>
</Carousel>
</div> -->
<!-- <h6 id="h5">
应用价值
<span> VALUE </span>
</h6> -->
<!-- <div class="ac">
<img src="/images/product/saas/3.png" alt="" />
</div> -->
<!-- <div class="pt50"></div>
<product-menu title="SaaS MES" /> -->
</div>
<div class="phone-pro">
<div class="banner-div">
<img :src="product.bannerphone" alt="">
</div>
<div class="title"><div class='line'></div><p>{{product.title}}</p><div class='line'></div></div>
<div class="all">
<span>{{product.jj1}}<br/>
<br/>
{{product.jj2}}
</span>
</div>
<div class="all-img">
<img :src="product.url" alt="">
</div>
<h5>核心优势</h5>
<h6>Core advantage</h6>
<div class="core">
<div v-for="(item,index) in product.functions.list" :key='index'>
<img :src="item.url" alt="">
<p>{{item.title}}</p>
<span v-for="(items,index) in item.content" :key='index'>{{items}}</span>
</div>
</div>
<div class="ydwt-phone">
<img class="ydwt-phone-img" src="/image/saas/ydwtp.png" alt="">
<h5>应对问题</h5>
<h6>Coping with problems</h6>
<div class="ydwt-phone-div" >
<div v-for="(item,index) in product.ydwtlist" :key="index">
<img :src="item.url" alt="">
<p>{{item.p}}</p>
</div>
</div>
</div>
<div class="c2-div">
<h5>主要功能</h5>
<h6>major function</h6>
<div class="core c2 long">
<div v-for="(item,index) in product.functions2.list" :key='index'>
<img :src="item.url" alt="">
<p>{{item.title}}</p>
<span v-for="(items,index) in item.content" :key=index>{{items}}</span>
</div>
</div>
</div>
<h5>适配场景</h5>
<h6>major function</h6>
<p class="cj-p">
{{product.spcj.title}}
</p>
<div class="cj" style="width:3.29rem;padding-bottom:0.2rem">
<img v-for="(item,index) in product.spcj.url" :key=index :src="item" alt="">
</div>
<div class="c2-div">
<h5>应用价值</h5>
<h6>Application value</h6>
<div class="jz">
<div v-for="(item,index) in product.functions3" :key='index'>
<img :src="item.url" alt="">
<p>{{item.title}}</p>
<span v-for="(items,index) in item.content" :key=index>{{items}}</span>
</div>
</div>
</div>
<div class="foot">
<p class="title">联系我们</p>
<span>地址：北京市朝阳区慧忠北路103号洛克时代中心A座<br/>电话：010-68661832<br/>邮箱：sales@mes123.com</span>
<div class="foot_three">
<div><p>见著科技公众号</p><img src="/image/zh.jpg" alt=""></div>
<div><p>见著科技公众号</p><img src="/image/zh.jpg" alt=""></div>
<div><p>见著科技公众号</p><img src="/image/zh.jpg" alt=""></div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "",
head: {
title: "SaaS MES云端协同---北京见著科技有限公司--MES系统"
},
components: {},
data() {
return {
pointIndex: 0,
product: {
banner: "/image/aps/aps.png",
bannerphone: "/image/aps/apsp.jpg",
title: "APS高级排产",
jj1:
"APS（Advanced Planning and Scheduling）即高级计划与排产，运用数学模型和相关技术为复杂的生产和供应问题找出优化的解决方案。 APS能够显著提高企业经济效益，它能及时响应客户需求，快速同步生产计划，提供准确的交货日期，减少在制品与成品库存，自动识别潜在瓶颈，最终提高企业管理水平。",
jj2: "",
url: "/image/aps/z28.png",
spcj: {
title:
"适用于大中型企业，产品种类多，工艺复杂，各车间协同业务比较繁杂，标准化模块满足不了企业应用，需要定制化开发来满足需求。",
url: ["/image/aps/l1.png", "/image/aps/l2.png"]
},
functions: {
style: false,
list: [
{
url: "/image/aps/tc171.png",
title: "专用",
content: [
"专为离散型的加工模式设计，依据机械加工企业的组织特性满足快速多变的生产需求。"
]
},
{
url: "/image/aps/tc172.png",
title: "易用",
content: ["模拟人员的工作习惯与思维方式，向导式操作，易学易用。"]
},
{
url: "/image/aps/tc173.png",
title: "实用",
content: [
"基于多年的生产实践积累，可实现多种形式的生产组织即自成一体又可与ERP/PDM/MIS等系统集成。"
]
},
{
url: "/image/aps/tc174.png",
title: "扩展",
content: ["可与企业数据库、应用服务器XML接口和客户端无缝连接。"]
}
]
},
functions2: {
style: false,
list: [
{
url: "/image/aps/tc157.png",
title: "销售部门",
content: ["快速确定订单交期"]
},
{
url: "/image/aps/tc187.png",
title: "计划部门",
content: ["模拟多种排产方案"]
},
{
url: "/image/aps/tc188.png",
title: "生产管理部门",
content: ["实时掌控生产进度"]
},
{
url: "/image/aps/tc189.png",
title: "任务调度部门",
content: ["敏捷响应资源变化"]
}
]
},
functions3: [
{
url: "/image/aps/tc163.png",
title: "设备运转率",
content: ["设备运转率提高75% "]
},
{
url: "/image/aps/tc168.png",
title: "品质损耗",
content: ["品质损耗降低60%"]
},
{
url: "/image/aps/tc183.png",
title: "生产成本",
content: ["生产成本降低20%"]
},
{
url: "/image/aps/tc186.png",
title: "加工时间 ",
content: ["加工时间缩短50%。 "]
},
{
url: "/image/aps/tc186.png",
title: "生产周期",
content: ["生产周期缩短10% "]
}
],
ydwtlist: [
{ url: "/image/aps/tc175.png", p: "加工周期不稳定" },
{ url: "/image/aps/tc176.png", p: "生产准备不及时" },
{ url: "/image/aps/tc177.png", p: "现场信息不透明" },
{ url: "/image/aps/tc178.png", p: "设备利用率低下" },
{ url: "/image/aps/tc179.png", p: "交货期延迟" },
{ url: "/image/aps/tc180.png", p: "产品质量不稳定" }
]
}
};
},
methods: {
hover(i) {
this.pointIndex = i;
},
watch() {}
}
};
</script>
<style lang='less' scoped >
.pd {
position: absolute;
width: 100%;
}
.pd1 {
display: flex;
flex-direction: column;
align-items: center;
width: 1200px;
}
.cj {
margin-top: 0.3rem;
img {
width: 100%;
}
}
.foot {
width: 115%;
}
</style>
src/pages/product/bigdata.vue deleted 100644 → 0
View file @ dc5ed2b2
<template>
<div>
<!-- <h5>SaaS MES云端协同</h5>
<h6 id="h0">
产品简介
<span> INTRODUCTION </span>
</h6>
<div class="pb50">
<p>
　　见著SaaS MES是一款基于 SaaS 模式的轻量
MES，专为中小型、离散型制造企业而研发，旨在解决生产过程中的信息孤岛化、计划碎片化、数据非可视化等影响产品交付和增加生产成本的问题，助力企业以低成本，快速实
<span class="f16">现对项目、订单、物料、设备等生产要素的信息化、智能化管理。</span>
</p>
</div>
<h6 id="h1">
核心优势
<span> ADVANTAGE </span>
</h6>
<div class="advantage">
<div class="img">
<img src="/images/product/mes/img.png" alt />
</div>
</div>
<h6 id="h2">
应对问题
<span> PROBLEM </span>
</h6> -->
<!-- <product-problem :list="product.problems" /> -->
<!-- <h6 id="h3">
主要功能
<span> FUNCTION </span>
</h6> -->
<div class="pc">
<div class="product-banner">
<img :src="product.banner" alt="">
</div>
<div class="product-introduce">
<div class="title"><div class='line'></div><p>{{product.title}}</p><div class='line'></div></div>
<h5>产品简介</h5>
<h6>Product introduction</h6>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{product.jj1}}</span>
<div v-if="product.jj2!=''" class="jj2-div">
<br/>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{product.jj2}}</span>
</div>
<img :src="product.url" alt="" style="margin-top:29px;">
</div>
<div class="product-merit">
<h5>核心优势</h5>
<h6>Core advantage</h6>
<product-functions2 :list="product.functions.list" v-if="product.functions.style==true"/>
<product-functions3 :list="product.functions.list" v-if="product.functions.style==false"/>
</div>
<div class="ydwt">
<img class="ydwt-img" src="/image/saas/ydwt.png" alt="">
<h5>应对问题</h5>
<h6>Coping with problems</h6>
<div class="ydwt-all">
<div v-for="(item,index) in product.ydwtlist" :key=index>
<img :src="item.url" alt="">
<p>{{item.p}}</p>
</div>
</div>
</div>
<div class="product-merit" style="background-color: rgb(239, 246, 255);">
<div class="pd"></div>
<h5>主要功能</h5>
<h6>major function</h6>
<product-functions2 :list="product.functions2.list" v-if="product.functions2.style==true"/>
<product-functions3 :list="product.functions2.list" v-if="product.functions2.style==false"/>
<h5>各业务单元关注不同内容，支持根据客户需求定制化功能
以及不同数据权限的控制</h5>
<div class="big-img">
<img src="/image/big/1.png" alt="">
<img src="/image/big/2.png" alt="">
<img src="/image/big/3.png" alt="">
<img src="/image/big/4.png" alt="">
<img src="/image/big/5.png" alt="">
<img src="/image/big/6.png" alt="">
<img src="/image/big/7.png" alt="">
<img src="/image/big/8.png" alt="">
<img src="/image/big/9.png" alt="">
<img src="/image/big/10.png" alt="">
</div>
</div>
<div class="product-merit">
<h5>适配场景</h5>
<h6>Adaptation scenarios</h6>
<p class="product-merit-p">{{product.spcj.title}}</p>
<div style="display: flex;justify-content: center;width: 1200px;flex-wrap:wrap;margin-top:87px;">
<img class="product-merit-img" v-for="(item,index) in product.spcj.url" :key=index :src="item" alt="">
</div>
</div>
<div class="product-merit" style="min-height:465px;background-color: rgb(239, 246, 255);">
<div class="pd1">
<h5>应用价值</h5>
<h6>Application value</h6>
<div style="display:flex;margin-top:80px;flex-wrap: wrap;margin-bottom:80px;">
<div class="value" v-for="(item,index) in product.functions3" :key='index'>
<img :src="item.url" alt="">
<p>{{item.title}}</p>
<span v-for="(items,index) in item.content" :key=index>{{items}}</span>
</div>
</div>
</div>
</div>
<!-- <h6 id="h4">
适配场景
<span> SCENE </span>
</h6>
<p>
　　SaaS MES主要适合中小企业，生产业务相对简单，不需要太多定制化需求。
</p> -->
<!-- <div class="scene s5">
<ul>
<li
class="scene-img"
v-for="(li, i) in list"
:key="i"
@mouseover="hover(i)"
:class="{ cur: pointIndex == i }"
>
<img :src="li.img" alt />
<div class="title">{{ li.title }}</div>
</li>
</ul>
</div> -->
<!-- <Fq :list='list'/> -->
<!-- <div class="swiper">
<Carousel
autoplay
loop
:autoplay-speed="5000"
dots="outside"
>
<CarouselItem v-for="(item,index) in list" :key='index'>
<div class="pr">
<img :src="item.img" alt="我们服务于" />
</div>
</CarouselItem>
</Carousel>
</div> -->
<!-- <h6 id="h5">
应用价值
<span> VALUE </span>
</h6> -->
<!-- <div class="ac">
<img src="/images/product/saas/3.png" alt="" />
</div> -->
<!-- <div class="pt50"></div>
<product-menu title="SaaS MES" /> -->
</div>
<div class="phone-pro">
<div class="banner-div">
<img :src="product.bannerphone" alt="">
</div>
<div class="title"><div class='line'></div><p>{{product.title}}</p><div class='line'></div></div>
<div class="all">
<span>{{product.jj1}}<br/>
<br/>
{{product.jj2}}
</span>
</div>
<div class="all-img">
<img :src="product.url" alt="">
</div>
<h5>核心优势</h5>
<h6>Core advantage</h6>
<div class="core">
<div v-for="(item,index) in product.functions.list" :key='index'>
<img :src="item.url" alt="">
<p>{{item.title}}</p>
<span v-for="(items,index) in item.content" :key='index'>{{items}}</span>
</div>
</div>
<div class="ydwt-phone">
<img class="ydwt-phone-img" src="/image/saas/ydwtp.png" alt="">
<h5>应对问题</h5>
<h6>Coping with problems</h6>
<div class="ydwt-phone-div" >
<div v-for="(item,index) in product.ydwtlist" :key="index">
<img :src="item.url" alt="">
<p>{{item.p}}</p>
</div>
</div>
</div>
<div class="c2-div">
<h5>主要功能</h5>
<h6>major function</h6>
<div class="core c2">
<div v-for="(item,index) in product.functions2.list" :key='index'>
<img :src="item.url" alt="">
<p>{{item.title}}</p>
<span v-for="(items,index) in item.content" :key=index>{{items}}</span>
</div>
</div>
<h5>各业务单元关注不同内容，支持根据客户需求定制化功能
以及不同数据权限的控制</h5>
<div class="big-img">
<img src="/image/big/1.png" alt="">
<img src="/image/big/2.png" alt="">
<img src="/image/big/3.png" alt="">
<img src="/image/big/4.png" alt="">
<img src="/image/big/5.png" alt="">
<img src="/image/big/6.png" alt="">
<img src="/image/big/7.png" alt="">
<img src="/image/big/8.png" alt="">
<img src="/image/big/9.png" alt="">
</div>
</div>
<h5>适配场景</h5>
<h6>major function</h6>
<p class="cj-p">
{{product.spcj.title}}
</p>
<div class="cj" style="width:3.29rem;padding-bottom:0.2rem">
<img v-for="(item,index) in product.spcj.url" :key=index :src="item" alt="">
</div>
<div class="c2-div">
<h5>应用价值</h5>
<h6>Application value</h6>
<div class="jz">
<div v-for="(item,index) in product.functions3" :key='index'>
<img :src="item.url" alt="">
<p>{{item.title}}</p>
<span v-for="(items,index) in item.content" :key=index>{{items}}</span>
</div>
</div>
</div>
<div class="foot">
<p class="title">联系我们</p>
<span>地址：北京市朝阳区慧忠北路103号洛克时代中心A座<br/>电话：010-68661832<br/>邮箱：sales@mes123.com</span>
<div class="foot_three">
<div><p>见著科技公众号</p><img src="/image/zh.jpg" alt=""></div>
<div><p>见著科技公众号</p><img src="/image/zh.jpg" alt=""></div>
<div><p>见著科技公众号</p><img src="/image/zh.jpg" alt=""></div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "",
head: {
title: "SaaS MES云端协同---北京见著科技有限公司--MES系统"
},
components: {},
data() {
return {
pointIndex: 0,
product: {
banner: "/image/phm/sm.png",
bannerphone: "/image/phm/smp.jpg",
title: "数据中台",
jj1:
"数据中台汇集企业内各类业务平台数据，通过数据接口获取各平台数据，对数据进行集中管理，建立数据关联，通过数据计算和加工为用户挖掘数据价值，同时作为各个业务的数据源，为业务系统提供数据和计算服务。",
jj2:
"见著科技的数据中台可对接公司信息化管理系统ERP企业资源计划、PLM产品生命周期管理、MES制造执行系统、BPM业务流程管理、KMS知识管理系统等，应用大数据技术，对收集的海量数据进行采集、清洗、动态展示、建立模型、预测分析等技术处理，实现从设计、工艺、制造、交付到运维的全生命周期数据管理。",
url: "/image/big/zu29.png",
spcj: {
title:
"适用于已实施企业资源计划管理（ERP）系统、产品生命周期管理（PLM）系统、企业生产制造管理（MES）系统的企业，帮助企业实现需求管理、项目管理、产品管理、物料管理、BOM管理、配置管理、工艺管理等功能。",
url: ["/image/big/t527.png"]
},
functions: {
style: false,
list: [
{
url: "/image/big/tc1.png",
title: "多类型数据导入",
content: ["支持结构化数据 和非结构化数据"]
},
{
url: "/image/big/tc2.png",
title: "易用",
content: ["平台操作简单易用 任何用户都会用"]
},
{
url: "/image/big/tc3.png",
title: "数据兼容",
content: ["支持数据库 Hadoop、NoSQL"]
},
{
url: "/image/big/tc4.png",
title: "大容量数据 ",
content: ["数据容量 无限扩充"]
},
{
url: "/image/big/tc5.png",
title: "高并发",
content: ["高性能的实时 并行挖掘"]
},
{
url: "/image/big/tc6.png",
title: "实时数据集成分析",
content: ["支持集成和 实时分析"]
}
]
},
functions2: {
style: false,
list: [
{
url: "/image/big/tc12.png",
title: "生命周期管理",
content: ["基于大数据的产品", "全生命周期管理（PLM)"]
},
{
url: "/image/big/tc13.png",
title: "质量管控",
content: ["质量管控对接", "QS系统数据"]
},
{
url: "/image/big/tc14.png",
title: "智能运维监控",
content: ["智能运维监控", "故障管理", "预警管理"]
},
{
url: "/image/big/tc15.png",
title: "场景管理",
content: ["管理业务", "场景设计"]
},
{
url: "/image/big/tc16.png",
title: "信息互通",
content: ["故障信息与", "产品信息联通"]
},
{
url: "/image/big/tc17.png",
title: "业务健康管理",
content: ["基于大数据", "的健康管理（PHM）"]
}
]
},
functions3: [
{
url: "/image/big/tc20.png",
title: "实现数据共享",
content: [
"通过数据平台实现数据集中，确保大数据用户均可使用数据，充分发挥数据作为企业重要资产的业务价值"
]
},
{
url: "/image/big/tc21.png",
title: "驱动业务创新",
content: [
"大数据业务人员可以基于明显、可信的数据，进行多维分析和数据挖掘，为产品更新创造了有利条件"
]
},
{
url: "/image/big/tc22.png",
title: "调优产品参数",
content: [
"通过工业制造数据和运维数据分析，实现在设计和制造阶段就指导参数调休，降低故障率"
]
},
{
url: "/image/big/tc23.png",
title: "提高生产效率",
content: [
"通过导入智能制造平台、APS高级排产与调度来实现对工厂生产过程全数据管理、质量监控与预警、资源可用量管理存储自动化管理、配送智能化管理，提高生产管理效率"
]
},
{
url: "/image/big/tc24.png",
title: "提升服务质量",
content: [
"基于大数据的相关技术进行健康状态评估、故障诊断与预测和状态维修决策建议。从而降低维修成本，优化售后服务，为终端用户提供更好的体验的目标。"
]
},
{
url: "/image/big/tc25.png",
title: "改善数据质量",
content: [
"从中长期看，大数据对各数据的整合、清洗、有助于整体数据质量的改善，提高数据的实用性"
]
}
],
ydwtlist: [
{ url: "/image/big/tc7.png", p: "运维参数、工艺参数、质量数据采集" },
{
url: "/image/big/tc8.png",
p: "确立时间参照，圈取故障点抽取实效参数，清洗数据"
},
{
url: "/image/big/tc9.png",
p: "修正参数区间及权重，优化映射关系指数"
},
{
url: "/image/big/tc10.png",
p:
"确认工艺参数与产品质量映射管理基本要素建模,推断生产条件的合理区间"
},
{
url: "/image/big/tc11.png",
p: "分析故障点和实效参数规划强弱级关联、标签化分类，提纯关联因子"
}
]
}
};
},
methods: {
hover(i) {
this.pointIndex = i;
},
watch() {}
}
};
</script>
<style lang='less' scoped >
.pd {
position: absolute;
width: 100%;
}
.pd1 {
display: flex;
flex-direction: column;
align-items: center;
width: 1200px;
}
.cj {
margin-top: 0.3rem;
img {
width: 100%;
}
}
.foot {
width: 115%;
}
</style>
src/pages/product/dnc.vue deleted 100644 → 0
View file @ dc5ed2b2
<template>
<div>
<!-- <h5>SaaS MES云端协同</h5>
<h6 id="h0">
产品简介
<span> INTRODUCTION </span>
</h6>
<div class="pb50">
<p>
　　见著SaaS MES是一款基于 SaaS 模式的轻量
MES，专为中小型、离散型制造企业而研发，旨在解决生产过程中的信息孤岛化、计划碎片化、数据非可视化等影响产品交付和增加生产成本的问题，助力企业以低成本，快速实
<span class="f16">现对项目、订单、物料、设备等生产要素的信息化、智能化管理。</span>
</p>
</div>
<h6 id="h1">
核心优势
<span> ADVANTAGE </span>
</h6>
<div class="advantage">
<div class="img">
<img src="/images/product/mes/img.png" alt />
</div>
</div>
<h6 id="h2">
应对问题
<span> PROBLEM </span>
</h6> -->
<!-- <product-problem :list="product.problems" /> -->
<!-- <h6 id="h3">
主要功能
<span> FUNCTION </span>
</h6> -->
<div class="pc">
<div class="product-banner">
<img :src="product.banner" alt="">
</div>
<div class="product-introduce">
<div class="title"><div class='line'></div><p>{{product.title}}</p><div class='line'></div></div>
<h5>产品简介</h5>
<h6>Product introduction</h6>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{product.jj1}}</span>
<div v-if="product.jj2!=''" class="jj2-div">
<br/>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{product.jj2}}</span>
</div>
<img :src="product.url" alt="" style="margin-top:29px;">
</div>
<div class="product-merit">
<h5>核心优势</h5>
<h6>Core advantage</h6>
<product-functions3 :list="product.functions.list" v-if="product.functions.style==false"/>
<product-functions2 :list="product.functions.list" v-if="product.functions.style==true"/>
</div>
<div class="ydwt">
<img class="ydwt-img" src="/image/saas/ydwt.png" alt="">
<h5>应对问题</h5>
<h6>Coping with problems</h6>
<div class="ydwt-all">
<div v-for="(item,index) in product.ydwtlist" :key=index>
<img :src="item.url" alt="">
<p>{{item.p}}</p>
</div>
</div>
</div>
<div class="product-merit" style="background-color: rgb(239, 246, 255);">
<div class="pd"></div>
<h5>主要功能</h5>
<h6>major function</h6>
<product-functions2 :list="product.functions2.list" v-if="product.functions2.style==true"/>
<product-functions3 :list="product.functions2.list" v-if="product.functions2.style==false"/>
<!-- <div class="big-img">
<img src="/image/mdc/tc576.png" alt="">
</div> -->
</div>
<div class="product-merit">
<h5>适配场景</h5>
<h6>Adaptation scenarios</h6>
<p class="product-merit-p" v-if="product.spcj.title!=''">{{product.spcj.title}}</p>
<div style="display: flex;justify-content: center;width: 1200px;flex-wrap:wrap;margin-bottom:40px;">
<div style="display: flex;justify-content: space-between;width: 1200px;flex-wrap: wrap;">
<img class="product-merit-img" v-for="(item,index) in product.spcj.url" :key=index :src="item" alt="">
</div>
</div>
</div>
<div class="product-merit" style="min-height:465px;background-color: rgb(239, 246, 255);">
<div class="pd1">
<h5>应用价值</h5>
<h6>Application value</h6>
<div style="display:flex;margin-top:80px;flex-wrap: wrap;margin-bottom:80px;">
<div class="value" v-for="(item,index) in product.functions3" :key='index'>
<img :src="item.url" alt="">
<p>{{item.title}}</p>
<span v-for="(items,index) in item.content" :key=index>{{items}}</span>
</div>
</div>
</div>
</div>
<!-- <h6 id="h4">
适配场景
<span> SCENE </span>
</h6>
<p>
　　SaaS MES主要适合中小企业，生产业务相对简单，不需要太多定制化需求。
</p> -->
<!-- <div class="scene s5">
<ul>
<li
class="scene-img"
v-for="(li, i) in list"
:key="i"
@mouseover="hover(i)"
:class="{ cur: pointIndex == i }"
>
<img :src="li.img" alt />
<div class="title">{{ li.title }}</div>
</li>
</ul>
</div> -->
<!-- <Fq :list='list'/> -->
<!-- <div class="swiper">
<Carousel
autoplay
loop
:autoplay-speed="5000"
dots="outside"
>
<CarouselItem v-for="(item,index) in list" :key='index'>
<div class="pr">
<img :src="item.img" alt="我们服务于" />
</div>
</CarouselItem>
</Carousel>
</div> -->
<!-- <h6 id="h5">
应用价值
<span> VALUE </span>
</h6> -->
<!-- <div class="ac">
<img src="/images/product/saas/3.png" alt="" />
</div> -->
<!-- <div class="pt50"></div>
<product-menu title="SaaS MES" /> -->
</div>
<div class="phone-pro">
<div class="banner-div">
<img :src="product.banner" alt="">
</div>
<div class="title"><div class='line'></div><p>{{product.title}}</p><div class='line'></div></div>
<div class="all">
<span>{{product.jj1}}<br/>
<br/>
{{product.jj2}}
</span>
</div>
<div class="all-img">
<img :src="product.url" alt="">
</div>
<h5>核心优势</h5>
<h6>Core advantage</h6>
<div class="core">
<div v-for="(item,index) in product.functions.list" :key='index'>
<img :src="item.url" alt="">
<p>{{item.title}}</p>
<span v-for="(items,index) in item.content" :key='index'>{{items}}</span>
</div>
</div>
<div class="ydwt-phone">
<img class="ydwt-phone-img" src="/image/saas/ydwtp.png" alt="">
<h5>应对问题</h5>
<h6>Coping with problems</h6>
<div class="ydwt-phone-div" >
<div v-for="(item,index) in product.ydwtlist" :key="index">
<img :src="item.url" alt="">
<p>{{item.p}}</p>
</div>
</div>
</div>
<div class="c2-div">
<h5>主要功能</h5>
<h6>major function</h6>
<div class="core c2">
<div v-for="(item,index) in product.functions2.list" :key='index'>
<img :src="item.url" alt="">
<p>{{item.title}}</p>
<span v-for="(items,index) in item.content" :key=index>{{items}}</span>
</div>
</div>
</div>
<h5>适配场景</h5>
<h6>major function</h6>
<p class="cj-p">
{{product.spcj.title}}
</p>
<div class="cj" style="width:3.29rem;padding-bottom:0.2rem">
<img v-for="(item,index) in product.spcj.url" :key=index :src="item" alt="">
</div>
<div class="c2-div">
<h5>应用价值</h5>
<h6>Application value</h6>
<div class="jz">
<div v-for="(item,index) in product.functions3" :key='index'>
<img :src="item.url" alt="">
<p>{{item.title}}</p>
<span v-for="(items,index) in item.content" :key=index>{{items}}</span>
</div>
</div>
</div>
<div class="foot">
<p class="title">联系我们</p>
<span>地址：北京市朝阳区慧忠北路103号洛克时代中心A座<br/>电话：010-68661832<br/>邮箱：sales@mes123.com</span>
<div class="foot_three">
<div><p>见著科技公众号</p><img src="/image/zh.jpg" alt=""></div>
<div><p>见著科技公众号</p><img src="/image/zh.jpg" alt=""></div>
<div><p>见著科技公众号</p><img src="/image/zh.jpg" alt=""></div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "",
head: {
title: "SaaS MES云端协同---北京见著科技有限公司--MES系统"
},
components: {},
data() {
return {
pointIndex: 0,
product: {
banner: "/image/dnc/mc.png",
bannerphone: "/image/dnc/mcp.jpg",
title: "DNC数控联网",
jj1:
"DNC(Distributed Numerical Control)分布式数控，将企业数控设备的网络化，集中化管理，实现NC程序的系统化管理，实现NC程序规范化管理；NC程序版本控制，历时追溯；远程调用NC程序加工；NC程序实时上传下载；对加工设备有效整合，提高设备利用率，减少辅助时间；实现模拟加工到实际加工的枢纽。",
jj2: "",
url: "/image/dnc/tc591.png",
f1: true,
f2: true,
spcj: {
title: "适用于数控加工车间",
url: [
"/image/dnc/a1.png",
"/image/dnc/a2.png",
"/image/dnc/a3.png",
"/image/dnc/a4.png"
]
},
functions: {
style: false,
list: [
{
url: "/image/dnc/1.png",
title: "便于查看",
content: ["支持程序文件的对比，方便用户检查文件的完整性。"]
},
{
url: "/image/dnc/2.png",
title: "双向传输",
content: ["支持程序文件的上传和下载"]
},
{
url: "/image/dnc/3.png",
title: "集中管理",
content: ["对数控设备进行网络化集中管理"]
},
{
url: "/image/dnc/4.png",
title: "即插即用",
content: ["具备智能网关，采用TCP/IP形式，支持即插即用。"]
},
{
url: "/image/dnc/5.png",
title: "断点续传",
content: ["系统支持程序文件断点续传，保证文件的完整性。"]
},
{
url: "/image/dnc/6.png",
title: "工业级标准",
content: [
"充分满足工业车间的使用要求安全、可靠、稳定。采用磁吸式安装，免打孔。"
]
}
]
},
functions2: {
style: true,
list: [
{
url: "/image/dnc/tc12.png",
title: "程序上传",
content: ["支持设备内数控程序文件一键上传到服务器。"]
},
{
url: "/image/dnc/tc13.png",
title: "程序下载",
content: ["支持数控程序文件受控后一键下载到设备。"]
},
{
url: "/image/dnc/tc14.png",
title: "程序审核",
content: [
"提供数控程序审批流程，在系统内完成数控程序的审批、审核，保证程序的正确性。"
]
},
{
url: "/image/dnc/tc15.png",
title: "程序对比",
content: [
"提供文本比较功能，可以在系统内对两个程序文件进行对比快速标记文件差异之处。"
]
},
{
url: "/image/dnc/tc16.png",
title: "程序版本管理",
content: [
"提供程序版本管理，不同版本对应不同零件、工序，便于管理和追溯。"
]
}
]
},
functions3: [
{
url: "/image/dnc/tc21.png",
title: "程序传输安全性提升",
content: ["程序传输安全性提升90% "]
},
{
url: "/image/dnc/tc22.png",
title: "程序传输速度提升",
content: ["程序传输速度提升75%"]
},
{
url: "/image/dnc/tc23.png",
title: "程序规范化管理",
content: ["程序文件规范化管理，100%可追溯 "]
},
{
url: "/image/dnc/tc24.png",
title: "程序统一管理",
content: ["程序文件统一管理，出错率降低40% "]
},
{
url: "/image/dnc/tc25.png",
title: "设备利用率提高",
content: ["设备待机时间减少，利用率提高70%"]
}
],
ydwtlist: [
{
url: "/image/dnc/tc7.png",
p: "手工录入程序效率低"
},
{
url: "/image/dnc/tc8.png",
p: "U盘拷入程序，容易被病毒攻击"
},
{
url: "/image/dnc/tc9.png",
p: "程序未集中管理，查询不方便"
},
{
url: "/image/dnc/tc10.png",
p: "缺乏版本管理，导致管理混乱"
},
{
url: "/image/dnc/tc11.png",
p: "程序文件和零件、工艺未关联，容易漏发、错发"
}
]
}
};
},
methods: {
hover(i) {
this.pointIndex = i;
},
watch() {}
}
};
</script>
<style lang='less' scoped >
.pd {
position: absolute;
width: 100%;
}
.pd1 {
display: flex;
flex-direction: column;
align-items: center;
width: 1200px;
}
.cj {
margin-top: 0.3rem;
img {
width: 100%;
}
}
.foot {
width: 115%;
}
</style>
src/pages/product/duct.vue deleted 100644 → 0
View file @ dc5ed2b2
<template>
<div>
<!-- <h5>SaaS MES云端协同</h5>
<h6 id="h0">
产品简介
<span> INTRODUCTION </span>
</h6>
<div class="pb50">
<p>
　　见著SaaS MES是一款基于 SaaS 模式的轻量
MES，专为中小型、离散型制造企业而研发，旨在解决生产过程中的信息孤岛化、计划碎片化、数据非可视化等影响产品交付和增加生产成本的问题，助力企业以低成本，快速实
<span class="f16">现对项目、订单、物料、设备等生产要素的信息化、智能化管理。</span>
</p>
</div>
<h6 id="h1">
核心优势
<span> ADVANTAGE </span>
</h6>
<div class="advantage">
<div class="img">
<img src="/images/product/mes/img.png" alt />
</div>
</div>
<h6 id="h2">
应对问题
<span> PROBLEM </span>
</h6> -->
<!-- <product-problem :list="product.problems" /> -->
<!-- <h6 id="h3">
主要功能
<span> FUNCTION </span>
</h6> -->
<div class="pc">
<div class="product-banner">
<img :src="product.banner" alt="">
</div>
<div class="product-introduce">
<div class="title"><div class='line'></div><p>{{duct.name}}</p><div class='line'></div></div>
<h5>产品简介</h5>
<h6>Product introduction</h6>
<!-- <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{product.jj1}}</span>
<div v-if="product.jj2!=''" class="jj2-div">
<br/>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{product.jj2}}</span>
</div>
<img :src="product.url" alt="" style="margin-top:29px;"> -->
<div class="ductjz" v-html="duct.content"></div>
</div>
<div class="product-merit">
<h5>核心优势</h5>
<h6>Core advantage</h6>
<!-- <product-functions3 :list="product.functions.list" v-if="product.functions.style==false"/>
<product-functions2 :list="product.functions.list" v-if="product.functions.style==true"/> -->
<product-functions v-if="duct.advantageList" :list="duct.advantageList" />
</div>
<div class="ydwt">
<img class="ydwt-img" src="/image/saas/ydwt.png" alt="">
<h5>应对问题</h5>
<h6>Coping with problems</h6>
<div class="ydwt-all">
<div v-for="(item,index) in duct.problemList" :key=index>
<img :src="apiurl+item.url" alt="">
<p>{{item.name}}</p>
</div>
</div>
</div>
<div class="product-merit" style="background-color: rgb(239, 246, 255);">
<div class="pd"></div>
<h5>主要功能</h5>
<h6>major function</h6>
<!-- <product-functions2 :list="product.functions2.list" v-if="product.functions2.style==true"/>
<product-functions3 :list="product.functions2.list" v-if="product.functions2.style==false"/> -->
<product-functions v-if="duct.functionsList" :list="duct.functionsList" />
<div class="big-img">
<!-- <img src="/image/phm/tc576.png" alt=""> -->
</div>
</div>
<div class="product-merit">
<h5>适配场景</h5>
<h6>Adaptation scenarios</h6>
<p v-html="duct.scenariosNote" style="width:1200px"></p>
<div style="display: flex;justify-content: center;width: 1200px;flex-wrap:wrap;margin-top:47px;">
<div style="display: flex;justify-content: space-between;width: 1200px;flex-wrap: wrap;">
<!-- <img class="product-merit-img" v-for="(item,index) in product.spcj.url" :key=index :src="item" alt=""> -->
</div>
</div>
</div>
<div class="product-merit" style="min-height:465px;background-color: rgb(239, 246, 255);">
<div class="pd1">
<h5>应用价值</h5>
<h6>Application value</h6>
<div style="display:flex;margin-top:80px;flex-wrap: wrap;margin-bottom:80px;">
<div class="value" v-for="(item,index) in duct.valueList" :key='index'>
<img :src="apiurl+item.url" alt="">
<p>{{item.name}}</p>
<span>{{item.note}}</span>
</div>
</div>
</div>
</div>
<!-- <h6 id="h4">
适配场景
<span> SCENE </span>
</h6>
<p>
　　SaaS MES主要适合中小企业，生产业务相对简单，不需要太多定制化需求。
</p> -->
<!-- <div class="scene s5">
<ul>
<li
class="scene-img"
v-for="(li, i) in list"
:key="i"
@mouseover="hover(i)"
:class="{ cur: pointIndex == i }"
>
<img :src="li.img" alt />
<div class="title">{{ li.title }}</div>
</li>
</ul>
</div> -->
<!-- <Fq :list='list'/> -->
<!-- <div class="swiper">
<Carousel
autoplay
loop
:autoplay-speed="5000"
dots="outside"
>
<CarouselItem v-for="(item,index) in list" :key='index'>
<div class="pr">
<img :src="item.img" alt="我们服务于" />
</div>
</CarouselItem>
</Carousel>
</div> -->
<!-- <h6 id="h5">
应用价值
<span> VALUE </span>
</h6> -->
<!-- <div class="ac">
<img src="/images/product/saas/3.png" alt="" />
</div> -->
<!-- <div class="pt50"></div>
<product-menu title="SaaS MES" /> -->
</div>
<div class="phone-pro">
<div class="banner-div">
<img :src="product.bannerphone" alt="">
</div>
<div class="title"><div class='line'></div><p>{{product.title}}</p><div class='line'></div></div>
<div class="all">
<span>{{product.jj1}}<br/>
<br/>
{{product.jj2}}
</span>
</div>
<div class="all-img">
<img :src="product.url" alt="">
</div>
<h5>核心优势</h5>
<h6>Core advantage</h6>
<div class="core">
<div v-for="(item,index) in product.functions.list" :key='index'>
<img :src="item.url" alt="">
<p>{{item.title}}</p>
<span v-for="(items,index) in item.content" :key='index'>{{items}}</span>
</div>
</div>
<div class="ydwt-phone">
<img class="ydwt-phone-img" src="/image/saas/ydwtp.png" alt="">
<h5>应对问题</h5>
<h6>Coping with problems</h6>
<div class="ydwt-phone-div" >
<div v-for="(item,index) in product.ydwtlist" :key="index">
<img :src="item.url" alt="">
<p>{{item.p}}</p>
</div>
</div>
</div>
<div class="c2-div">
<h5>主要功能</h5>
<h6>major function</h6>
<div class="core c2">
<div v-for="(item,index) in product.functions2.list" :key='index'>
<img :src="item.url" alt="">
<p>{{item.title}}</p>
<span v-for="(items,index) in item.content" :key=index>{{items}}</span>
</div>
</div>
<img src="/image/phm/tc576.png" alt="" width="100%">
</div>
<h5>适配场景</h5>
<h6>major function</h6>
<p class="cj-p">
{{product.spcj.title}}
</p>
<div class="cj" style="width:3.29rem;padding-bottom:0.2rem">
<img v-for="(item,index) in product.spcj.url" :key=index :src="item" alt="">
</div>
<div class="c2-div">
<h5>应用价值</h5>
<h6>Application value</h6>
<div class="jz">
<div v-for="(item,index) in product.functions3" :key='index'>
<img :src="item.url" alt="">
<p>{{item.title}}</p>
<span v-for="(items,index) in item.content" :key=index>{{items}}</span>
</div>
</div>
</div>
<div class="foot">
<p class="title">联系我们</p>
<span>地址：北京市朝阳区慧忠北路103号洛克时代中心A座<br/>电话：010-68661832<br/>邮箱：sales@mes123.com</span>
<div class="foot_three">
<div><p>见著科技公众号</p><img src="/image/zh.jpg" alt=""></div>
<div><p>见著科技公众号</p><img src="/image/zh.jpg" alt=""></div>
<div><p>见著科技公众号</p><img src="/image/zh.jpg" alt=""></div>
</div>
</div>
</div>
</div>
</template>
<script>
import Config from '@/config';
export default {
name: "",
head: {
title: "SaaS MES云端协同---北京见著科技有限公司--MES系统"
},
components: {},
data() {
return {
apiurl:Config.apiBaseUrl,
pointIndex: 0,
id:'',
product: {
banner: "/image/phm/sm.png",
bannerphone: "/image/phm/smp.jpg",
title: "PHM健康管理",
jj1:
"PHM预测与健康管理技术(Prognostics Health Management) 是综合利用现代化信息技术、人工智能技术的最新研究成果而提出的一种全新的管理健康状况的解决方案，其目的在于为设备运行保障、应急处置、维修活动提供决策支持，具备故障检测与隔离、故障诊断、故障预测、健康管理和部件寿命追踪等能力。",
jj2:
"见著科技大数据PHM利用见著科技数据中台服务，通过对接企业的信息化管理系统ERP、PLM、MES、BPM、SCE、KMS等，对产品数据进行采集、清洗、动态展示、建立模型、预测分析等处理，从而实现产品故障预测与健康管理。",
url: "/image/phm/t527.png",
f1: true,
f2: true,
spcj: {
title:
"PHM适用于是密集应用大数据的典型工业领域，是工业互联网的重要组成部分。PHM强调资产设备管理中的状态感知、数据监控与分析，通过监控设备健康状况、故障频发区域与周期，预测故障的发生，从而大幅度提高运维效率。",
url: [
"/image/phm/a1.png",
"/image/phm/a2.png",
"/image/phm/a3.png",
"/image/phm/a4.png"
]
},
functions: {
style: false,
list: [
{
url: "/image/phm/1.png",
title: "快速预警",
content: ["预警处理速度快"]
},
{
url: "/image/phm/2.png",
title: "故障参数实时查看",
content: ["故障参数 实时查看"]
},
{
url: "/image/phm/3.png",
title: "易用",
content: ["模型维护简易"]
},
{
url: "/image/phm/4.png",
title: "问题预判",
content: ["问题预判准确"]
},
{
url: "/image/phm/5.png",
title: "实时参数",
content: ["预警参数 实时调取"]
},
{
url: "/image/phm/6.png",
title: "健康档案",
content: ["健康管理 一物一档"]
}
]
},
functions2: {
style: true,
list: [
{
url: "/image/phm/tc12.png",
title: "参数管理",
content: [
"展示故障发生时间段的故障参数及参数曲线，提供参数历史数据订阅查询，提供参数库管理。"
]
},
{
url: "/image/phm/tc13.png",
title: "模型库",
content: [
"对设备进行管理和维护，根据不同用户设置权限限制，按建设模型的不同阶段展示不同的模型相关属性，并提供新建模型、升级版本、模型重用和展示模型效果等功能。"
]
},
{
url: "/image/phm/tc14.png",
title: "预警信息管理",
content: [
"展示所有实时预警信息和预警相关的统计图表，提供多维度的查询和导出功能,支持查看预警的相关实时参数和参数曲线，支持预警信息自动发送以及初步判断。"
]
},
{
url: "/image/phm/tc15.png",
title: "健康管理",
content: [
"根据既定规则对设备进行健康度评测，动态监控车辆的运行状态和健康状态，为潜在维修问题的发现和诊断，突发故障的高效处理，以及决策提供数据依据，从而提高维保效率和质量，保障设备更加安全可靠地运行。"
]
}
]
},
functions3: [
{
url: "/image/phm/tc20.png",
title: "故障提前预知",
content: ["预知故障时间和位置，提高运行可靠性 "]
},
{
url: "/image/phm/tc21.png",
title: "提高可用时长",
content: ["提高可用时长，预测剩余使用寿命 "]
},
{
url: "/image/phm/tc22.png",
title: "提高维修准确性",
content: ["提高维修准确性，降低维修成本 "]
},
{
url: "/image/phm/tc23.png",
title: "运维决策优化",
content: ["辅助运维决策优化，提高运维价值"]
}
],
ydwtlist: [
{ url: "/image/phm/tc7.png", p: "数据质量差" },
{
url: "/image/phm/tc8.png",
p: "数据延迟严重"
},
{
url: "/image/phm/tc9.png",
p: "设备故障数据与设备运行数据无法自动对应"
},
{
url: "/image/phm/tc10.png",
p: "缺乏设备故障预警"
},
{
url: "/image/phm/tc11.png",
p: "设备运行参数、故障、GPG等数据不能实时调取"
}
]
},
duct:{},
hx:[]
};
},
asyncData(context){
// this.id = this.$route.query.id
// console.info("VVV",context.app,context.app.router,context.router)
},
created() {
this.id = this.$route.query.id
this.sub(this.id)
},
moutend(){
},
methods: {
hover(i) {
this.pointIndex = i;
},
sub(id){
this.$api
.get("/pub/product/Get", {
id:id
})
.then((r) => {
if (r.success) {
this.duct=r.result
this.duct.advantageList=JSON.parse(this.duct.advantageList);
this.duct.problemList=JSON.parse(this.duct.problemList);
this.duct.functionsList=JSON.parse(this.duct.functionsList);
this.duct.valueList=JSON.parse(this.duct.valueList);
console.log( this.duct.valueList)
}
});
}
},
watch:{
$route(to,from){
console.log(to.query.id)
this.sub(to.query.id)
}
}
};
</script>
<style lang='less' scoped >
.pd {
position: absolute;
width: 100%;
}
.pd1 {
display: flex;
flex-direction: column;
align-items: center;
width: 1200px;
}
.cj {
margin-top: 0.3rem;
img {
width: 100%;
}
}
.foot {
width: 115%;
}
.ductjz{
width: 1200px;
img{
display: block;
margin-top: 30px;
}
}
</style>
src/pages/product/id.vue deleted 100644 → 0
View file @ dc5ed2b2
<template>
<div>
<div class="pc1">
<!-- 导航背景图 -->
<div class="pc1-top mt">
<div class="pc1-left">
<img :src="product[i].url1" width="100%" height="100%" alt="" />
</div>
<div class="pc1-right">
<img :src="product[i].url2" width="100%" height="50%" alt="" />
<div>
{{ product[i].title }}
</div>
</div>
</div>
<!-- 头部 -->
<div class="pc1-head">
<div class="pc1-head-left" :style="[{width:(left + 'px')}]"></div>
<h4 id="pc1-head-middle">{{ product[i].top }}</h4>
<div class="pc1-head-right" :style="[{width:(left + 'px')}]"></div>
</div>
<!-- 产品简介 -->
<div class="pc1-product">
<div class="instructions">
<h4>产品简介</h4>
<p class="beijng">INTRODUCTION</p>
</div>
<div class="pc1-pr-content">
<p>{{ product[i].product.p1 }}</p>
<p>{{ product[i].product.p2 }}</p>
</div>
</div>
<!-- 背景图 -->
<div class="pc1-advert">
<img width="100%" :src="product[i].advert.img" alt="" />
</div>
<!-- 核心要素 关键步骤 DELMIA相似 -->
<div class="pc1-core" v-if="product[i].core != undefined">
<div class=" instructions">
<h4>核心要素</h4>
<p>CORE ELEMENTS</p>
</div>
<div class="pc1-core-border">
<div
class="pc1-core-box card1"
v-for="(item, index) in product[i].core"
:key="index"
>
<img width="50px" height="50px" :src="item.url" alt="" />
<h4>{{ item.title }}</h4>
<div>{{ item.content }}</div>
</div>
</div>
</div>
<!-- 应对问题 -->
<div class="pc1-problems" v-if="product[i].problems != undefined">
<div class="instructions">
<h4>应对问题</h4>
<p>COPING WITH PROBLEMS</p>
</div>
<div class="pc1-problems-border" v-if="i != '3'">
{{ i }}
<img :src="product[i].problems.url" width="100%" alt="" />
<div class="pc1-problems-module">
<div
class="pc1-problems-box "
v-for="(item, index) in product[i].problems.catia"
:key="index"
>
<img :src="item.url" alt="" />
<h4>{{ item.title }}</h4>
</div>
</div>
</div>
<div class="pc1-problems-border1" v-else>
<img :src="product[i].problems.url" alt="" />
<div class="enovia">
<div
v-for="(item, index) in product[i].problems.catia"
:key="index"
class="enovia-card"
>
<img :src="item.url" alt="" />
<h4>
<span v-for="(val, index) in item.title" :key="index"
>{{ val }}<br
/></span>
</h4>
</div>
</div>
</div>
</div>
<!-- 功能模块 -->
<div class="pc1-function" v-if="product[i].function != undefined">
<div class="instructions">
<h4>功能模块</h4>
<p>FUNCTION MODUL</p>
</div>
<div class="pc1-function-border">
<div
v-for="(item, index) in product[i].function"
:key="index"
:class="[{ c111: i == 2 }, { '': i != 2 }]"
>
<div
:class="[
{ 'pc1-function-box1': i != 2 },
{ 'pc1-function-box2': i == 2 },
{ card1: index >= 0 }
]"
>
<img width="50px" height="50px" :src="item.url" alt="" />
<h4>{{ item.title }}</h4>
<div>{{ item.content }}{{ i }}</div>
</div>
</div>
</div>
</div>
<!-- 应用场景 -->
<div class="pc1-scene" v-if="iconflag == true">
<div class="instructions">
<h4>应用场景</h4>
<p>ADAPTATION SCENARIOS</p>
</div>
<div class="pc1-scene-lication" v-if="url5flag == true">
<div class="pc1-scene-lt">
<div class="pc1-scene-back1">
<img
width="460px"
height="400px"
:src="product[i].icon.catia.url1"
alt=""
/>
<div>
<span>{{ product[i].icon.catia.title1 }}</span>
</div>
</div>
<div class="pc1-scene-back2">
<img
width="440px"
height="400px"
:src="product[i].icon.catia.url2"
alt=""
/>
<div>
<span>{{ product[i].icon.catia.title2 }}</span>
</div>
</div>
<div class="pc1-scene-back3">
<img
width="440px"
height="400px"
:src="product[i].icon.catia.url3"
alt=""
/>
<div>
<span>{{ product[i].icon.catia.title3 }}</span>
</div>
</div>
</div>
<div class="pc1-scene-lb">
<div class="pc1-scene-tail1">
<img
width="600px"
height="400px"
:src="product[i].icon.catia.url4"
alt=""
/>
<div>
<span>{{ product[i].icon.catia.title4 }}</span>
</div>
</div>
<div class="pc1-scene-tail2">
<img
width="770px"
height="400px"
:src="product[i].icon.catia.url5"
alt=""
/>
<div>
<span>{{ product[i].icon.catia.title5 }}</span>
</div>
</div>
</div>
</div>
<div class="pc1-scene-lication" v-else>
<div class="pc1-scene-lt">
<div class="pc1-scene-back1 pl">
<img
width="720px"
height="400px"
:src="product[i].icon.catia.url1"
alt=""
/>
<!-- <div><span>{{product[i].icon.catia.title1}}</span></div> -->
</div>
<div class="pc1-scene-back2 pl">
<img
width="650px"
height="400px"
:src="product[i].icon.catia.url2"
alt=""
/>
<!-- <div><span>{{product[i].icon.catia.title2}}</span></div> -->
</div>
</div>
<div class="pc1-scene-lb">
<div class="pc1-scene-tail1">
<img
width="600px"
height="400px"
:src="product[i].icon.catia.url3"
alt=""
/>
<!-- <div><span>{{product[i].icon.catia.title3}}</span></div> -->
</div>
<div class="pc1-scene-tail2">
<img
width="770px"
height="400px"
:src="product[i].icon.catia.url4"
alt=""
/>
<!-- <div><span>{{product[i].icon.catia.title4}}</span></div> -->
</div>
</div>
</div>
</div>
<!-- 应用价值 -->
<div class="pc1-function" v-if="product[i].lication != undefined">
<div class="instructions">
<h4>应用价值</h4>
<p>APPLICATION VALE</p>
</div>
<div class="pc1-lication-border">
<div
class="pc1-lication-box"
v-for="(item, index) in product[i].lication"
:key="index"
>
<div>
<span></span>
<p>{{ item.content }}</p>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "",
head() {
return {
title: "德天博城-----" + this.product[this.i].header
};
},
data() {
return {
i:1,
duct: {},
product: [
{
header: "EXPE",
flag: 0,
top: "3D体验平台",
url1: "/image/expe/0201.png",
url2: "/image/expe/0202.png",
title: "高端可视化3D软件",
//产品简介
product: {
p1: "从虚拟的3DEXPERIENCE孪生兄弟到惊人的营销内容。",
p2:
"3D体验平台（3DEXPERIENCE Platform）是达索最新一代的软件平台,集合了3D 设计、工程、3D CAD、建模、仿真、数据管理和流程管理功能的众多的品牌应程序"
},
// 背景图
advert: {
img: "/image/expe/0204.png",
title: "拥有无限可能性的 协作和交"
},
//核心要素
core: [
{
url: "/image/expe/0206.png",
title: "3D建模应用程序",
content: "以CATIA为代表的多款3D建模软件助力把构想变成现实。"
},
{
url: "/image/expe/0207.png",
title: "社交和协作应用程序",
content: "ENOVIA,3DEXCITE,3 DSWYM三个品牌应用"
},
{
url: "/image/expe/0208.png",
title: "仿真应用程序",
content: "DELMIA,SIMULIA,3D VIA三个品牌应用"
},
{
url: "/image/expe/0209.png",
title: "信息智能应用",
content: "EXLEAD,NETVIBES两 个品牌应用"
}
],
//功能模块
function: [
{
url: "/image/expe/0213.png",
title: "一个模型掌握一切",
content:
"3DEXCITE利用CAD数据中的信息来支持功能完善的主模型,优化CAD以生产出营销内容的所有变体"
},
{
url: "/image/expe/0214.png",
title: "经销权体验",
content:
"我们的独特风格 3D 解决方案，促成吸引人的品牌和产品互动，最终展现出产品最好的一面"
},
{
url: "/image/expe/0215.png",
title: "移动设备和网页3D可视化",
content:
"完全交互式3D模型允许360度产品旋转及内外零部件的配置，,在线或移动设备上的3D配置器中组织和呈现的产品为终端用户提供了出色的体验"
},
{
url: "/image/expe/0216.png",
title: "VR MR AR 附件",
content:
"虚拟孪生体验是基于数学模型和科学定律的对现实世界的表示，实现了虚拟和现实世界之间的闭环连接。利益相关者通过探索所有可能性和场景，不断实验、获取知识并对其进行优化。"
},
{
url: "/image/expe/0217.png",
title: "个人宣传活动",
content:
"用 3DEXCITE 个人宣传活动在客户之旅的所有阶段和所有接触点触及目标受众。通过全功能的销售点配置器来获得客户喜好，用于后续发送带有微站宣传册等的个性化邮件，营造了引人入胜的商店体验"
}
],
icon: {
//应用场景
url: "",
catia: {
url1: "/image/expe/0220.png",
title1: "高科技",
url2: "/image/expe/0221.png",
title2: "航空航天与国防",
url3: "/image/expe/0222.png",
title3: "工业设备",
url4: "/image/expe/0223.png",
title4: "建筑工程与施工",
url5: "/image/expe/0224.png",
title5: "汽车与交通运输"
}
}
},
{
header: "CATIA",
flag: 1,
top: "基于数字化模型的产品设计", //头部导航
url1: "/image/catia/03336.png",
url2: "/image/catia/0302.png",
title: "3D CAD设计和工程软件",
//产品简介
product: {
p1:
"CATIA依托3DE平台结合VR虚拟现实技术重新定义产品开发，借助虚拟世界先进行仿真评估",
p2:
"是PLM协同解决方案的一个重要组成部分，支持从项目前阶段、具体的设计、分析、模拟、组装到维护在内的全部工业设计流程。从而借助PLM系统姜创意付诸于现实"
},
// 背景图 广告
advert: {
img: "/image/catia/03334.png" //汽车
},
//核心要素
core: [
{
url: "/image/catia/0305.png",
title: "变量和参数化建模",
content: "CATIA具有在整个产品周期内提供了变量驱动及后参数化能力。"
},
{
url: "/image/catia/0306.png",
title: "模块的全相关性",
content:
"CATIA的各个模块基于统一的数据平台，三维模型的修改，能完全体现 在二维模型，模拟分析，模具和数控加工的程序中"
},
{
url: "/image/catia/0307.png",
title: "并行工程的设计环境",
content:
"总体设计部门将基本的结构尺寸发放出去，各分系统的人员便可开始工作，既可协同工作，又不互相牵连。实现真正的并行工程设计环境"
},
{
url: "/image/catia/0308.png",
title: "覆盖产品开发全过程",
content:
"从单个零件的设计到最终电子样机的建立,CATIA 提供了完备的设计能力"
}
],
// 应对问题
problems: {
url: "/image/catia/03335.png",
catia: [
{
url: "/image/catia/0331.png",
title: "设计与制造间的信息交互"
},
{
url: "/image/catia/0332.png",
title: "依据数模完善工艺路线"
},
{
url: "/image/catia/0333.png",
title: "形成数字样机"
},
{
url: "/image/catia/0334.png",
title: "实现产品实物的模型渲染"
}
]
},
//功能模块
function: [
{
url: "/image/catia/0311.png",
title: "零件设计",
content: "在直观的环境下，用高效强大的造型特征设计复杂零件"
},
{
url: "/image/catia/0312.png",
title: "钣金与创成式曲面",
content: "非常完整的曲线操作工具和最基础的曲线构造工具"
},
{
url: "/image/catia/0313.png",
title: "装配设计",
content:
"高效率的工具如、碰撞和间隙检查、自动BOM表生成等可减少设计时间、提高了装配质量"
},
{
url: "/image/catia/0314.png",
title: "模具设计",
content:
"模具设计产品允许快速、经济地创建注塑模具，可以使用标准目录库中已经预定义好的组件"
},
{
url: "/image/catia/0315.png",
title: "电气系统设计",
content:
"可实现电器零件的设计装配、功能定义，电气线束的装配、生成和展平等内容"
}
],
icon: {
//应用场景
url: "",
catia: {
url1: "/image/catia/03330.png",
title1: "航空航天与国防",
url2: "/image/catia/03331.png",
title2: "工业设备",
url3: "/image/catia/03332.png",
title3: "建筑工程与施工",
url4: "/image/catia/03333.png",
title4: "汽车与交通运输"
}
}
},
{
header: "DELMIA",
flag: 2,
top: "为实现卓越运营的数字解决方案",
url1: "/image/delmia/0401.png",
url2: "/image/delmia/0402.png",
title: "数字化企业的互动制造应用软件",
//产品简介
product: {
p1:
"DELMIA向随需应变（on-demand）和准时生产（just-in-time）的制造流程提供完整的数字解决方案，令制造厂商缩短产品上市时间，同时降低生产成本、促进创新。",
p2:
"是DELMIA数字制造解决方案可以使制造部门设计数字化产品的全部生产流程，在部署任何实际材料和机器之前进行虚拟演示。"
},
// 背景图
advert: {
img: "/image/delmia/0404.png"
},
//关键步骤
//html为添加
core: [
{
url: "/image/aps/tc172.png",
title: "第一阶段",
content:
"建立资源库、工艺流程、定制工艺模板、关联产品工艺数据模型，建立三维工艺仿真和工艺流程规范"
},
{
url: "/image/aps/tc173.png",
title: "第二阶段",
content:
"在前一阶段工作的基础上，利用DEP建立MHub进行装配工艺的详细设计和仿真，并生成工艺指令、相关工艺配套表和MBOM等"
}
],
// 应对问题
problems: {
url: "/image/catia/03335.png",
catia: [
{
url: "/image/catia/0331.png",
title: "工艺规划"
},
{
url: "/image/catia/0332.png",
title: "资源建模和模拟"
},
{
url: "/image/catia/0333.png",
title: "数字化制造基础"
}
]
},
//功能模块
function: [
{
url: "/image/aps/tc188.png",
title: "DPE",
content: "面向制造过程设计"
},
{
url: "/image/big/tc1.png",
title: "QUEST",
content: "面向物流过程分析"
},
{
url: "/image/big/tc5.png",
title: "PDM",
content: "面向装配过程分析"
},
{
url: "/image/big/tc5.png",
title: "Human",
content: "面向人机分析"
},
{
url: "/image/big/tc5.png",
title: "Robotics",
content: "面向机器人仿真"
},
{
url: "/image/big/tc5.png",
title: "VNC",
content: "面向虚拟数控加工方针"
}
],
// 应用价值
lication: [
{
content: "可以根据工厂实际情况，定制自己的工艺层次结构和资源库"
},
{
content:
"进行详细的工业工程时间和成本的预先分析，计算出最佳经济方案"
},
{
content: "减少工艺设计和工业工程管理中的重复工作，提高了重用率"
},
{
content: "减少工艺规划时间，提高规划质量"
},
{
content: "预见并减少规划风险，减少工程更改成本"
}
]
},
{
header: "ENOVIA",
flag: 3,
top: "为实现卓越运营的数字解决方案",
url1: "/image/enovia/00501.png",
url2: "/image/enovia/00502.png",
title: "设计协同技术",
//产品简介
product: {
p1:
"ENOVI同达索系统虚拟设计工具（CATIA）一起构建其PLM系统。使企业把人员、流程、内容和系统联系到一起，能够带给企业巨大的竞争优势，通过贯穿给企业巨大的生命周期统一和优化产品开发流程，ENOVIA在企业内部和外部帮助企业轻松得开展项目并节约成本",
p2:
"ENOVIA贯穿宽广的工业领域满足业务流程需要，用来管理简单或工程复杂性高的产品。其布署可以从小型开发团队直到拥有千名用户的拓展型企业，其中涵盖供货商和合作伙伴。"
},
// 背景图
advert: {
img: "/image/enovia/00521.png"
},
//核心要素
core: [
{
url: "/image/aps/tc172.png",
title: "业务逻辑架构",
content:
"应对产品研发业务过程进行细化，通过SAP等ERP系统集成，支撑企业的产品研发与生产的全生命周期管理"
},
{
url: "/image/aps/tc173.png",
title: "系统部署架构",
content:
"在企业的服务器（应用服务器、数据库服务器、文件服务器、license服务器）群的硬件支撑下实现达索系统软件的合理部署"
},
{
url: "/image/aps/tc173.png",
title: "应用架构",
content:
"ENOVIA系统提供的核心功能包括：产品数据管理、项目管理、BOM管理、流程管理、配置管理、与CAD软件集成等"
},
{
url: "/image/aps/tc173.png",
title: "技术管理架构",
content: "技术管理为三层架构，分别为：存储层、应用层和最终使用层"
},
{
url: "/image/aps/tc173.png",
title: "数据仓库架构",
content:
"ENOVIA系统支持多数据仓库（Valt）管理，每个数据仓库之间的数据的物理隔离的，因为每个数据仓库对应数据库不同的实例"
}
],
// 应对问题
problems: {
url: "/image/enovia/00531.png",
catia: [
{
url: "/image/catia/0331.png",
title: ["计划/研制", "部门协同"]
},
{
url: "/image/catia/0332.png",
title: [
"企业资源库、",
"配置管理、",
"项目管理、",
"质量系统集成"
]
},
{
url: "/image/catia/0333.png",
title: ["降低研制周期"]
},
{
url: "/image/catia/0334.png",
title: ["增加产品产出"]
},
{
url: "/image/catia/0334.png",
title: ["提高产品竞争力", "实现知识共享"]
}
]
},
//功能模块
function: [
{
url: "/image/aps/tc188.png",
title: "同意产品生命周期管理平添",
content:
"与合作伙伴一同对产品业务开发流程进行优化，利用扩展企业来捕捉商业机遇"
},
{
url: "/image/big/tc1.png",
title: "协同用户环境",
content:
"针对地理位置分散的团队和价值链进行协作，与之形成单一、安全的数据共享环境"
}
],
icon: {
//应用场景
url: "",
catia: {
url1: "/image/catia/03330.png",
title1: "航空航天与国防",
url2: "/image/catia/03331.png",
title2: "工业设备",
url3: "/image/catia/03332.png",
title3: "建筑工程与施工",
url4: "/image/catia/03333.png",
title4: "汽车与交通运输"
}
}
},
{
header: "SIMULIA",
flag: 4,
top: "为实现卓越运营的数字解决方案",
url1: "/image/simulia/00701.png",
url2: "/image/simulia/00702.png",
title: "分析仿真平台",
//产品简介
product: {
p1: "SIMULIA------模拟真实世界的仿真技术平台",
p2:
"SIMULIA是一个协同、开放、集成的多物理场仿真平台，真实世界的仿真是非线性的，SIMULIA将成为模拟真实世界仿真分析工具，他支持最前沿的仿真技术和最广泛的仿真领域，SIMULIA为真实世界的模拟提供了开放的，多物理场分析平台。SIMULIA将同CATIA，DELMIA一起，帮助用户在PLM中，实现设计，仿真和生产的协同工作。"
},
// 背景图
advert: {
img: "/image/simulia/00721.png"
},
//功能模块
function: [
{
url: "/image/simulia/00731.png",
title: "自动化",
content:
"自动化专业包括允许用户开发、存储、管理、部署、共享和重放仿真驱动型设计的标准方法和功能"
},
{
url: "/image/simulia/00732.png",
title: "电磁",
content:
"电磁仿真技术以及与通讯和检测设备的设计和定位相关的信号强度"
},
{
url: "/image/simulia/00733.png",
title: "流体",
content:
"流体专业包括使用计算流体力学技术的围绕和穿过实体和结构的稳态和瞬态内部和外部流"
},
{
url: "/image/simulia/00734.png",
title: "结构",
content:
"包括使用适用于实体和结构的Abaqus 的有限元分析（FEA），以为线性和非线性静态、热、动态和冲击效应建模"
},
{
url: "/image/simulia/00735.png",
title: "优化",
content:
"提供使用不同参数自动运动和重新运动仿真方法的功能，从而允许使用lsight技术进行设计空间探索和优化"
}
],
icon: {
//应用场景
url: "",
catia: {
url1: "/image/expe/0220.png",
title1: "高科技",
url2: "/image/expe/0221.png",
title2: "航空航天与国防",
url3: "/image/expe/0222.png",
title3: "工业设备",
url4: "/image/expe/0223.png",
title4: "建筑工程与施工",
url5: "/image/expe/0224.png",
title5: "汽车与交通运输"
}
}
}
],
iconflag: false,
url5flag: false,
clientWidth:"",
left:"",
};
},
methods: {},
created() {},
mounted() {
// 获取pc1-head长度
this.clientWidth = document.getElementById("pc1-head-middle").clientWidth
// console.log(this.clientWidth)
this.left = (1400 - this.clientWidth)/2
// console.log(this.left)
// 数据筛选
this.product.forEach((item, index) => {
if (item.flag == this.i) {
return this.i;
}
});
this.duct = this.product[this.i];
if (this.product[this.i].icon == undefined) {
//应用场景
// 是否展示
this.iconflag = false;
} else {
this.iconflag = true;
if (this.product[this.i].icon.catia.url5 == undefined) {
this.url5flag = false;
} else {
this.url5flag = true;
}
}
}
};
</script>
<style lang="less" scoped>
// 头部指示
.instructions {
border-left: 10px solid #294982;
height: 60px;
padding-left: 15px;
h4 {
line-height: 60px;
font-size: 30px;
font-family: Alibaba Sans;
font-weight: 900;
color: #232323;
opacity: 1;
}
p {
font-size: 24px;
font-family: Microsoft YaHei;
font-weight: 400;
line-height: 0px;
color: #294982;
opacity: 0.2;
position: relative;
top: -10px;
}
}
.mt {
margin-bottom: 90px;
}
.pc1 {
width: 1400px;
height: auto;
border: 0px solid #f89;
margin: 100px auto 0px;
.pc1-top {
//顶部图片标题
display: flex;
.pc1-left {
width: 781px;
height: 474px;
margin-right: 103px;
border: 1px solid #f00;
}
.pc1-right {
width: 480px;
height: 474px;
border: 1px solid #000;
img {
margin-top: 65px;
height: 172px;
}
div {
text-align: center;
padding-top: 75px;
height: 47px;
font-size: 30px;
font-family: Alibaba Sans;
font-weight: 900;
color: #232323;
opacity: 1;
}
}
}
.pc1-head {
//标题导语
display: flex;
justify-content: space-between;
align-items: center;
.pc1-head-left {
width: 460px;
height: 2px;
background: linear-gradient(
297deg,
#201da3 0%,
rgba(255, 255, 255, 0) 100%
);
opacity: 1;
border-radius: 0px;
}
h4 {
font-size: 34px;
}
.pc1-head-right {
width: 460px;
height: 2px;
background: linear-gradient(
63deg,
#201da3 0%,
rgba(255, 255, 255, 0) 100%
);
opacity: 1;
border-radius: 0px;
}
}
.pc1-product {
//产品简介
margin-top: 3.75rem;
margin-bottom: 3.75rem;
.pc1-pr-content {
margin-top: 40px;
padding-left: 30px;
}
}
.pc1-advert {
//背景图
width: 100%;
margin-bottom: 80px;
}
.pc1-core {
//核心要素
margin-bottom: 20px;
.pc1-core-border {
border: 1px solid #f90;
// height: 420px;
// padding-left: 80px;
// padding-right: 80px;
display: flex;
justify-content: space-evenly;
align-items: center;
.pc1-core-box {
width: 220px;
height: 300px;
border-radius: 8px;
}
}
}
// 应对问题
.pc1-problems {
.pc1-problems-border {
// height: 500px;
position: relative;
margin-top: 60px;
margin-bottom: 80px;
img {
opacity: 0.2;
}
.pc1-problems-module {
position: absolute;
top: 0;
left: 0;
width: 1400px;
height: 100%;
display: flex;
justify-content: space-evenly;
.pc1-problems-box {
width: 100px;
z-index: 1;
text-align: center;
img {
margin-top: 190px;
}
h4 {
margin-top: 25px;
line-height: 21px;
font-size: 16px;
color: #000;
}
}
}
}
}
.pc1-function {
//功能模块
margin-bottom: 20px;
.pc1-function-border {
padding-left: 80px;
padding-right: 80px;
display: flex;
justify-content: space-evenly;
align-items: center;
.pc1-function-box1 {
margin-top: 60px;
width: 220px;
height: 300px;
border-radius: 8px;
}
}
}
//应用场景
.pc1-scene {
//应用场景
padding-bottom: 20px;
.pc1-scene-lication {
height: 800px;
width: 100%;
margin: 60px auto;
.pc1-scene-lt {
margin-bottom: 30px;
display: flex;
justify-content: space-between;
.pc1-scene-back1 {
width: 720px;
position: relative;
div {
position: absolute;
// width: 720px;
height: 45px;
background: rgba(41, 73, 130, 0.5);
bottom: 0;
text-align: center;
line-height: 45px;
span {
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #ffffff;
opacity: 1;
}
}
}
.pc1-scene-back2 {
width: 650px;
height: 400px;
position: relative;
div {
position: absolute;
height: 45px;
background: rgba(41, 73, 130, 0.5);
bottom: 0;
text-align: center;
line-height: 45px;
span {
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #ffffff;
opacity: 1;
}
}
}
}
.pc1-scene-lb {
display: flex;
justify-content: space-between;
.pc1-scene-tail1 {
height: 400px;
position: relative;
div {
position: absolute;
// width: 600px;
height: 45px;
background: rgba(41, 73, 130, 0.5);
bottom: 0;
text-align: center;
line-height: 45px;
span {
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #ffffff;
opacity: 1;
}
}
}
.pc1-scene-tail2 {
width: 770px;
height: 400px;
position: relative;
div {
position: absolute;
// width: 770px;
height: 45px;
background: rgba(41, 73, 130, 0.5);
bottom: 0;
text-align: center;
line-height: 45px;
span {
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #ffffff;
opacity: 1;
}
}
}
}
}
}
// 应用价值
}
// 卡片布局
.card1 {
box-shadow: 0px 0px 10px 0px rgb(196, 195, 195);
border: 1px solid #c3c2c5;
padding: 20px 20px 5px;
img {
margin: 30px 85px;
text-align: center;
}
h4 {
font-size: 20px;
text-align: center;
// height: 40px;
margin-bottom: 16px;
color: #2c4b84;
}
div {
width: 100%;
// padding: 0px 20px;
line-height: 15px;
color: #454545;
}
}
.card1:hover {
box-shadow: 0px 0px 20px 5px #c3c2c5;
}
</style>
src/pages/product/mdc.vue deleted 100644 → 0
View file @ dc5ed2b2
<template>
<div>
<!-- <h5>SaaS MES云端协同</h5>
<h6 id="h0">
产品简介
<span> INTRODUCTION </span>
</h6>
<div class="pb50">
<p>
　　见著SaaS MES是一款基于 SaaS 模式的轻量
MES，专为中小型、离散型制造企业而研发，旨在解决生产过程中的信息孤岛化、计划碎片化、数据非可视化等影响产品交付和增加生产成本的问题，助力企业以低成本，快速实
<span class="f16">现对项目、订单、物料、设备等生产要素的信息化、智能化管理。</span>
</p>
</div>
<h6 id="h1">
核心优势
<span> ADVANTAGE </span>
</h6>
<div class="advantage">
<div class="img">
<img src="/images/product/mes/img.png" alt />
</div>
</div>
<h6 id="h2">
应对问题
<span> PROBLEM </span>
</h6> -->
<!-- <product-problem :list="product.problems" /> -->
<!-- <h6 id="h3">
主要功能
<span> FUNCTION </span>
</h6> -->
<div class="pc">
<div class="product-banner">
<img :src="product.banner" alt="" />
</div>
<div class="product-introduce">
<div class="title">
<div class="line"></div>
<p>{{ product.title }}</p>
<div class="line"></div>
</div>
<h5>产品简介</h5>
<h6>Product introduction</h6>
<span
>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{
product.jj1
}}</span
>
<div v-if="product.jj2 != ''" class="jj2-div">
<br />
<span
>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{
product.jj2
}}</span
>
</div>
<img :src="product.url" alt="" style="margin-top: 29px" />
</div>
<div class="product-merit">
<h5>核心优势</h5>
<h6>Core advantage</h6>
<product-functions3
:list="product.functions.list"
v-if="product.functions.style == false"
/>
<product-functions2
:list="product.functions.list"
v-if="product.functions.style == true"
/>
</div>
<div class="ydwt">
<img class="ydwt-img" src="/image/saas/ydwt.png" alt="" />
<h5>应对问题</h5>
<h6>Coping with problems</h6>
<div class="ydwt-all">
<div v-for="(item, index) in product.ydwtlist" :key="index">
<img :src="item.url" alt="" />
<p>{{ item.p }}</p>
</div>
</div>
</div>
<div class="product-merit" style="background-color: rgb(239, 246, 255)">
<div class="pd"></div>
<h5>主要功能</h5>
<h6>major function</h6>
<product-functions2
:list="product.functions2.list"
v-if="product.functions2.style == true"
/>
<product-functions3
:list="product.functions2.list"
v-if="product.functions2.style == false"
/>
<!-- <div class="big-img">
<img src="/image/mdc/tc576.png" alt="">
</div> -->
</div>
<div class="product-merit">
<h5>适配场景</h5>
<h6>Adaptation scenarios</h6>
<p class="product-merit-p" v-if="product.spcj.title != ''">
{{ product.spcj.title }}
</p>
<div
style="
display: flex;
justify-content: center;
width: 1200px;
flex-wrap: wrap;
margin-top: 87px;
margin-bottom: 40px;
"
>
<div
style="
display: flex;
justify-content: space-between;
width: 1200px;
flex-wrap: wrap;
"
>
<img
class="product-merit-img"
v-for="(item, index) in product.spcj.url"
:key="index"
:src="item"
alt=""
/>
</div>
</div>
</div>
<div
class="product-merit"
style="min-height: 465px; background-color: rgb(239, 246, 255)"
>
<div class="pd1">
<h5>应用价值</h5>
<h6>Application value</h6>
<div
style="
display: flex;
margin-top: 80px;
flex-wrap: wrap;
margin-bottom: 80px;
"
>
<div
class="value"
v-for="(item, index) in product.functions3"
:key="index"
>
<img :src="item.url" alt="" />
<p>{{ item.title }}</p>
<span v-for="(items, index) in item.content" :key="index">{{
items
}}</span>
</div>
</div>
</div>
</div>
<!-- <h6 id="h4">
适配场景
<span> SCENE </span>
</h6>
<p>
　　SaaS MES主要适合中小企业，生产业务相对简单，不需要太多定制化需求。
</p> -->
<!-- <div class="scene s5">
<ul>
<li
class="scene-img"
v-for="(li, i) in list"
:key="i"
@mouseover="hover(i)"
:class="{ cur: pointIndex == i }"
>
<img :src="li.img" alt />
<div class="title">{{ li.title }}</div>
</li>
</ul>
</div> -->
<!-- <Fq :list='list'/> -->
<!-- <div class="swiper">
<Carousel
autoplay
loop
:autoplay-speed="5000"
dots="outside"
>
<CarouselItem v-for="(item,index) in list" :key='index'>
<div class="pr">
<img :src="item.img" alt="我们服务于" />
</div>
</CarouselItem>
</Carousel>
</div> -->
<!-- <h6 id="h5">
应用价值
<span> VALUE </span>
</h6> -->
<!-- <div class="ac">
<img src="/images/product/saas/3.png" alt="" />
</div> -->
<!-- <div class="pt50"></div>
<product-menu title="SaaS MES" /> -->
</div>
<div class="phone-pro">
<div class="banner-div">
<img :src="product.banner" alt="" />
</div>
<div class="title">
<div class="line"></div>
<p>{{ product.title }}</p>
<div class="line"></div>
</div>
<div class="all">
<span
>{{ product.jj1 }}<br />
<br />
{{ product.jj2 }}
</span>
</div>
<div class="all-img">
<img :src="product.url" alt="" />
</div>
<h5>核心优势</h5>
<h6>Core advantage</h6>
<div class="core">
<div v-for="(item, index) in product.functions.list" :key="index">
<img :src="item.url" alt="" />
<p>{{ item.title }}</p>
<span v-for="(items, index) in item.content" :key="index">{{
items
}}</span>
</div>
</div>
<div class="ydwt-phone">
<img class="ydwt-phone-img" src="/image/saas/ydwtp.png" alt="" />
<h5>应对问题</h5>
<h6>Coping with problems</h6>
<div class="ydwt-phone-div">
<div v-for="(item, index) in product.ydwtlist" :key="index">
<img :src="item.url" alt="" />
<p>{{ item.p }}</p>
</div>
</div>
</div>
<div class="c2-div">
<h5>主要功能</h5>
<h6>major function</h6>
<div class="core c2">
<div v-for="(item, index) in product.functions2.list" :key="index">
<img :src="item.url" alt="" />
<p>{{ item.title }}</p>
<span v-for="(items, index) in item.content" :key="index">{{
items
}}</span>
</div>
</div>
</div>
<h5>适配场景</h5>
<h6>major function</h6>
<p class="cj-p">
{{ product.spcj.title }}
</p>
<div class="cj" style="width: 3.29rem; padding-bottom: 0.2rem">
<img
v-for="(item, index) in product.spcj.url"
:key="index"
:src="item"
alt=""
/>
</div>
<div class="c2-div">
<h5>应用价值</h5>
<h6>Application value</h6>
<div class="jz">
<div v-for="(item, index) in product.functions3" :key="index">
<img :src="item.url" alt="" />
<p>{{ item.title }}</p>
<span v-for="(items, index) in item.content" :key="index">{{
items
}}</span>
</div>
</div>
</div>
<div class="foot">
<p class="title">联系我们</p>
<span
>地址：北京市朝阳区慧忠北路103号洛克时代中心A座<br />电话：010-68661832<br />邮箱：sales@mes123.com</span
>
<div class="foot_three">
<div>
<p>见著科技公众号</p>
<img src="/image/zh.jpg" alt="" />
</div>
<div>
<p>见著科技公众号</p>
<img src="/image/zh.jpg" alt="" />
</div>
<div>
<p>见著科技公众号</p>
<img src="/image/zh.jpg" alt="" />
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "",
head: {
title: "SaaS MES云端协同---北京见著科技有限公司--MES系统",
},
components: {},
data() {
return {
pointIndex: 0,
product: {
banner: "/image/dnc/mc.png",
bannerphone: "/image/dnc/mcp.jpg",
title: "MDC数据采集",
jj1: "MDC (Manufacturing Data Collection & Status Management)系统通过TCP/IP或者其他协议，将数控设备接入到系统中，通过配置设备采集驱动，实现将设备状态数据、过程数据进行收集和状态展示，并对设备利用率、故障率进行分析，帮助企业提升设备利用率、降低故障率。",
jj2: "",
url: "/image/mdc/tc591.png",
spcj: {
title: "",
url: ["/image/mdc/a1.png", "/image/mdc/a2.png"],
},
functions: {
style: false,
list: [
{
url: "/image/mdc/1.png",
title: "安全性高",
content: [
"产品经过反复测试，达到工业级标准，满足车间使用要求，安全、可靠、稳定。",
],
},
{
url: "/image/mdc/2.png",
title: "安装便捷",
content: [
"网关采用磁铁吸附方式，免打孔，不破坏设备本身，方便安装。",
],
},
{
url: "/image/mdc/3.png",
title: "扩展性强",
content: [
"系统内置了20多种常用系统驱动，并预留了扩展接口，方便企业接入新型系统驱动。",
],
},
{
url: "/image/mdc/4.png",
title: "连接方便",
content: ["系统自带无线模块，支持WIFI连接。"],
},
{
url: "/image/mdc/5.png",
title: "操作方便",
content: ["系统屏幕采用电容多点触控方式，便于操作。"],
},
],
},
functions2: {
style: true,
list: [
{
url: "/image/mdc/tc12.png",
title: "数控刀具加工监控",
content: [
"小直径加工的断刀、重载断续切削的崩刀、高精密加工的磨损。",
],
},
{
url: "/image/mdc/tc13.png",
title: "设备状态监控",
content: ["实现设备开关机、加工、维修等运行状态实时监控。"],
},
{
url: "/image/mdc/tc14.png",
title: "设备故障采集",
content: [
"实时获得机床加工及故障数据为机床维修、车间安排生产、改善生产效率提供智能决策依据。",
],
},
{
url: "/image/mdc/tc15.png",
title: "设备利用率分析",
content: [
"对设备状态进行远程监控采集，对设备利用效率进行统计分析",
],
},
{
url: "/image/mdc/tc16.png",
title: "设备撞击保护",
content: [
"超敏感数控设备撞击保护，避免调错程序、选错坐标给机床造成伤害。",
],
},
{
url: "/image/mdc/tc17.png",
title: "设备健康监控",
content: [
"非接触式传动部件磨损监控，实时监控重要传动部件的磨损数据，设备维护未雨绸缪。",
],
},
],
},
functions3: [
{
url: "/image/mdc/tc21.png",
title: "快速急停响应",
content: ["急停响应小于1ms "],
},
{
url: "/image/mdc/tc22.png",
title: "缩小变形距离",
content: ["变形距离小于0.45mm "],
},
{
url: "/image/mdc/tc23.png",
title: "人为事故降低",
content: ["人为事故降低90% "],
},
{
url: "/image/mdc/tc24.png",
title: "维修成本降低",
content: ["维修成本降低75% "],
},
{
url: "/image/mdc/tc25.png",
title: "刀具成本降低",
content: ["刀具成本降低45%"],
},
{
url: "/image/mdc/tc26.png",
title: "加工质量提高",
content: ["加工质量提高35%"],
},
{
url: "/image/mdc/tc27.png",
title: "生产效率提高",
content: ["生产效率提高55% "],
},
],
ydwtlist: [
{ url: "/image/mdc/tc7.png", p: "设备工作状态无法及时获知" },
{
url: "/image/mdc/tc8.png",
p: "设备历史加工信息无法查询",
},
{
url: "/image/mdc/tc9.png",
p: "设备利用率无法计算",
},
{
url: "/image/mdc/tc10.png",
p: "设备生产数据无法追溯",
},
{
url: "/image/mdc/tc11.png",
p: "刀具寿命无法监控",
},
],
},
};
},
methods: {
hover(i) {
this.pointIndex = i;
},
watch() {},
},
};
</script>
<style lang='less' scoped >
.pd {
position: absolute;
width: 100%;
}
.pd1 {
display: flex;
flex-direction: column;
align-items: center;
width: 1200px;
}
.cj {
margin-top: 0.3rem;
img {
width: 100%;
}
}
.foot {
width: 115%;
}
</style>
src/pages/product/mes.vue deleted 100644 → 0
View file @ dc5ed2b2
<template>
<div>
<div class="pc">
<div class="product-banner">
<img :src="product.banner" alt="">
</div>
<div class="product-introduce">
<div class="title"><div class='line'></div><p>{{product.title}}</p><div class='line'></div></div>
<h5>产品简介</h5>
<h6>Product introduction</h6>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{product.jj1}}</span>
<div v-if="product.jj2!=''" class="jj2-div">
<br/>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{product.jj2}}</span>
</div>
<img :src="product.url" alt="" style="margin-top:29px;">
</div>
<div class="product-merit">
<h5>核心优势</h5>
<h6>Core advantage</h6>
<product-functions3 :list="product.functions.list" v-if="product.functions.style==false"/>
<product-functions2 :list="product.functions.list" v-if="product.functions.style==true"/>
</div>
<div class="ydwt">
<img class="ydwt-img" src="/image/saas/ydwt.png" alt="">
<h5>应对问题</h5>
<h6>Coping with problems</h6>
<div class="ydwt-all">
<div v-for="(item,index) in product.ydwtlist" :key=index>
<img :src="item.url" alt="">
<p>{{item.p}}</p>
</div>
</div>
</div>
<div class="product-merit">
<div class="pd"></div>
<h5>主要功能</h5>
<h6>major function</h6>
<product-functions2 :list="product.functions2.list" v-if="product.functions2.style==true"/>
<product-functions3 :list="product.functions2.list" v-if="product.functions2.style==false"/>
</div>
<div class="product-merit">
<h5>适配场景</h5>
<h6>Adaptation scenarios</h6>
<p class="product-merit-p">{{product.spcj.title}}</p>
<div style="display: flex;justify-content: space-between;width: 1200px;flex-wrap:wrap;">
<img class="product-merit-img" v-for="(item,index) in product.spcj.url" :key=index :src="item" alt="">
</div>
</div>
<div class="product-merit" style="min-height:465px;background-color: rgb(239, 246, 255);">
<div class="pd1">
<h5>应用价值</h5>
<h6>Application value</h6>
<div style="display:flex;margin-top:80px;flex-wrap: wrap;margin-bottom:80px;">
<div class="value" v-for="(item,index) in product.functions3" :key='index'>
<img :src="item.url" alt="">
<p>{{item.title}}</p>
<span v-for="(items,index) in item.content" :key=index>{{items}}</span>
</div>
</div>
</div>
</div>
<!-- <h6 id="h4">
适配场景
<span> SCENE </span>
</h6>
<p>
　　SaaS MES主要适合中小企业，生产业务相对简单，不需要太多定制化需求。
</p> -->
<!-- <div class="scene s5">
<ul>
<li
class="scene-img"
v-for="(li, i) in list"
:key="i"
@mouseover="hover(i)"
:class="{ cur: pointIndex == i }"
>
<img :src="li.img" alt />
<div class="title">{{ li.title }}</div>
</li>
</ul>
</div> -->
<!-- <Fq :list='list'/> -->
<!-- <div class="swiper">
<Carousel
autoplay
loop
:autoplay-speed="5000"
dots="outside"
>
<CarouselItem v-for="(item,index) in list" :key='index'>
<div class="pr">
<img :src="item.img" alt="我们服务于" />
</div>
</CarouselItem>
</Carousel>
</div> -->
<!-- <h6 id="h5">
应用价值
<span> VALUE </span>
</h6> -->
<!-- <div class="ac">
<img src="/images/product/saas/3.png" alt="" />
</div> -->
<!-- <div class="pt50"></div>
<product-menu title="SaaS MES" /> -->
</div>
<div class="phone-pro">
<div class="banner-div">
<img :src="product.bannerphone" alt="">
</div>
<div class="title"><div class='line'></div><p>{{product.title}}</p><div class='line'></div></div>
<div class="all">
<span>{{product.jj1}}<br/>
<br/>
{{product.jj2}}
</span>
</div>
<div class="all-img">
<img :src="product.url" alt="">
</div>
<h5>核心优势</h5>
<h6>Core advantage</h6>
<div class="core">
<div v-for="(item,index) in product.functions.list" :key='index'>
<img :src="item.url" alt="">
<p>{{item.title}}</p>
<span v-for="(items,index) in item.content" :key='index'>{{items}}</span>
</div>
</div>
<div class="ydwt-phone">
<img class="ydwt-phone-img" src="/image/saas/ydwtp.png" alt="">
<h5>应对问题</h5>
<h6>Coping with problems</h6>
<div class="ydwt-phone-div" >
<div v-for="(item,index) in product.ydwtlist" :key="index">
<img :src="item.url" alt="">
<p>{{item.p}}</p>
</div>
</div>
</div>
<div class="c2-div">
<h5>主要功能</h5>
<h6>major function</h6>
<div class="core c2">
<div v-for="(item,index) in product.functions2.list" :key='index'>
<img :src="item.url" alt="">
<p>{{item.title}}</p>
<span v-for="(item,index) in item.content" :key=index>{{item}}</span>
</div>
</div>
</div>
<h5>适配场景</h5>
<h6>major function</h6>
<p class="cj-p">
{{product.spcj.title}}
</p>
<div class="cj" style="width:3.29rem;padding-bottom:0.2rem">
<img v-for="(item,index) in product.spcj.url" :key=index :src="item" alt="">
</div>
<div class="c2-div">
<h5>应用价值</h5>
<h6>Application value</h6>
<div class="jz">
<div v-for="(item,index) in product.functions3" :key='index'>
<img :src="item.url" alt="">
<p>{{item.title}}</p>
<span v-for="(items,index) in item.content" :key=index>{{items}}</span>
</div>
</div>
</div>
<div class="foot">
<p class="title">联系我们</p>
<span>地址：北京市朝阳区慧忠北路103号洛克时代中心A座<br/>电话：010-68661832<br/>邮箱：sales@mes123.com</span>
<div class="foot_three">
<div><p>见著科技公众号</p><img src="/image/zh.jpg" alt=""></div>
<div><p>见著科技公众号</p><img src="/image/zh.jpg" alt=""></div>
<div><p>见著科技公众号</p><img src="/image/zh.jpg" alt=""></div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "",
head: {
title: "SaaS MES云端协同---北京见著科技有限公司--MES系统"
},
components: {},
data() {
return {
pointIndex: 0,
product: {
banner: "/image/saas/tt-wz.png",
bannerphone: "/image/saas/banner.png",
title: "MES智能化制造执行",
jj1:
"见著MES(Manufacturing Execution System) 制造执行系统建立在见著10余年集团型离散制造企业MES定制开发的基础之上，结合最新IT技术自主研发，形成了符合MESA/ISA-S95标准新一代企业级MES系统。",
jj2:
"MES控制和记录产品生产过程中的所有要素（人机料法环测）的活动，将决策层（ERP）的信息转化并传递到执行层（IOT），对从订单下达到产品完成的整个生产过程进行优化管理， 对工厂发生的实时事件及时做出反应和报告，并用数据进行指导和处理。能够有效地优化企业的生产管理模式，强化过程管理和控制，为企业智能制造提供必要支撑。",
url: "/image/saas/zu28.png",
spcj: {
title:
"适用于大中型企业，产品种类多，工艺复杂，各车间协同业务比较繁杂，标准化模块满足不了企业应用，需要定制化开发来满足需求。",
url: [
"/image/saas/s1.png",
"/image/saas/s2.png",
"/image/saas/s3.png",
"/image/saas/s4.png"
]
},
functions: {
style: false,
list: [
{
url: "/image/saas/tc97.png",
title: "APS高级排产",
content: [
"利用基于目标的高级排产算法技术，对生产过程中各供应链要素的任务进行自动派工。"
]
},
{
url: "/image/saas/tc99.png",
title: "微服务框架",
content: [
"系统采用微服务组件形成分模块部署开发，便于后续业务的灵活扩展和功能调整。"
]
},
{
url: "/image/saas/tc100.png",
title: "大数据技术应用",
content: [
"系统可与大数据平台进行对接实现对产品全生产过程数据收集清理，形成故障知识库。"
]
},
{
url: "/image/saas/tc98.png",
title: "IOT平台",
content: [
"系统的IOT平台通过智能网关实现与执行结构（包括设备·AGV·能源等）的快速链接，掌握设备状态，采用设备数据。"
]
}
]
},
functions2: {
style: true,
list: [
{
url: "/image/saas/tc123.png",
title: "主生产计划管理",
content: [
"帮助企业实现主生产计划的排产，结合现有产能、节拍，一键形成各车间、物资采购、产前准备等部门的月度计划数据。"
]
},
{
url: "/image/saas/tc124.png",
title: "作业计划管理",
content: [
"给车间计划调度人员提供APS排产工具，在有限资源约束条件下，进行均衡生产，快速反应，降低库存，减少成本，并通过对生产状况信息的获取，反馈给主生产计划，并根据实际的生产情况做出相应的调整系统支持分卡、回收等操作。"
]
},
{
url: "/image/saas/tc125.png",
title: "质量管理",
content: [
"依据质量标准和规范，对质量检验项形成电子卡，并和工艺规程绑定，形成卡控式管理，控制(QC)并预防出错，针对异常问题，支持不合格品审理，提供品质异常报警，提供动态的品质数据监控，避免质量问题批量性产生。"
]
},
{
url: "/image/saas/tc126.png",
title: "物料管理",
content: [
"实现企业物流全生命周期管理从物料编码、物流分类、物料主数据、BOM、仓储、配套出库、安装等过程进行管控和记录，实现物料的全向追溯。"
]
}
]
},
functions3: [
{
url: "/image/saas/t137.png",
title: "提高生产效率",
content: [
"订单按期交付率提高23%",
"在制品滞留期降低33%",
"生产协同有效率提高78%",
"信息的转换效率提高90%"
]
},
{
url: "/image/saas/t138.png",
title: "改进产品质量",
content: ["产品加工不良率降低34%"]
},
{
url: "/image/saas/t139.png",
title: "降低生产成本",
content: [
"生产组织成本降低35%",
"纸质介质的浪费降低71%",
"减员增效成功率提高49%"
]
},
{
url: "/image/saas/t140.png",
title: "设备运维效率提升",
content: ["设备运维线上管控,提升效率50%。"]
}
],
ydwtlist: [
{ url: "/image/saas/y1.png", p: "无法快速制定可执行的生产计划" },
{ url: "/image/saas/y2.png", p: "无法灵活应对插单等带来的计划变更" },
{ url: "/image/saas/y3.png", p: "对生产要素缺乏数字化管理" },
{ url: "/image/saas/y4.png", p: "没有全面的数据采集，存在数据盲点" },
{
url: "/image/saas/y5.png",
p: "车间现状没有透明化，不能实现可视化工厂"
},
{
url: "/image/saas/y6.png",
p: "没有可靠的品质可控手段，质量数据不能全向追溯"
},
{
url: "/image/saas/y7.png",
p: "各个系统数据不能共享，存在数据孤岛。"
},
{
url: "/image/saas/y8.png",
p: "各业务部门没有实现数字化协同，工作效率低下。"
}
]
}
};
},
methods: {
hover(i) {
this.pointIndex = i;
},
watch() {}
}
};
</script>
<style lang='less' scoped >
.pd {
position: absolute;
width: 100%;
height: 650px;
background-color: rgb(239, 246, 255);
z-index: -1;
}
.pd1 {
display: flex;
flex-direction: column;
align-items: center;
width: 1200px;
}
.cj {
margin-top: 0.3rem;
img {
width: 100%;
}
}
.foot {
width: 115%;
}
</style>
src/pages/product/phm.vue deleted 100644 → 0
View file @ dc5ed2b2
<template>
<div>
<!-- <h5>SaaS MES云端协同</h5>
<h6 id="h0">
产品简介
<span> INTRODUCTION </span>
</h6>
<div class="pb50">
<p>
　　见著SaaS MES是一款基于 SaaS 模式的轻量
MES，专为中小型、离散型制造企业而研发，旨在解决生产过程中的信息孤岛化、计划碎片化、数据非可视化等影响产品交付和增加生产成本的问题，助力企业以低成本，快速实
<span class="f16">现对项目、订单、物料、设备等生产要素的信息化、智能化管理。</span>
</p>
</div>
<h6 id="h1">
核心优势
<span> ADVANTAGE </span>
</h6>
<div class="advantage">
<div class="img">
<img src="/images/product/mes/img.png" alt />
</div>
</div>
<h6 id="h2">
应对问题
<span> PROBLEM </span>
</h6> -->
<!-- <product-problem :list="product.problems" /> -->
<!-- <h6 id="h3">
主要功能
<span> FUNCTION </span>
</h6> -->
<div class="pc">
<div class="product-banner">
<img :src="product.banner" alt="">
</div>
<div class="product-introduce">
<div class="title"><div class='line'></div><p>{{product.title}}</p><div class='line'></div></div>
<h5>产品简介</h5>
<h6>Product introduction</h6>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{product.jj1}}</span>
<div v-if="product.jj2!=''" class="jj2-div">
<br/>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{product.jj2}}</span>
</div>
<img :src="product.url" alt="" style="margin-top:29px;">
</div>
<div class="product-merit">
<h5>核心优势</h5>
<h6>Core advantage</h6>
<product-functions3 :list="product.functions.list" v-if="product.functions.style==false"/>
<product-functions2 :list="product.functions.list" v-if="product.functions.style==true"/>
</div>
<div class="ydwt">
<img class="ydwt-img" src="/image/saas/ydwt.png" alt="">
<h5>应对问题</h5>
<h6>Coping with problems</h6>
<div class="ydwt-all">
<div v-for="(item,index) in product.ydwtlist" :key=index>
<img :src="item.url" alt="">
<p>{{item.p}}</p>
</div>
</div>
</div>
<div class="product-merit" style="background-color: rgb(239, 246, 255);">
<div class="pd"></div>
<h5>主要功能</h5>
<h6>major function</h6>
<product-functions2 :list="product.functions2.list" v-if="product.functions2.style==true"/>
<product-functions3 :list="product.functions2.list" v-if="product.functions2.style==false"/>
<div class="big-img">
<img src="/image/phm/tc576.png" alt="">
</div>
</div>
<div class="product-merit">
<h5>适配场景</h5>
<h6>Adaptation scenarios</h6>
<p class="product-merit-p">{{product.spcj.title}}</p>
<div style="display: flex;justify-content: center;width: 1200px;flex-wrap:wrap;margin-top:47px;">
<div style="display: flex;justify-content: space-between;width: 1200px;flex-wrap: wrap;">
<img class="product-merit-img" v-for="(item,index) in product.spcj.url" :key=index :src="item" alt="">
</div>
</div>
</div>
<div class="product-merit" style="min-height:465px;background-color: rgb(239, 246, 255);">
<div class="pd1">
<h5>应用价值</h5>
<h6>Application value</h6>
<div style="display:flex;margin-top:80px;flex-wrap: wrap;margin-bottom:80px;">
<div class="value" v-for="(item,index) in product.functions3" :key='index'>
<img :src="item.url" alt="">
<p>{{item.title}}</p>
<span v-for="(items,index) in item.content" :key=index>{{items}}</span>
</div>
</div>
</div>
</div>
<!-- <h6 id="h4">
适配场景
<span> SCENE </span>
</h6>
<p>
　　SaaS MES主要适合中小企业，生产业务相对简单，不需要太多定制化需求。
</p> -->
<!-- <div class="scene s5">
<ul>
<li
class="scene-img"
v-for="(li, i) in list"
:key="i"
@mouseover="hover(i)"
:class="{ cur: pointIndex == i }"
>
<img :src="li.img" alt />
<div class="title">{{ li.title }}</div>
</li>
</ul>
</div> -->
<!-- <Fq :list='list'/> -->
<!-- <div class="swiper">
<Carousel
autoplay
loop
:autoplay-speed="5000"
dots="outside"
>
<CarouselItem v-for="(item,index) in list" :key='index'>
<div class="pr">
<img :src="item.img" alt="我们服务于" />
</div>
</CarouselItem>
</Carousel>
</div> -->
<!-- <h6 id="h5">
应用价值
<span> VALUE </span>
</h6> -->
<!-- <div class="ac">
<img src="/images/product/saas/3.png" alt="" />
</div> -->
<!-- <div class="pt50"></div>
<product-menu title="SaaS MES" /> -->
</div>
<div class="phone-pro">
<div class="banner-div">
<img :src="product.bannerphone" alt="">
</div>
<div class="title"><div class='line'></div><p>{{product.title}}</p><div class='line'></div></div>
<div class="all">
<span>{{product.jj1}}<br/>
<br/>
{{product.jj2}}
</span>
</div>
<div class="all-img">
<img :src="product.url" alt="">
</div>
<h5>核心优势</h5>
<h6>Core advantage</h6>
<div class="core">
<div v-for="(item,index) in product.functions.list" :key='index'>
<img :src="item.url" alt="">
<p>{{item.title}}</p>
<span v-for="(items,index) in item.content" :key='index'>{{items}}</span>
</div>
</div>
<div class="ydwt-phone">
<img class="ydwt-phone-img" src="/image/saas/ydwtp.png" alt="">
<h5>应对问题</h5>
<h6>Coping with problems</h6>
<div class="ydwt-phone-div" >
<div v-for="(item,index) in product.ydwtlist" :key="index">
<img :src="item.url" alt="">
<p>{{item.p}}</p>
</div>
</div>
</div>
<div class="c2-div">
<h5>主要功能</h5>
<h6>major function</h6>
<div class="core c2">
<div v-for="(item,index) in product.functions2.list" :key='index'>
<img :src="item.url" alt="">
<p>{{item.title}}</p>
<span v-for="(items,index) in item.content" :key=index>{{items}}</span>
</div>
</div>
<img src="/image/phm/tc576.png" alt="" width="100%">
</div>
<h5>适配场景</h5>
<h6>major function</h6>
<p class="cj-p">
{{product.spcj.title}}
</p>
<div class="cj" style="width:3.29rem;padding-bottom:0.2rem">
<img v-for="(item,index) in product.spcj.url" :key=index :src="item" alt="">
</div>
<div class="c2-div">
<h5>应用价值</h5>
<h6>Application value</h6>
<div class="jz">
<div v-for="(item,index) in product.functions3" :key='index'>
<img :src="item.url" alt="">
<p>{{item.title}}</p>
<span v-for="(items,index) in item.content" :key=index>{{items}}</span>
</div>
</div>
</div>
<div class="foot">
<p class="title">联系我们</p>
<span>地址：北京市朝阳区慧忠北路103号洛克时代中心A座<br/>电话：010-68661832<br/>邮箱：sales@mes123.com</span>
<div class="foot_three">
<div><p>见著科技公众号</p><img src="/image/zh.jpg" alt=""></div>
<div><p>见著科技公众号</p><img src="/image/zh.jpg" alt=""></div>
<div><p>见著科技公众号</p><img src="/image/zh.jpg" alt=""></div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "",
head: {
title: "SaaS MES云端协同---北京见著科技有限公司--MES系统"
},
components: {},
data() {
return {
pointIndex: 0,
product: {
banner: "/image/phm/sm.png",
bannerphone: "/image/phm/smp.jpg",
title: "PHM健康管理",
jj1:
"PHM预测与健康管理技术(Prognostics Health Management) 是综合利用现代化信息技术、人工智能技术的最新研究成果而提出的一种全新的管理健康状况的解决方案，其目的在于为设备运行保障、应急处置、维修活动提供决策支持，具备故障检测与隔离、故障诊断、故障预测、健康管理和部件寿命追踪等能力。",
jj2:
"见著科技大数据PHM利用见著科技数据中台服务，通过对接企业的信息化管理系统ERP、PLM、MES、BPM、SCE、KMS等，对产品数据进行采集、清洗、动态展示、建立模型、预测分析等处理，从而实现产品故障预测与健康管理。",
url: "/image/phm/t527.png",
f1: true,
f2: true,
spcj: {
title:
"PHM适用于是密集应用大数据的典型工业领域，是工业互联网的重要组成部分。PHM强调资产设备管理中的状态感知、数据监控与分析，通过监控设备健康状况、故障频发区域与周期，预测故障的发生，从而大幅度提高运维效率。",
url: [
"/image/phm/a1.png",
"/image/phm/a2.png",
"/image/phm/a3.png",
"/image/phm/a4.png"
]
},
functions: {
style: false,
list: [
{
url: "/image/phm/1.png",
title: "快速预警",
content: ["预警处理速度快"]
},
{
url: "/image/phm/2.png",
title: "故障参数实时查看",
content: ["故障参数 实时查看"]
},
{
url: "/image/phm/3.png",
title: "易用",
content: ["模型维护简易"]
},
{
url: "/image/phm/4.png",
title: "问题预判",
content: ["问题预判准确"]
},
{
url: "/image/phm/5.png",
title: "实时参数",
content: ["预警参数 实时调取"]
},
{
url: "/image/phm/6.png",
title: "健康档案",
content: ["健康管理 一物一档"]
}
]
},
functions2: {
style: true,
list: [
{
url: "/image/phm/tc12.png",
title: "参数管理",
content: [
"展示故障发生时间段的故障参数及参数曲线，提供参数历史数据订阅查询，提供参数库管理。"
]
},
{
url: "/image/phm/tc13.png",
title: "模型库",
content: [
"对设备进行管理和维护，根据不同用户设置权限限制，按建设模型的不同阶段展示不同的模型相关属性，并提供新建模型、升级版本、模型重用和展示模型效果等功能。"
]
},
{
url: "/image/phm/tc14.png",
title: "预警信息管理",
content: [
"展示所有实时预警信息和预警相关的统计图表，提供多维度的查询和导出功能,支持查看预警的相关实时参数和参数曲线，支持预警信息自动发送以及初步判断。"
]
},
{
url: "/image/phm/tc15.png",
title: "健康管理",
content: [
"根据既定规则对设备进行健康度评测，动态监控车辆的运行状态和健康状态，为潜在维修问题的发现和诊断，突发故障的高效处理，以及决策提供数据依据，从而提高维保效率和质量，保障设备更加安全可靠地运行。"
]
}
]
},
functions3: [
{
url: "/image/phm/tc20.png",
title: "故障提前预知",
content: ["预知故障时间和位置，提高运行可靠性 "]
},
{
url: "/image/phm/tc21.png",
title: "提高可用时长",
content: ["提高可用时长，预测剩余使用寿命 "]
},
{
url: "/image/phm/tc22.png",
title: "提高维修准确性",
content: ["提高维修准确性，降低维修成本 "]
},
{
url: "/image/phm/tc23.png",
title: "运维决策优化",
content: ["辅助运维决策优化，提高运维价值"]
}
],
ydwtlist: [
{ url: "/image/phm/tc7.png", p: "数据质量差" },
{
url: "/image/phm/tc8.png",
p: "数据延迟严重"
},
{
url: "/image/phm/tc9.png",
p: "设备故障数据与设备运行数据无法自动对应"
},
{
url: "/image/phm/tc10.png",
p: "缺乏设备故障预警"
},
{
url: "/image/phm/tc11.png",
p: "设备运行参数、故障、GPG等数据不能实时调取"
}
]
}
};
},
methods: {
hover(i) {
this.pointIndex = i;
},
watch() {}
}
};
</script>
<style lang='less' scoped >
.pd {
position: absolute;
width: 100%;
}
.pd1 {
display: flex;
flex-direction: column;
align-items: center;
width: 1200px;
}
.cj {
margin-top: 0.3rem;
img {
width: 100%;
}
}
.foot {
width: 115%;
}
</style>
src/pages/product/saas.vue deleted 100644 → 0
View file @ dc5ed2b2
<template>
<div>
<!-- <h5>SaaS MES云端协同</h5>
<h6 id="h0">
产品简介
<span> INTRODUCTION </span>
</h6>
<div class="pb50">
<p>
　　见著SaaS MES是一款基于 SaaS 模式的轻量
MES，专为中小型、离散型制造企业而研发，旨在解决生产过程中的信息孤岛化、计划碎片化、数据非可视化等影响产品交付和增加生产成本的问题，助力企业以低成本，快速实
<span class="f16">现对项目、订单、物料、设备等生产要素的信息化、智能化管理。</span>
</p>
</div>
<h6 id="h1">
核心优势
<span> ADVANTAGE </span>
</h6>
<div class="advantage">
<div class="img">
<img src="/images/product/mes/img.png" alt />
</div>
</div>
<h6 id="h2">
应对问题
<span> PROBLEM </span>
</h6> -->
<!-- <product-problem :list="product.problems" /> -->
<!-- <h6 id="h3">
主要功能
<span> FUNCTION </span>
</h6> -->
<div class="pc">
<div class="product-banner">
<img :src="product.banner" alt="">
<!-- <Modal v-model="modal1" width="650" title="请留下以下信息，以便于我们联系您" @on-visible-change="hide">
<div class="form">
<Form ref="form" :model="entity" :rules="rules" label-position="top">
<FormItem label="手机" prop="phone">
<Input v-model.trim="entity.phone" placeholder="请填写11位手机号"></Input>
</FormItem>
</Form>
</div>
<div class="ac" slot="footer">
<Button type="primary" @click="sendMessage">申请试用</Button>
</div>
</Modal> -->
</div>
<div class="product-introduce">
<div class="title"><div class='line'></div><p>{{product.title}}</p><div class='line'></div></div>
<h5>产品简介</h5>
<h6>Product introduction</h6>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{product.jj1}}</span>
<div v-if="product.jj2!=''" class="jj2-div">
<br/>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{product.jj2}}</span>
</div>
<div @click="send('申请试用')" class="banner-sy">申请试用</div>
<Sy></Sy>
<img :src="product.url" alt="" style="margin-top:29px;">
</div>
<div class="product-merit">
<h5>核心优势</h5>
<h6>Core advantage</h6>
<product-functions2 :list="product.functions.list" v-if="product.functions.style==true"/>
<product-functions3 :list="product.functions.list" v-if="product.functions.style==false"/>
</div>
<div class="ydwt">
<img class="ydwt-img" src="/image/saas/ydwt.png" alt="">
<h5>应对问题</h5>
<h6>Coping with problems</h6>
<div class="ydwt-all">
<div v-for="(item,index) in product.ydwtlist" :key=index>
<img :src="item.url" alt="">
<p>{{item.p}}</p>
</div>
</div>
</div>
<div class="product-merit">
<div class="pd"></div>
<h5>主要功能</h5>
<h6>major function</h6>
<product-functions2 :list="product.functions2.list" v-if="product.functions.style==true"/>
<product-functions3 :list="product.functions2.list" v-if="product.functions.style==false"/>
</div>
<div class="product-merit">
<h5>适配场景</h5>
<h6>Adaptation scenarios</h6>
<p class="product-merit-p">{{product.spcj.title}}</p>
<div style="display: flex;justify-content: space-between;width: 1200px;flex-wrap:wrap;">
<img class="product-merit-img" v-for="(item,index) in product.spcj.url" :key=index :src="item" alt="">
</div>
</div>
<div class="product-merit" style="min-height:465px;background-color: rgb(239, 246, 255);">
<div class="pd1">
<h5>应用价值</h5>
<h6>Application value</h6>
<div style="display:flex;margin-top:80px;flex-wrap: wrap;margin-bottom:80px;">
<div class="value" v-for="(item,index) in product.functions3" :key='index'>
<img :src="item.url" alt="">
<p>{{item.title}}</p>
<span v-for="(items,index) in item.content" :key=index>{{items}}</span>
</div>
</div>
</div>
</div>
<!-- <h6 id="h4">
适配场景
<span> SCENE </span>
</h6>
<p>
　　SaaS MES主要适合中小企业，生产业务相对简单，不需要太多定制化需求。
</p> -->
<!-- <div class="scene s5">
<ul>
<li
class="scene-img"
v-for="(li, i) in list"
:key="i"
@mouseover="hover(i)"
:class="{ cur: pointIndex == i }"
>
<img :src="li.img" alt />
<div class="title">{{ li.title }}</div>
</li>
</ul>
</div> -->
<!-- <Fq :list='list'/> -->
<!-- <div class="swiper">
<Carousel
autoplay
loop
:autoplay-speed="5000"
dots="outside"
>
<CarouselItem v-for="(item,index) in list" :key='index'>
<div class="pr">
<img :src="item.img" alt="我们服务于" />
</div>
</CarouselItem>
</Carousel>
</div> -->
<!-- <h6 id="h5">
应用价值
<span> VALUE </span>
</h6> -->
<!-- <div class="ac">
<img src="/images/product/saas/3.png" alt="" />
</div> -->
<!-- <div class="pt50"></div>
<product-menu title="SaaS MES" /> -->
</div>
<div class="phone-pro">
<div class="banner-div">
<img :src="product.bannerphone" alt="">
</div>
<div class="title"><div class='line'></div><p>{{product.title}}</p><div class='line'></div></div>
<div class="all">
<span>{{product.jj1}}<br/>
<br/>
{{product.jj2}}
</span>
</div>
<div @click="send('申请试用')" class="banner-sy">申请试用</div>
<Sy></Sy>
<div class="all-img">
<img :src="product.url" alt="">
</div>
<h5>核心优势</h5>
<h6>Core advantage</h6>
<div class="core">
<div v-for="(item,index) in product.functions.list" :key='index'>
<img :src="item.url" alt="">
<p>{{item.title}}</p>
<span v-for="(items,index) in item.content" :key='index'>{{items}}</span>
</div>
</div>
<div class="ydwt-phone">
<img class="ydwt-phone-img" src="/image/saas/ydwtp.png" alt="">
<h5>应对问题</h5>
<h6>Coping with problems</h6>
<div class="ydwt-phone-div" >
<div v-for="(item,index) in product.ydwtlist" :key="index">
<img :src="item.url" alt="">
<p>{{item.p}}</p>
</div>
</div>
</div>
<div class="c2-div">
<h5>主要功能</h5>
<h6>major function</h6>
<div class="core c2">
<div v-for="(item,index) in product.functions2.list" :key='index'>
<img :src="item.url" alt="">
<p>{{item.title}}</p>
<span v-for="(items,index) in item.content" :key=index>{{items}}</span>
</div>
</div>
</div>
<h5>适配场景</h5>
<h6>major function</h6>
<p class="cj-p">
{{product.spcj.title}}
</p>
<div class="cj" style="width:3.29rem;padding-bottom:0.2rem">
<img v-for="(item,index) in product.spcj.url" :key=index :src="item" alt="">
</div>
<div class="c2-div">
<h5>应用价值</h5>
<h6>Application value</h6>
<div class="jz">
<div v-for="(item,index) in product.functions3" :key='index'>
<img :src="item.url" alt="">
<p>{{item.title}}</p>
<span v-for="(items,index) in item.content" :key=index>{{items}}</span>
</div>
</div>
</div>
<div class="foot">
<p class="title">联系我们</p>
<span>地址：北京市朝阳区慧忠北路103号洛克时代中心A座<br/>电话：010-68661832<br/>邮箱：sales@mes123.com</span>
<div class="foot_three">
<div><p>见著科技公众号</p><img src="/image/zh.jpg" alt=""></div>
<div><p>见著科技公众号</p><img src="/image/zh.jpg" alt=""></div>
<div><p>见著科技公众号</p><img src="/image/zh.jpg" alt=""></div>
</div>
</div>
</div>
</div>
</template>
<script>
import Sy from '@/components/sy'
export default {
name: "",
head: {
title: "SaaS MES云端协同---北京见著科技有限公司--MES系统"
},
components: {
Sy
},
data() {
return {
modal1:false,
pointIndex: 0,
product: {
banner: "/image/saas/tt-wz.png",
bannerphone: "/image/saas/banner.png",
title: "SaaS MES云端协同",
jj1:
"见著SaaS MES是一款基于 SaaS 模式的轻量 MES，专为中小型、离散型制造企业而研发，旨在解决生产过程中的信息孤岛化、计划碎片化、数据非可视化等影响产品交付和增加生产成本的问题，助力企业以低成本，快速实 现对项目、订单、物料、设备等生产要素的信息化、智能化管理。",
jj2: "",
url: "/image/saas/zu.png",
spcj: {
title:
"　SaaS MES主要适合中小企业，生产业务相对简单，不需要太多定制化需求。",
url: [
"/image/saas/s1.png",
"/image/saas/s2.png",
"/image/saas/3.png",
"/image/saas/s4.png"
]
},
functions: {
style: true,
list: [
{
url: "/image/saas/tc148.png",
title: "区块链技术",
content: [
"利用区块链的防篡改与不可逆等安全技术，保证平台登录安全与数据访问安全。"
]
},
{
url: "/image/saas/tc97.png",
title: "APS高级排产",
content: [
"利用基于目标的高级排产算法技术，对生产过程中各供应链要素的任务进行自动派工。"
]
},
{
url: "/image/saas/tc99.png",
title: "微服务框架",
content: [
"系统采用微服务组件形成分模块部署开发，便于后续业务的灵活扩展和功能调整。"
]
},
{
url: "/image/saas/tc100.png",
title: "大数据技术应用",
content: [
"系统可与大数据平台进行对接实现对产品全生产过程数据收集清理，形成故障知识库。"
]
},
{
url: "/image/saas/tc98.png",
title: "IOT平台",
content: [
"系统的IOT平台通过智能网关实现与执行结构（包括设备·AGV·能源等）的快速链接，掌握设备状态，采用设备数据。"
]
},
{
url: "/image/saas/tc149.png",
title: "人工智能",
content: [
"采用机器学习和人工智能手段，持续优化业务流程深化智能制造。"
]
}
]
},
functions2: {
style: true,
list: [
{
url: "/image/saas/tc161.png",
title: "生产执行",
content: [
"班组派工",
"工单执行",
"转序交接",
"工时提交",
"工时统计"
]
},
{
url: "/image/saas/tcc157.png",
title: "订单管理",
content: [
"订单编号",
"订单报价",
"订单状态",
"紧急程度",
"订单监控",
"电子对账单"
]
},
{
url: "/image/saas/tc158.png",
title: "资源管理",
content: [
"设备类型",
"设备管理",
"排产资源",
"库房库位",
"库房管理",
"理料单配套",
"制造资源"
]
},
{
url: "/image/saas/tc159.png",
title: "工艺管理",
content: ["工艺规程", "物料管理", "产品管理", "工厂日历"]
},
{
url: "/image/saas/tc160.png",
title: "生产计划",
content: ["计划管理", "排产结果", "异常变更", "生产计划"]
},
{
url: "/image/saas/tc162.png",
title: "质量管理",
content: ["原材料复验", "产品合格证", "质量检验", "数据包追溯"]
}
]
},
functions3: [
{
url: "/image/saas/tc163.png",
title: "设备运转率",
content: ["设备运转率提高20% "]
},
{
url: "/image/saas/tc164.png",
title: "设备故障率",
content: ["设备故障率下降25%"]
},
{
url: "/image/saas/tc165.png",
title: "物料齐套率",
content: ["物料齐套提高30% "]
},
{
url: "/image/saas/tc166.png",
title: "生产周期",
content: ["生产周期减少10%。"]
},
{
url: "/image/saas/tc167.png",
title: "协同效率",
content: ["协同效率提高30% "]
},
{
url: "/image/saas/tc168.png",
title: "品质损耗",
content: ["品质损耗降低20% "]
},
{
url: "/image/saas/tc169.png",
title: "订单交付率",
content: ["订单交付率提高32% "]
},
{
url: "/image/saas/tc170.png",
title: "生产成本",
content: ["生产成本降低28%"]
}
],
ydwtlist: [
{ url: "/image/saas/tc150.png", p: "排产手段落后" },
{ url: "/image/saas/tc151.png", p: "配套缺件影响生产" },
{ url: "/image/saas/tc152.png", p: "绩效管理粗放松散" },
{ url: "/image/saas/tc153.png", p: "生产经验不能传承" },
{ url: "/image/saas/tc155.png", p: "生产过程存在黑暗" },
{ url: "/image/saas/tc156.png", p: "产品质量参差不齐" }
]
},
entity: {
phone: "",
},
rules: {
phone: [
{ required: true, message: "请填写11位手机号", trigger: "blur" },
{
type: "string",
pattern: /^1[3456789]\d{9}/,
message: "手机号格式错误",
trigger: "blur"
}
],
}
};
},
methods: {
hover(i) {
this.pointIndex = i;
},
watch() {},
send(msg) {
this.$store.commit("openModalsy", msg);
},
}
};
</script>
<style lang='less' scoped >
.pd {
position: absolute;
width: 100%;
height: 650px;
background-color: rgb(239, 246, 255);
z-index: -1;
}
.pd1 {
display: flex;
flex-direction: column;
align-items: center;
width: 1200px;
}
.cj {
margin-top: 0.3rem;
img {
width: 100%;
}
}
.foot {
width: 115%;
}
</style>
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