monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 鲁尚清
Commit 97307e3a60f34811b7934f10d0e8a35b499f3d7f 1 parent 5aed9228 wangfeng-mj ... master-500-dev master-500-dev-0327 master-500-dev-joke master-500-dev-lushangqing master-500-dev-lzc master-500-dev-xwx master-500-dev-yuanjinpeng master-500-dev-ztq1 master-mj master-mj-610 master-mj-joke master-mj-yuanjinpeng master-mj-ztq wangfeng-500-dev

【无】公司网站-样式修改,图片 #3

Inline Side-by-side
Showing 158 changed files with 169 additions and 97 deletions
... ... @@ -381,7 +381,7 @@ textarea:placeholder,
}
.concat-concat {
position: relative;
background: url('../img/concat/bg.png');
background: url('../img/concat/bg.jpg');
background-position: center bottom;
background-size: cover;
padding: 200px;
... ... @@ -393,7 +393,7 @@ textarea:placeholder,
}
.concat-service {
position: relative;
background: url('../img/services/service-bg.png');
background: url('../img/services/service-bg.jpg');
background-position: center bottom;
background-size: cover;
padding: 200px;
... ... @@ -406,7 +406,7 @@ textarea:placeholder,
.concat-about {
position: relative;
background: url('../img/about/about-bg.png');
background: url('../img/about/about-bg.jpg');
background-position: center bottom;
background-size: cover;
padding: 200px;
... ... @@ -454,6 +454,7 @@ textarea:placeholder,
font-size: 42px;
margin-top: 75px;
text-align: center;
color:#333;
}
.breadcrumb {
... ... @@ -2212,7 +2213,7 @@ blockquote:before {
align-items: center;
}
.pro-advantage{
background: url("../img/serviceSecond/maintenance/advantage-bg.png");
background: url("../img/serviceSecond/maintenance/advantage-bg.jpg");
background-size: cover;
position: absolute;
height: 100%;
... ... @@ -2820,10 +2821,20 @@ blockquote:before {
align-items: center;
justify-content: center;
}
.about-process-container{
flex:0.6;
display: flex;
flex-flow: column;
}
.about-process{
flex:1;
display: flex;
align-items: center;
}
.about-concat{
position: relative;
width: 100%;
flex: 1;
flex: 0.4;
display: flex;
align-items: center;
justify-content: center;
... ... @@ -2856,6 +2867,12 @@ blockquote:before {
background:rgba(255,255,255,.18);
}
.about-concat-btn a{
color:#fff;
}
.about-concat-btn a:hover{
color:#e43730;
}
.about-concat-con{
position: relative;
display: flex;
... ... @@ -3073,7 +3090,7 @@ blockquote:before {
top: 0;
z-index: -2;
background-size: cover;
background-image: url("../img/serviceSecond/Aview/ability-bg.png");
background-image: url("../img/serviceSecond/Aview/ability-bg.jpg");
background-repeat: no-repeat;
background-position: center;
}
... ... @@ -3135,7 +3152,7 @@ blockquote:before {
cursor: pointer;
}
.info-characterP .info-characterP-bg{
background:url("../img/serviceSecond/Aview/characterP-bg.png");
background:url("../img/serviceSecond/Aview/characterP-bg.jpg");
position: absolute;
height: 100%;
width: 100%;
... ... @@ -3146,7 +3163,7 @@ blockquote:before {
background-position: center;
}
.info-characterP:hover .info-characterP-bg{
background:url("../img/serviceSecond/Aview/characterP-bg-active.png");
background:url("../img/serviceSecond/Aview/characterP-bg-active.jpg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
... ... @@ -3180,7 +3197,7 @@ blockquote:before {
color:#fff;
}
.Aview-advantage-bg{
background: url("../img/serviceSecond/Aview/advantage-bg.png");
background: url("../img/serviceSecond/Aview/advantage-bg.jpg");
background-size: cover;
position: absolute;
height: 100%;
... ... @@ -3428,7 +3445,7 @@ blockquote:before {
padding-right:0;
}
.app-advantage-bg{
background: url("../img/serviceSecond/cmdb/advantage-bg.png");
background: url("../img/serviceSecond/cmdb/advantage-bg.jpg");
background-size: cover;
position: absolute;
height: 100%;
... ... @@ -3518,7 +3535,7 @@ blockquote:before {
padding:0;
}
.recruit-bg{
background: url("../img/concatSecond/banner-con.png");
background: url("../img/concatSecond/banner-con.jpg");
background-size: cover;
position: absolute;
height: 100%;
... ... @@ -3568,10 +3585,18 @@ blockquote:before {
.about-container{
height:100%;
}
.about-content .title-style{
display: none;
}
.office-info li a{
color:#FFFFFF;
}
.office-info li a:hover{
color:#e43730;
}
@media (min-width: 992px){
.about-content .title-style{
padding-top:180px;
display: none;
}
}
@media (min-width: 1200px){
... ... @@ -3597,17 +3622,23 @@ blockquote:before {
margin-bottom: 20px;
}
.home-bg-1{
background: url(../img/index/1.png);
background: url(../img/index/1.jpg);
}
.home-bg-2{
background: url(../img/index/2.png);
background: url(../img/index/2.jpg);
}
.home-bg-3{
background: url(../img/index/3.png);
background: url(../img/index/3.jpg);
}
.hzlc-sm{
display: none;
}
.footer-title-none{
font-weight: 600;
position: relative;
margin-bottom: 40px;
text-transform: capitalize;
}
@media only screen and (max-width: 1400px){
.intro-tab-scroll{
transform: translateY(75px);
... ... @@ -3673,8 +3704,12 @@ blockquote:before {
}
}
/*992以下的一些样式*/
@media only screen and (max-width: 991px){
.main-menu .navbar-collapse > .navigation{
margin-top: 13px;
}
.dataAbility-con{
margin-top:20px;
}
... ... @@ -3871,7 +3906,7 @@ blockquote:before {
background-image: url("../img/about/about-bg-sm.png");
}
.know-intro-bg{
background-image: url("../img/about/know-intro-img-sm.png");
background-image: url("../img/about/know-intro-img-sm.jpg");
}
.partner-img-bg{
background-image: url("../img/about/partner-bg-img-sm.png");
... ... @@ -3889,10 +3924,10 @@ blockquote:before {
flex:1;
}
.about-content-intro .title-style{
padding-top:30px;
padding-top:60px;
}
.home-bg-1{
background: url(../img/index/1-sm.png);
.home-bg-3{
background: url(../img/index/3-sm.png);
}
.func-bg{
... ... @@ -3957,7 +3992,39 @@ blockquote:before {
font-size: 14px;
}
}
@media only screen and (max-width: 767px){
@media only screen and (max-width: 768px){
.wrap{
height: auto;
overflow-y: auto;
}
.wrap section{
height: auto;
min-height: 500px;
}
.footer-widget{
text-align: center;
}
.footer-title-none{
margin-bottom: 0;
}
.office-info li{
justify-content: center;
}
.about-concat .about-concat-title{
padding:20px 0 0;
}
.about-concat-con{
padding-bottom: 20px;
}
.culturalValues-container .pt-60{
padding-top:30px;
}
.partner-section{
padding-top:60px;
}
.about-content-intro .title-style{
padding-top:30px;
}
.info-character.info-characterP{
padding:15px;
}
... ...
export function homeDatas() {
let res=[
{
title:'“魔镜智能”全面完成国产化兼容适配认证',
introduction:'鸿果科技旗下“魔镜智能”完成对主流国产服务器、数据库、操作系统、中间件等兼容适配，并取得一系列兼容性认证',
isService:false,
isConcat:false,
},
{
title:'不仅仅是智能化运维,',
title1:'提供一站式的IT运维管理平台',
... ... @@ -15,10 +10,16 @@ export function homeDatas() {
},
{
title:'运维数字化道路，鸿果与您同行',
introTitle:'鸿果自研产品——魔镜智能运维',
introduction:'数据是智能运维的基石，算法是挖掘数据价值的关键，技术是实现智能运维的手段',
introTitle:'鸿果自研产品—魔镜智能运维',
introduction:'“大数据”是智能运维的基石，“算法”是关联分析数据价值的引擎，“场景”是实现智能运维的深度应用。',
isService:true,
isConcat:true,
},
{
title:'“魔镜智能”全面完成国产化兼容适配认证',
introduction:'鸿果科技旗下“魔镜智能”完成对主流国产服务器、数据库、操作系统、中间件等兼容适配，并取得一系列兼容性认证',
isService:false,
isConcat:false,
}
]
return res
... ...
... ... @@ -3,7 +3,7 @@ export function productDatas(){
{
title:'综合告警智能算法平台',
introduction:'能快速接入各类告警信息，通过告警算法自动去重、规则压缩、算法降噪，实现告警降噪，避免告警风暴，更快响应告警，提升告警管理能力',
introData:['基于业务的告警统一管理','基于算法的智能合并降噪','支持固定阈值、同环比，预测性异常检测','兼容并包，开放告警'],
introData:['基于“专业分散”业务的告警统一管理','基于算法的智能合并降噪','可实现预测性异常检测和趋势分析','兼容并包，开放告警'],
type:'alarm'
},
{
... ... @@ -13,7 +13,7 @@ export function productDatas(){
type:'Aview'
},
{
title:'CMDB资产管理',
title:'面向应用的CMDB资产管理',
introduction:'建立以应用为中心的资源管理模型，促进资产到资源的转变',
introData:['随需而动的资源管理模型','独有的双模自动发现能力','面向业务的关联分析','丰富多样的服务化API'],
type:'cmdb'
... ...
... ... @@ -34,7 +34,7 @@ export function Information() {
{
title:'系统框架',
introduction:'安全运维服务流程的系统架构',
img:'assets/img/serviceSecond/information/system.png',
img:'assets/img/serviceSecond/information/system.jpg',
type:'system'
},
{
... ... @@ -45,25 +45,25 @@ export function Information() {
icon:'assets/img/serviceSecond/information/advantage-1.png',
title: '“护网”“等保”各规章变成“流程”强制性管控',
introduction:'特点：规章落地 提前约束 流程强制 全程留痕',
img:'assets/img/serviceSecond/information/advantageImg-1.png'
img:'assets/img/serviceSecond/information/advantageImg-1.jpg'
},
{
icon:'assets/img/serviceSecond/information/advantage-2.png',
title:'通过'+"“安全流程”"+'提前管控日常操作、留痕',
introduction:'',
img:'assets/img/serviceSecond/information/advantageImg-2.png'
img:'assets/img/serviceSecond/information/advantageImg-2.jpg'
},
{
icon:'assets/img/serviceSecond/information/advantage-3.png',
title:'税务局业务流程目录、展示、流程的分类管理',
introduction:'',
img:'assets/img/serviceSecond/information/advantageImg-3.png'
img:'assets/img/serviceSecond/information/advantageImg-3.jpg'
},
{
icon:'assets/img/serviceSecond/information/advantage-4.png',
title:'工作组、用户权限的灵活配置',
introduction:'',
img:'assets/img/serviceSecond/information/advantageImg-4.png'
img:'assets/img/serviceSecond/information/advantageImg-4.jpg'
}
],
type:'advantage'
... ... @@ -75,17 +75,17 @@ export function Information() {
{
title:'标准化',
introduction:'信息、流程、时间全面统一，高效协同',
img:'assets/img/serviceSecond/information/value-bg.png'
img:'assets/img/serviceSecond/information/value-bg.jpg'
},
{
title:'规范化',
introduction:'理清流程、制度落地，业务按标准执行',
img:'assets/img/serviceSecond/information/value-bg.png'
img:'assets/img/serviceSecond/information/value-bg.jpg'
},
{
title:'透明化',
introduction:'流程申请、流程进度、流程审批全程可观',
img:'assets/img/serviceSecond/information/value-bg.png'
img:'assets/img/serviceSecond/information/value-bg.jpg'
}
],
type:'value'
... ... @@ -117,25 +117,25 @@ export function securityLog() {
introduction:'',
dataFour:[
{
img:'assets/img/serviceSecond/securityLog/advantageImg-1.png',
img:'assets/img/serviceSecond/securityLog/advantageImg-1.jpg',
title:'高效数据处理能力',
introduction:'日志综合智能分析平台采用大数据架构进行数据的采集、存储、分析和检索。日志采集综合处理均值20000条/秒。数据采用高压缩存储算法，压缩比达到10：1。数据检索采用专业化日志查询引擎，百亿级日志量查询速率只需秒级。直观展示安全事件发生时间、访问源、危险等级及影响范围的分布情况。',
isDisplay:true
},
{
img:'assets/img/serviceSecond/securityLog/advantageImg-2.png',
img:'assets/img/serviceSecond/securityLog/advantageImg-2.jpg',
title:'基于策略分析的安全事件响应',
introduction:'日志综合智能分析平台基于状态分析的安全事件规则能够帮助用户对全网安全事件进行全方位定位，快速发现可疑行为、违规事件和攻击行为。基于时间线性的回溯分析能够帮助用户轻松了解到违规事件的时间、发生源、违规操作设备、操作行为，通过图形化还原违规行为现场，作为事后追溯的有力证据。',
isDisplay:true
},
{
img:'assets/img/serviceSecond/securityLog/advantageImg-3.png',
img:'assets/img/serviceSecond/securityLog/advantageImg-3.jpg',
title:'可视化日志展示',
introduction:'日志综合智能分析支持对日志查询结果进行在线快速自动分析，提供事件计数统计、时间分段环比统计、数值分段统计、字段值分类统计、字段数值统计、累计百分比统计、地理统计等统计功能，并以直观形象的统计图表（饼型图、直方图、堆积图、折线图等）来展现日志数据统计结果，并可将统计图表保存到自定义仪表盘上，方便用户随时查看。',
isDisplay:true
},
{
img:'assets/img/serviceSecond/securityLog/advantageImg-4.png',
img:'assets/img/serviceSecond/securityLog/advantageImg-4.jpg',
title:'日志存储和归档',
introduction:'日志存储按照《中华人民共和国网络安全法》规定留存相关的网络日志不少于六个月，超时的日志系统自动提醒相关负责人，对其做备份或销毁处理。系统将采集来的日志统一存储和归档，持海量数据存储，也支持磁盘柜、NAS和SAN等多种存储方式，便于扩充和统一查询检索。',
isDisplay:true
... ... @@ -190,7 +190,7 @@ export function businessApp () {
subTitle:'随时掌握应用性能对业务的影响',
introduction:'魔镜APM基于实时的多语言应用探针全量采集技术，全方位 保障系统的可用性与性能表现，帮助企业有效地降低MTTR、 提升开发运维效率、改善用户体验。',
type:'info',
subImg:'assets/img/serviceSecond/businessApp/info.png',
subImg:'assets/img/serviceSecond/businessApp/info.jpg',
dataIcon:[
{icon:'assets/img/serviceSecond/businessApp/info-icon-1.png'},
{icon:'assets/img/serviceSecond/businessApp/info-icon-2.png'},
... ... @@ -204,28 +204,28 @@ export function businessApp () {
introduction:'',
dataApm:[
{
img:'assets/img/serviceSecond/businessApp/apm-1.png',
img:'assets/img/serviceSecond/businessApp/apm-1.jpg',
title:'智能分析',
introData:[
'基于AIOps技术智能分析事务问题根因','基于异常检则算法和动态基线进行智能警报','异常和错误支持根因分析','指标相关性分析帮助缩小排查范围'
]
},
{
img:'assets/img/serviceSecond/businessApp/apm-2.png',
img:'assets/img/serviceSecond/businessApp/apm-2.jpg',
title:'代码级诊断',
introData:[
'深入代码到每一行，缩短性能问题定位流 程，节省宝贵的开发时间','提供详细的代码堆栈','自动化的实时诊断，同时支持自定义嵌码'
]
},
{
img:'assets/img/serviceSecond/businessApp/apm-3.png',
img:'assets/img/serviceSecond/businessApp/apm-3.jpg',
title:'调用链追踪',
introData:[
'无限层级追踪调用链','快速定位性能瓶颈','丰富的追踪上下文信息','支持异步调用追踪'
]
},
{
img:'assets/img/serviceSecond/businessApp/apm-4.png',
img:'assets/img/serviceSecond/businessApp/apm-4.jpg',
title:'微服务治理',
introData:[
'梳理微服务依赖关系','跨平台、多语言、多协议、多框架','实时监控业务的健康度','批量部署，自动发现'
... ... @@ -347,19 +347,19 @@ export function maintenance() {
introduction:'',
dataFour:[
{
img:'assets/img/serviceSecond/maintenance/character-1.png',
img:'assets/img/serviceSecond/maintenance/character-1.jpg',
title:'动态关联IT与业务',
introduction:'从业务视角出发，将不同维度的IT资源关联整合，以简洁易懂的界面呈现业务与资源的关联关系。广泛的资源监控能力，任何影响业务的因素都及时体现，使IT运维效率得到大幅提升。',
isDisplay:true
},
{
img:'assets/img/serviceSecond/maintenance/character-2.png',
img:'assets/img/serviceSecond/maintenance/character-2.jpg',
title:'业务健康随时掌控',
introduction:'预置业务运维综合评价机制，基于“繁忙度”“健康度”“可用性”等多维度的业务性能监控指标，以业务运维状态卡片的方式直观展现业务状态，确保业务的正常运行。',
isDisplay:true
},
{
img:'assets/img/serviceSecond/maintenance/character-3.png',
img:'assets/img/serviceSecond/maintenance/character-3.jpg',
title:'故障根因分析溯源',
introduction:'业务系统出现故障时，根据实际业务服务模型，通过业务视图与IT资源间的关联性，实时映射基础设施监控（IM）中影响服务的告警事件，准确定位故障根源、快速恢复业务，并可设置优先级。',
isDisplay:true
... ... @@ -371,25 +371,25 @@ export function maintenance() {
isDisplay:true
},
{
img:'assets/img/serviceSecond/maintenance/character-5.png',
img:'assets/img/serviceSecond/maintenance/character-5.jpg',
title:'提供IT规划参考依据',
introduction:'提供的业务负载情况及增长趋势曲线，可以对IT资源与业务情况进行评估，定位系统性能瓶颈和容量预警，为管理者提供扩容建议和参考，为IT投资提供量化依据。',
isDisplay:true
},
{
img:'assets/img/serviceSecond/maintenance/character-6.png',
img:'assets/img/serviceSecond/maintenance/character-6.jpg',
title:'低代码开发技术设计，实现可视化服务编排',
introduction:'提供低代码开发、降低使用门槛，运维人员不必重新构建基础工具，利用平台能力随需进行快速轻量级开发。支持多语言框架，包括但不限于Python、Java、shell、perl等语言，提供可拖拽式前端开发工具，实现前端布局可视化。提供自动化编译、构建、部署、执行等操作，实现自动部署，集成统一登录、WEB 安全防护模块、功能组件模块等通用模块。',
isDisplay:true
},
{
img:'assets/img/serviceSecond/maintenance/character-7.png',
img:'assets/img/serviceSecond/maintenance/character-7.jpg',
title:'形成以面向业务场景为驱动的服务型CMDB',
introduction:'构建符合云架构、智能监控、自动化运维的轻量级CMDB，并形成数据中心枢纽，支持多种业务场景，比如资产管理、资源可视化、运维监控、自动化运维、多云管理等等。',
isDisplay:true
},
{
img:'assets/img/serviceSecond/maintenance/character-8.png',
img:'assets/img/serviceSecond/maintenance/character-8.jpg',
title:'丰富的分析算法 拖拽式算法模型 对运维数据应用提供了无限可能',
introduction:'提供AI算法涵盖聚类、分类、回归、自然语言处理、时间序列、关联、综合评价、推荐等8大类机器学习算法。用户基干这些算法构建模型，从而开展深度数据分析，发掘蕴藏在业务数据中价值。算法分析提供了拖拽式可视化的建模功能，让用户可以通过拖拽的方式搭建机器学习实验。根据算法的不同特点选用Spark、Python等不同框架进行实现，真正做到成熟、稳定、简单、易用。',
isDisplay:true
... ... @@ -463,11 +463,11 @@ export function alarm() {
{
title:'告警的全生命周期',
introduction:'',
img:'assets/img/serviceSecond/alarm/lifeCycle.png',
img:'assets/img/serviceSecond/alarm/lifeCycle.jpg',
type:'lifeCycle'
},
{
title:'基于业务的告警统一管理',
title:'基于“专业分散”业务的告警统一管理',
introduction:'能够根据业务单元为粒度，统一进行告警的管理以及态势的统计分析。因此我们提供了告警管理中心，以业务为中心进行告警的统一管理每个业务都包含从资源层到事务管理的完整链路。',
img:'assets/img/serviceSecond/alarm/alarmManage.png',
type:'alarmManage'
... ... @@ -529,27 +529,27 @@ export function Aview() {
introduction:'',
data:[
{
icon:'assets/img/serviceSecond/Aview/service-1.png',
icon:'assets/img/serviceSecond/Aview/service-1.jpg',
title:'前瞻性',
introData:['业务前瞻、模式前瞻','架构前瞻']
},
{
icon:'assets/img/serviceSecond/Aview/service-2.png',
icon:'assets/img/serviceSecond/Aview/service-2.jpg',
title:'一站式',
introData:['全生命周期','全IT领域']
},
{
icon:'assets/img/serviceSecond/Aview/service-3.png',
icon:'assets/img/serviceSecond/Aview/service-3.jpg',
title:'敏捷性',
introData:['支持业务更快速','更高质量的发布']
},
{
icon:'assets/img/serviceSecond/Aview/service-4.png',
icon:'assets/img/serviceSecond/Aview/service-4.jpg',
title:'场景化',
introData:['不同的业务场景','提供差异化服务']
},
{
icon:'assets/img/serviceSecond/Aview/service-5.png',
icon:'assets/img/serviceSecond/Aview/service-5.jpg',
title:'智能化',
introData:['通过智能分析和','自动化提高运营效率']
}
... ... @@ -657,10 +657,10 @@ export function Aview() {
return res
}
//CMDB资产管理
//面向应用的CMDB资产管理
export function cmdb() {
let res={
title:'CMDB资产管理',
title:'面向应用的CMDB资产管理',
introduction:'建立以应用为中心的资源 管理模型，促进资产到资源的转变。',
data:[
{
... ... @@ -710,7 +710,7 @@ export function cmdb() {
{
title:'系统框架',
introduction:'',
img:'assets/img/serviceSecond/cmdb/system.png',
img:'assets/img/serviceSecond/cmdb/system.jpg',
type:'system'
},
{
... ... @@ -720,31 +720,31 @@ export function cmdb() {
{
title:'数据模型管理',
introduction:'提供配置类别、配置项模型和配置关系的自定义。提供图形化界面定义CMDB的数据结构，包括CI类型、每个CI类型包含的属性、对应的CI状态取值、允许的关系类型、CI实例唯一性判断规则，定义每个CI属性字段的数据类型、合法性校验规则、数据调和规则。',
img:'assets/img/serviceSecond/cmdb/func-1.png',
imgSm:'assets/img/serviceSecond/cmdb/func-1.png'
img:'assets/img/serviceSecond/cmdb/func-1.jpg',
imgSm:'assets/img/serviceSecond/cmdb/func-1-sm.png'
},
{
title:'配置数据收集',
introduction:'提供企业级配置自动化发现模块，实现对IT环境中各类环境设施、IT基础架构、应用系统和业务服务信息的收集。 ',
img:'assets/img/serviceSecond/cmdb/func-2.png',
img:'assets/img/serviceSecond/cmdb/func-2.jpg',
imgSm:'assets/img/serviceSecond/cmdb/func-2-sm.png'
},
{
title:'配置数据管理',
introduction:'采用非结构化数据库技术，完成对海量CMDB信息的管理，包括维护模型、配置项、关系映射的版本，对采集获取的管理对象数据进行模型化和实例化，并将配置项实例映射到应用服务和业务服务。',
img:'assets/img/serviceSecond/cmdb/func-3.png',
img:'assets/img/serviceSecond/cmdb/func-3.jpg',
imgSm:'assets/img/serviceSecond/cmdb/func-3-sm.png'
},
{
title:'数据消费服务',
introduction:'提供可视化拓扑展现、报表、访问权限控制等功能。同时为外部运维场景消费CMDB中存储的各类资源配置数据提供标准Restful API接口。',
img:'assets/img/serviceSecond/cmdb/func-4.png',
img:'assets/img/serviceSecond/cmdb/func-4.jpg',
imgSm:'assets/img/serviceSecond/cmdb/func-4-sm.png'
},
{
title:'关系可视化展现',
introduction:'提供从应用视角、网络环境视角、业务逻辑视角等可视化展现IT设备之间、IT设备和业务之间、业务和业务之间的关联关系，使IT管理人员对信息的理解和应用关联一目了然。',
img:'assets/img/serviceSecond/cmdb/func-5.png',
img:'assets/img/serviceSecond/cmdb/func-5.jpg',
imgSm:'assets/img/serviceSecond/cmdb/func-5-sm.png'
}
],
... ... @@ -753,7 +753,7 @@ export function cmdb() {
{
title: 'IT资产生命周期流程化管理',
introduction: '',
icon:'assets/img/serviceSecond/cmdb/lifeCycle.png',
icon:'assets/img/serviceSecond/cmdb/lifeCycle.jpg',
dataLife:[
{
title:'',
... ... @@ -836,7 +836,7 @@ export function cloud() {
title:'产品信息',
introduction:'支持了国内外所有主流云厂商，包含混合云、多云环境下对计算资源的集中管理，自动化运维、监控、合规审计、多云纳管、云资源全生命周期等多个维度提供统一运维管控，提供系统映像、通过既定策略优化工作负载，系统运行状态，以及任务执行过程的可视化监控，并提供丰富的告警机制帮助客户进行快速处理，从而进行灵活的资源管理与运维。',
type:'info',
img:'assets/img/serviceSecond/cloud/info.png',
img:'assets/img/serviceSecond/cloud/info.jpg',
},
{
title: '',
... ... @@ -917,28 +917,28 @@ export function cloud() {
introduction:'',
dataC:[
{
img:'assets/img/serviceSecond/cloud/character-1.png',
img:'assets/img/serviceSecond/cloud/character-1.jpg',
title:'多云资源统一管理',
introData:[
'可纳管多家主流私有云、公有云的计算、存储、网络等资源，实现资源台账可视化、资源操作便捷化以及多租户多层级的资源配额管理和数据分权。'
]
},
{
img:'assets/img/serviceSecond/cloud/character-2.png',
img:'assets/img/serviceSecond/cloud/character-2.jpg',
title:'多云环境自动化编排',
introData:[
'通过对云资源的蓝图设计、服务发布、服务申请、工单管理以及资源回收等，帮助客户实现资源的自动化运维和全生命周期管理。'
]
},
{
img:'assets/img/serviceSecond/cloud/character-3.png',
img:'assets/img/serviceSecond/cloud/character-3.jpg',
title:'多云资源统一运维和监控',
introData:[
'提供灵活可配的告警策略管理、微信邮件等多种方式的告警通知、资源性能指标和健康状态的统一分析等，帮助用户实时掌握全局资源的运行状态。'
]
},
{
img:'assets/img/serviceSecond/cloud/character-4.png',
img:'assets/img/serviceSecond/cloud/character-4.jpg',
title:'多维数据可视化',
introData:[
'通过自定义仪表盘实现资源用量的数据可视化分析;以资源池、集群、租户、主机等维度分析多云资源使用情况与变化趋势'
... ...

86.9 KB | W: | H:

167 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

167 KB | W: | H:

37.2 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

46.9 KB | W: | H:

17.2 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

46.3 KB | W: | H:

19.8 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

42.6 KB | W: | H:

16.9 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

74.6 KB | W: | H:

28.8 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

93.7 KB | W: | H:

34.5 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

73.1 KB | W: | H:

27.5 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

193 KB | W: | H:

51.1 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
... ... @@ -134,7 +134,7 @@
<ul>
<li><router-link to="/services/alarm">综合告警智能算法平台</router-link></li>
<li><router-link to="/services/Aview">综合监控管理A-view</router-link></li>
<li><router-link to="/services/cmdb">CMDB资产管理</router-link></li>
<li><router-link to="/services/cmdb">面向应用的CMDB资产管理</router-link></li>
<li><router-link to="/services/businessApp">业务及应用综合分析平台</router-link></li>
</ul>
</div>
... ... @@ -143,7 +143,7 @@
<div class="col-sm-4">
<div class="footer-widget links-widget">
<h4 style=" font-weight: 600;position: relative;margin-bottom: 40px;text-transform: capitalize;">&nbsp;</h4>
<h4 class="footer-title-none">&nbsp;</h4>
<div class="widget-content">
<ul>
<li><router-link to="/services/securityLog">日志综合智能分析平台</router-link></li>
... ... @@ -181,8 +181,7 @@
<h4 class="footer-title">联系我们</h4>
<div class="office-info">
<ul>
<li>北京电话:010-51726651</li>
<li>西安电话:029-89194260</li>
<li>邮箱: <a href="mailto:zxc@honggroup.com.cn">zxc@honggroup.com.cn</a></li>
<li>地址:北京市海淀区中关村南大街2号数码大厦B座</li>
<li>地址:陕西省西安市雁塔区金桥国际C座</li>
</ul>
... ...
... ... @@ -60,7 +60,7 @@ const routes = [
name: 'Aview',
component: () => myImport('views/serviceSecond/Aview/index')
},
//CMDB资产管理
//面向应用的CMDB资产管理
{
path: '/services/cmdb',
name: 'cmdb',
... ...
... ... @@ -35,7 +35,7 @@
</section>
<section class="about-section rel text-center">
<div class="container about-container">
<div class="container about-container culturalValues-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>
... ... @@ -183,7 +183,7 @@
</div>
</section>
<section class="about-section rel text-center">
<div class="container">
<div class="container about-process-container">
<div class="row wow customFadeInRight delay-0-1s slow">
<div class="col-lg-12 col-md-12">
<div class="title-style pt-20">合作流程</div>
... ... @@ -200,7 +200,7 @@
<div class="about-concat-con">
<div class="about-concat-btn" @click="isConcat=!isConcat">
<span v-if="!isConcat">联系咨询我们</span>
<span v-if="isConcat">010-51726651</span>
<a href="tel:010-51726651" v-if="isConcat">010-51726651</a>
</div>
</div>
<div class="about-concat-bg"></div>
... ...
... ... @@ -73,7 +73,9 @@ export default {
}
}
let MousewheelFun=(e)=>{
if($(window).width()>767){
setWrap(e.deltaY,'mouse')
}
setTimeout(function (){
setNavStyle();
},700)
... ... @@ -100,6 +102,7 @@ export default {
startY.value=e.touches[0].pageY;
}
let touchFun =(e)=>{
if($(window).width()>767){
endX.value=e.changedTouches[0].pageX;
endY.value=e.changedTouches[0].pageY;
let X=endX.value-startX.value;
... ... @@ -114,6 +117,8 @@ export default {
}
}
}
//联系方式是否出现
let isConcat=Vue.ref(false);
//设置从footer进入页面的显示位置
... ...
... ... @@ -13,8 +13,8 @@
<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 pt-20 font-size-24">齐心协力、积极乐观、共同发展、团队共赢！</div>
<div class="color-white mb-2 title-intro pt-20">具备足够的勇气及长远的眼光，大家携手一起，齐心协力，积极乐观，朝共同的目标前进实现共同发展及利益最大化</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>
... ... @@ -34,7 +34,7 @@
</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.png" alt="Service image">
<img style="border-radius: 25px" src="assets/img/concat/s1.jpg" alt="Service image">
</div>
</div>
</div>
... ... @@ -55,7 +55,7 @@
</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.png" alt="Service image">
<img style="border-radius: 25px" src="assets/img/concat/s2.jpg" alt="Service image">
</div>
</div>
</div>
... ... @@ -78,7 +78,7 @@
</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.png" alt="Service image">
<img style="border-radius: 25px" src="assets/img/concat/s3.jpg" alt="Service image">
</div>
</div>
</div>
... ...
... ... @@ -14,15 +14,15 @@
<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','home-bg-'+(index+1), '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"
<div :class="['owl-item','home-bg-'+(index+1), 'all-height',{'scroll-to-target':index==2,'cursor-pointer':index==0,'scroll-item':index==2}] " data-target=".team-section" v-for="(item,index) in homeData"
>
<!-- <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',{'text-align-center':index==1}]">{{item.title}}</div>
<div class="owl-item-title font-size-42" v-if="item.title1">{{item.title1}}</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}]" >
<div :class="['owl-item-intro', 'title-intro-top', {'pt-10':item.introTitle,'pt-30':!item.introTitle,'text-align-center':index==1,'max-width-6':index!=1}]">{{item.introduction}}</div>
<div :class="['owl-item-button', 'pt-30',{'text-align-center':index==1}]" >
<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>
</div>
... ...
... ... @@ -13,14 +13,14 @@
<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">数据是智能运维的基石，算法是挖掘数据价值的关键，技术是实现智能运维的手段</div>
<div class="mb-2 pt-30 title-intro-top">鸿果自研产品—魔镜智能运维</div>
<div class="mb-2 title-intro-top pt-10">“大数据”是智能运维的基石，“算法”是关联分析数据价值的引擎，“场景”是实现智能运维的深度应用。</div>
</section>
<section class=" rel" style="height: 100px">
<div class="container">
<h2 class="page-title">产品中心</h2>
<div class="page-title">“魔镜智能”产品中心</div>
</div>
</section>
... ... @@ -42,7 +42,7 @@
</div>
<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;">
<img :src="'assets/img/services/p'+(index+1)+'.jpg'" style="border-radius: 10px;">
</div>
</div>
</div>
... ...