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 254 additions and 266 deletions
@@ -374,6 +374,10 @@ textarea:placeholder, @@ -374,6 +374,10 @@ textarea:placeholder,
374 background-size: cover; 374 background-size: cover;
375 padding: 200px; 375 padding: 200px;
376 height: calc(100vh); 376 height: calc(100vh);
  377 + display: flex;
  378 + flex-flow: column;
  379 + align-items: center;
  380 + justify-content: center;
377 } 381 }
378 .concat-service { 382 .concat-service {
379 position: relative; 383 position: relative;
@@ -382,6 +386,10 @@ textarea:placeholder, @@ -382,6 +386,10 @@ textarea:placeholder,
382 background-size: cover; 386 background-size: cover;
383 padding: 200px; 387 padding: 200px;
384 height: calc(100vh); 388 height: calc(100vh);
  389 + display: flex;
  390 + flex-flow: column;
  391 + align-items: center;
  392 + justify-content: center;
385 } 393 }
386 394
387 .concat-about { 395 .concat-about {
@@ -431,8 +439,9 @@ textarea:placeholder, @@ -431,8 +439,9 @@ textarea:placeholder,
431 } 439 }
432 440
433 .page-title { 441 .page-title {
434 - font-size: 45px; 442 + font-size: 42px;
435 margin-top: 75px; 443 margin-top: 75px;
  444 + text-align: center;
436 } 445 }
437 446
438 .breadcrumb { 447 .breadcrumb {
@@ -2461,6 +2470,7 @@ blockquote:before { @@ -2461,6 +2470,7 @@ blockquote:before {
2461 } 2470 }
2462 .weFooterColor{ 2471 .weFooterColor{
2463 color: #ADADAD; 2472 color: #ADADAD;
  2473 + font-size: 14px;
2464 } 2474 }
2465 .weFooterList{ 2475 .weFooterList{
2466 display: grid; 2476 display: grid;
@@ -2563,6 +2573,9 @@ blockquote:before { @@ -2563,6 +2573,9 @@ blockquote:before {
2563 .partner-section{ 2573 .partner-section{
2564 position: relative; 2574 position: relative;
2565 } 2575 }
  2576 +.partner-section .container,.partner-section .container .row{
  2577 + height:100%;
  2578 +}
2566 .partner-bg-xs{ 2579 .partner-bg-xs{
2567 position: absolute; 2580 position: absolute;
2568 height: 100%; 2581 height: 100%;
@@ -2582,7 +2595,7 @@ blockquote:before { @@ -2582,7 +2595,7 @@ blockquote:before {
2582 top: 0; 2595 top: 0;
2583 z-index: -1; 2596 z-index: -1;
2584 background: url('../img/about/partner-bg.png'); 2597 background: url('../img/about/partner-bg.png');
2585 - background-size: cover; 2598 + background-size: contain;
2586 } 2599 }
2587 } 2600 }
2588 .partner-con{ 2601 .partner-con{
@@ -2616,7 +2629,7 @@ blockquote:before { @@ -2616,7 +2629,7 @@ blockquote:before {
2616 left:-30px; 2629 left:-30px;
2617 } 2630 }
2618 .partner-con:nth-child(2) .partner-item:nth-child(3){ 2631 .partner-con:nth-child(2) .partner-item:nth-child(3){
2619 - left:-60px; 2632 + left:-50px;
2620 } 2633 }
2621 .partner-con:nth-child(3) .partner-item:nth-child(1),.partner-con:nth-child(3) .partner-item:nth-child(4){ 2634 .partner-con:nth-child(3) .partner-item:nth-child(1),.partner-con:nth-child(3) .partner-item:nth-child(4){
2622 left:60px; 2635 left:60px;
@@ -2711,6 +2724,7 @@ blockquote:before { @@ -2711,6 +2724,7 @@ blockquote:before {
2711 align-items: center; 2724 align-items: center;
2712 justify-content: center; 2725 justify-content: center;
2713 flex-flow: column; 2726 flex-flow: column;
  2727 + top:2px;
2714 } 2728 }
2715 .about-concat-bg{ 2729 .about-concat-bg{
2716 position: absolute; 2730 position: absolute;
@@ -2745,4 +2759,124 @@ blockquote:before { @@ -2745,4 +2759,124 @@ blockquote:before {
2745 justify-content: center; 2759 justify-content: center;
2746 align-items: center; 2760 align-items: center;
2747 } 2761 }
  2762 +/*lsq 加入我们样式调整*/
  2763 +.title-style.color-white,.title-intro.color-white{
  2764 + color:#fff;
  2765 +}
  2766 +.concat-concat .title-style{
  2767 + font-size:42px;
  2768 +}
  2769 +.font-size-24{
  2770 + font-size:24px;
  2771 +}
  2772 +.concat-btn{
  2773 + color:#ffffff;
  2774 + padding: 20px 40px;
  2775 + display: inline-block;
  2776 + border-radius: 6px;
  2777 + background: rgba(36,41,51,.67);
  2778 + font-size: 24px;
  2779 + border: 1px solid #fff;
  2780 + cursor: pointer;
  2781 +}
  2782 +.concat-title{
  2783 + font-size: 28px;
  2784 + color:#333;
  2785 +}
  2786 +.concat-intro{
  2787 + font-size:18px;
  2788 + color:#666;
  2789 + font-family: PingFang-SC-medium;
  2790 +}
2748 2791
  2792 +@media (min-width: 1400px){
  2793 + .container.concat,.container.product{
  2794 + max-width: 1200px;
  2795 + }
  2796 +}
  2797 +.viewMore{
  2798 + display: flex;
  2799 + align-items: center;
  2800 + justify-content: center;
  2801 +}
  2802 +/*lsq 产品中心样式调整*/
  2803 +.product-title{
  2804 + color:#1068e2;
  2805 + font-size:28px;
  2806 +}
  2807 +.product-intro{
  2808 + color:#666;
  2809 + font-size:18px;
  2810 + font-family: 'PingFang-SC-medium';
  2811 +}
  2812 +.product-intro-li{
  2813 + display: flex;
  2814 + align-items: center;
  2815 + color:#333;
  2816 + font-size: 18px;
  2817 + line-height: 34px;
  2818 +}
  2819 +.circle-product{
  2820 + background: #1068e2;
  2821 + width:10px;
  2822 + height: 10px;
  2823 + border-radius: 50%;
  2824 + margin-right:10px;
  2825 +}
  2826 +.product-bg{
  2827 + background-repeat: no-repeat;
  2828 + background-position: right bottom;
  2829 + padding: 30px 20px;
  2830 + height: 80%;
  2831 + flex: 1;
  2832 + display: flex;
  2833 + flex-flow: column;
  2834 + align-items: flex-start;
  2835 + justify-content: center;
  2836 +}
  2837 +.product-bg-1{
  2838 + background-image:url("../img/services/1.png");
  2839 +}
  2840 +.product-bg-2{
  2841 + background-image:url("../img/services/2.png");
  2842 +}
  2843 +.product-bg-3{
  2844 + background-image:url("../img/services/3.png");
  2845 +}
  2846 +.product-bg-4{
  2847 + background-image:url("../img/services/4.png");
  2848 +}
  2849 +.product-bg-5{
  2850 + background-image:url("../img/services/5.png");
  2851 +}
  2852 +.product-bg-6{
  2853 + background-image:url("../img/services/6.png");
  2854 +}
  2855 +.product-bg-7{
  2856 + background-image:url("../img/services/7.png");
  2857 +}
  2858 +.product-bg-8{
  2859 + background-image:url("../img/services/8.png");
  2860 +}
  2861 +.product-section{
  2862 + height: calc(80vh);
  2863 +}
  2864 +.product-section .product{
  2865 + height:100%;
  2866 + display: flex;
  2867 + align-items: center;
  2868 + justify-content: center;
  2869 +
  2870 +}
  2871 +.product-section .product .row{
  2872 + height:100%;
  2873 +}
  2874 +.product-item{
  2875 + height:80%;
  2876 + display: flex;
  2877 + align-items: center;
  2878 +}
  2879 +.about-section .slow{
  2880 + -webkit-animation-duration: 2.5s;
  2881 + animation-duration: 2.5s;
  2882 +}
  1 +export function productDatas(){
  2 + let res=[
  3 + {
  4 + title:'综合告警智能算法平台',
  5 + // introduction:'能快速接入各类告警信息，通过告警算法自动去重、规则压缩、算法降噪，实现告警降噪，避免告警风暴，更快响应告警，提升告警管理能力',
  6 + introData:['基于智能算法对告警消息压缩合并','支持固定阈值、同环比，预测性异常检测','自动化故障修复','自动化故障修复'],
  7 + type:'alarm'
  8 + },
  9 + {
  10 + title:'综合监控管理A-view',
  11 + // introduction:'全方位监控应用/平台资源/基础设施，基于IT资源图谱，洞察问题根因，随时掌握业务健康状况，快速定位故障，保持IT业务良性、稳定和长效发展',
  12 + introData:['告警消息统一在平台管理','基于智能算法对告警消息压缩合并','支持阈值、同环比、预测异常检测','自动故障修复'],
  13 + type:'Aview'
  14 + },
  15 + {
  16 + title:'CMDB资产管理',
  17 + introduction:'建立以应用为中心的资源 管理模型，促进资产到资源的转变',
  18 + introData:['告警消息统一在平台管理','基于智能算法对告警消息压缩合并','支持阈值、同环比、预测异常检测','自动故障修复'],
  19 + type:'cmdb'
  20 + },
  21 + {
  22 + title:'业务及应用综合分析平台',
  23 + introduction:'全新的端到端，全链路的应用性能管理平台，对业务性能问题进行快速发现，帮助用户有效地降低 MTTR、 提升IT部门对业务和用户体验的把控',
  24 + // introData:['告警消息统一在平台管理','基于智能算法对告警消息压缩合并','支持阈值、同环比、预测异常检测','自动故障修复'],
  25 + type:'businessApp'
  26 + },
  27 + {
  28 + title:'日志综合智能分析平台',
  29 + introduction:'通过对日志的采集、存储、备份、查询、告警分析和报表统计功能，实现海量日志管理。',
  30 + introData:['告警消息统一在平台管理','基于智能算法对告警消息压缩合并','支持阈值、同环比、预测异常检测','自动故障修复'],
  31 + type:'securityLog'
  32 + },
  33 + {
  34 + title:'信息化协同管理支撑平台',
  35 + introduction:'基于“人工智能+大数据”底座对全新业务、系统、流程、管理、虚拟团队“全新”模式下的信息化协同。',
  36 + introData:['告警消息统一在平台管理','基于智能算法对告警消息压缩合并','支持阈值、同环比、预测异常检测','自动故障修复'],
  37 + type:'information'
  38 + },
  39 + {
  40 + title:'魔镜智能运维管理一体机',
  41 + introduction:'数据中心已有的各类运维数据，包括业务指标数据、机器指标数据、各类监控工具的告警数据，建立涵盖数据管理、 故障发现、故障定位和故障预警的综合运维体系。',
  42 + introData:['告警消息统一在平台管理','基于智能算法对告警消息压缩合并','支持阈值、同环比、预测异常检测','自动故障修复'],
  43 + type:'maintenance'
  44 + },
  45 + {
  46 + title:'魔镜智能多云运维平台',
  47 + introduction:'基于“人工智能+大数据”底座对全新业务、系统、流程、管理、虚拟团队“全新”模式下的信息化协同。',
  48 + introData:['告警消息统一在平台管理','基于智能算法对告警消息压缩合并','支持阈值、同环比、预测异常检测','自动故障修复'],
  49 + type:'cloud'
  50 + }
  51 + ]
  52 + return res;
  53 +}

1.31 MB | W: | H:

585 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
@@ -28,8 +28,16 @@ @@ -28,8 +28,16 @@
28 siteHeader.removeClass('fixed-header'); 28 siteHeader.removeClass('fixed-header');
29 scrollLink.fadeOut(300); 29 scrollLink.fadeOut(300);
30 //lsq 设置置顶之后的logo图片 2022-09-20 30 //lsq 设置置顶之后的logo图片 2022-09-20
31 - $('.logo-outer .hg-logo').attr('src','assets/img/logo-footer.png');  
32 - $('.navigation').addClass('navigation-white'); 31 + let path=window.location.hash;
  32 + let pathArr=path.split('/');
  33 + if(pathArr.length>2){
  34 + $('.logo-outer .hg-logo').attr('src','assets/img/logo.png');
  35 + $('.navigation').removeClass('navigation-white');
  36 + }else{
  37 + $('.logo-outer .hg-logo').attr('src','assets/img/logo-footer.png');
  38 + $('.navigation').addClass('navigation-white');
  39 + }
  40 +
33 } 41 }
34 } 42 }
35 } 43 }
@@ -16,7 +16,7 @@ @@ -16,7 +16,7 @@
16 16
17 <section class="about-section rel all-height"> 17 <section class="about-section rel all-height">
18 <div class="container"> 18 <div class="container">
19 - <div class="about-content mr-20 rmr-0 rmb-50 wow customFadeInRight delay-0-1s slow"> 19 + <div class="about-content mr-20 rmr-0 rmb-50 wow customFadeInRight delay-0-2s slow">
20 <div class="section-title mb-35"> 20 <div class="section-title mb-35">
21 <span class="title-style">公司简介</span> 21 <span class="title-style">公司简介</span>
22 </div> 22 </div>
@@ -139,9 +139,9 @@ @@ -139,9 +139,9 @@
139 </div> 139 </div>
140 </section> 140 </section>
141 141
142 - <section class="partner-section pt-105 pb-50"> 142 + <section class="partner-section pt-100 pb-100">
143 <div class="container"> 143 <div class="container">
144 - <div class="row"> 144 + <div class="row wow customFadeInRight delay-0-1s slow">
145 <div :class="['partner-con', 'col-lg-3',{'partner-con-center':index==0 || index==3}]" v-for="(item,index) in 4"> 145 <div :class="['partner-con', 'col-lg-3',{'partner-con-center':index==0 || index==3}]" v-for="(item,index) in 4">
146 <div class="partner-item" v-for="(itemC,indexC) in 4"><img :src="'assets/img/about/partner/partner-'+item+'-'+itemC+'.png'" alt=""></div> 146 <div class="partner-item" v-for="(itemC,indexC) in 4"><img :src="'assets/img/about/partner/partner-'+item+'-'+itemC+'.png'" alt=""></div>
147 </div> 147 </div>
@@ -36,6 +36,7 @@ export default { @@ -36,6 +36,7 @@ export default {
36 let i=Vue.ref(0); 36 let i=Vue.ref(0);
37 let MousewheelFun=(e)=>{ 37 let MousewheelFun=(e)=>{
38 let hei=$('.wrap-container>section').first().outerHeight(); 38 let hei=$('.wrap-container>section').first().outerHeight();
  39 + $('.wrap-container section:nth-child('+(i.value+1)+') .wow').removeAttr('style');
39 // 控制滑动一次 40 // 控制滑动一次
40 if(flag.value){ 41 if(flag.value){
41 // 上滑 42 // 上滑
@@ -61,7 +62,6 @@ export default { @@ -61,7 +62,6 @@ export default {
61 } 62 }
62 } 63 }
63 } 64 }
64 - $('.wrap-container section:nth-child('+(i.value+1)+') .wow').removeAttr('style');  
65 if(i.value==2 || i.value==4 || i.value==6){ 65 if(i.value==2 || i.value==4 || i.value==6){
66 $('.navigation').removeClass('navigation-white'); 66 $('.navigation').removeClass('navigation-white');
67 $('.logo-outer .hg-logo').attr('src','assets/img/logo.png'); 67 $('.logo-outer .hg-logo').attr('src','assets/img/logo.png');
@@ -12,32 +12,29 @@ @@ -12,32 +12,29 @@
12 12
13 13
14 <section class="concat-concat rel rpt-150 pb-130 rpb-0 text-left "> 14 <section class="concat-concat rel rpt-150 pb-130 rpb-0 text-left ">
15 - <h1 class="color-white mb-2">加入鸿果，成为你想成为的人</h1>  
16 - <h2 class="color-white mb-2">齐心协力、积极乐观、共同发展、团队共赢！</h2>  
17 - <h4 class="color-white mb-2">具备足够的勇气及长远的眼光，大家携手一起，齐心协力，积极乐观，超共同的目标前进实现共同发展及利益最大化</h4>  
18 -</section>  
19 -  
20 -<section class="banner-section rel" style="height: 100px">  
21 - <div class="container">  
22 - <h2 class="page-title">加入我们</h2> 15 + <div class="color-white mb-2 title-style font-size-42">加入鸿果，成为你想成为的人</div>
  16 + <div class="color-white mb-2 pt-20 font-size-24">齐心协力、积极乐观、共同发展、团队共赢！</div>
  17 + <div class="color-white mb-2 title-intro pt-20">具备足够的勇气及长远的眼光，大家携手一起，齐心协力，积极乐观，超共同的目标前进实现共同发展及利益最大化</div>
  18 + <div class="concat-btn mt-50" @click="routerPath('sale')">
  19 + <span class="mr-15">招贤纳士</span> <img src="assets/img/concat/arrow-right.png" alt="">
23 </div> 20 </div>
24 </section> 21 </section>
25 22
26 <section class="sps-one pt-120 mb-70 rmb-100"> 23 <section class="sps-one pt-120 mb-70 rmb-100">
27 - <div class="container"> 24 + <div class="container concat">
28 <div class="row align-items-center"> 25 <div class="row align-items-center">
29 <div class="col-lg-6 order-lg-2"> 26 <div class="col-lg-6 order-lg-2">
30 <div class="service-right-content mt-50 ml-50 rml-0 rmb-50 wow customFadeInRight delay-0-1s slow"> 27 <div class="service-right-content mt-50 ml-50 rml-0 rmb-50 wow customFadeInRight delay-0-1s slow">
31 <div class="section-title style-three mb-15"> 28 <div class="section-title style-three mb-15">
32 - <span class="sub-title">成功靠大家努力</span> 29 + <span class="concat-title">成功靠大家努力</span>
33 </div> 30 </div>
34 - <p>成功的花,人们只惊羡它现时的明艳，然而当初它的芽儿，却浸透了奋斗者的泪泉，洒满了牺牲的血雨——冰心。成功不简单，坚持下去，就是胜利！向着美好的明天，迈进吧！</p> 31 + <div class="concat-intro">成功的花,人们只惊羡它现时的明艳，然而当初它的芽儿，却浸透了奋斗者的泪泉，洒满了牺牲的血雨——冰心。成功不简单，坚持下去，就是胜利！向着美好的明天，迈进吧！</div>
35 32
36 </div> 33 </div>
37 </div> 34 </div>
38 <div class="col-lg-6"> 35 <div class="col-lg-6">
39 <div class="service-left-image wow customFadeInLeft delay-0-1s slow"> 36 <div class="service-left-image wow customFadeInLeft delay-0-1s slow">
40 - <img style="border-radius: 25px" src="assets/img/concat/s1.JPG" alt="Service image"> 37 + <img style="border-radius: 25px" src="assets/img/concat/s1.png" alt="Service image">
41 </div> 38 </div>
42 </div> 39 </div>
43 </div> 40 </div>
@@ -46,19 +43,19 @@ @@ -46,19 +43,19 @@
46 43
47 44
48 <section class="sps-two mb-50 rmb-100"> 45 <section class="sps-two mb-50 rmb-100">
49 - <div class="container"> 46 + <div class="container concat">
50 <div class="row align-items-center"> 47 <div class="row align-items-center">
51 <div class="col-lg-6"> 48 <div class="col-lg-6">
52 <div class="service-left-content mr-50 rmr-0 rmb-50 wow customFadeInLeft delay-0-1s slow"> 49 <div class="service-left-content mr-50 rmr-0 rmb-50 wow customFadeInLeft delay-0-1s slow">
53 <div class="section-title style-three mb-15"> 50 <div class="section-title style-three mb-15">
54 - <span class="sub-title">在美好的环境中工作并创新</span> 51 + <span class="concat-title">在美好的环境中工作并创新</span>
55 </div> 52 </div>
56 - <p>在团队活动中释放个性</p> 53 + <div class="concat-intro">充满学习和成长机会，能够在众多培训中和工作中不断学习，在部门内部经常组织专题/业务讲座，分享项目经验</div>
57 </div> 54 </div>
58 </div> 55 </div>
59 <div class="col-lg-6"> 56 <div class="col-lg-6">
60 <div class="service-right-image wow customFadeInRight delay-0-1s slow"> 57 <div class="service-right-image wow customFadeInRight delay-0-1s slow">
61 - <img style="border-radius: 25px" src="assets/img/concat/s2.jpg" alt="Service image"> 58 + <img style="border-radius: 25px" src="assets/img/concat/s2.png" alt="Service image">
62 </div> 59 </div>
63 </div> 60 </div>
64 </div> 61 </div>
@@ -68,54 +65,40 @@ @@ -68,54 +65,40 @@
68 65
69 <section class="sps-three mb-50 rmb-100"> 66 <section class="sps-three mb-50 rmb-100">
70 67
71 - <div class="container"> 68 + <div class="container concat">
72 <div class="row align-items-center"> 69 <div class="row align-items-center">
73 <div class="col-lg-6 order-lg-2"> 70 <div class="col-lg-6 order-lg-2">
74 <div class="service-right-content ml-50 rml-0 rmb-50 wow customFadeInRight delay-0-1s slow"> 71 <div class="service-right-content ml-50 rml-0 rmb-50 wow customFadeInRight delay-0-1s slow">
75 <div class="section-title style-three mb-15"> 72 <div class="section-title style-three mb-15">
76 - <span class="sub-title">在美好的环境中工作并创新</span> 73 + <span class="concat-title">在团队活动中释放个性</span>
77 </div> 74 </div>
78 - <p>团队是什么？</p>  
79 - <p>由一小群人组成，有着相同的目标，为实现目标负有相同的责任。</p> 75 + <div class="concat-intro">团队是什么？</div>
  76 + <div class="concat-intro">由一小群人组成，有着相同的目标，为实现目标负有相同的责任。</div>
80 </div> 77 </div>
81 </div> 78 </div>
82 <div class="col-lg-6"> 79 <div class="col-lg-6">
83 <div class="service-left-image wow customFadeInLeft delay-0-1s slow"> 80 <div class="service-left-image wow customFadeInLeft delay-0-1s slow">
84 - <img style="border-radius: 25px" src="assets/img/concat/s3.jpg" alt="Service image"> 81 + <img style="border-radius: 25px" src="assets/img/concat/s3.png" alt="Service image">
85 </div> 82 </div>
86 </div> 83 </div>
87 </div> 84 </div>
88 </div> 85 </div>
89 </section> 86 </section>
90 87
91 -  
92 -<!--<section class="services-section rel text-center mt-100 mb-80">-->  
93 -<!-- <div class="container">-->  
94 -<!-- <div class="row">-->  
95 -<!-- <div class="col-lg-12 col-md-12">-->  
96 -<!-- &lt;!&ndash; <h4><a href="#">合作流程</a></h4>-->  
97 -<!-- <p>专业技术顾问，提供一对一服务</p>&ndash;&gt;-->  
98 -<!-- <div class="service-icon mb-25">-->  
99 -<!-- <img src="assets/img/concat/gw.png">-->  
100 -<!-- </div>-->  
101 -<!-- </div>-->  
102 -<!-- </div>-->  
103 -<!-- </div>-->  
104 -<!--</section>-->  
105 <section class="weFooter sps-three"> 88 <section class="weFooter sps-three">
106 <div class="mainContent container"> 89 <div class="mainContent container">
107 <div class="row"> 90 <div class="row">
108 - <div class="col-lg-8 col-md-12"> 91 + <div class="col-lg-10 col-md-12">
109 <h5>加入鸿果</h5> 92 <h5>加入鸿果</h5>
110 <span class="mb-15 weFooterColor">鸿果科技依托"金税三期"、"互联网+智能化AI+行业应用"的变革时机，充分运用智能化、运维大数据思维，引入AI、算法和业务深度理解，共同打造AIOps生态圈</span> 93 <span class="mb-15 weFooterColor">鸿果科技依托"金税三期"、"互联网+智能化AI+行业应用"的变革时机，充分运用智能化、运维大数据思维，引入AI、算法和业务深度理解，共同打造AIOps生态圈</span>
111 - <h5 class="mt-25 mb-15">热门职位</h5> 94 + <h5 class="mt-25 mb-10">热门职位</h5>
112 <ul class="weFooterList"> 95 <ul class="weFooterList">
113 - <li class="weFooterColor cursor-pointer mb-15" v-for="(item,index) in recruitHot.data" :key="index"> 96 + <li class="weFooterColor cursor-pointer mb-10" v-for="(item,index) in recruitHot.data" :key="index">
114 <span @click="routerPath(item.url)" class="border-bottom">{{item.text}}</span> 97 <span @click="routerPath(item.url)" class="border-bottom">{{item.text}}</span>
115 </li> 98 </li>
116 </ul> 99 </ul>
117 </div> 100 </div>
118 - <div class="col-lg-2 col-sm-12 ml-auto"> 101 + <div class="col-lg-2 col-sm-12 viewMore">
119 <span @click="routerPath('sale')" class="btn btn-danger d-inline-block min-width-100">查看更多职位</span> 102 <span @click="routerPath('sale')" class="btn btn-danger d-inline-block min-width-100">查看更多职位</span>
120 </div> 103 </div>
121 </div> 104 </div>
@@ -11,11 +11,11 @@ @@ -11,11 +11,11 @@
11 </section> 11 </section>
12 12
13 <section class="home-banner-section rel rpt-150 rpb-0 text-center" id="homeBanner"> 13 <section class="home-banner-section rel rpt-150 rpb-0 text-center" id="homeBanner">
14 - <div class="owl-carousel owl-theme owl-loaded">  
15 - <div class="owl-stage-outer owl-height">  
16 - <div class="owl-stage">  
17 - <div class="owl-item" v-for="(item,index) in homeData">  
18 - <img :src="'assets/img/index/' + (index+1) + '.png'" class="d-block w-100 h-75"> 14 + <div class="owl-carousel owl-theme owl-loaded all-height">
  15 + <div class="owl-stage-outer owl-height all-height">
  16 + <div class="owl-stage all-height">
  17 + <div class="owl-item all-height" v-for="(item,index) in homeData" :style="'background: url(assets/img/index/' + (index+1) + '.png);background-size:cover;'">
  18 +<!-- <img :src="'assets/img/index/' + (index+1) + '.png'" class="d-block w-100 h-75">-->
19 <div :class="['owl-item-content']"> 19 <div :class="['owl-item-content']">
20 <div :class="['owl-item-title', 'font-size-42',{'text-align-center':index==2}]">{{item.title}}</div> 20 <div :class="['owl-item-title', 'font-size-42',{'text-align-center':index==2}]">{{item.title}}</div>
21 <div class="owl-item-title font-size-42" v-if="item.title1">{{item.title1}}</div> 21 <div class="owl-item-title font-size-42" v-if="item.title1">{{item.title1}}</div>
@@ -32,7 +32,7 @@ @@ -32,7 +32,7 @@
32 </section> 32 </section>
33 33
34 34
35 -<section class="services-section rel text-center"> 35 +<section class="services-section rel text-center pt-30">
36 <div class="container"> 36 <div class="container">
37 <div class="title-style">技术优势</div> 37 <div class="title-style">技术优势</div>
38 <div class="title-intro pt-20">以AI激活运维数据智慧，助力客户数字化运维</div> 38 <div class="title-intro pt-20">以AI激活运维数据智慧，助力客户数字化运维</div>
@@ -62,7 +62,7 @@ export default { @@ -62,7 +62,7 @@ export default {
62 //循环 62 //循环
63 loop: true, 63 loop: true,
64 autoplay: true,//自动轮播 64 autoplay: true,//自动轮播
65 - autoplayTimeout:3000, //轮播时间 65 + autoplayTimeout:5000, //轮播时间
66 }); 66 });
67 }) 67 })
68 68
@@ -12,231 +12,37 @@ @@ -12,231 +12,37 @@
12 12
13 13
14 <section class="concat-service rel rpt-150 pb-130 rpb-0 text-left "> 14 <section class="concat-service rel rpt-150 pb-130 rpb-0 text-left ">
15 - 15 + <div class="color-white mb-2 title-style font-size-42">运维数字化道路，鸿果与你同行</div>
  16 + <div class="color-white mb-2 pt-30 title-intro">鸿果自研的产品--数字运维中台</div>
  17 + <div class="color-white mb-2 title-intro pt-10">作为智能运维各应用场景的支撑平台，提供数据治理服务、流批一体服务和AI平台服务</div>
16 </section> 18 </section>
17 19
18 20
19 -<section class="banner-section rel" style="height: 100px"> 21 +<section class=" rel" style="height: 100px">
20 <div class="container"> 22 <div class="container">
21 <h2 class="page-title">产品中心</h2> 23 <h2 class="page-title">产品中心</h2>
22 </div> 24 </div>
23 </section> 25 </section>
24 26
25 -<section class="sps-one pt-120 mb-70 rmb-100">  
26 - <div class="container">  
27 - <div class="row align-items-center">  
28 - <div class="col-lg-6 order-lg-2">  
29 - <div class="service-right-content mt-50 ml-50 rml-0 rmb-50 wow customFadeInRight delay-0-1s slow">  
30 - <div class="section-title style-three mb-15">  
31 - <span class="sub-title cursor-pointer" @click="jumpSecond('alarm')">综合告警智能算法平台</span>  
32 - </div>  
33 - <p>  
34 - 能快速接入各类告警信息，通过告警算法自动去重、规则压缩、算法降噪，实现告警降噪，避免告警风暴，更快响应告警，提升告警管理能力  
35 - </p>  
36 - <ol>  
37 - <li style="color: #0b2e13">■ 告警消息统一在平台管理</li>  
38 - <li style="color: #0b2e13">■ 基于智能算法对告警消息压缩合并</li>  
39 - <li style="color: #0b2e13">■ 支持阈值、同环比、预测异常检测</li>  
40 - <li style="color: #0b2e13">■ 自动故障修复</li>  
41 - </ol>  
42 - </div>  
43 - </div>  
44 - <div class="col-lg-6" @click="jumpSecond('alarm')">  
45 - <div class="service-left-image wow customFadeInLeft delay-0-1s slow">  
46 - <img src="assets/img/services/p1.png" style="border-radius: 10px;">  
47 - </div>  
48 - </div>  
49 - </div>  
50 - </div>  
51 -</section>  
52 -  
53 -  
54 -<section class="sps-two mb-50 rmb-100">  
55 - <div class="container">  
56 - <div class="row align-items-center">  
57 - <div class="col-lg-6">  
58 - <div class="service-left-content mr-50 rmr-0 rmb-50 wow customFadeInLeft delay-0-1s slow">  
59 - <div class="section-title style-three mb-15">  
60 - <span class="sub-title cursor-pointer" @click="jumpSecond('Aview')">综合监控管理A-view</span>  
61 - </div>  
62 - <p>全方位监控应用/平台资源/基础设施，基于IT资源图谱，洞察问题根因，随时掌握业务健康状况，快速定位故障，保持IT业务良性、稳定和长效发展</p>  
63 - <ol>  
64 - <li style="color: #0b2e13">■ 告警消息统一在平台管理</li>  
65 - <li style="color: #0b2e13">■ 基于智能算法对告警消息压缩合并</li>  
66 - <li style="color: #0b2e13">■ 支持阈值、同环比、预测异常检测</li>  
67 - <li style="color: #0b2e13">■ 自动故障修复</li>  
68 - </ol>  
69 - </div>  
70 - </div>  
71 - <div class="col-lg-6" @click="jumpSecond('Aview')">  
72 - <div class="service-right-image wow customFadeInRight delay-0-1s slow">  
73 - <img src="assets/img/services/p2.png" style="border-radius: 10px;">  
74 - </div>  
75 - </div>  
76 - </div>  
77 - </div>  
78 -</section>  
79 -  
80 -  
81 -<section class="sps-three mb-50 rmb-100">  
82 -  
83 - <div class="container"> 27 +<section class="sps-one pt-50 mb-70 rmb-100 product-section" v-for="(item,index) in productData">
  28 + <div class="container product">
84 <div class="row align-items-center"> 29 <div class="row align-items-center">
85 - <div class="col-lg-6 order-lg-2">  
86 - <div class="service-right-content ml-50 rml-0 rmb-50 wow customFadeInRight delay-0-1s slow"> 30 + <div :class="['col-lg-6','product-item', {'order-lg-2':(index+1)%2==1}]">
  31 + <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']">
87 <div class="section-title style-three mb-15"> 32 <div class="section-title style-three mb-15">
88 - <span class="sub-title cursor-pointer" @click="jumpSecond('cmdb')">CMDB资产管理</span> 33 + <span class="product-title cursor-pointer" @click="jumpSecond(item.type)">{{item.title}}<!--综合告警智能算法平台--></span>
89 </div> 34 </div>
90 - <p>建立以应用为中心的资源 管理模型，促进资产到资源的转变</p>  
91 - <ol>  
92 - <li style="color: #0b2e13">■ 告警消息统一在平台管理</li>  
93 - <li style="color: #0b2e13">■ 基于智能算法对告警消息压缩合并</li>  
94 - <li style="color: #0b2e13">■ 支持阈值、同环比、预测异常检测</li>  
95 - <li style="color: #0b2e13">■ 自动故障修复</li>  
96 - </ol>  
97 - </div>  
98 - </div>  
99 - <div class="col-lg-6" @click="jumpSecond('cmdb')">  
100 - <div class="service-left-image wow customFadeInLeft delay-0-1s slow">  
101 - <img src="assets/img/services/p3.png" style="border-radius: 10px;">  
102 - </div>  
103 - </div>  
104 - </div>  
105 - </div>  
106 -</section>  
107 -  
108 -  
109 -<section class="sps-four mb-75 rmb-100">  
110 - <div class="container">  
111 - <div class="row align-items-center">  
112 - <div class="col-lg-6">  
113 - <div class="service-left-content mr-50 rmr-0 rmb-50 wow customFadeInLeft delay-0-1s slow">  
114 - <div class="section-title style-three mb-15">  
115 - <span class="sub-title cursor-pointer" @click="jumpSecond('businessApp')">业务及应用综合分析平台</span>  
116 - </div>  
117 - <p>全新的端到端，全链路的应用性能管理平台，对业务性能问题进行快速发现，帮助用户有效地降低 MTTR、 提升IT部门对业务和用户体验的把控</p>  
118 - <ol>  
119 - <li style="color: #0b2e13">■ 告警消息统一在平台管理</li>  
120 - <li style="color: #0b2e13">■ 基于智能算法对告警消息压缩合并</li>  
121 - <li style="color: #0b2e13">■ 支持阈值、同环比、预测异常检测</li>  
122 - <li style="color: #0b2e13">■ 自动故障修复</li>  
123 - </ol>  
124 - </div>  
125 - </div>  
126 - <div class="col-lg-6" @click="jumpSecond('businessApp')">  
127 - <div class="service-right-image wow customFadeInRight delay-0-1s slow">  
128 - <img src="assets/img/services/p4.png" style="border-radius: 10px;">  
129 - </div>  
130 - </div>  
131 - </div>  
132 - </div>  
133 -</section>  
134 -  
135 -  
136 -<section class="sps-five mb-150 rmb-50">  
137 - <div class="container">  
138 - <div class="row align-items-center">  
139 - <div class="col-lg-6 order-lg-2">  
140 - <div class="service-right-content ml-50 rml-0 rmb-50 wow customFadeInRight delay-0-1s slow">  
141 - <div class="section-title style-three mb-15">  
142 - <span class="sub-title cursor-pointer" @click="jumpSecond('securityLog')">日志综合智能分析平台</span>  
143 - </div>  
144 - <p>通过对日志的采集、存储、备份、查询、告警分析和报表统计功能，实现海量日志管理。</p>  
145 - <ol>  
146 - <li style="color: #0b2e13">■ 告警消息统一在平台管理</li>  
147 - <li style="color: #0b2e13">■ 基于智能算法对告警消息压缩合并</li>  
148 - <li style="color: #0b2e13">■ 支持阈值、同环比、预测异常检测</li>  
149 - <li style="color: #0b2e13">■ 自动故障修复</li>  
150 - </ol>  
151 - </div>  
152 - </div>  
153 - <div class="col-lg-6" @click="jumpSecond('securityLog')">  
154 - <div class="service-left-image wow customFadeInLeft delay-0-1s slow">  
155 - <img src="assets/img/services/p5.png" style="border-radius: 10px;">  
156 - </div>  
157 - </div>  
158 - </div>  
159 - </div>  
160 -</section>  
161 -  
162 -  
163 -<section class="sps-two mb-50 rmb-100">  
164 - <div class="container">  
165 - <div class="row align-items-center">  
166 - <div class="col-lg-6">  
167 - <div class="service-left-content mr-50 rmr-0 rmb-50 wow customFadeInLeft delay-0-1s slow">  
168 - <div class="section-title style-three mb-15">  
169 - <span class="sub-title cursor-pointer" @click="jumpSecond('information')">信息化协同管理支撑平台</span>  
170 - </div>  
171 - <p>  
172 - 基于“人工智能+大数据”底座对全新业务、系统、流程、管理、虚拟团队“全新”模式下的信息化协同。  
173 - </p>  
174 - <ol>  
175 - <li style="color: #0b2e13">■ 告警消息统一在平台管理</li>  
176 - <li style="color: #0b2e13">■ 基于智能算法对告警消息压缩合并</li>  
177 - <li style="color: #0b2e13">■ 支持阈值、同环比、预测异常检测</li>  
178 - <li style="color: #0b2e13">■ 自动故障修复</li>  
179 - </ol>  
180 - </div>  
181 - </div>  
182 - <div class="col-lg-6" @click="jumpSecond('information')">  
183 - <div class="service-right-image wow customFadeInRight delay-0-1s slow">  
184 - <img src="assets/img/services/p6.png" style="border-radius: 10px;">  
185 - </div>  
186 - </div>  
187 - </div>  
188 - </div>  
189 -</section>  
190 -  
191 -<section class="sps-one mb-70 rmb-100">  
192 - <div class="container">  
193 - <div class="row align-items-center">  
194 - <div class="col-lg-6 order-lg-2">  
195 - <div class="service-right-content mt-50 ml-50 rml-0 rmb-50 wow customFadeInRight delay-0-1s slow">  
196 -  
197 - <div class="section-title style-three mb-15">  
198 - <span class="sub-title cursor-pointer" @click="jumpSecond('maintenance')">魔镜智能运维管理一体机</span>  
199 - </div>  
200 - <p>数据中心已有的各类运维数据，包括业务指标数据、机器指标数据、各类监控工具的告警数据，建立涵盖数据管理、 故障发现、故障定位和故障预警的综合运维体系。</p>  
201 - <ol>  
202 - <li style="color: #0b2e13">■ 告警消息统一在平台管理</li>  
203 - <li style="color: #0b2e13">■ 基于智能算法对告警消息压缩合并</li>  
204 - <li style="color: #0b2e13">■ 支持阈值、同环比、预测异常检测</li>  
205 - <li style="color: #0b2e13">■ 自动故障修复</li>  
206 - </ol>  
207 - </div>  
208 - </div>  
209 - <div class="col-lg-6" @click="jumpSecond('maintenance')">  
210 - <div class="service-left-image wow customFadeInLeft delay-0-1s slow">  
211 - <img src="assets/img/services/p7.png" style="border-radius: 10px;">  
212 - </div>  
213 - </div>  
214 - </div>  
215 - </div>  
216 -</section>  
217 -  
218 -<section class="sps-two mb-50 rmb-100">  
219 - <div class="container">  
220 - <div class="row align-items-center">  
221 - <div class="col-lg-6">  
222 - <div class="service-left-content mr-50 rmr-0 rmb-50 wow customFadeInLeft delay-0-1s slow">  
223 - <div class="section-title style-three mb-15">  
224 - <span class="sub-title cursor-pointer" @click="jumpSecond('cloud')">魔镜智能多云运维平台</span> 35 + <div :class="['product-intro'],{'pt-30':!item.introData || item.introData.length==0}">
  36 + {{item.introduction}}
225 </div> 37 </div>
226 - <p>  
227 - 基于“人工智能+大数据”底座对全新业务、系统、流程、管理、虚拟团队“全新”模式下的信息化协同。  
228 - </p>  
229 - <ol>  
230 - <li style="color: #0b2e13">■ 告警消息统一在平台管理</li>  
231 - <li style="color: #0b2e13">■ 基于智能算法对告警消息压缩合并</li>  
232 - <li style="color: #0b2e13">■ 支持阈值、同环比、预测异常检测</li>  
233 - <li style="color: #0b2e13">■ 自动故障修复</li> 38 + <ol class="pt-20">
  39 + <li v-for="itemI in item.introData" class="product-intro-li"><span class="circle-product"></span>{{itemI}}</li>
234 </ol> 40 </ol>
235 </div> 41 </div>
236 </div> 42 </div>
237 - <div class="col-lg-6" @click="jumpSecond('cloud')">  
238 - <div class="service-right-image wow customFadeInRight delay-0-1s slow">  
239 - <img src="assets/img/services/p8.png" style="border-radius: 10px;"> 43 + <div class="col-lg-6 product-item" @click="jumpSecond(item.type)">
  44 + <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']">
  45 + <img :src="'assets/img/services/p'+(index+1)+'.png'" style="border-radius: 10px;">
240 </div> 46 </div>
241 </div> 47 </div>
242 </div> 48 </div>
1 import pageInit from "../../minixs/pageInit.js"; 1 import pageInit from "../../minixs/pageInit.js";
  2 +import {productDatas} from "../../../../assets/img/data/productData.js";
  3 +
2 export default { 4 export default {
3 name: 'services', 5 name: 'services',
4 template: '', 6 template: '',
@@ -7,11 +9,13 @@ export default { @@ -7,11 +9,13 @@ export default {
7 props: [], 9 props: [],
8 setup(props, {attrs, slots, emit}) { 10 setup(props, {attrs, slots, emit}) {
9 const {proxy} = Vue.getCurrentInstance(); 11 const {proxy} = Vue.getCurrentInstance();
  12 + let productData=Vue.ref(productDatas());
10 let jumpSecond=(type)=>{ 13 let jumpSecond=(type)=>{
11 proxy.$router.push({path:'/services/'+type}) 14 proxy.$router.push({path:'/services/'+type})
12 } 15 }
13 return { 16 return {
14 - jumpSecond 17 + jumpSecond,
  18 + productData
15 } 19 }
16 } 20 }
17 21