monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 鲁尚清
Commit 32c63cbd7cb1289c58dce894f473470274bd72c5 1 parent d0dd128d

【无】公司网站-图片更改及样式修改 #1

Inline Side-by-side
Showing 32 changed files with 112 additions and 39 deletions
... ... @@ -3293,16 +3293,32 @@ blockquote:before {
}
.funcIntro-span{
min-height: 82px;
padding-top:30px;
}
.func-bottom-intro{
font-size: 16px;
color:#ffffff;
font-family: 'PingFang-SC-medium';
padding:40px;
}
.func-bottom-con{
display: flex;
align-items: center;
align-items: flex-start;
justify-content: center;
}
.func-symbol{
font-size: 100px;
display: flex;
align-items: flex-start;
font-family: 'MI_LANTING_REGULAR';
line-height: 80px;
}
.func-bottom-con-right{
justify-content: flex-end;
}
.func-bg{
position: absolute;
width: 100%;
... ... @@ -3324,13 +3340,7 @@ blockquote:before {
.cmdb .info-title{
padding-top:20px;
}
.func-symbol{
font-size: 80px;
height:45%;
display: flex;
align-items: flex-start;
font-family: 'MI_LANTING_REGULAR';
}
.func-l-p.func-bottom-intro{
padding-left:63px;
}
... ... @@ -3515,6 +3525,31 @@ blockquote:before {
.shape{
display: none;
}
.home-banner-section .owl-item{
background-size:cover !important;
}
.about-content .title-style{
color:#e43730;
padding-top:140px;
}
.about-container{
height:100%;
}
@media (min-width: 992px){
.about-content .title-style{
padding-top:180px;
}
}
@media (min-width: 1200px){
.about-content .title-style{
padding-top:160px;
}
}
@media (min-width: 1400px){
.about-content .title-style{
padding-top:140px;
}
}
/*992以下的一些样式*/
@media only screen and (max-width: 991px){
.home-banner-section{
... ... @@ -3532,4 +3567,7 @@ blockquote:before {
.cultural-item-l img{
max-width: 225px;
}
.info-character-log{
padding:0 15px;
}
}
... ...

195 KB | W: | H:

184 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

359 KB | W: | H:

249 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

196 KB | W: | H:

194 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
... ... @@ -2,26 +2,44 @@ export function homeDatas() {
let res=[
{
title:'“魔镜智能”全面完成国产化兼容适配认证',
introduction:'鸿果科技旗下“魔镜智能”自研“A-View智能综合监控管理平台系统”完成对主流国产服务器、数据库、操作系统、中间件等兼容适配，并取得一系列兼容性认证',
introduction:'鸿果科技旗下“魔镜智能”完成对主流国产服务器、数据库、操作系统、中间件等兼容适配，并取得一系列兼容性认证',
isService:false,
isConcat:false,
},
{
title:'不仅仅是智能化运维,',
title1:'提供一站式的IT运维管理平台',
introduction:'基于根因分析的自动巡检程序，降低海量主机运维复杂度同时对海量主机批量执行，基于根因分析和多种高级算法，提高运维工作效率再多主机也不怕',
introduction:'数据管理、分析决策、自动控制作为智能运维场景建设的根基',
isService:true,
isConcat:false,
},
{
title:'运维数字化道路，鸿果与你同行',
introduction:'鸿果自研的产品——数字运维中台作为智能运维各应用场景的支撑平台，提供数据治理服务、流批一体服务和AI平台服务',
title:'运维数字化道路，鸿果与您同行',
introTitle:'鸿果自研的产品——魔镜智能运维',
introduction:'数据是智能运维的基石，算法是挖掘数据价值的关键，技术是实现智能运维的手段',
isService:true,
isConcat:true,
}
]
return res
}
export function principleDatas(){
let res=[
{
title:'数据',
introduction:'以组织治理为引领'
},
{
title:'能力域',
introduction:'以能力域构建为支撑'
},
{
title:'场景化',
introduction:'以场景实现为中心'
}
];
return res;
}
export function compatibleDatas(){
let res=[
{
... ...
... ... @@ -502,7 +502,7 @@ export function Aview() {
introduction:'建立智能IT运维监控平台， 对网络、硬件、安全设备、操作系统、数据库、中间件、应用系统等资源实时监控采集，能够自动地收集信息系统中各类IT资源设备运行状态、数据库状态、中间件运行状态和网络状态等，发现各类IT资源运行过程中的异常。依据业务视角和设备视角分析发现已发生和潜在的各类资源问题，及时通知相关责任人和启动相关运维流程。',
type:'info'
},
{
/* {
title:'智能运维带来的新挑战',
introduction:'',
data:[
... ... @@ -523,7 +523,7 @@ export function Aview() {
}
],
type:'challenge'
},
},*/
{
title:'洞悉客户数字化运维服务需求',
introduction:'',
... ...

53.2 KB | W: | H:

46.3 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

47 KB | W: | H:

42.6 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

87.7 KB | W: | H:

269 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

73.4 KB | W: | H:

930 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

88.6 KB | W: | H:

269 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

64.3 KB | W: | H:

212 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

61 KB | W: | H:

224 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

62.9 KB | W: | H:

1.02 MB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

58.5 KB | W: | H:

162 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

60.9 KB | W: | H:

723 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
... ... @@ -15,13 +15,13 @@
</section>
<section class="about-section rel all-height">
<div class="container">
<!-- <div class="about-content mr-20 rmr-0 rmb-50 wow customFadeInRight delay-0-2s slow">
<div class="container about-container">
<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>
<div class="title-intro color-white">北京鸿果秋实科技有限公司2012年成立，定位于提供4S信息化解决方案的高科技公司：（Software-软件，Service-服务，Solution-解决方案，Sale-销售），公司专注于软件解决方案和整体服务交付领域，已陆续成为税务、社保、财政、通信运营商等行业，IT运维领域的领先者。北京鸿果科技依托“金税三期” 、“互联网+智能化AI+行业应用”的变革时机，充分运用智能化、运维大数据思维，引入AI、算法和业务深度理解，共同打造AIOps生态圈。公司基于多年政府行业的市场、销售、技术、产品经验积累，先后在多省市政府、央企承建了“综合监控管理平台（A-view V1.0）、自动化巡检平台、智能告警算法平台、数据安全运维管理平台、一体化运维大数据管理应用平台（D-viewV1.0）”等，陆续承建了浙江省、新疆、陕西、贵州、天津、吉林、辽宁、内蒙古、宁夏等税务局“金三”重大信息化项目。 目前公司拥有《国家高新企业》《中国信息安全服务集成资质》、《中国信息安全运维资质》、 《软件企业》资质、多项自主的软件著作权，评选为“优秀信息化软件企业合作伙伴”、“专精特新”企业。</div>
</div>-->
<!-- <div class="title-intro color-white">北京鸿果秋实科技有限公司2012年成立，定位于提供4S信息化解决方案的高科技公司：（Software-软件，Service-服务，Solution-解决方案，Sale-销售），公司专注于软件解决方案和整体服务交付领域，已陆续成为税务、社保、财政、通信运营商等行业，IT运维领域的领先者。北京鸿果科技依托“金税三期” 、“互联网+智能化AI+行业应用”的变革时机，充分运用智能化、运维大数据思维，引入AI、算法和业务深度理解，共同打造AIOps生态圈。公司基于多年政府行业的市场、销售、技术、产品经验积累，先后在多省市政府、央企承建了“综合监控管理平台（A-view V1.0）、自动化巡检平台、智能告警算法平台、数据安全运维管理平台、一体化运维大数据管理应用平台（D-viewV1.0）”等，陆续承建了浙江省、新疆、陕西、贵州、天津、吉林、辽宁、内蒙古、宁夏等税务局“金三”重大信息化项目。 目前公司拥有《国家高新企业》《中国信息安全服务集成资质》、《中国信息安全运维资质》、 《软件企业》资质、多项自主的软件著作权，评选为“优秀信息化软件企业合作伙伴”、“专精特新”企业。</div>-->
</div>
</div>
<!-- <div class="know-intro"></div>-->
<div class="know-intro-bg wow customFadeInRight delay-0-1s slow"></div>
... ... @@ -35,13 +35,13 @@
</section>
<section class="about-section rel text-center">
<div class="container">
<!-- <div class="row wow customFadeInRight delay-0-1s slow">
<div class="container about-container">
<div class="row wow customFadeInRight delay-0-1s slow">
<div class="col-lg-12 col-md-12 pt-60">
<div class="title-style">鸿果文化价值观及企业目标</div>
</div>
</div>
<div class="row pt-30 wow">
<!-- <div class="row pt-30 wow">
<div class="col-md-6 col-lg-3 culturalValues-item" v-for="item in culturalValuesData">
<img :src="item.icon" alt="">
<div class="culturalValues-title customFadeInRight delay-0-1s slow">{{item.title}}</div>
... ... @@ -143,6 +143,11 @@
<section class="partner-section pt-100 pb-100">
<div class="container">
<div class="row wow customFadeInRight delay-0-1s slow">
<div class="col-lg-12 col-md-12">
<div class="title-style text-align-center">合作伙伴</div>
</div>
</div>
<!--<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>
... ...
... ... @@ -12,7 +12,7 @@
<section class="concat-concat 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 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')">
... ...
... ... @@ -14,12 +14,14 @@
<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',{'scroll-to-target':index==0,'cursor-pointer':index==0,'scroll-item':index==0}] " data-target=".team-section" v-for="(item,index) in homeData" :style="'background: url(assets/img/index/' + (index+1) + '.png);background-size:cover;'">
<div :class="['owl-item', 'all-height',{'scroll-to-target':index==0,'cursor-pointer':index==0,'scroll-item':index==0}] " data-target=".team-section" v-for="(item,index) in homeData"
:style="'background: url(assets/img/index/' + (index+1) + '.png);'">
<!-- <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>
<div :class="['owl-item-intro', 'title-intro-top', 'pt-30',{'text-align-center':index==2,'max-width-6':index!=2}]">{{item.introduction}}</div>
<div class="pt-30 title-intro-top text-align-center" v-if="item.introTitle">{{item.introTitle}}</div>
<div :class="['owl-item-intro', 'title-intro-top', {'pt-10':item.introTitle,'pt-30':!item.introTitle,'text-align-center':index==2,'max-width-6':index!=2}]">{{item.introduction}}</div>
<div :class="['owl-item-button', 'pt-30',{'text-align-center':index==2}]" >
<span class="home-button btn-service" v-if="item.isService" @click="jumpSecond('services')">查看产品</span>
<span class="home-button btn-concat" v-if="item.isConcat" @click="jumpSecond('concat')">联系我们</span>
... ... @@ -72,25 +74,25 @@
<div class="mb-35">
<div class="title-style">魔镜智能运维建设三大原则</div>
</div>
<!-- <div class="title-intro">魔镜智能能够通过海量数据处理分析能力和强大的算法支撑能力 | 协助企业灵活构建多样化智能运维场景</div>-->
<!-- <div class="title-intro">魔镜智能能够通过海量数据处理分析能力和强大的算法支撑能力 | 协助企业灵活构建多样化智能运维场景</div>-->
</div>
</div>
</div>
<div class="row principle pt-30">
<div class="col-md-4 principle-con">
<div class="col-md-4 principle-con" v-for="(itemP,indexP) in principleData">
<div class="principle-item">
<div class="principle-item-title">
<span class="num-icon">1</span>
<span>数据</span>
<span class="num-icon">{{indexP+1}}</span>
<span>{{itemP.title}}</span>
</div>
<div class="principle-item-intro">从自身运维出发</div>
<div class="principle-item-intro">{{itemP.introduction}}</div>
</div>
</div>
<div class="col-md-4 principle-con">
<!--<div class="col-md-4 principle-con">
<div class="principle-item">
<div class="principle-item-title">
<span class="num-icon">2</span>
<span>中台</span>
<span>能力域</span>
</div>
<div class="principle-item-intro">夯实数据处理能力</div>
</div>
... ... @@ -103,7 +105,7 @@
</div>
<div class="principle-item-intro">循序渐进进行建设</div>
</div>
</div>
</div>-->
</div>
</div>
... ...
import pageInit from "../../minixs/pageInit.js";
import {homeDatas,compatibleDatas,techDatas,stepRoutes,logoDatas} from "../../../../assets/img/data/homeData.js";
import {homeDatas,compatibleDatas,techDatas,stepRoutes,logoDatas,principleDatas} from "../../../../assets/img/data/homeData.js";
export default {
name: 'home',
template: '',
... ... @@ -12,6 +12,7 @@ export default {
let isHover=Vue.ref(false);
let techData=Vue.ref(techDatas());
let stepRoute=stepRoutes();
let principleData=principleDatas();
//六步路线的hover
let stepActive=Vue.ref(0);
//六步路线hover事件
... ... @@ -74,6 +75,7 @@ export default {
logoData,
compatibleData,
homeData,
principleData,
jumpSecond,
stepRoute,
stepActive,
... ...
... ... @@ -51,7 +51,7 @@
<img :src="item.img" alt="">
</div>
<div class="row mt-60 dataAbility-con" v-if="item.dataAbility && item.dataAbility.length>0">
<div class="col-lg-6 dataAbility-col" v-for="(itemD,indexD) in item.dataAbility">
<div class="col-md-6 dataAbility-col" v-for="(itemD,indexD) in item.dataAbility">
<div class="dataAbility-item">
<div class="dataAbility-item-title">{{itemD.title}}</div>
<div class="dataAbility-item-intro pt-20">
... ...
... ... @@ -66,7 +66,15 @@
</div>
<div class="func-bottom row pt-30">
<div class="col-lg-6 func-bottom-title"><span></span><span>{{funcTitle}}</span></div>
<div :class="['col-lg-6', 'func-bottom-intro',{'func-l-p':funcActive==1}]"><span class="func-symbol">“</span><span class="funcIntro-span">{{funcIntro}}</span></div>
<div :class="['col-lg-6', 'func-bottom-intro','flex-column-center',{'func-l-p':funcActive==1}]">
<div class="func-bottom-con ">
<span class="func-symbol">“</span>
<span class="funcIntro-span">{{funcIntro}}</span>
</div>
<div class="func-bottom-con func-bottom-con-right">
<span class="func-symbol ">”</span>
</div>
</div>
</div>
</div>
... ...
... ... @@ -65,7 +65,7 @@
</div>
<div class="row pt-30" v-if="item.dataFive && item.dataFive.length>0">
<div class="row-top row pt-50">
<div class="col-lg-3 info-character" @mouseover="showHover(indexV)" v-for="(itemV,indexV) in item.dataFive">
<div class="col-md-3 info-character info-character-log" @mouseover="showHover(indexV)" v-for="(itemV,indexV) in item.dataFive">
<img v-if="valueIndex!=indexV" class="" :src="itemV.icon" alt="">
<img v-if="valueIndex==indexV" class="" :src="itemV.iconA" alt="">
<div class="pt-30">
... ...
... ... @@ -12,9 +12,9 @@
<section class="concat-service rel rpt-150 pb-130 rpb-0 text-left ">
<div class="mb-2 title-style-top">运维数字化道路，鸿果与你同行</div>
<div class="mb-2 pt-30 title-intro-top">鸿果自研的产品--数字运维中台</div>
<div class="mb-2 title-intro-top pt-10">作为智能运维各应用场景的支撑平台，提供数据治理服务、流批一体服务和AI平台服务</div>
<div class="mb-2 title-style-top">运维数字化道路，鸿果与您同行</div>
<div class="mb-2 pt-30 title-intro-top">鸿果自研的产品--魔镜智能运维</div>
<div class="mb-2 title-intro-top pt-10">数据是智能运维的基石，算法是挖掘数据价值的关键，技术是实现智能运维的手段</div>
</section>
... ...