monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 鲁尚清
Commit 9ba1dec6335ec348755869102ad547df12753cff 1 parent efeb7773

【无】门户网站-加入我们，产品及服务页面调整

Inline Side-by-side
Showing 26 changed files with 252 additions and 264 deletions
... ... @@ -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;
}
... ...
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
... ...

1.31 MB | W: | H:

585 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
... ... @@ -28,9 +28,17 @@
siteHeader.removeClass('fixed-header');
scrollLink.fadeOut(300);
//lsq 设置置顶之后的logo图片 2022-09-20
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');
}
}
}
}
... ...
... ... @@ -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>
... ...
... ... @@ -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');
... ...
... ... @@ -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">-->
<!-- &lt;!&ndash; <h4><a href="#">合作流程</a></h4>-->
<!-- <p>专业技术顾问，提供一对一服务</p>&ndash;&gt;-->
<!-- <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>
... ...
... ... @@ -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>
... ...
... ... @@ -62,7 +62,7 @@ export default {
//循环
loop: true,
autoplay: true,//自动轮播
autoplayTimeout:3000, //轮播时间
autoplayTimeout:5000, //轮播时间
});
})
... ...
... ... @@ -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>
</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>
<span class="product-title cursor-pointer" @click="jumpSecond(item.type)">{{item.title}}<!--综合告警智能算法平台--></span>
</div>
<div :class="['product-intro'],{'pt-30':!item.introData || item.introData.length==0}">
{{item.introduction}}
</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>
<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>
... ...
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
}
}
... ...