diff --git a/website/assets/css/style.css b/website/assets/css/style.css
index 1fb05b7..3ca9099 100644
--- a/website/assets/css/style.css
+++ b/website/assets/css/style.css
@@ -374,6 +374,10 @@ textarea:placeholder,
background-size: cover;
padding: 200px;
height: calc(100vh);
+ display: flex;
+ flex-flow: column;
+ align-items: center;
+ justify-content: center;
}
.concat-service {
position: relative;
@@ -382,6 +386,10 @@ textarea:placeholder,
background-size: cover;
padding: 200px;
height: calc(100vh);
+ display: flex;
+ flex-flow: column;
+ align-items: center;
+ justify-content: center;
}
.concat-about {
@@ -431,8 +439,9 @@ textarea:placeholder,
}
.page-title {
- font-size: 45px;
+ font-size: 42px;
margin-top: 75px;
+ text-align: center;
}
.breadcrumb {
@@ -2461,6 +2470,7 @@ blockquote:before {
}
.weFooterColor{
color: #ADADAD;
+ font-size: 14px;
}
.weFooterList{
display: grid;
@@ -2563,6 +2573,9 @@ blockquote:before {
.partner-section{
position: relative;
}
+.partner-section .container,.partner-section .container .row{
+ height:100%;
+}
.partner-bg-xs{
position: absolute;
height: 100%;
@@ -2582,7 +2595,7 @@ blockquote:before {
top: 0;
z-index: -1;
background: url('../img/about/partner-bg.png');
- background-size: cover;
+ background-size: contain;
}
}
.partner-con{
@@ -2616,7 +2629,7 @@ blockquote:before {
left:-30px;
}
.partner-con:nth-child(2) .partner-item:nth-child(3){
- left:-60px;
+ left:-50px;
}
.partner-con:nth-child(3) .partner-item:nth-child(1),.partner-con:nth-child(3) .partner-item:nth-child(4){
left:60px;
@@ -2711,6 +2724,7 @@ blockquote:before {
align-items: center;
justify-content: center;
flex-flow: column;
+ top:2px;
}
.about-concat-bg{
position: absolute;
@@ -2745,4 +2759,124 @@ blockquote:before {
justify-content: center;
align-items: center;
}
+/*lsq 加入我们样式调整*/
+.title-style.color-white,.title-intro.color-white{
+ color:#fff;
+}
+.concat-concat .title-style{
+ font-size:42px;
+}
+.font-size-24{
+ font-size:24px;
+}
+.concat-btn{
+ color:#ffffff;
+ padding: 20px 40px;
+ display: inline-block;
+ border-radius: 6px;
+ background: rgba(36,41,51,.67);
+ font-size: 24px;
+ border: 1px solid #fff;
+ cursor: pointer;
+}
+.concat-title{
+ font-size: 28px;
+ color:#333;
+}
+.concat-intro{
+ font-size:18px;
+ color:#666;
+ font-family: PingFang-SC-medium;
+}
+@media (min-width: 1400px){
+ .container.concat,.container.product{
+ max-width: 1200px;
+ }
+}
+.viewMore{
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+/*lsq 产品中心样式调整*/
+.product-title{
+ color:#1068e2;
+ font-size:28px;
+}
+.product-intro{
+ color:#666;
+ font-size:18px;
+ font-family: 'PingFang-SC-medium';
+}
+.product-intro-li{
+ display: flex;
+ align-items: center;
+ color:#333;
+ font-size: 18px;
+ line-height: 34px;
+}
+.circle-product{
+ background: #1068e2;
+ width:10px;
+ height: 10px;
+ border-radius: 50%;
+ margin-right:10px;
+}
+.product-bg{
+ background-repeat: no-repeat;
+ background-position: right bottom;
+ padding: 30px 20px;
+ height: 80%;
+ flex: 1;
+ display: flex;
+ flex-flow: column;
+ align-items: flex-start;
+ justify-content: center;
+}
+.product-bg-1{
+ background-image:url("../img/services/1.png");
+}
+.product-bg-2{
+ background-image:url("../img/services/2.png");
+}
+.product-bg-3{
+ background-image:url("../img/services/3.png");
+}
+.product-bg-4{
+ background-image:url("../img/services/4.png");
+}
+.product-bg-5{
+ background-image:url("../img/services/5.png");
+}
+.product-bg-6{
+ background-image:url("../img/services/6.png");
+}
+.product-bg-7{
+ background-image:url("../img/services/7.png");
+}
+.product-bg-8{
+ background-image:url("../img/services/8.png");
+}
+.product-section{
+ height: calc(80vh);
+}
+.product-section .product{
+ height:100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+}
+.product-section .product .row{
+ height:100%;
+}
+.product-item{
+ height:80%;
+ display: flex;
+ align-items: center;
+}
+.about-section .slow{
+ -webkit-animation-duration: 2.5s;
+ animation-duration: 2.5s;
+}
diff --git a/website/assets/img/concat/arrow-right.png b/website/assets/img/concat/arrow-right.png
new file mode 100644
index 0000000..d97d5f7
Binary files /dev/null and b/website/assets/img/concat/arrow-right.png differ
diff --git a/website/assets/img/concat/s1.JPG b/website/assets/img/concat/s1.JPG
deleted file mode 100644
index 6df88c2..0000000
Binary files a/website/assets/img/concat/s1.JPG and /dev/null differ
diff --git a/website/assets/img/concat/s1.png b/website/assets/img/concat/s1.png
new file mode 100644
index 0000000..80943ec
Binary files /dev/null and b/website/assets/img/concat/s1.png differ
diff --git a/website/assets/img/concat/s2.jpg b/website/assets/img/concat/s2.jpg
deleted file mode 100644
index 823f5d5..0000000
Binary files a/website/assets/img/concat/s2.jpg and /dev/null differ
diff --git a/website/assets/img/concat/s2.png b/website/assets/img/concat/s2.png
new file mode 100644
index 0000000..2ecbe1f
Binary files /dev/null and b/website/assets/img/concat/s2.png differ
diff --git a/website/assets/img/concat/s3.jpg b/website/assets/img/concat/s3.jpg
deleted file mode 100644
index 911aac3..0000000
Binary files a/website/assets/img/concat/s3.jpg and /dev/null differ
diff --git a/website/assets/img/concat/s3.png b/website/assets/img/concat/s3.png
new file mode 100644
index 0000000..ac83443
Binary files /dev/null and b/website/assets/img/concat/s3.png differ
diff --git a/website/assets/img/data/productData.js b/website/assets/img/data/productData.js
new file mode 100644
index 0000000..a8f7aa8
--- /dev/null
+++ b/website/assets/img/data/productData.js
@@ -0,0 +1,53 @@
+export function productDatas(){
+ let res=[
+ {
+ title:'综合告警智能算法平台',
+ // introduction:'能快速接入各类告警信息，通过告警算法自动去重、规则压缩、算法降噪，实现告警降噪，避免告警风暴，更快响应告警，提升告警管理能力',
+ introData:['基于智能算法对告警消息压缩合并','支持固定阈值、同环比，预测性异常检测','自动化故障修复','自动化故障修复'],
+ type:'alarm'
+ },
+ {
+ title:'综合监控管理A-view',
+ // introduction:'全方位监控应用/平台资源/基础设施，基于IT资源图谱，洞察问题根因，随时掌握业务健康状况，快速定位故障，保持IT业务良性、稳定和长效发展',
+ introData:['告警消息统一在平台管理','基于智能算法对告警消息压缩合并','支持阈值、同环比、预测异常检测','自动故障修复'],
+ type:'Aview'
+ },
+ {
+ title:'CMDB资产管理',
+ introduction:'建立以应用为中心的资源 管理模型，促进资产到资源的转变',
+ introData:['告警消息统一在平台管理','基于智能算法对告警消息压缩合并','支持阈值、同环比、预测异常检测','自动故障修复'],
+ type:'cmdb'
+ },
+ {
+ title:'业务及应用综合分析平台',
+ introduction:'全新的端到端，全链路的应用性能管理平台，对业务性能问题进行快速发现，帮助用户有效地降低 MTTR、 提升IT部门对业务和用户体验的把控',
+ // introData:['告警消息统一在平台管理','基于智能算法对告警消息压缩合并','支持阈值、同环比、预测异常检测','自动故障修复'],
+ type:'businessApp'
+ },
+ {
+ title:'日志综合智能分析平台',
+ introduction:'通过对日志的采集、存储、备份、查询、告警分析和报表统计功能，实现海量日志管理。',
+ introData:['告警消息统一在平台管理','基于智能算法对告警消息压缩合并','支持阈值、同环比、预测异常检测','自动故障修复'],
+ type:'securityLog'
+ },
+ {
+ title:'信息化协同管理支撑平台',
+ introduction:'基于“人工智能+大数据”底座对全新业务、系统、流程、管理、虚拟团队“全新”模式下的信息化协同。',
+ introData:['告警消息统一在平台管理','基于智能算法对告警消息压缩合并','支持阈值、同环比、预测异常检测','自动故障修复'],
+ type:'information'
+ },
+ {
+ title:'魔镜智能运维管理一体机',
+ introduction:'数据中心已有的各类运维数据，包括业务指标数据、机器指标数据、各类监控工具的告警数据，建立涵盖数据管理、 故障发现、故障定位和故障预警的综合运维体系。',
+ introData:['告警消息统一在平台管理','基于智能算法对告警消息压缩合并','支持阈值、同环比、预测异常检测','自动故障修复'],
+ type:'maintenance'
+ },
+ {
+ title:'魔镜智能多云运维平台',
+ introduction:'基于“人工智能+大数据”底座对全新业务、系统、流程、管理、虚拟团队“全新”模式下的信息化协同。',
+ introData:['告警消息统一在平台管理','基于智能算法对告警消息压缩合并','支持阈值、同环比、预测异常检测','自动故障修复'],
+ type:'cloud'
+ }
+ ]
+ return res;
+}
\ No newline at end of file
diff --git a/website/assets/img/services/1.png b/website/assets/img/services/1.png
new file mode 100644
index 0000000..def3d68
Binary files /dev/null and b/website/assets/img/services/1.png differ
diff --git a/website/assets/img/services/2.png b/website/assets/img/services/2.png
new file mode 100644
index 0000000..41073d9
Binary files /dev/null and b/website/assets/img/services/2.png differ
diff --git a/website/assets/img/services/3.png b/website/assets/img/services/3.png
new file mode 100644
index 0000000..97e08a9
Binary files /dev/null and b/website/assets/img/services/3.png differ
diff --git a/website/assets/img/services/4.png b/website/assets/img/services/4.png
new file mode 100644
index 0000000..ca7910c
Binary files /dev/null and b/website/assets/img/services/4.png differ
diff --git a/website/assets/img/services/5.png b/website/assets/img/services/5.png
new file mode 100644
index 0000000..ef408e9
Binary files /dev/null and b/website/assets/img/services/5.png differ
diff --git a/website/assets/img/services/6.png b/website/assets/img/services/6.png
new file mode 100644
index 0000000..6c54388
Binary files /dev/null and b/website/assets/img/services/6.png differ
diff --git a/website/assets/img/services/7.png b/website/assets/img/services/7.png
new file mode 100644
index 0000000..9c60b4e
Binary files /dev/null and b/website/assets/img/services/7.png differ
diff --git a/website/assets/img/services/8.png b/website/assets/img/services/8.png
new file mode 100644
index 0000000..e236414
Binary files /dev/null and b/website/assets/img/services/8.png differ
diff --git a/website/assets/img/services/service-bg.png b/website/assets/img/services/service-bg.png
index cf61b98..62680c0 100644
Binary files a/website/assets/img/services/service-bg.png and b/website/assets/img/services/service-bg.png differ
diff --git a/website/assets/js/main.js b/website/assets/js/main.js
index 1f28e67..967a3ec 100644
--- a/website/assets/js/main.js
+++ b/website/assets/js/main.js
@@ -28,8 +28,16 @@
siteHeader.removeClass('fixed-header');
scrollLink.fadeOut(300);
//lsq 设置置顶之后的logo图片 2022-09-20
- $('.logo-outer .hg-logo').attr('src','assets/img/logo-footer.png');
- $('.navigation').addClass('navigation-white');
+ let path=window.location.hash;
+ let pathArr=path.split('/');
+ if(pathArr.length>2){
+ $('.logo-outer .hg-logo').attr('src','assets/img/logo.png');
+ $('.navigation').removeClass('navigation-white');
+ }else{
+ $('.logo-outer .hg-logo').attr('src','assets/img/logo-footer.png');
+ $('.navigation').addClass('navigation-white');
+ }
+
}
}
}
diff --git a/website/src/views/about/index.html b/website/src/views/about/index.html
index 0e124b9..a0eaabd 100644
--- a/website/src/views/about/index.html
+++ b/website/src/views/about/index.html
@@ -16,7 +16,7 @@
<section class="about-section rel all-height">
<div class="container">
- <div class="about-content mr-20 rmr-0 rmb-50 wow customFadeInRight delay-0-1s slow">
+ <div class="about-content mr-20 rmr-0 rmb-50 wow customFadeInRight delay-0-2s slow">
<div class="section-title mb-35">
<span class="title-style">公司简介</span>
</div>
@@ -139,9 +139,9 @@
</div>
</section>
- <section class="partner-section pt-105 pb-50">
+ <section class="partner-section pt-100 pb-100">
<div class="container">
- <div class="row">
+ <div class="row wow customFadeInRight delay-0-1s slow">
<div :class="['partner-con', 'col-lg-3',{'partner-con-center':index==0 || index==3}]" v-for="(item,index) in 4">
<div class="partner-item" v-for="(itemC,indexC) in 4"><img :src="'assets/img/about/partner/partner-'+item+'-'+itemC+'.png'" alt=""></div>
</div>
diff --git a/website/src/views/about/index.js b/website/src/views/about/index.js
index f13ba58..a9cad71 100644
--- a/website/src/views/about/index.js
+++ b/website/src/views/about/index.js
@@ -36,6 +36,7 @@ export default {
let i=Vue.ref(0);
let MousewheelFun=(e)=>{
let hei=$('.wrap-container>section').first().outerHeight();
+ $('.wrap-container section:nth-child('+(i.value+1)+') .wow').removeAttr('style');
// 控制滑动一次
if(flag.value){
// 上滑
@@ -61,7 +62,6 @@ export default {
}
}
}
- $('.wrap-container section:nth-child('+(i.value+1)+') .wow').removeAttr('style');
if(i.value==2 || i.value==4 || i.value==6){
$('.navigation').removeClass('navigation-white');
$('.logo-outer .hg-logo').attr('src','assets/img/logo.png');
diff --git a/website/src/views/concat/index.html b/website/src/views/concat/index.html
index 5634a10..d7658f4 100644
--- a/website/src/views/concat/index.html
+++ b/website/src/views/concat/index.html
@@ -12,32 +12,29 @@
<section class="concat-concat rel rpt-150 pb-130 rpb-0 text-left ">
- <h1 class="color-white mb-2">加入鸿果，成为你想成为的人</h1>
- <h2 class="color-white mb-2">齐心协力、积极乐观、共同发展、团队共赢！</h2>
- <h4 class="color-white mb-2">具备足够的勇气及长远的眼光，大家携手一起，齐心协力，积极乐观，超共同的目标前进实现共同发展及利益最大化</h4>
-</section>
-
-<section class="banner-section rel" style="height: 100px">
- <div class="container">
- <h2 class="page-title">加入我们</h2>
+ <div class="color-white mb-2 title-style font-size-42">加入鸿果，成为你想成为的人</div>
+ <div class="color-white mb-2 pt-20 font-size-24">齐心协力、积极乐观、共同发展、团队共赢！</div>
+ <div class="color-white mb-2 title-intro pt-20">具备足够的勇气及长远的眼光，大家携手一起，齐心协力，积极乐观，超共同的目标前进实现共同发展及利益最大化</div>
+ <div class="concat-btn mt-50" @click="routerPath('sale')">
+ <span class="mr-15">招贤纳士</span> <img src="assets/img/concat/arrow-right.png" alt="">
</div>
</section>
<section class="sps-one pt-120 mb-70 rmb-100">
- <div class="container">
+ <div class="container concat">
<div class="row align-items-center">
<div class="col-lg-6 order-lg-2">
<div class="service-right-content mt-50 ml-50 rml-0 rmb-50 wow customFadeInRight delay-0-1s slow">
<div class="section-title style-three mb-15">
- <span class="sub-title">成功靠大家努力</span>
+ <span class="concat-title">成功靠大家努力</span>
</div>
- <p>成功的花,人们只惊羡它现时的明艳，然而当初它的芽儿，却浸透了奋斗者的泪泉，洒满了牺牲的血雨——冰心。成功不简单，坚持下去，就是胜利！向着美好的明天，迈进吧！</p>
+ <div class="concat-intro">成功的花,人们只惊羡它现时的明艳，然而当初它的芽儿，却浸透了奋斗者的泪泉，洒满了牺牲的血雨——冰心。成功不简单，坚持下去，就是胜利！向着美好的明天，迈进吧！</div>
</div>
</div>
<div class="col-lg-6">
<div class="service-left-image wow customFadeInLeft delay-0-1s slow">
- <img style="border-radius: 25px" src="assets/img/concat/s1.JPG" alt="Service image">
+ <img style="border-radius: 25px" src="assets/img/concat/s1.png" alt="Service image">
</div>
</div>
</div>
@@ -46,19 +43,19 @@
<section class="sps-two mb-50 rmb-100">
- <div class="container">
+ <div class="container concat">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="service-left-content mr-50 rmr-0 rmb-50 wow customFadeInLeft delay-0-1s slow">
<div class="section-title style-three mb-15">
- <span class="sub-title">在美好的环境中工作并创新</span>
+ <span class="concat-title">在美好的环境中工作并创新</span>
</div>
- <p>在团队活动中释放个性</p>
+ <div class="concat-intro">充满学习和成长机会，能够在众多培训中和工作中不断学习，在部门内部经常组织专题/业务讲座，分享项目经验</div>
</div>
</div>
<div class="col-lg-6">
<div class="service-right-image wow customFadeInRight delay-0-1s slow">
- <img style="border-radius: 25px" src="assets/img/concat/s2.jpg" alt="Service image">
+ <img style="border-radius: 25px" src="assets/img/concat/s2.png" alt="Service image">
</div>
</div>
</div>
@@ -68,54 +65,40 @@
<section class="sps-three mb-50 rmb-100">
- <div class="container">
+ <div class="container concat">
<div class="row align-items-center">
<div class="col-lg-6 order-lg-2">
<div class="service-right-content ml-50 rml-0 rmb-50 wow customFadeInRight delay-0-1s slow">
<div class="section-title style-three mb-15">
- <span class="sub-title">在美好的环境中工作并创新</span>
+ <span class="concat-title">在团队活动中释放个性</span>
</div>
- <p>团队是什么？</p>
- <p>由一小群人组成，有着相同的目标，为实现目标负有相同的责任。</p>
+ <div class="concat-intro">团队是什么？</div>
+ <div class="concat-intro">由一小群人组成，有着相同的目标，为实现目标负有相同的责任。</div>
</div>
</div>
<div class="col-lg-6">
<div class="service-left-image wow customFadeInLeft delay-0-1s slow">
- <img style="border-radius: 25px" src="assets/img/concat/s3.jpg" alt="Service image">
+ <img style="border-radius: 25px" src="assets/img/concat/s3.png" alt="Service image">
</div>
</div>
</div>
</div>
</section>
-
-<!--<section class="services-section rel text-center mt-100 mb-80">-->
-<!-- <div class="container">-->
-<!-- <div class="row">-->
-<!-- <div class="col-lg-12 col-md-12">-->
-<!-- <!– <h4><a href="#">合作流程</a></h4>-->
-<!-- <p>专业技术顾问，提供一对一服务</p>–>-->
-<!-- <div class="service-icon mb-25">-->
-<!-- <img src="assets/img/concat/gw.png">-->
-<!-- </div>-->
-<!-- </div>-->
-<!-- </div>-->
-<!-- </div>-->
-<!--</section>-->
<section class="weFooter sps-three">
<div class="mainContent container">
<div class="row">
- <div class="col-lg-8 col-md-12">
+ <div class="col-lg-10 col-md-12">
<h5>加入鸿果</h5>
<span class="mb-15 weFooterColor">鸿果科技依托"金税三期"、"互联网+智能化AI+行业应用"的变革时机，充分运用智能化、运维大数据思维，引入AI、算法和业务深度理解，共同打造AIOps生态圈</span>
- <h5 class="mt-25 mb-15">热门职位</h5>
+ <h5 class="mt-25 mb-10">热门职位</h5>
<ul class="weFooterList">
- <li class="weFooterColor cursor-pointer mb-15" v-for="(item,index) in recruitHot.data" :key="index">
+ <li class="weFooterColor cursor-pointer mb-10" v-for="(item,index) in recruitHot.data" :key="index">
<span @click="routerPath(item.url)" class="border-bottom">{{item.text}}</span>
</li>
</ul>
</div>
- <div class="col-lg-2 col-sm-12 ml-auto">
+ <div class="col-lg-2 col-sm-12 viewMore">
<span @click="routerPath('sale')" class="btn btn-danger d-inline-block min-width-100">查看更多职位</span>
</div>
</div>
diff --git a/website/src/views/home/index.html b/website/src/views/home/index.html
index c1eb963..f763ba0 100644
--- a/website/src/views/home/index.html
+++ b/website/src/views/home/index.html
@@ -11,11 +11,11 @@
</section>
<section class="home-banner-section rel rpt-150 rpb-0 text-center" id="homeBanner">
- <div class="owl-carousel owl-theme owl-loaded">
- <div class="owl-stage-outer owl-height">
- <div class="owl-stage">
- <div class="owl-item" v-for="(item,index) in homeData">
- <img :src="'assets/img/index/' + (index+1) + '.png'" class="d-block w-100 h-75">
+ <div class="owl-carousel owl-theme owl-loaded all-height">
+ <div class="owl-stage-outer owl-height all-height">
+ <div class="owl-stage all-height">
+ <div class="owl-item all-height" v-for="(item,index) in homeData" :style="'background: url(assets/img/index/' + (index+1) + '.png);background-size:cover;'">
+<!-- <img :src="'assets/img/index/' + (index+1) + '.png'" class="d-block w-100 h-75">-->
<div :class="['owl-item-content']">
<div :class="['owl-item-title', 'font-size-42',{'text-align-center':index==2}]">{{item.title}}</div>
<div class="owl-item-title font-size-42" v-if="item.title1">{{item.title1}}</div>
@@ -32,7 +32,7 @@
</section>
-<section class="services-section rel text-center">
+<section class="services-section rel text-center pt-30">
<div class="container">
<div class="title-style">技术优势</div>
<div class="title-intro pt-20">以AI激活运维数据智慧，助力客户数字化运维</div>
diff --git a/website/src/views/home/index.js b/website/src/views/home/index.js
index 70ba5c4..ede2d3b 100644
--- a/website/src/views/home/index.js
+++ b/website/src/views/home/index.js
@@ -62,7 +62,7 @@ export default {
//循环
loop: true,
autoplay: true,//自动轮播
- autoplayTimeout:3000, //轮播时间
+ autoplayTimeout:5000, //轮播时间
});
})
diff --git a/website/src/views/services/index.html b/website/src/views/services/index.html
index 90c5071..ebc12e7 100644
--- a/website/src/views/services/index.html
+++ b/website/src/views/services/index.html
@@ -12,231 +12,37 @@
<section class="concat-service rel rpt-150 pb-130 rpb-0 text-left ">
-
+ <div class="color-white mb-2 title-style font-size-42">运维数字化道路，鸿果与你同行</div>
+ <div class="color-white mb-2 pt-30 title-intro">鸿果自研的产品--数字运维中台</div>
+ <div class="color-white mb-2 title-intro pt-10">作为智能运维各应用场景的支撑平台，提供数据治理服务、流批一体服务和AI平台服务</div>
</section>
-<section class="banner-section rel" style="height: 100px">
+<section class=" rel" style="height: 100px">
<div class="container">
<h2 class="page-title">产品中心</h2>
</div>
</section>
-<section class="sps-one pt-120 mb-70 rmb-100">
- <div class="container">
- <div class="row align-items-center">
- <div class="col-lg-6 order-lg-2">
- <div class="service-right-content mt-50 ml-50 rml-0 rmb-50 wow customFadeInRight delay-0-1s slow">
- <div class="section-title style-three mb-15">
- <span class="sub-title cursor-pointer" @click="jumpSecond('alarm')">综合告警智能算法平台</span>
- </div>
- <p>
- 能快速接入各类告警信息，通过告警算法自动去重、规则压缩、算法降噪，实现告警降噪，避免告警风暴，更快响应告警，提升告警管理能力
- </p>
- <ol>
- <li style="color: #0b2e13">■ 告警消息统一在平台管理</li>
- <li style="color: #0b2e13">■ 基于智能算法对告警消息压缩合并</li>
- <li style="color: #0b2e13">■ 支持阈值、同环比、预测异常检测</li>
- <li style="color: #0b2e13">■ 自动故障修复</li>
- </ol>
- </div>
- </div>
- <div class="col-lg-6" @click="jumpSecond('alarm')">
- <div class="service-left-image wow customFadeInLeft delay-0-1s slow">
- <img src="assets/img/services/p1.png" style="border-radius: 10px;">
- </div>
- </div>
- </div>
- </div>
-</section>
-
-
-<section class="sps-two mb-50 rmb-100">
- <div class="container">
- <div class="row align-items-center">
- <div class="col-lg-6">
- <div class="service-left-content mr-50 rmr-0 rmb-50 wow customFadeInLeft delay-0-1s slow">
- <div class="section-title style-three mb-15">
- <span class="sub-title cursor-pointer" @click="jumpSecond('Aview')">综合监控管理A-view</span>
- </div>
- <p>全方位监控应用/平台资源/基础设施，基于IT资源图谱，洞察问题根因，随时掌握业务健康状况，快速定位故障，保持IT业务良性、稳定和长效发展</p>
- <ol>
- <li style="color: #0b2e13">■ 告警消息统一在平台管理</li>
- <li style="color: #0b2e13">■ 基于智能算法对告警消息压缩合并</li>
- <li style="color: #0b2e13">■ 支持阈值、同环比、预测异常检测</li>
- <li style="color: #0b2e13">■ 自动故障修复</li>
- </ol>
- </div>
- </div>
- <div class="col-lg-6" @click="jumpSecond('Aview')">
- <div class="service-right-image wow customFadeInRight delay-0-1s slow">
- <img src="assets/img/services/p2.png" style="border-radius: 10px;">
- </div>
- </div>
- </div>
- </div>
-</section>
-
-
-<section class="sps-three mb-50 rmb-100">
-
- <div class="container">
+<section class="sps-one pt-50 mb-70 rmb-100 product-section" v-for="(item,index) in productData">
+ <div class="container product">
<div class="row align-items-center">
- <div class="col-lg-6 order-lg-2">
- <div class="service-right-content ml-50 rml-0 rmb-50 wow customFadeInRight delay-0-1s slow">
+ <div :class="['col-lg-6','product-item', {'order-lg-2':(index+1)%2==1}]">
+ <div :class="[{'service-right-content':(index+1)%2==1,'service-left-content':(index+1)%2==0, 'mt-50':(index+1)%2==1, 'ml-50':(index+1)%2==1,'mr-50':(index+1)%2==0},'product-bg','product-bg-'+(index+1), 'rml-0', 'rmb-50', 'wow', {'customFadeInRight':(index+1)%2==1,'customFadeInLeft':(index+1)%2==0}, 'delay-0-1s', 'slow']">
<div class="section-title style-three mb-15">
- <span class="sub-title cursor-pointer" @click="jumpSecond('cmdb')">CMDB资产管理</span>
+ <span class="product-title cursor-pointer" @click="jumpSecond(item.type)">{{item.title}}<!--综合告警智能算法平台--></span>
</div>
- <p>建立以应用为中心的资源 管理模型，促进资产到资源的转变</p>
- <ol>
- <li style="color: #0b2e13">■ 告警消息统一在平台管理</li>
- <li style="color: #0b2e13">■ 基于智能算法对告警消息压缩合并</li>
- <li style="color: #0b2e13">■ 支持阈值、同环比、预测异常检测</li>
- <li style="color: #0b2e13">■ 自动故障修复</li>
- </ol>
- </div>
- </div>
- <div class="col-lg-6" @click="jumpSecond('cmdb')">
- <div class="service-left-image wow customFadeInLeft delay-0-1s slow">
- <img src="assets/img/services/p3.png" style="border-radius: 10px;">
- </div>
- </div>
- </div>
- </div>
-</section>
-
-
-<section class="sps-four mb-75 rmb-100">
- <div class="container">
- <div class="row align-items-center">
- <div class="col-lg-6">
- <div class="service-left-content mr-50 rmr-0 rmb-50 wow customFadeInLeft delay-0-1s slow">
- <div class="section-title style-three mb-15">
- <span class="sub-title cursor-pointer" @click="jumpSecond('businessApp')">业务及应用综合分析平台</span>
- </div>
- <p>全新的端到端，全链路的应用性能管理平台，对业务性能问题进行快速发现，帮助用户有效地降低 MTTR、 提升IT部门对业务和用户体验的把控</p>
- <ol>
- <li style="color: #0b2e13">■ 告警消息统一在平台管理</li>
- <li style="color: #0b2e13">■ 基于智能算法对告警消息压缩合并</li>
- <li style="color: #0b2e13">■ 支持阈值、同环比、预测异常检测</li>
- <li style="color: #0b2e13">■ 自动故障修复</li>
- </ol>
- </div>
- </div>
- <div class="col-lg-6" @click="jumpSecond('businessApp')">
- <div class="service-right-image wow customFadeInRight delay-0-1s slow">
- <img src="assets/img/services/p4.png" style="border-radius: 10px;">
- </div>
- </div>
- </div>
- </div>
-</section>
-
-
-<section class="sps-five mb-150 rmb-50">
- <div class="container">
- <div class="row align-items-center">
- <div class="col-lg-6 order-lg-2">
- <div class="service-right-content ml-50 rml-0 rmb-50 wow customFadeInRight delay-0-1s slow">
- <div class="section-title style-three mb-15">
- <span class="sub-title cursor-pointer" @click="jumpSecond('securityLog')">日志综合智能分析平台</span>
- </div>
- <p>通过对日志的采集、存储、备份、查询、告警分析和报表统计功能，实现海量日志管理。</p>
- <ol>
- <li style="color: #0b2e13">■ 告警消息统一在平台管理</li>
- <li style="color: #0b2e13">■ 基于智能算法对告警消息压缩合并</li>
- <li style="color: #0b2e13">■ 支持阈值、同环比、预测异常检测</li>
- <li style="color: #0b2e13">■ 自动故障修复</li>
- </ol>
- </div>
- </div>
- <div class="col-lg-6" @click="jumpSecond('securityLog')">
- <div class="service-left-image wow customFadeInLeft delay-0-1s slow">
- <img src="assets/img/services/p5.png" style="border-radius: 10px;">
- </div>
- </div>
- </div>
- </div>
-</section>
-
-
-<section class="sps-two mb-50 rmb-100">
- <div class="container">
- <div class="row align-items-center">
- <div class="col-lg-6">
- <div class="service-left-content mr-50 rmr-0 rmb-50 wow customFadeInLeft delay-0-1s slow">
- <div class="section-title style-three mb-15">
- <span class="sub-title cursor-pointer" @click="jumpSecond('information')">信息化协同管理支撑平台</span>
- </div>
- <p>
- 基于“人工智能+大数据”底座对全新业务、系统、流程、管理、虚拟团队“全新”模式下的信息化协同。
- </p>
- <ol>
- <li style="color: #0b2e13">■ 告警消息统一在平台管理</li>
- <li style="color: #0b2e13">■ 基于智能算法对告警消息压缩合并</li>
- <li style="color: #0b2e13">■ 支持阈值、同环比、预测异常检测</li>
- <li style="color: #0b2e13">■ 自动故障修复</li>
- </ol>
- </div>
- </div>
- <div class="col-lg-6" @click="jumpSecond('information')">
- <div class="service-right-image wow customFadeInRight delay-0-1s slow">
- <img src="assets/img/services/p6.png" style="border-radius: 10px;">
- </div>
- </div>
- </div>
- </div>
-</section>
-
-<section class="sps-one mb-70 rmb-100">
- <div class="container">
- <div class="row align-items-center">
- <div class="col-lg-6 order-lg-2">
- <div class="service-right-content mt-50 ml-50 rml-0 rmb-50 wow customFadeInRight delay-0-1s slow">
-
- <div class="section-title style-three mb-15">
- <span class="sub-title cursor-pointer" @click="jumpSecond('maintenance')">魔镜智能运维管理一体机</span>
- </div>
- <p>数据中心已有的各类运维数据，包括业务指标数据、机器指标数据、各类监控工具的告警数据，建立涵盖数据管理、 故障发现、故障定位和故障预警的综合运维体系。</p>
- <ol>
- <li style="color: #0b2e13">■ 告警消息统一在平台管理</li>
- <li style="color: #0b2e13">■ 基于智能算法对告警消息压缩合并</li>
- <li style="color: #0b2e13">■ 支持阈值、同环比、预测异常检测</li>
- <li style="color: #0b2e13">■ 自动故障修复</li>
- </ol>
- </div>
- </div>
- <div class="col-lg-6" @click="jumpSecond('maintenance')">
- <div class="service-left-image wow customFadeInLeft delay-0-1s slow">
- <img src="assets/img/services/p7.png" style="border-radius: 10px;">
- </div>
- </div>
- </div>
- </div>
-</section>
-
-<section class="sps-two mb-50 rmb-100">
- <div class="container">
- <div class="row align-items-center">
- <div class="col-lg-6">
- <div class="service-left-content mr-50 rmr-0 rmb-50 wow customFadeInLeft delay-0-1s slow">
- <div class="section-title style-three mb-15">
- <span class="sub-title cursor-pointer" @click="jumpSecond('cloud')">魔镜智能多云运维平台</span>
+ <div :class="['product-intro'],{'pt-30':!item.introData || item.introData.length==0}">
+ {{item.introduction}}
</div>
- <p>
- 基于“人工智能+大数据”底座对全新业务、系统、流程、管理、虚拟团队“全新”模式下的信息化协同。
- </p>
- <ol>
- <li style="color: #0b2e13">■ 告警消息统一在平台管理</li>
- <li style="color: #0b2e13">■ 基于智能算法对告警消息压缩合并</li>
- <li style="color: #0b2e13">■ 支持阈值、同环比、预测异常检测</li>
- <li style="color: #0b2e13">■ 自动故障修复</li>
+ <ol class="pt-20">
+ <li v-for="itemI in item.introData" class="product-intro-li"><span class="circle-product"></span>{{itemI}}</li>
</ol>
</div>
</div>
- <div class="col-lg-6" @click="jumpSecond('cloud')">
- <div class="service-right-image wow customFadeInRight delay-0-1s slow">
- <img src="assets/img/services/p8.png" style="border-radius: 10px;">
+ <div class="col-lg-6 product-item" @click="jumpSecond(item.type)">
+ <div :class="[{'service-left-image':(index+1)%2==1,'service-right-image':(index+1)%2==0}, 'wow', {'customFadeInLeft':(index+1)%2==1,'customFadeInRight':(index+1)%2==0}, 'delay-0-1s', 'slow']">
+ <img :src="'assets/img/services/p'+(index+1)+'.png'" style="border-radius: 10px;">
</div>
</div>
</div>
diff --git a/website/src/views/services/index.js b/website/src/views/services/index.js
index 851e699..8f2e9b5 100644
--- a/website/src/views/services/index.js
+++ b/website/src/views/services/index.js
@@ -1,4 +1,6 @@
import pageInit from "../../minixs/pageInit.js";
+import {productDatas} from "../../../../assets/img/data/productData.js";
+
export default {
name: 'services',
template: '',
@@ -7,11 +9,13 @@ export default {
props: [],
setup(props, {attrs, slots, emit}) {
const {proxy} = Vue.getCurrentInstance();
+ let productData=Vue.ref(productDatas());
let jumpSecond=(type)=>{
proxy.$router.push({path:'/services/'+type})
}
return {
- jumpSecond
+ jumpSecond,
+ productData
}
}