CINXE.COM

State-of-the-art Network sSolution from Huawei for the Grand Resort Bad Ragaz - Huawei Enterprise

<!doctype html> <html class="LANG-en" lang=en-en> <head> <meta charset="UTF-8"> <meta name="applicable-device" content="pc,mobile"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta name="baidu-site-verification" content="nsMgQr28vc" /> <meta name="Tactic_Code" content="01MHQHQ231W002L" /> <meta http-equiv="x-dns-prefetch-control" content="on"> <meta name="templateName" content="base"> <title>State-of-the-art Network sSolution from Huawei for the Grand Resort Bad Ragaz - Huawei Enterprise</title> <meta name="keywords" content="Grand Resort Bad Ragaz,Wi-Fi 6,Huawei,CANCOM Switzerland,iMaster, iMaster NCE Campus" /> <meta name="description" content="Thanks to Huawei&#39;s Wi-Fi 6 network solution guests at the Grand Resort Bad Ragaz have access to Wi-Fi network at all locations. " /> <meta name="Item_Name" content="State-of-the-art Network sSolution from Huawei for the Grand Resort Bad Ragaz - Huawei Enterprise" /> <meta name="Item_Id" content="State-of-the-art Network sSolution from Huawei for the Grand Resort Bad Ragaz - Huawei Enterprise" /> <meta name="Item_CreateDate" content="02/11/2025" /> <meta name="pep-template-version" content="0.0.1" /> <meta property="og:site_name" content="Huawei Enterprise" /> <meta property="og:image" content="https://e.huawei.com" /> <meta property="og:type" content="website" /> <meta property="og:title" content="State-of-the-art Network sSolution from Huawei for the Grand Resort Bad Ragaz - Huawei Enterprise" /> <meta property="og:description" content="Thanks to Huawei&#39;s Wi-Fi 6 network solution guests at the Grand Resort Bad Ragaz have access to Wi-Fi network at all locations. " /> <meta property="og:url" content="https://e.huawei.com/en/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <meta property="twitter:card" content="summary" /> <meta property="twitter:title" content="State-of-the-art Network sSolution from Huawei for the Grand Resort Bad Ragaz - Huawei Enterprise" /> <meta property="twitter:image" content="https://e.huawei.com/en/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <meta property="twitter:description" content="Thanks to Huawei&#39;s Wi-Fi 6 network solution guests at the Grand Resort Bad Ragaz have access to Wi-Fi network at all locations. " /> <link rel="canonical" href="https://e.huawei.com/en/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <Link id='alternate_default' rel="alternate" hreflang="en" href="e.huawei.com/en/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_sg' rel="alternate" hreflang="sg" href="/sg/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_id' rel="alternate" hreflang="id" href="/id/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_ph' rel="alternate" hreflang="ph" href="/ph/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_my' rel="alternate" hreflang="my" href="/my/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_za' rel="alternate" hreflang="za" href="/za/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_hk' rel="alternate" hreflang="hk" href="/hk/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_jp' rel="alternate" hreflang="jp" href="/jp/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_th' rel="alternate" hreflang="th" href="/th/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_se' rel="alternate" hreflang="se" href="/se/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_de' rel="alternate" hreflang="de" href="/de/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_kz' rel="alternate" hreflang="kz" href="/kz/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_sa' rel="alternate" hreflang="sa" href="/sa/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_eu' rel="alternate" hreflang="eu" href="/eu/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_ae' rel="alternate" hreflang="ae" href="/ae/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_tr' rel="alternate" hreflang="tr" href="/tr/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_hu' rel="alternate" hreflang="hu" href="/hu/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_cz' rel="alternate" hreflang="cz" href="/cz/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_gr' rel="alternate" hreflang="gr" href="/gr/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_ua' rel="alternate" hreflang="ua" href="/ua/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_fr' rel="alternate" hreflang="fr" href="/fr/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_it' rel="alternate" hreflang="it" href="/it/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_es' rel="alternate" hreflang="es" href="/es/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_pl' rel="alternate" hreflang="pl" href="/pl/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_mx' rel="alternate" hreflang="mx" href="/mx/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_br' rel="alternate" hreflang="br" href="/br/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_ma' rel="alternate" hreflang="ma" href="/ma/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_at' rel="alternate" hreflang="at" href="/at/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link id='alternate_au' rel="alternate" hreflang="au" href="/au/case-studies/solutions/enterprise-network/2024-grand-resort-bad-ragaz-opts" /> <link rel="stylesheet" href="//e.huawei.com/marketingcloud/pep/static/assets/css/e-base-en202412191042.css" /> <script> window.$aioList = ["https://e.huawei.com/marketingcloud/pep/static//pep-breadcrumb/0.0.20", "https://e.huawei.com/marketingcloud/pep/static/pep-banner-2007/0.0.24", "https://e.huawei.com/marketingcloud/pep/static//pep-success-story-detail/0.0.24"]; window.$aioCdnPrefix = 'https://crm.saas.huawei.com/portal/static/'; </script> <script> window.gConfig = window.gConfig || {}; window.gConfig.isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent); var hClassName; if (window.gConfig.isMobile) { hClassName = ' phone'; } else { hClassName = ' pc'; } if (window.$aioList) { for (var i = 0; i < window.$aioList.length; i++) { if (window.$aioCdnPrefix) { if (window.$aioList[i].length > 0) { var link = document.createElement('link'); link.rel = 'stylesheet'; link.type = 'text/css'; link.href = window.$aioList[i] + '/' + (window.gConfig.isMobile ? 'm' : 'pc') + '/index.css'; document.head.appendChild(link); } } else { if (window.$aioList[i].length > 0) { var link = document.createElement('link'); link.rel = 'stylesheet'; link.type = 'text/css'; link.href = 'https://res.hc-cdn.com/' + window.$aioList[i] + '/' + (window.gConfig.isMobile ? 'm' : 'pc') + '/index.css'; document.head.appendChild(link); } } } } var root = document.documentElement; root.className += hClassName; </script> <meta name="pep-template-version" content="0.0.1" /> <link type="image/x-icon" href="//e.huawei.com/marketingcloud/pep/static/assets/favicon/favicon.ico" rel="icon" /> <script type="text/javascript" src="//e.huawei.com/marketingcloud/pep/static/assets/js/e-header-base-202411061105.js"></script> <style> .pep-2076-generic.center .e-cistern-l .z_wujiaer .right .minisiteRegisterForm .ipt-row li.survey { width: 100%; } .pep-2076-generic .minisiteRegisterForm .ipt-block .ipt-checkbox-wrap .radio-label:hover em, .pep-2076-generic .minisiteRegisterForm .ipt-block .ipt-radio-wrap .radio-label:hover em, .pep-2076-generic .minisiteRegisterForm .ipt-block .ipt-textarea-wrap .radio-label:hover em { background: none; } .pep-2076-generic .minisiteRegisterForm .ipt-wrap .checkbox-label:hover em, .pep-2076-generic .minisiteRegisterForm .ipt-wrap .radio-label:hover em { background: none; } .pep-2076-generic .minisiteRegisterForm .ipt-wrap .checkbox-label { padding: 0px 3px !important; margin-left: 10px !important; display: -webkit-box !important; } .pep-2076-generic .minisiteRegisterForm .ipt-wrap .checkbox-label>span { padding-top: 2px !important; padding-left: 0px !important; } .pep-2076-generic .minisiteRegisterForm .ipt-block .ipt-radio-wrap .radio-label>input[type=radio]+span:before { left: -19px !important; } .e-module-202212091558 .minisiteRegisterForm .ipt-block .ipt-radio-wrap .radio-label>input[type=radio]+span:before { margin-right: -15px !important; } .pep-2076-generic .ipt-col .J-mutil-select .J-select-option li { width: 100% !important; } @media (min-width: 1250px) { .pep-2076-generic.center .e-cistern-l .z_wujiaer .right .minisiteRegisterForm .ipt-row li { width: 100% } } @media (max-width: 750px) { .pep-2076-generic .minisiteRegisterForm .ipt-wrap .radio-label>span { font-size: 14px !important; } .pep-2076-generic .minisiteRegisterForm .ipt-wrap .checkbox-label>span { font-size: 14px !important; } } </style> <script>!function(e){var n="https://s.go-mpulse.net/boomerang/";if("False"=="True")e.BOOMR_config=e.BOOMR_config||{},e.BOOMR_config.PageParams=e.BOOMR_config.PageParams||{},e.BOOMR_config.PageParams.pci=!0,n="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="2P5D9-ZLGMP-KR4XY-62QST-NRNVT",function(){function e(){if(!o){var e=document.createElement("script");e.id="boomr-scr-as",e.src=window.BOOMR.url,e.async=!0,i.parentNode.appendChild(e),o=!0}}function t(e){o=!0;var n,t,a,r,d=document,O=window;if(window.BOOMR.snippetMethod=e?"if":"i",t=function(e,n){var t=d.createElement("script");t.id=n||"boomr-if-as",t.src=window.BOOMR.url,BOOMR_lstart=(new Date).getTime(),e=e||d.body,e.appendChild(t)},!window.addEventListener&&window.attachEvent&&navigator.userAgent.match(/MSIE [67]\./))return window.BOOMR.snippetMethod="s",void t(i.parentNode,"boomr-async");a=document.createElement("IFRAME"),a.src="about:blank",a.title="",a.role="presentation",a.loading="eager",r=(a.frameElement||a).style,r.width=0,r.height=0,r.border=0,r.display="none",i.parentNode.appendChild(a);try{O=a.contentWindow,d=O.document.open()}catch(_){n=document.domain,a.src="javascript:var d=document.open();d.domain='"+n+"';void(0);",O=a.contentWindow,d=O.document.open()}if(n)d._boomrl=function(){this.domain=n,t()},d.write("<bo"+"dy onload='document._boomrl();'>");else if(O._boomrl=function(){t()},O.addEventListener)O.addEventListener("load",O._boomrl,!1);else if(O.attachEvent)O.attachEvent("onload",O._boomrl);d.close()}function a(e){window.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!window.BOOMR||!window.BOOMR.version&&!window.BOOMR.snippetExecuted){window.BOOMR=window.BOOMR||{},window.BOOMR.snippetStart=(new Date).getTime(),window.BOOMR.snippetExecuted=!0,window.BOOMR.snippetVersion=12,window.BOOMR.url=n+"2P5D9-ZLGMP-KR4XY-62QST-NRNVT";var i=document.currentScript||document.getElementsByTagName("script")[0],o=!1,r=document.createElement("link");if(r.relList&&"function"==typeof r.relList.supports&&r.relList.supports("preload")&&"as"in r)window.BOOMR.snippetMethod="p",r.href=window.BOOMR.url,r.rel="preload",r.as="script",r.addEventListener("load",e),r.addEventListener("error",function(){t(!0)}),setTimeout(function(){if(!o)t(!0)},3e3),BOOMR_lstart=(new Date).getTime(),i.parentNode.appendChild(r);else t(!1);if(window.addEventListener)window.addEventListener("load",a,!1);else if(window.attachEvent)window.attachEvent("onload",a)}}(),"".length>0)if(e&&"performance"in e&&e.performance&&"function"==typeof e.performance.setResourceTimingBufferSize)e.performance.setResourceTimingBufferSize();!function(){if(BOOMR=e.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var n=""=="true"?1:0,t="",a="bdpnbeqxgjiywz5thkva-f-5b1140e14-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,o={"ak.v":"39","ak.cp":"406615","ak.ai":parseInt("275048",10),"ak.ol":"0","ak.cr":4,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"ac651ef9","ak.r":44715,"ak.a2":n,"ak.m":"dsca","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":35602,"ak.gh":"23.44.214.11","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1739799210","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==9H56U/WcwCoaEdab2DdggXC+QmiqHdpXoqySCp42z+Q0xo50Q0gnnULwvxbV3LxftWQcDPQOmJ3lgjlkxCjy/1mZm+cxyD9TkRxWeaS9wMsZGC28FtiJeaGTMMlTmKeUZT5u9BIlt84+mLbjayu1tYB6NTnm2qFMY/qe/+5P49UwRDBiw2hdlcaL/3+veQlDyq0MXya0gF1vMtplLPr2uO65/q1NMdW0wiQM/0WXIFrRCJUPfwvp/+F1xoT4Jny8t+af+i8md5QegUIrhCHSoMQGPoRWCyk18G+JXri1y7cCyiERjnliIKffPDGxEabC+S2RSduCvIdWO+MBbZh+11o0Ry9K9S0gEixVRVyQqsHcshZCsv1rMo9booekoBVYv4W8RWPqTVsp6jCY0ocESF6WrxM/4+sIIGBbdCS1X/A=","ak.pv":"155","ak.dpoabenc":"","ak.tf":i};if(""!==t)o["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))o["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(o)},rv:function(){var e=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(e)}};BOOMR.plugins.AK={akVars:o,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body> <div class="e-module-202208270930 browsehappy ReadPolicy"> <p> This site uses cookies. By continuing to browse the site you are agreeing to our use of cookies. <a href="/en/about/privacy/privacy-statement">Read our privacy policy&gt;</a> <a href="javascript:void(0)" class="close"> <img alt="" src="//e.huawei.com/marketingcloud/pep/static/assets/img/icon_close01.png"> </a> </p> </div> <!--TODO This links will change according to env --> <input id="hfUserstate" type="hidden" value='/en/user' /> <input type="hidden" id="hidLoginUrl" value="/en/account/Login"> <input type="hidden" id="hidLogoutUrl" value="/en/account/LoginOut"> <input type="hidden" id="appId" value="com.huawei.meta.crm.experiencecloud.eds"> <div class="e-module-202208180950 nav-gblnav ebg-module-gblnav"> <div class="top-nav-height"> <div class="e-cistern-l con"> <div class="pull-left"> <div class="web-contact worldwide-link"> <span> Enterprise </span> <!-- <i class="iconfont icon-user"></i> --> </div> <div class="worldwide-contact worldwide-link"> <span> Worldwide</span> </div> </div> <div class="pull-right login-box-wap"> <a class="login"><span> Login </span></a> <a class="personal"><span>My Huawei </span></a> <a class="exits"><span>Logout </span></a> </div> </div> </div> <div class="top-nav-content"> <div class="e-cistern-l"> <div class="web-contact"> <ul class="ul"> <li class="li active"> <h3 class="title"> <div> <span>Enterprise</span> <i class="iconfont icon-right"></i> </div> </h3> <p>Enterprise products, solutions & services</p> </li> <li class="li"> <h3 class="title"> <a rel="nofollow" href="https://www.huaweicloud.com/intl/en-us/" target="_blank" class="link"> <span>Huawei Cloud</span> <i class="iconfont icon-right"></i> </a> </h3> <p> <a rel="nofollow" href="https://www.huaweicloud.com/intl/en-us/" target="_blank">Cloud products, solutions & services</a> </p> </li> <li class="li"> <h3 class="title"> <a rel="nofollow" href="https://carrier.huawei.com/en/" target="_blank" class="link"> <span>Carrier</span> <i class="iconfont icon-right"></i> </a> </h3> <p> <a rel="nofollow" href="https://carrier.huawei.com/en/" target="_blank">Products, Solutions and Services for Carrier</a> </p> </li> <li class="li"> <h3 class="title"> <a rel="nofollow" href="https://consumer.huawei.com/en/" target="_blank" class="link"> <span>Consumer</span> <i class="iconfont icon-right"></i> </a> </h3> <p> <a rel="nofollow" href="https://consumer.huawei.com/en/" target="_blank">Phones, laptops, tablets, wearables & other devices</a> </p> </li> <li class="li"> <h3 class="title"> <a rel="nofollow" href="https://www.huawei.com/en/" target="_blank" class="link"> <span>Corporate</span> <i class="iconfont icon-right"></i> </a> </h3> <p> <a rel="nofollow" href="https://www.huawei.com/en/" target="_blank">About Huawei, Press & Events , and More</a> </p> </li> </ul> </div> <div class="worldwide-contact"> <div class="worldwide-language"> <i class="iconfont icon-diqiu"></i><span>Huawei Global - </span> <a href="/en/">English</a> </div> <ul class="ul"> <li class="columns1"> <ul> <div class="title-h6">Africa</div> <li> <span>Morocco</span> - <a href="/ma/">Français</a> </li> <li> <span>South Africa</span> - <a href="/za/">English</a> </li> </ul> <ul> <div class="title-h6">Latin America</div> <li> <span>Brazil</span> - <a href="/br/">Português</a> </li> <li> <span>Mexico</span> - <a href="/mx/">Español</a> </li> </ul> <ul> <div class="title-h6">Middle East</div> <li> <span>Saudi Arabia</span> - <a href="/en-sa/">English</a> </li> <li> <span>United Arab Emirates</span> - <a href="/ae/">English</a> </li> </ul> </li> <li class="columns2"> <ul> <div class="title-h6">Asia Pacific</div> <li> <span>China</span> - <a href="/cn/">简体中文</a> </li> <li> <span>Hong Kong, China</span> - <a href="/hk/">English</a> </li> <li> <span>Indonesia</span> - <a href="/id/">English</a> </li> <li> <span>Japan</span> - <a href="/jp/">日本語</a> </li> <li> <span>Kazakhstan</span> - <a href="/kz/">русский</a> </li> <li> <span>Malaysia</span> - <a href="/my/">English</a> </li> <li> <span>Philippines</span> - <a href="/ph/">English</a> </li> <li> <span>Singapore</span> - <a href="/sg/">English</a> </li> <li> <span>Thailand</span> - <a href="/th/">ไทย</a> </li> </ul> </li> <li class="columns2"> <ul> <div class="title-h6">Europe</div> <li> <span>Austria</span> - <a href="/at/">Deutsch</a> </li> <li> <span>Czech Republic</span> - <a href="/cz/">Czech</a> </li> <li> <span>Europe</span> - <a href="/eu/">English</a> </li> <li> <span>France</span> - <a href="/fr/">Français</a> </li> <li> <span>Germany</span> - <a href="/de/">Deutsch</a> </li> <li> <span>Greece</span> - <a href="/gr/">Ελληνικά</a> </li> <li> <span>Hungary</span> - <a href="/hu/">Magyar nyelv</a> </li> <li> <span>Italy</span> - <a href="/it/">Italiano</a> </li> <li> <span>Poland</span> - <a href="/pl/">polski</a> </li> <li> <span>Spain</span> - <a href="/es/">Español</a> </li> <li> <span>Sweden</span> - <a href="/se/">English</a> </li> <li> <span>Türkiye</span> - <a href="/tr/">Türkçe</a> </li> <li> <span>Ukraine</span> - <a href="/ua/">Українська мова</a> </li> </ul> </li> </ul> </div> </div> </div> </div> <script type='module'> $(document).ready(() => { var cookies = document.cookie; function loginSuccessHandle(data) { try { //PC $('.ebg-module-gblnav .top-nav-height .con').addClass('certification'); //wap $('.zl-pc-header-box .main-header .nav-new').addClass('certification'); $.cookie('accountid', data?.UserName || data?.name, { path: '/' }); $.cookie('usertype', data?.UserType || data?.userType, { path: '/' }); //取得用户类型并设置cookie $.cookie('wwwusertype', data?.WWWUserType, { path: '/' }); $.cookie('SpaceUpdateCount', data?.UpdateCount, { path: '/' }); $('.top-nav-height .con .login-box-wap .exits').css("display", "block") $('.top-nav-height .con .login-box-wap .personal').css("display", "block") $('.top-nav-height .con .login-box-wap .login').css("display", "none") $('.exits').click(() => { const link = "https://e.huawei.com" + $("#hidLogoutUrl").val() + "?rediurl=" + encodeURI(window.location) $('.exits').attr("href", link); }); $('.personal').click(() => { const link = "https://e.huawei.com/en/myspace/accountinformation" $('.personal').attr("href", link); }); try { if (productForPartners && typeof productForPartners == 'function') { productForPartners(); return false; } else { console.log('no productForPartners function'); } } catch (error) {} } catch (e) { console.error(e); } } function loginFailHandle() { $.cookie('accountid', null, { path: '/' }); $.cookie('usertype', null, { path: '/' }); $.cookie('wwwusertype', null, { path: '/' }); $.cookie('SpaceUpdateCount', null, { path: '/' }); $('.login').click(() => { const link = "https://e.huawei.com" + $("#hidLoginUrl").val() + "?redirect=" + encodeURI(window.location) $('.login').attr("href", link); }); } function useUserApi() { let userStatusUrl = $('#hfUserstate').val() || '/en/user' userStatusUrl += '?action=userstate&currentUrl=' + encodeURI(window.location) $.ajax({ url: userStatusUrl, dataType: 'json', cache: false, async: true, success: function(data) { if (data.Stats) { loginSuccessHandle(data) } else { loginFailHandle() } }, error: function(ex) { loginFailHandle() }, }) } function useMeApi() { const userStatusUrl = 'https://e.huawei.com/external/api/services/me'; $.ajax({ url: userStatusUrl, dataType: 'json', cache: false, async: true, success: function(data) { loginSuccessHandle(data?.user) }, error: function(ex) { loginFailHandle() }, }) } function getUserInfo() { const switchConfigUrl = 'https://e.huawei.com/external/api/services/v1/support/data-dict?dataDict=switchConfig.me'; $.ajax({ url: switchConfigUrl, dataType: 'json', cache: false, async: true, headers: { 'x-meta-renter': 'ebg' }, success: function(data) { if (data?.data === 'Y') { useMeApi() } else { useUserApi() } }, error: function(ex) { useUserApi() }, }) } getUserInfo(); }) </script> <div class="e-block e-module-202209210900" style="background:#ffffff;"> <div class=""> <div class="e-con"> <div class="zl-pc-header-box headerNew "> <header class="header-new zl-pc-header"> <div class="e-cistern-l main-header"> <a href="/en" class="logo"> <img alt="Huawei" src="//e.huawei.com/marketingcloud/pep/static/assets/img/logo_huawei.png" class="img-block" /> </a> <nav class="nav-new"> <!-- mob导航 --> <div class="nav-ul-mob"> <div class="wap-first"> <div class="e-cistern-l"> <ul class="wap-one-ul"> <li data-key="nav_0" class="li"> <div class="box"> <span class="e-font-bold"> Products and Solutions </span> <i class="iconfont icon-right"></i> </div> </li> <li data-key="nav_1" class="li"> <div class="box"> <span class="e-font-bold"> Learning and Tech Support </span> <i class="iconfont icon-right"></i> </div> </li> <li data-key="nav_2" class="li"> <div class="box"> <span class="e-font-bold"> Partners </span> <i class="iconfont icon-right"></i> </div> </li> <li data-key="nav_3" class="li"> <div class="box"> <span class="e-font-bold"> How to Buy </span> <i class="iconfont icon-right"></i> </div> </li> <li data-key="nav_4" class="li"> <div class="box"> <span class="e-font-bold"> About Us </span> <i class="iconfont icon-right"></i> </div> </li> </ul> <div class="underline" style="width: 0px;"></div> <div class="hea-mob-btns"> <div class="hea-btn hea-btn1"> <span class="iconfont icon-yewu"></span> <p>Enterprise</p> </div> <div class="hea-btn hea-btn2"> <span class="iconfont icon-diqiu2"></span> <p>Worldwide</p> </div> <div class="hea-btn hea-btn3"> <a class="m-login"> <span class="iconfont icon-denglu"></span> <p>Login</p> </a> </div> <div class="hea-btn hea-btn4"> <a class="m-personal"> <span class="iconfont icon-denglu"></span> <p>My Huawei</p> </a> </div> </div> <div class="log-out e-link-box"> <p> <a class="e-link-black-16-3 m-exits"> <span class="text">Logout</span> <span class="iconfont icon-right"></span> </a> </p> </div> </div> <script type="module"> $(document).ready(() => { $('.m-exits').click(() => { const link = "https://e.huawei.com" + $("#hidLogoutUrl").val() + "?rediurl=" + encodeURI(window.location) $('.m-exits').attr("href", link); }); $('.m-personal').click(() => { const link = "https://e.huawei.com/en/myspace/accountinformation" $('.m-personal').attr("href", link); }); $('.m-login').click(() => { const link = "https://e.huawei.com" + $("#hidLoginUrl").val() + "?redirect=" + encodeURI(window.location) $('.m-login').attr("href", link); }); }) </script> </div> <!-- backButtonText should be changed !!TODO --> <div class="wap-two" style=" display: none;"> <!-- 产品解决方案 --> <div class="wap-con"> <div class="e-cistern-l"> <div class="back-pre"> <span class="iconfont icon-left"></span> <span>Back Menu</span> </div> <div class="wap-item-con "> <h3 class="e-font-bold">Products and Solutions</h3> <div class='wap-item one'> <ul class="wap-item-list1 one cplis "> <li class="level-one-li "> <p class=" arrow-dw01">Products</p> <ul class="wap-item-list2"> <li class="level-two-li level-two-li-link level-two-li1"> <p class="level-txt2">Enterprise Networking</p> <ul class="wap-item-list3 "> <div class="wap-item-list3-con e-scroll-vrt-d1-1"> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/products/switches" target="_self"> <span class="text">Network Switches</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/products/routers" target="_self"> <span class="text">Routers</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/products/wlan" target="_self"> <span class="text">WLAN</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/products/security" target="_self"> <span class="text">Network Security Products</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/solutions/enterprise-network/campus-network" target="_self"> <span class="text">Campus Network</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/solutions/enterprise-network/data-center-network" target="_self"> <span class="text">Data Center Network</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/solutions/enterprise-network/wide-area-network" target="_self"> <span class="text">WAN Solution</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/solutions/enterprise-network/security" target="_self"> <span class="text">Network Security</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a rel="1" href="/en/products/network-analysis" target="_self"> <span class="text">Network Management, Control, and Analysis Software</span> </a> </p> </li> </div> <div class="e-link-box"> <p> <a href="/en/solutions/enterprise-network" target="_blank" class="e-link-black-16-3"> <span class="text">Enterprise Networking Home</span> <span class="iconfont icon-xiala1"></span> </a> </p> </div> </ul> </li> <li class="level-two-li level-two-li-link level-two-li1"> <p class="level-txt2">Optical Networking</p> <ul class="wap-item-list3 "> <div class="wap-item-list3-con e-scroll-vrt-d1-1"> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/products/optical-access" target="_self"> <span class="text">Optical Access</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/products/optical-transmission" target="_self"> <span class="text">Optical Transmission</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/products/optical-terminal" target="_self"> <span class="text">Optical Terminal</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/products/optical-sensing" target="_self"> <span class="text">Optical Sensing</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/products/network-analysis" target="_self"> <span class="text">Network Management, Control, and Analysis Software</span> </a> </p> </li> </div> <div class="e-link-box"> <p> <a href="/en/solutions/enterprise-optical-network" target="_self" class="e-link-black-16-3"> <span class="text">Optical Networking Home</span> <span class="iconfont icon-xiala1"></span> </a> </p> </div> </ul> </li> <li class="level-two-li level-two-li-link level-two-li1"> <p class="level-txt2">Data Storage</p> <ul class="wap-item-list3 "> <div class="wap-item-list3-con e-scroll-vrt-d1-1"> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/products/storage/all-flash-storage" target="_self"> <span class="text">All-Flash Storage</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/products/storage/scale-out-storage" target="_self"> <span class="text">Scale-Out Storage</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/products/storage/oceanprotect" target="_self"> <span class="text">Data Protection</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/solutions/storage/virtualization/datacenter-virtualization" target="_self"> <span class="text">Datacenter Virtualization (DCS)</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/products/storage/hci" target="_self"> <span class="text">Hyper-Converged Infrastructure (HCI)</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/products/storage/disk-enclosure" target="_self"> <span class="text">Smart Disk Enclosure (OceanDisk)</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/products/storage/data-management" target="_self"> <span class="text">Data Center Management (DME)</span> </a> </p> </li> </div> <div class="e-link-box"> <p> <a href="/en/products/storage" target="_self" class="e-link-black-16-3"> <span class="text">Data Storage Home</span> <span class="iconfont icon-xiala1"></span> </a> </p> </div> </ul> </li> <li class="level-two-li level-two-li-link level-two-li1"> <p class="level-txt2">Computing</p> <ul class="wap-item-list3 "> <div class="wap-item-list3-con e-scroll-vrt-d1-1"> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/products/computing/ascend" target="_self"> <span class="text">Ascend Computing</span> </a> </p> </li> </div> </ul> </li> <li class="level-two-li level-two-li-link level-two-li1"> <p class="level-txt2">Intelligent Collaboration</p> <ul class="wap-item-list3 "> <div class="wap-item-list3-con e-scroll-vrt-d1-1"> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/products/enterprise-collaboration/cloudlink" target="_self"> <span class="text">Huawei CloudLink Video Conferencing Platform</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/products/enterprise-collaboration/ideahub/ideahub-s2" target="_self"> <span class="text">HUAWEI IdeaHub S2</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/products/enterprise-collaboration/ideahub-board/ideahub-board2" target="_self"> <span class="text">HUAWEI IdeaHub Board 2</span> </a> </p> </li> </div> <div class="e-link-box"> <p> <a href="/en/solutions/enterprise-collaboration" target="_self" class="e-link-black-16-3"> <span class="text">Intelligent Collaboration Home</span> <span class="iconfont icon-xiala1"></span> </a> </p> </div> </ul> </li> <li class="level-two-li level-two-li-link level-two-li1"> <p class="level-txt2">Enterprise Wireless</p> <ul class="wap-item-list3 "> <div class="wap-item-list3-con e-scroll-vrt-d1-1"> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/solutions/enterprise-wireless/industry-wireless" target="_self"> <span class="text">Industry Wireless</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/solutions/enterprise-wireless/enterprise-microwave" target="_self"> <span class="text">Enterprise Microwave</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/solutions/enterprise-wireless/enterprise-cloud-core" target="_self"> <span class="text">Enterprise Cloud Core</span> </a> </p> </li> </div> <div class="e-link-box"> <p> <a href="/en/solutions/enterprise-wireless" target="_self" class="e-link-black-16-3"> <span class="text">Enterprise Wireless Home</span> <span class="iconfont icon-xiala1"></span> </a> </p> </div> </ul> </li> <li class="level-two-li level-two-li-link level-two-li1"> <p class="level-txt2">Enterprise Services and Software</p> <ul class="wap-item-list3 "> <div class="wap-item-list3-con e-scroll-vrt-d1-1"> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/solutions/services/ict-integration" target="_self"> <span class="text">ICT Rollout and Integration Service</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/solutions/services/o-m-operation-support-service" target="_self"> <span class="text">ICT O&amp;M and Operation Support Service</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/solutions/services/software-service" target="_self"> <span class="text">Software Platform and Service</span> </a> </p> </li> </div> <div class="e-link-box"> <p> <a href="/en/solutions/services" target="_self" class="e-link-black-16-3"> <span class="text">Service Home</span> <span class="iconfont icon-xiala1"></span> </a> </p> </div> </ul> </li> <li class="level-two-li level-two-li-link level-two-li1"> <p class="level-txt2">Management System</p> <ul class="wap-item-list3 "> <div class="wap-item-list3-con e-scroll-vrt-d1-1"> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/products/esight" target="_self"> <span class="text">eSight ICT Unified Management Systems</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/products/mgmt-sys/neosight" target="_self"> <span class="text">iMaster NeoSight Lightweight Converged Management System</span> </a> </p> </li> </div> </ul> </li> <li class="level-two-li level-two-li-link level-two-li1"> <p class="level-txt2">Huawei Cloud</p> <ul class="wap-item-list3 "> <div class="wap-item-list3-con e-scroll-vrt-d1-1"> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/products/computing/huawei-cloud/huawei-cloud-stack" target="_self"> <span class="text">HUAWEI CLOUD Stack</span> </a> </p> </li> </div> <div class="e-link-box"> <p> <a href="/en/products/computing/huawei-cloud" target="_self" class="e-link-black-16-3"> <span class="text">Huawei Cloud Home</span> <span class="iconfont icon-xiala1"></span> </a> </p> </div> </ul> </li> <li class="level-two-li level-two-li-link level-two-li1"> <p class="level-txt2">HUAWEI eKit</p> <ul class="wap-item-list3 "> <div class="wap-item-list3-con e-scroll-vrt-d1-1"> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/products/huawei-kunling-home/huawei-kunling-series" target="_self"> <span class="text">HUAWEI eKit</span> </a> </p> </li> </div> <div class="e-link-box"> <p> <a href="/en/products/huawei-kunling-home" target="_self" class="e-link-black-16-3"> <span class="text">HUAWEI eKit Website</span> <span class="iconfont icon-xiala1"></span> </a> </p> </div> </ul> </li> </ul> </li> <li class="level-one-li "> <p class=" arrow-dw01">Product Portfolio</p> <ul class="wap-item-list2"> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/solutions/data-center" target="_self"> <span class="text">Data Center</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/solutions/digital-site" target="_self"> <span class="text">Digital Site</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/solutions/campus" target="_self"> <span class="text">Intelligent Campus</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/solutions/wan" target="_self"> <span class="text">Wide Area Network</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> </ul> </li> <li class="level-one-li "> <p class=" arrow-dw01">Industries</p> <ul class="wap-item-list2"> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/industries/commercial-market" target="_self"> <span class="text">Commercial Market</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/industries/education" target="_self"> <span class="text">Education</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/industries/grid" target="_self"> <span class="text">Electric Power</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/industries/finance" target="_self"> <span class="text">Finance</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/industries/government" target="_self"> <span class="text">Government</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/industries/healthcare" target="_self"> <span class="text">Healthcare</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/industries/ict-service-provider" target="_self"> <span class="text">ISP</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/industries/manufacturing" target="_self"> <span class="text">Manufacturing</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/industries/mining" target="_self"> <span class="text">Mine</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/industries/oil-gas" target="_self"> <span class="text">Oil &amp; Gas and Chemicals</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/industries/retail" target="_self"> <span class="text">Retail</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/industries/transportation" target="_self"> <span class="text">Transportation</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> </ul> </li> </ul> <div class="nav-mob-btns"> <div class="e-cistern-l"> <div class="nav-mob-btn"> <a href="/en/products-and-solutions/new-products" target="_self"> <span>New Products</span> <span class="iconfont icon-tiaozhuan"></span> </a> </div> <div class="nav-mob-btn"> <a href="/en/products-and-solutions" target="_self"> <span>All Products and Solutions</span> <span class="iconfont icon-xiala1"></span> </a> </div> <div class="nav-mob-btn"> <a href="/en/resource/material-center" target="_self"> <span>Resource Center</span> <span class="iconfont icon-xiala1"></span> </a> </div> </div> </div> <div class="pr-bg"></div> </div> </div> </div> </div> <div class="wap-con"> <div class="e-cistern-l"> <div class="back-pre"> <span class="iconfont icon-left"></span> <span>Back Menu</span> </div> <div class="wap-item-con "> <h3 class="e-font-bold">Learning and Tech Support</h3> <div class='wap-item two'> <ul class="wap-item-list1 two cplis "> <li class="level-one-li "> <div class="nav-list-con arrow-dw01"> <a rel="nofollow" href="https://support.huawei.com/enterprise/en/service-Support" class="e-link-black-16-3 nav-list"> <span class="text">Support Center</span> <span class="iconfont icon-xiala1"></span> </a> </div> <ul class="wap-item-list2"> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a rel="nofollow" href="https://weiknow.gts.huawei.com/weiknow/#/question?locale=en_US&amp;lang=en&amp;source=Enterprise" target="_self"> <span class="text">Online Support</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a rel="nofollow" href="https://netcare.huawei.com/servicecareweb/#/servicerequest" target="_self"> <span class="text">Service Request</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/about/service-hotline" target="_self"> <span class="text">Service Hotlines</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a rel="nofollow" href="https://support.huawei.com/enterprise/en/tool" target="_self"> <span class="text">Tools</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a rel="nofollow" href="https://support.huawei.com/enterprise/ecareWechat?lang=en" target="_self"> <span class="text">Maintenance Status</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a rel="nofollow" href="https://support.huawei.com/rmaweb/en/rma" target="_self"> <span class="text">RMA Status</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a rel="nofollow" href="https://app.huawei.com/isdp/" target="_self"> <span class="text">Get License</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a rel="nofollow" href="https://support.huawei.com/enterprise/en/warranty/ENEWS1000006975" target="_self"> <span class="text">Warranty</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <div class="e-link-box"> <p> <a rel="nofollow" href="https://support.huawei.com/enterprise/en/service-Support" target="_self" class="e-link-black-16-3"> <span class="text">View all Service Support</span> <span class="iconfont icon-right"></span> </a> </p> </div> </ul> </li> <li class="level-one-li "> <p class=" arrow-dw01">Product Support</p> <ul class="wap-item-list2"> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a rel="nofollow" href="https://support.huawei.com/enterprise/en/doc/index.html" target="_self"> <span class="text">Documentation</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a rel="nofollow" href="https://support.huawei.com/enterprise/en/software/index.html" target="_self"> <span class="text">Software Download</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a rel="nofollow" href="https://support.huawei.com/enterprise/en/knowledge/" target="_self"> <span class="text">Knowledge</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a rel="nofollow" href="https://support.huawei.com/enterprise/en/bulletins/" target="_self"> <span class="text">Base Bulletins</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a rel="nofollow" href="https://support.huawei.com/enterprise/en/multimedia" target="_self"> <span class="text">Multimedia Portal</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a rel="nofollow" href="https://info.support.huawei.com/network/ptmngsys/Web/OnlineCourse/en/index.html" target="_self"> <span class="text">Online Courses</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a rel="nofollow" href="https://support.huawei.com/enterprise/en/multilingual-documents/switches-pid-1482605678974" target="_self"> <span class="text">Multilingual Documents</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a rel="nofollow" href="https://ekit.huawei.com/#/serve/main?countryCode=Global&amp;lang=en" target="_self"> <span class="text">HUAWEI eKit</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> </ul> </li> <li class="level-one-li "> <p class=" arrow-dw01">Industry Solution Support</p> <ul class="wap-item-list2"> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a rel="nofollow" href="https://support.huawei.com/enterprise/en/category/government-pid-1617681662136?submodel=doc" target="_self"> <span class="text">Government</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a rel="nofollow" href="https://support.huawei.com/enterprise/en/category/financial-services-pid-1617703101403?submodel=doc" target="_self"> <span class="text">Finance</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a rel="nofollow" href="https://support.huawei.com/enterprise/en/category/construction-real-estate-pid-1617703282142?submodel=doc" target="_self"> <span class="text">Construction / Real Estate</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> </ul> </li> <li class="level-one-li "> <div class="nav-list-con arrow-dw01"> <a href="/en/talent/portal/#/" class="e-link-black-16-3 nav-list"> <span class="text">Training and Certification</span> <span class="iconfont icon-xiala1"></span> </a> </div> <ul class="wap-item-list2"> <li class="level-two-li level-two-li-link level-two-li1"> <p class="level-txt2">Learning Resources</p> <ul class="wap-item-list3 "> <div class="wap-item-list3-con e-scroll-vrt-d1-1"> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/talent/learning/#/home?productTags=&amp;productName=&amp;navType=learningNavKey" target="_self"> <span class="text">Courses and Classes</span> </a> </p> </li> </div> </ul> </li> <li class="level-two-li level-two-li-link level-two-li1"> <p class="level-txt2">Certification</p> <ul class="wap-item-list3 "> <div class="wap-item-list3-con e-scroll-vrt-d1-1"> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/talent/cert/#/careerCert" target="_self"> <span class="text">Career Certification</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/talent/cert/#/specialistCert?navType=SpecialistCertifications" target="_self"> <span class="text">Specialist Certification</span> </a> </p> </li> </div> </ul> </li> <li class="level-two-li level-two-li-link level-two-li1"> <p class="level-txt2">ICT Academy</p> <ul class="wap-item-list3 "> <div class="wap-item-list3-con e-scroll-vrt-d1-1"> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/talent/ict-academy/#/home" target="_self"> <span class="text">Introduction of ICT Academy</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/talent/ict-academy/#/ict-courses-list" target="_self"> <span class="text">Course Catalog</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/talent/#/ict/contest?compId=85131973" target="_self"> <span class="text">Practice Competition</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/talent/#/ict/contest?compId=85131975&amp;code=C002" target="_self"> <span class="text">Innovation Competition</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/talent/#/organization/search?type=Academy" target="_self"> <span class="text">Search ICT Academy</span> </a> </p> </li> </div> </ul> </li> <li class="level-two-li level-two-li-link level-two-li1"> <p class="level-txt2">Learning Partner</p> <ul class="wap-item-list3 "> <div class="wap-item-list3-con e-scroll-vrt-d1-1"> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/talent/halp/#/home" target="_self"> <span class="text">Introduction of Learning Partner</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/talent/#/organization/search?type=HALP" target="_self"> <span class="text">Search HALP</span> </a> </p> </li> </div> </ul> </li> <li class="level-two-li level-two-li-link level-two-li1"> <p class="level-txt2">Enterprise Training</p> <ul class="wap-item-list3 "> <div class="wap-item-list3-con e-scroll-vrt-d1-1"> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/talent/corporate/#/home" target="_self"> <span class="text">Introduction of Enterprise Training</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/talent/#/corporate/digital-training" target="_self"> <span class="text">Digital Transformation</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/talent/#/corporate/leader-training" target="_self"> <span class="text">Digital Leadership</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/talent/#/corporate/technology-training" target="_self"> <span class="text">ICT Technology</span> </a> </p> </li> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/talent/#/corporate/face-training" target="_self"> <span class="text">Course Catalog</span> </a> </p> </li> </div> </ul> </li> <li class="level-two-li level-two-li-link level-two-li1"> <p class="level-txt2">More Info</p> <ul class="wap-item-list3 "> <div class="wap-item-list3-con e-scroll-vrt-d1-1"> <li class="level-three-li"> <p class="level-txt3"> <a href="/en/talent/#/news/home" target="_self"> <span class="text">Information Center</span> </a> </p> </li> </div> </ul> </li> </ul> </li> </ul> <div class="nav-mob-btns"> <div class="e-cistern-l"> <div class="nav-mob-btn"> <a rel="nofollow" href="https://support.huawei.com/enterprise/en/index.html" target="_blank"> <span>Technical Support Home</span> <span class="iconfont icon-tiaozhuan"></span> </a> </div> <div class="nav-mob-btn"> <a rel="nofollow" href="https://forum.huawei.com/enterprise/en/index.html" target="_blank"> <span>Community</span> <span class="iconfont icon-tiaozhuan"></span> </a> </div> </div> </div> <div class="learn-bg"></div> </div> </div> </div> </div> <div class="wap-con"> <div class="e-cistern-l"> <div class="back-pre"> <span class="iconfont icon-left"></span> <span>Back Menu</span> </div> <div class="wap-item-con "> <h3 class="e-font-bold">Partners</h3> <div class='wap-item three'> <ul class="wap-item-list1 three cplis "> <li class="level-one-li "> <p class=" arrow-dw01">Become Partner</p> <ul class="wap-item-list2"> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a rel="nofollow" href="https://partner.huawei.com/eplus/#/en/web/channel-partner-overview-en" target="_self"> <span class="text">Join Sales Partner Program</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a rel="nofollow" href="https://partner.huawei.com/eplus/#/en/web/service-partner-overview-en" target="_self"> <span class="text">Join Service Partner Program</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a rel="nofollow" href="https://partner.huawei.com/eplus/#/en/web/solution-partner-detail-overview" target="_self"> <span class="text">Join Solution Partner Program</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> </ul> </li> <li class="level-one-li "> <p class=" arrow-dw01">Partner Policy</p> <ul class="wap-item-list2"> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a rel="nofollow" href="https://partner.huawei.com/eplus/#/aui/en/web/partner-policy-en" target="_self"> <span class="text">Partner Policy</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> </ul> </li> <li class="level-one-li "> <p class=" arrow-dw01">Partner Support</p> <ul class="wap-item-list2"> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a rel="nofollow" href="https://partner.huawei.com/university/weben/home/home.html" target="_self"> <span class="text">Huawei Partner University</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a rel="nofollow" href="https://partner.huawei.com/bdtoolkits/portal/#/bidding/home?lang=en_US" target="_self"> <span class="text">Partner Bidding &amp; Network Design Toolkits</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a rel="nofollow" href="https://partner.huawei.com/edg/portal/index.html#/?lang=en" target="_self"> <span class="text">Huawei Partner Marketing WorkSpace</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> </ul> </li> </ul> <div class="nav-mob-btns"> <div class="e-cistern-l"> <div class="nav-mob-btn"> <a rel="nofollow" href="https://partner.huawei.com/#/aui/en/web/worldwide" target="_blank"> <span>Partner Home</span> <span class="iconfont icon-tiaozhuan"></span> </a> </div> </div> </div> <div class=""></div> </div> </div> </div> </div> <div class="wap-con"> <div class="e-cistern-l"> <div class="back-pre"> <span class="iconfont icon-left"></span> <span>Back Menu</span> </div> <div class="wap-item-con "> <h3 class="e-font-bold">How to Buy</h3> <div class='wap-item four'> <div class="newbuy-con"> <ul class="wap-item-list1 four howBuy cplist2 "> <li class="level-one-li buy-bgw"> <p class=" arrow-dw01">Ask the Chatbot</p> <ul class="wap-item-list2 buy-bgw"> <div class="buy-tip"> <span class="buy-txt">Instantly find the answers to all your questions about Huawei products and solutions.</span> <div class="e-link-box"> <p> <a rel="nofollow" href="https://weiknow.gts.huawei.com/weiknow/#/question?locale=en_US&amp;lang=en&amp;source=Enterprise" class="e-link-black-16-3" target="_blank"> <span class="text">Ask Now</span> <span class="iconfont icon-right"></span> </a> </p> </div> </div> </ul> </li> <li class="level-one-li buy-bgw"> <p class=" arrow-dw01">Contact Huawei Sales</p> <ul class="wap-item-list2 buy-bgw"> <div class="buy-tip"> <span class="buy-txt">Looking to make a purchase? Leave your details and we&#39;ll be in touch.</span> <div class="e-link-box"> <p> <a href="/en/how-to-buy/get-price-info?source_website=01MHQHQ231W002L" class="e-link-black-16-3" target="_self"> <span class="text">Get in Touch</span> <span class="iconfont icon-right"></span> </a> </p> </div> </div> </ul> </li> <li class="level-one-li buy-bgw"> <p class=" arrow-dw01">Find a Reseller</p> <ul class="wap-item-list2 buy-bgw"> <div class="buy-tip"> <span class="buy-txt">Find your local reseller now.</span> <div class="e-link-box"> <p> <a rel="nofollow" href="https://partner.huawei.com/eplus/#/aui/en/web/findpartner" class="e-link-black-16-3" target="_self"> <span class="text">Find a Reseller</span> <span class="iconfont icon-right"></span> </a> </p> </div> </div> </ul> </li> </ul> </div> <div class="nav-mob-btns"> <div class="e-cistern-l"> <div class="nav-mob-btn"> <a href="/en/how-to-buy" target="_blank"> <span>How to Buy</span> <span class="iconfont icon-xiala1"></span> </a> </div> </div> </div> <div class="buy-bg"></div> </div> </div> </div> </div> <div class="wap-con"> <div class="e-cistern-l"> <div class="back-pre"> <span class="iconfont icon-left"></span> <span>Back Menu</span> </div> <div class="wap-item-con "> <h3 class="e-font-bold">About Us</h3> <div class='wap-item five'> <ul class="wap-item-list1 five cplis "> <li class="level-one-li "> <p class=" arrow-dw01">Discover More</p> <ul class="wap-item-list2"> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/about/huawei-enterprise" target="_self"> <span class="text">About Huawei Enterprise</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/news" target="_self"> <span class="text">News Room</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/events" target="_self"> <span class="text">Events</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/case-studies" target="_self"> <span class="text">Case Studies</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/video" target="_self"> <span class="text">Video Center</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/ict-insights" target="_self"> <span class="text">ICT Insights</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/blogs" target="_self"> <span class="text">Blogs</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> </ul> </li> <li class="level-one-li "> <p class=" arrow-dw01">Hot Topics</p> <ul class="wap-item-list2"> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/events/branding/accelerate-industrial-intelligence" target="_self"> <span class="text">Accelerate Industrial Intelligence</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/special_topic/digital-cities/main" target="_self"> <span class="text">City of Intelligence</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/topic/stories-100" target="_self"> <span class="text">100 Intelligent Transformation Stories</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> </ul> </li> <li class="level-one-li "> <div class="nav-list-con arrow-dw01"> <a href="/en/how-to-buy/contact-us" class="e-link-black-16-3 nav-list"> <span class="text">Contact Us</span> <span class="iconfont icon-xiala1"></span> </a> </div> <ul class="wap-item-list2"> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/about/service-hotline" target="_self"> <span class="text">Global Service Hotline</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> <li class="level-two-li level-two-li-no"> <p class="level-txt2"> <a href="/en/about/global-branch-office" target="_self"> <span class="text">Branch Office</span> <span class="iconfont icon-arrow-r-2"></span> </a> </p> </li> </ul> </li> </ul> <div class="us-bg"></div> </div> </div> </div> </div> </div> </div> </nav> <div class="search-btn"> <div class="search-icon "> <span>Search</span> <i class="iconfont icon-sousuo"></i> <!-- <i class="iconfont icon-guanbi-1009"></i> --> </div> </div> <a id="mob-menubtn" title="菜单"> <i class="iconfont icon-menu"></i> </a> <a id="close-menubtn" title="关闭"> <!-- 22221010原icon-close替为icon-guanbi-1009 --> <i class="iconfont icon-guanbi-1009"></i> </a> </div> <div class="pep-search search-con-box searching" style="display: none;"> <div class="searching-box active"> <div class="e-cistern-l"> <!-- 22221010原icon-close替为icon-guanbi-1009 --> <i class="iconfont icon-guanbi-1009 close-search"></i> <div class="nav-searchbit-box productSupportDivNew" id="productSupportDivNew" data-type="all"> <input type="text" data-type="PRODUCT_SUPPORT" autocomplete="off" placeholder="Router" class="nav-searchbit-text support_input_focus ui-autocomplete-input" id="txtSearch_Navigation" onkeydown="EnterSupportSearch(this)"> <a class="find-support Find_support"> <i class="iconfont icon-sousuo"></i> </a> <!-- 22221010原icon-close替为icon-guanbi-1009 --> <i class="iconfont icon-guanbi-1009 clear-search" style="display: none;"></i> <input type="hidden" value="Router" class="inputInfohint"> <input type="hidden" value="" class="searchHint"> <input type="hidden" value="" class="searchSuggestTerm"> <input type="hidden" value="zh" class="Find_Language"> <ul class="searching-tip zl-pc-searching-tip" style="display: block;"> <!-- 搜索历史20220928 --> <li class="ui-menu-title ui-menu-show1 ui-menu-del search-history-title"> <font style="vertical-align: inherit;"> <font style="vertical-align: inherit;"> History</font> </font><span class="iconfont icon-shanchu0914"></span> </li> <li class="ui-menu-item ui-menu-show1 search-history "> </li> <!-- 搜索热词20220928 --> <li id="hot-words-ui-title" class="ui-menu-title ui-menu-show1 search-hot-title"> <font style="vertical-align: inherit;"> <font style="vertical-align: inherit;">Popular search</font> </font> </li> <li id="hot-words-ui-items" class="ui-menu-item ui-menu-show1 search-hot"> </li> <!-- 网页直达20220928 --> <li id="web-direct-ui-title" class="ui-menu-title ui-menu-show2 search-direct-title" style="display: none;"> <font style="vertical-align: inherit;"> <font style="vertical-align: inherit;">Quick access</font> </font> </li> <li id="web-direct-ui-items" class="ui-menu-item ui-menu-show2 search-direct" style="display: none;"> </li> <!-- 网页直达20220928 --> <li id="suggestion-ui-title" class="ui-menu-title ui-menu-show2 search-suggest-title" style="display: none;"> <font style="vertical-align: inherit;">Recommended</font> </li> <li id="suggestion-ui-items" class="ui-menu-item ui-menu-show2 search-suggest" style="display: none;"> </li> </ul> </div> </div> </div> <script> window.gConfig = window.gConfig || {}; window.gConfig.seed = window.gConfig.seed || []; window.gConfig.seed.push({ name: '@cloud/pep-search', data: { "packages": { "@cloud/pep-search": { "path": "//e.huawei.com/marketingcloud/pep/static/pep-search/", "version": "lst" }, "@cloud/lazyload": { "path": "//e.huawei.com/marketingcloud/pep/static/assets/js/utils/cnpm-lazyload/2.0.8/", "version": "2.0.8" }, "@cloud/link-to": { "path": "//e.huawei.com/marketingcloud/pep/static/assets/js/utils/cnpm-link-to/3.1.9/", "version": "3.1.9" }, "@cloud/portal-utils": { "path": "//e.huawei.com/marketingcloud/pep/static/assets/js/utils/cnpm-portal-utils/1.4.20/", "version": "1.4.20" }, "@cloud/xtemplate-runtime": { "path": "//e.huawei.com/marketingcloud/pep/static/assets/js/utils/cnpm-xtemplate-runtime/1.0.1/", "version": "1.0.1" } }, "modules": { "@cloud/pep-search/m/index": { "requires": ["@cloud/xtemplate-runtime", "@cloud/portal-utils"] }, "@cloud/pep-search/pc/index": { "requires": ["@cloud/xtemplate-runtime", "@cloud/portal-utils"] } } } }) </script> </div> </header> <!-- 20220922pc下拉黑色背景 --> <div class="newpcbg" style="display: none;"></div> </div> </div> </div> </div> <div data-mod-id="pep-breadcrumb_56470f4ae1b343a78ca497218a84093e"> <div data-mod-name-pc="@cloud/pep-breadcrumb/pc/index" data-mod-name-m="@cloud/pep-breadcrumb/m/index" data-mod-name="pep-breadcrumb" class="layout-breadcrumb e-module-202209051504"> <div class="cistern clearfix e-cistern-l"> <ul> <li> <span class="iconfont icon-right"></span> <a href="/en/">Home</a> </li> <li> <span class="iconfont icon-right"></span> <a href="/en/case-studies">Customer Stories</a> </li> <li> <span class="iconfont icon-right"></span> <a style="cursor: context-menu;">State-of-the-art Network sSolution from Huawei for the Grand Resort Bad Ragaz</a> </li> </ul> </div> <script> window.gConfig = window.gConfig || {}; window.gConfig.seed = window.gConfig.seed || []; window.gConfig.seed.push({ name: '@cloud/pep-breadcrumb', data: { "packages": { "@cloud/pep-breadcrumb": { "path": "//e.huawei.com/marketingcloud/pep/static/pep-breadcrumb/", "version": "lst" }, "@cloud/lazyload": { "path": "//res.hc-cdn.com/cnpm-lazyload/2.0.8/", "version": "2.0.8" }, "@cloud/link-to": { "path": "//res.hc-cdn.com/cnpm-link-to/3.1.9/", "version": "3.1.9" }, "@cloud/portal-utils": { "path": "//res.hc-cdn.com/cnpm-portal-utils/1.4.20/", "version": "1.4.20" }, "@cloud/xtemplate-runtime": { "path": "//res.hc-cdn.com/cnpm-xtemplate-runtime/1.0.1/", "version": "1.0.1" } }, "modules": { "@cloud/pep-breadcrumb/m/index": { "requires": ["@cloud/xtemplate-runtime", "@cloud/portal-utils"] }, "@cloud/pep-breadcrumb/pc/index": { "requires": ["@cloud/xtemplate-runtime", "@cloud/portal-utils"] } } } }) </script> </div> </div> <div data-mod-id="pep-banner-2007_d6eb54cb1971451e9237c7249a836846"> <div data-mod-name-pc="@cloud/pep-banner-2007/pc/index" data-mod-name-m="@cloud/pep-banner-2007/m/index" data-mod-name="pep-banner-2007" class="e-block e-module-202208161027 h400Text e-muban e-muban1" data-auto-time="" data-scroll-id="pep-banner-2007" data-section-key=""> <div class=""> <div class="e-con"> <div class="swiper-container"> <!-- 配置top-banner--> <ul class="swiper-wrapper" style=""> <li class="swiper-slide swiper-no-swiping e-align-left-xl e-align-center-sm isBlackFont e-pt-xl-0 e-pt-sm-0" data-swiper-slide-index="0" title=""> <div class="e-bg" data-src="https://e.huawei.com/marketingcloud/pep/asset/2000000101/images/case-studies/solutions/enterprise-networking/2024/grand-resort-bad-ragaz-opts/grand-resort-bad-ragaz-opts-banner-pc.jpg" style=""> <div class="e-lazy"> <img src="//e.huawei.com/marketingcloud/pep/static/assets/img/opacity0.png" class="e-replace-img" data-xl="https://e.huawei.com/marketingcloud/pep/asset/2000000101/images/case-studies/solutions/enterprise-networking/2024/grand-resort-bad-ragaz-opts/grand-resort-bad-ragaz-opts-banner-pc.jpg" data-sm="https://e.huawei.com/marketingcloud/pep/asset/2000000101/images/case-studies/solutions/enterprise-networking/2024/grand-resort-bad-ragaz-opts/grand-resort-bad-ragaz-opts-banner-wap.jpg" alt="" title="" data-original="https://e.huawei.com/marketingcloud/pep/asset/2000000101/images/case-studies/solutions/enterprise-networking/2024/grand-resort-bad-ragaz-opts/grand-resort-bad-ragaz-opts-banner-pc.jpg" /> </div> </div> <div class="e-box"> <div class="e-cistern-l"> <div class="text"> <!--可以配置:新版的对齐方式。 pc端跟移动端文字到顶部的位置: e-pt-xl-0 ~ 100 、 e-pt-sm-0 ~ 100--> <h1 class="title"> State-of-the-art Network Solution from Huawei for the Grand Resort Bad Ragaz </h1> <p class="subtitle"> </p> <div class="e-btn-box"> </div> </div> </div> </div> </li> </ul> <span class="swiper-notification" aria-live="assertive" aria-atomic="true" /> </div> </div> </div> <script> window.gConfig = window.gConfig || {}; window.gConfig.seed = window.gConfig.seed || []; window.gConfig.seed.push({ name: '@cloud/pep-banner-2007', data: { "packages": { "@cloud/pep-banner-2007": { "path": "//e.huawei.com/marketingcloud/pep/static/pep-banner-2007/", "version": "lst" }, "@cloud/lazyload": { "path": "//e.huawei.com/marketingcloud/pep/static/assets/js/utils/cnpm-lazyload/2.0.8/", "version": "2.0.8" }, "@cloud/link-to": { "path": "//e.huawei.com/marketingcloud/pep/static/assets/js/utils/cnpm-link-to/3.1.9/", "version": "3.1.9" }, "@cloud/portal-utils": { "path": "//e.huawei.com/marketingcloud/pep/static/assets/js/utils/cnpm-portal-utils/1.4.20/", "version": "1.4.20" }, "@cloud/xtemplate-runtime": { "path": "//e.huawei.com/marketingcloud/pep/static/assets/js/utils/cnpm-xtemplate-runtime/1.0.1/", "version": "1.0.1" } }, "modules": { "@cloud/pep-banner-2007/m/index": { "requires": ["@cloud/xtemplate-runtime", "@cloud/portal-utils"] }, "@cloud/pep-banner-2007/pc/index": { "requires": ["@cloud/xtemplate-runtime", "@cloud/portal-utils"] } } } }) </script> </div> </div> <div data-mod-id="pep-success-story-detail_7f87ca48cfd3471f84acdd2e417b981a"> <style> :root { --background-icon: url(https://e.huawei.com/marketingcloud/pep/asset/20000001/pep-success-story-detail/2046-markicon.png) } </style> <div data-mod-name-pc="@cloud/pep-success-story-detail/pc/index" data-mod-name-m="@cloud/pep-success-story-detail/m/index" data-mod-name="pep-success-story-detail" class="e-block e-module-202211150926 e-block-tb anchorpoint" style="background-color: #f8f8f8"> <input type="hidden" id="releaseStatus" value=> <div class="e-cistern-l"> <div class="e-titles"> </div> <div class="e-con"> <div class="case-studies-detail"> <div class="case-studies-con left-item"> <div class="head-source ebg-title"> <h3>The Grand Resort Bad Ragaz provides its guests with an unforgettable experience. It also makes sure that they stay connected at all times. That's why the hotel, in close cooperation with CANCOM Switzerland, replaced its old network with a state-of-the-art Wi-Fi 6 technology.</h3> </div> <h2>Huawei's state-of-the-art network solution for the Grand Resort Bad Ragaz</h2> <p>The Grand Resort Bad Ragaz focuses on more than just relaxation and culinary experiences to offer its guests an unforgettable experience. Fast Internet access and its own applications for hotel services are just as much a part of this today. In close cooperation with CANCOM Switzerland, the hotel's old network was replaced by a state-of-the-art network infrastructure with Wi-Fi 6 technology.</p> <p>The Grand Resort Bad Ragaz in the picturesque municipality of Bad Ragaz in the canton of St. Gallen stands for enjoyment, culture and relaxation. Spa facilities, culinary specialities, own golf courses, various facilities for events and a five-star service &ndash; all promise guests an unforgettable experience. But the Grand Resort also wants to ensure that guests are not missing anything from a technical perspective. No guest should have to forgo Internet access or telephone calls. A stable Internet connection is also required throughout the Grand Resort for the hotel's own "myStay" app, which guests can use to book spa services, for example. This was enough for a reason to replace the old network with a modern and easy-to-use solution.</p> <p>"Thanks to Huawei's new network solution and the uncomplicated collaboration with CANCOM Switzerland, the network can now be adapted easily to the individual wishes of our guests. Things that we previously had to have done for us by an external partner can now be solved ourselves in just a few simple steps."</p> <p>Reto Schwengeler, Head of Infrastructure and Security at the Grand Resort Bad Ragaz.</p> <h2>The Task</h2> <p>"We have set ourselves the goal of providing our guests with an excellent Wi-Fi network at all locations and around the clock. As part of the renovations in 2019, we therefore decided to modernise the existing network infrastructure," explains Reto Schwengeler, Head of Infrastructure and Security at the Grand Resort Bad Ragaz. The size of a Grand Resort in Bad Ragaz is a challenge that should not be underestimated.</p> <p>"Since guests frequently have individual wishes - for example, their own network within the Grand Resort network - an infrastructure that is easy to configure and with flexible handling was required," Reto Schwengeler continues. "If guests brought their own IT equipment or needed their own separate network, IT was always a big challenge. With the old network environment, adjustments like these required a lot of effort and we were dependent on external support," says Schwengeler.</p> <p>A new, modern solution was required for the Grand Resort Bad Ragaz. The Grand Resort received various recommendations from CANCOM Switzerland AG, which ultimately impressed the Grand Resort with the network solution from Huawei.</p> <h2>The Solution</h2> <p>The Grand Resort Bad Ragaz relies on Huawei's state-of-the-art network solution in order to be able to easily meet the technical requirements of its guests in the future. A total of 80 switches, 500 access points and firewalls were implemented on the Grand Resort's premises - after careful analysis of the building plans by CANCOM Switzerland. The Grand Resort Bad Ragaz also installed two high-performance Wi-Fi controllers and highly functional management servers to manage the entire network.</p> <p>The modern software-defined approach of the Huawei network enables the Grand Resort Bad Ragaz - unlike the old solution - to respond independently and flexibly to the widest range of guest wishes. Thanks to the iMaster control system, it is no longer necessary to configure each individual device on the Grand Resort's premises manually. 95 percent of the infrastructure can be configured quickly and easily using the central controller. And in the event of outages and interruptions, network problems can be identified and resolved quickly thanks to the efficient troubleshooting system.</p> <p>To ensure that guests on the premises of the Grand Resort Bad Ragaz enjoy a stable Internet connection, CANCOM Switzerland chose Wi-Fi 6 technology &ndash; one of the most modern Wi-Fi generation on the market. The introduction of Wi-Fi 6 technology enables fast Internet and smooth communication for the guests at the Grand Resort. Thanks to state-of-the-art Wi-Fi technology, the Grand Resort can also make guests' stay even more pleasant - for example with checkout terminals. To ensure that the connection is not only fast and stable, but also secure, CANCOM Switzerland also integrated firewalls from Palo Alto into the Huawei network.</p> <p>The migration to a completely new network is a real challenge - especially for a company like the Grand Resort Bad Ragaz with the switch from a traditional to a software-defined network. The Grand Resort is a business that has to run around the clock seven days a week. "At the technical configuration level, we therefore had to find solutions time and again in order to be able to ensure the operation of the Grad Resort at all times," explains Simon H&auml;ni, Member of the Management Board and Head of System Integration at CANCOM Switzerland.</p> <h2>The Benefits</h2> <p>Thanks to the pioneering Huawei solution, the Grand Resort Bad Ragaz can focus on what matters: its visitors on site. Guests benefit from a modern and secure network that gives them secure and fast Wi-Fi access across all locations and around the clock.</p> <p>Thanks to the clear iMaster management solution, the IT team at the Grand Resort Bad Ragaz can easily adapt the network to the individual needs and wishes of its guests.</p> <p>Reto Schwengeler, Head of Infrastructure and Security at the Grand Resort, praises the open and stimulating exchange with CANCOM Switzerland. "The experts at CANCOM Switzerland not only understood our needs, but were also innovative and helped us to progress with the right questions. They questioned the existing situation and ensured that our problems were really solved. And thanks to the excellent cooperation, we were able to complete the project successfully within a very short time," says Schwengeler enthusiastically. And what do the guests say about the new network? "In the past, we received complaints about the network on almost a weekly basis. We don't get any now," says Schwengeler with a wink. The result speaks for itself and shows that the combination of Huawei and CANCOM Switzerland was the right decision.</p> <h2>Quick Facts:</h2> <p><strong>Project data</strong></p> <p>&bull; Grand Resort Bad Ragaz<br>&bull; Project year 2022<br>&bull; Huawei's new network infrastructure<br>&bull; State-of-the-art Wi-Fi 6 technology<br>&bull; Centralised management with a software-defined approach</p> <p><strong>Results</strong></p> <p>&bull; Modern Wi-Fi network at all locations of the Grand Resort Bad Ragaz<br>&bull; Network can be individually adapted to the needs of guests<br>&bull; Administration of the network via graphical user interface<br>&bull; Wireless network with Wi-Fi 6 technology<br>&bull; Protected around the clock with Palo Alto firewalls</p> <p>Original text of the above case:<a target="_blank" href="https://cancom.ch/projekte/modernste-netzwerk-loesung-von-huawei-fuer-das-grand-resort-bad-ragaz/" rel="noopener">https://cancom.ch/projekte/modernste-netzwerk-loesung-von-huawei-fuer-das-grand-resort-bad-ragaz/</a></p> <div class="left-bottom"> <div class="label"> <a href="/en/case-studies?region={0D964236-4026-46F0-9BF3-E25E58109EE4}"><span>#&nbsp;Switzerland</span></a> <a href="/en/case-studies?product={2ACEE487-9E55-4D77-87AD-32E5B1CE2154}"><span>#&nbsp;Enterprise Networks</span></a> </div> <div class="like"> <span class="iconfont icon-dianzan-1028"></span> <span class="iconfont icon-dianzanchenggong-1028"></span> </div> </div> <div class="global-share"> <div class="box clearfix"> <div class="share"> <div class="social-share" data-sites="email,facebook,twitter,linkedin"> </div> </div> </div> </div> </div> <div class="case-studies-sidebar right-item"> <div class="other-articles link"> <div class="other-tit link-title"> <span class="iconfont icon-chanpin-1028"></span> <span>Related Products/Solutions</span> </div> <div class="e-link-box"> <p> <a href="/en/solutions/enterprise-network" class="e-link-black-16-3"> <span class="text">Enterprise Networking</span> <span class="iconfont icon-right"></span> </a> </p> </div> </div> <div class="other-articles link"> <div class="other-tit link-title"> <span class="iconfont icon-wenzhang-1028"></span> <span>Related Cases</span> </div> <div class="e-link-box"> <p> <a href="/en/case-studies/solutions/enterprise-network/wuling-building-manufacturing-plant" class="e-link-black-16-3"> <span class="text">SGMW: World&#39;s First Modular Assembly Factory for Lean Intelligent Manufacturing Powered by Reliable Networks</span> <span class="iconfont icon-right"></span> </a> </p> <p> <a href="/en/case-studies/solutions/storage/psnc" class="e-link-black-16-3"> <span class="text">PSNC (Poland): Awakening the Unlimited Potential of Scientific Research Data</span> <span class="iconfont icon-right"></span> </a> </p> <p> <a href="/en/case-studies/solutions/campus/2023-shenzhen-second-experimental-school-smart-campus" class="e-link-black-16-3"> <span class="text">Shenzhen No.2 Experimental School Embraces Intelligent Campus with Huawei</span> <span class="iconfont icon-right"></span> </a> </p> </div> </div> </div> </div> <script> window.gConfig = window.gConfig || {}; window.gConfig.seed = window.gConfig.seed || []; window.gConfig.seed.push({ name: '@cloud/pep-success-story-detail', data: { "packages": { "@cloud/pep-success-story-detail": { "path": "//e.huawei.com/marketingcloud/pep/static/pep-success-story-detail/", "version": "lst" }, "@cloud/lazyload": { "path": "//e.huawei.com/marketingcloud/pep/static/assets/js/utils/cnpm-lazyload/2.0.8/", "version": "2.0.8" }, "@cloud/link-to": { "path": "//e.huawei.com/marketingcloud/pep/static/assets/js/utils/cnpm-link-to/3.1.9/", "version": "3.1.9" }, "@cloud/portal-utils": { "path": "//e.huawei.com/marketingcloud/pep/static/assets/js/utils/cnpm-portal-utils/1.4.20/", "version": "1.4.20" }, "@cloud/xtemplate-runtime": { "path": "//e.huawei.com/marketingcloud/pep/static/assets/js/utils/cnpm-xtemplate-runtime/1.0.1/", "version": "1.0.1" } }, "modules": { "@cloud/pep-success-story-detail/m/index": { "requires": ["@cloud/xtemplate-runtime", "@cloud/portal-utils"] }, "@cloud/pep-success-story-detail/pc/index": { "requires": ["@cloud/xtemplate-runtime", "@cloud/portal-utils"] } } } }) </script> </div> </div> </div> <script type="module"> if ($('.e-module-202211150926').length > 0) { $('.e-module-202211150926').each(function() { var _this = $(this); $(".like").click(function() { $(this).toggleClass("active"); }); swiperList(_this); function swiperList(objConList) { if (objConList.find('.swiper-slide').length > 1) { var swiper = new Swiper(objConList.find('.swiper-container'), { slidesPerView: 1, spaceBetween: 10, autoplay: false, centeredSlides: true, resistanceRatiao: 1, pagination: { el: objConList.find('.swiper-pagination'), clickable: true, }, navigation: { nextEl: objConList.find(".icon-right"), prevEl: objConList.find(".icon-left"), }, on: { init: function() { _this.find('.swiper-slide').each(function() { $(this).find('img').each(function() { var This = $(this); This.attr('src', This.data('original')); }) }); } } }); } else { objConList.find('.swiper-pagination').css({ 'display': 'none' }); objConList.find('.swiper-button').css({ 'display': 'none' }); } } }) } </script> <script defer src='//e.huawei.com/marketingcloud/pep/static/assets/js/external-qrcode-202311010829.js'></script> <script defer src='//e.huawei.com/marketingcloud/pep/static/assets/js/external-global-share-202312141340.js'></script> </div> <script> window.gConfig = window.gConfig || {}; window.gConfig.seed = window.gConfig.seed || []; window.$devPath = { "@cloud/pep-breadcrumb": { "path": "https://e.huawei.com/marketingcloud/pep/static//pep-breadcrumb/0.0.20" }, "@cloud/pep-banner-2007": { "path": "https://e.huawei.com/marketingcloud/pep/static/pep-banner-2007/0.0.24" }, "@cloud/pep-success-story-detail": { "path": "https://e.huawei.com/marketingcloud/pep/static//pep-success-story-detail/0.0.24" } }; window.$contentHubPrefix = 'https://e.huawei.com/marketingcloud/pep/asset/20000001/_system/shared/contenthub'; for (var i = 0; i < window.gConfig.seed.length; i++) { var tmpSeed = window.gConfig.seed[i].data; var name = window.gConfig.seed[i].name; if (tmpSeed && tmpSeed.packages && window.$devPath[name]) { tmpSeed.packages[name] = window.$devPath[name]; } } </script> <script> window.gConfig.seed[0].data.packages['@cloud/pep-search'] = { "path": "//e.huawei.com/marketingcloud/pep/static/pep-search/0.0.21" } </script> <div class="e-block e-module-202208171450 " style="background-color: f8f8f8"> <div class="e-con"> <div class="common-footer"> <div class="link-group"> <div class="e-cistern-l"> <div class="con"> <div class="left"> <div class="link-set" id="footers"> <ul class="clearfix"> <li> <p class="title-h6"> About Us </p> </li> <li class="li-item"> <a href="/en/about/huawei-enterprise" target="_self"> About Huawei Enterprise </a> </li> <li class="li-item"> <a href="/en/news" target="_self"> News Room </a> </li> <li class="li-item"> <a href="/en/events" target="_self"> Events </a> </li> <li class="li-item"> <a href="/en/how-to-buy/contact-us" target="_self"> Contact Us </a> </li> <li class="li-item"> <a href="https://www.huawei.com/en/about-huawei" rel="nofollow" target="_blank"> See More </a> </li> </ul> <ul class="clearfix"> <li> <p class="title-h6"> How to Buy </p> </li> <li class="li-item"> <a href="/en/how-to-buy/get-price-info?source_website=01MHQHQ231W002L" target="_self"> Get Pricing </a> </li> <li class="li-item"> <a href="https://partner.huawei.com/eplus/#/aui/en/web/findpartner" rel="nofollow" target="_blank"> Find a Reseller </a> </li> <li class="li-item"> <a href="https://weiknow.gts.huawei.com/weiknow/#/question?locale=en_US&amp;lang=en&amp;source=Enterprise" rel="nofollow" target="_blank"> Chatbot </a> </li> </ul> <ul class="clearfix"> <li> <p class="title-h6"> Partner </p> </li> <li class="li-item"> <a href="https://partner.huawei.com/eplus/#/aui/en/web/worldwide" rel="nofollow" target="_blank"> Become a Partner </a> </li> <li class="li-item"> <a href="https://partner.huawei.com/eplus/#/aui/en/web/findpartner" rel="nofollow" target="_blank"> Find a Partner </a> </li> <li class="li-item"> <a href="https://partner.huawei.com/university/weben_portal/#/home" rel="nofollow" target="_blank"> Partner Enablement </a> </li> <li class="li-item"> <a href="https://partner.huawei.com/#/aui/en/web/worldwide" rel="nofollow" target="_blank"> See More </a> </li> </ul> <ul class="clearfix"> <li> <p class="title-h6"> Resources </p> </li> <li class="li-item"> <a href="/en/case-studies" target="_self"> Case Studies </a> </li> <li class="li-item"> <a href="/en/resource/material-center" target="_blank"> Resource Center </a> </li> <li class="li-item"> <a href="/en/video" target="_blank"> Video Center </a> </li> <li class="li-item"> <a href="/en/ict-insights" target="_self"> ICT Insights </a> </li> <li class="li-item"> <a href="/en/blogs" target="_self"> Blogs </a> </li> </ul> <ul class="clearfix"> <li> <p class="title-h6"> Quick Links </p> </li> <li class="li-item"> <a href="https://www.huawei.com/en/" rel="nofollow" target="_blank"> Corporate </a> </li> <li class="li-item"> <a href="https://consumer.huawei.com/en/" rel="nofollow" target="_blank"> Consumer </a> </li> <li class="li-item"> <a href="https://carrier.huawei.com/en/" rel="nofollow" target="_blank"> Carrier </a> </li> <li class="li-item"> <a href="https://digitalpower.huawei.com/en/?utm_medium=footer&amp;utm_source=corp_ebg&amp;utm_campaign=dpm2022" rel="nofollow" target="_blank"> Huawei Digital Power </a> </li> <li class="li-item"> <a href="https://www.huaweicloud.com/intl/en-us/" rel="nofollow" target="_blank"> Huawei Cloud </a> </li> <li class="li-item"> <a href="https://ekit.huawei.com/#/ekit/home?lang=en&amp;countryCode=Global" rel="nofollow" target="_blank"> HUAWEI eKit </a> </li> <li class="li-item"> <a href="https://securitybulletin.huawei.com/enterprise/en/security-advisory" rel="nofollow" target="_blank"> Security Bulletins </a> </li> </ul> </div> </div> <div class="right"> <div class="footer-share"> <div class="app"> <span class="foot-code lazyload over clearfix" style="height: auto; background: none; display: flex"> <a href="https://app.huawei.com/eplus/front/index.html#/download" rel="nofollow" target="_blank" class="hw-app1"> <div> <em class="iconfont icon-a-huawei-e"></em> </div> <label>Huawei e+ App</label> </a> <a href="https://app.huawei.com/eplus/soho/front/index.html#/download" rel="nofollow" target="_blank" class="hw-app2"> <div> <em class="iconfont icon-ekit"></em> </div> <label>HUAWEI eKit App</label> </a> <a href="https://w3m.huawei.com/mcloud/umag/FreeProxyForText/ent_front_prod/enterprisemobile/brochure/index_en.html" rel="nofollow" target="_blank" class="qiyefuwu"> <div> <em class="iconfont icon-qiyefuwuAPPicon-02-01"></em> </div> <label>Huawei HiKnow App</label> </a> <a rel="nofollow" target="_blank" href="https://app.huawei.com/eplus/smb/front/index.html#/download?countryCode=Global"> <div class="link-icon"> <img style="width: 100%; height: 100%;" src="https://e.huawei.com/-/mediae/images/home/social/efly-logo1.png" alt=" HUAWEI eFly App" /> </div> <label> HUAWEI eFly App</label> </a> </span> </div> <div class="share-wrap"> <ul class="clearfix"> <li> <a rel="nofollow" href="https://www.facebook.com/HuaweiEnterprise" target="_blank"> <em class="iconfont icon-f"></em> </a> </li> <li> <a rel="nofollow" href="https://www.linkedin.com/company/huawei-enterprise" target="_blank"> <em class="iconfont icon-linkin"></em> </a> </li> <li> <a rel="nofollow" href="https://x.com/HUAWEient" target="_blank"> <em class="iconfont icon-share-twitter"></em> </a> </li> <li> <a rel="nofollow" href="https://www.youtube.com/user/HuaweiEnterprise" target="_blank"> <em class="iconfont icon-youtube3"></em> </a> </li> <li> <a rel="nofollow" href="https://mewe.com/huaweienterprise" target="_blank"> <em class="iconfont icon-mewe"></em> </a> </li> <li> <a rel="nofollow" href="https://www.instagram.com/huaweient/" target="_blank"> <em class="iconfont icon-instagram"></em> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="copyright"> <div class="e-cistern-l"> <div class="con"> <p> <span id="bottom_1_tCopyRight">Copyright © 2025 Huawei Technologies Co., Ltd. All rights reserved. </span> </p> <ul> <span>|</span> <li> <a href="/en/about/privacy/privacy-statement" target="_self"> Privacy </a> </li> <li> <a href="https://www.huawei.com/en/legal" rel="nofollow" target="_blank"> Terms of use </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class=" e-module-202208160923"> <div class="slide-list"> <div class="kefu"> <div class="slide-item slide-item2"> <div class="slide-btn"> <span class="iconfont icon-lainxi1"></span> </div> <div class="tell-con"> <div class="tell-cons"> <div class="lianxi"> <div></div> <div class="lx-con lx1"> <div class="iconfont icon-zhinengkefu2"></div> <div class="ptxt"> <a href="https://weiknow.gts.huawei.com/weiknow/#/question?locale=en_US&amp;lang=en&amp;source=Enterprise" target="_blank" rel="nofollow"> <p class="ptxt1">Ask the Chatbot</p> </a> </div> </div> <div class="lx-con lx2"> <div class="iconfont icon-lianxixiaoshou"></div> <div class="ptxt"> <a href="/en/how-to-buy/get-price-info?source_website=01MHQHQ231W002L " rel=""> <p class="ptxt1">Contact Huawei Sales</p> </a> </div> </div> <div></div> <div class="e-link-box"> <p> <a rel="" href="/en/how-to-buy/contact-us" class="e-link-black-16-3"> <span class="text">More Contact Methods </span> <span class="iconfont icon-right"></span> </a> </p> </div> <div class="angle"></div> </div> </div> </div> </div> </div> <div class="tell-con-mob"> <div class="tell-mob-con"> <div class="tell-mob"> <div class="lianxi"> <div class="lx-con lx1"> <div class="iconfont icon-zhinengkefu2"></div> <div class="ptxt"> <a href="https://weiknow.gts.huawei.com/weiknow/#/question?locale=en_US&amp;lang=en&amp;source=Enterprise" target="_blank" rel="nofollow"> <p class="ptxt1">Ask the Chatbot</p> </a> </div> </div> <div class="lx-con lx2"> <div class="iconfont icon-lianxixiaoshou"></div> <div class="ptxt"> <a rel="" href="/en/how-to-buy/get-price-info?source_website=01MHQHQ231W002L"> <p class="ptxt1">Contact Huawei Sales</p> </a> </div> </div> <div></div> <div class="e-link-box"> <p> <a rel="" href="/en/how-to-buy/contact-us" class="e-link-black-16-3"> <span class="text">More Contact Methods </span> <span class="iconfont icon-right"></span> </a> </p> </div> <div class="close-btn iconfont icon-Close"></div> </div> </div> </div> </div> <div class="gotop"> <div class="slide-item slide-item3"> <div class="slide-btn"> <span class="iconfont icon-up"></span> <p> TOP </p> </div> </div> </div> </div> </div> <input type="hidden" id="categorytype" name="categorytype" value="EBG_PS"> <input type="hidden" id="gSupportLang1" value="en"> <input type="hidden" id="gSupportLang2" value="en"> <input type="hidden" id="gMarketingLang1" value="en"> <input type="hidden" id="gMarketingLang2" value="en"> <input type="hidden" id="switchSearch" value="cn,en,hk,sg,za,sa,ae,my,id,ph,se,eu,mx,jp,th,pl,gr,de,es,it,br,tr,cz,ua,fr,ma,at,hu,kz"> <input id="hidLangRegionName" type="hidden" value="en"> <input id="hidutag_tacticcode" type="hidden" value="01MHQHQ231W002L"> <input id="uem-site-code" type="hidden" value=META-营销-官网-内容发布-企业官网> <input id="productionStatus" type="hidden" value=true> <input type="hidden" id="historySearch" value="cn,en,hk,sg,za,sa,ae,my,id,ph,mx,jp,br,ma,kz"> <input type="hidden" id="hideHistorySearch" value="gr,pl,de,es,it,tr,cz,ua,th,fr,at,hu,se,eu"> <input type="hidden" id="gLanguageCurrent" name="gLanguageCurrent" value="en" /> <script type="text/javascript"> var utag_data = ""; window.addEventListener('load', function() { try { utag_data = { tealium_event: "page_view", user_type: $.cookie("wwwusertype") || "", language: $("#hidLangRegionName").val(), item_type: "", product_tag: "", industry_tag: "", product_portfolio_tag: "", login_status: ($.cookie("uid") || $.cookie("login_uid")) ? "yes" : "no", tactic_code: $("#hidutag_tacticcode").val() || $("#tactic_code").val(), }; (function(a, b, c, d) { a = ((navigator.languages && navigator.languages.length) ? navigator.languages[0] : (navigator.browserLanguage || navigator.userLanguage || navigator.language || 'en')).toLowerCase() == "zh-cn" ? '//tags.tiqcdn.cn/utag/huawei/enterprise/prod/utag.js' : '//tags.tiqcdn.com/utag/huawei/enterprise/prod/utag.js'; b = document; c = 'script'; d = b.createElement(c); d.src = a; d.type = 'text/java' + c; d.async = true; a = b.getElementsByTagName(c)[0]; a.parentNode.insertBefore(d, a); })(); } catch (error) { console.log(error); } }); </script> <script type="text/javascript" src="//e.huawei.com/marketingcloud/pep/static/assets/js/feloader.js" crossorigin="anonymous"></script> <script type="text/javascript" src="//e.huawei.com/marketingcloud/pep/static/assets/js/reportUem.js"></script> <script type="text/javascript" src="//e.huawei.com/marketingcloud/pep/static/assets/js/public-202412110748.js"></script> <script charset="utf-8" src="//e.huawei.com/marketingcloud/pep/static/pep-ebg-global-template/0.0.21/ebg-pep-template.umd.js" async="" crossorigin="anonymous"></script> <script> $(function() { var utagCode = { tealium_event: "", user_type: "", // 自动获取用户类型,点击后从cookie上读取。HWE、Partner、Register、Anonymous tacitc_code: "", // 一串ID tacitc_code material_name: "", // 资料名称 material_url: "", // 资料url social_name: "", // 社媒名称 keywords: "", // 搜索关键词 video_name: "", // 视频名称 video_url: "", // 视频url form_type: "", // 报名参会、下载留资 form_name: "", // 表单名称 target_name: "", // 目的名称 target_url: "", // 目的url } $(document).ready(() => { const lang = $('html').attr('lang') ?? 'en'; if (lang) { let langFirst = "" let langSecond = "" if (lang.includes("-")) { langFirst = lang.split("-")[0] langSecond = lang.split("-")[1] $("#gMarketingLang1").val(lang === "en-th" ? langSecond : langFirst); $("#gMarketingLang2").val(langSecond); $("#gSupportLang1").val(langFirst); $("#gSupportLang2").val(langFirst); $("#hidLangRegionName").val(lang === "en-ww" ? langFirst : langSecond); } else { $("#gMarketingLang1").val(lang === "cn" ? "zh" : lang); $("#gMarketingLang2").val(lang); $("#gSupportLang1").val(lang); $("#gSupportLang2").val(lang); $("#hidLangRegionName").val(lang); } } }); $('body').on('click', 'a', function() { // 获取对象 var _this = $(this); var getDateObj = deepCopy(utagCode); // a链接 if (_this.attr('target_name') != undefined) { getDateObj.target_name = _this.attr('target_name'); } else { getDateObj.target_name = _this.text(); } getDateObj.target_url = _this.attr('href'); // 判断是不是正文,是的话就添加tealium_event getDateObj.tealium_event = "click_body"; // 下载资料 if (_this.hasClass('ga-download_material')) { getDateObj.material_name = _this.data('material_name'); getDateObj.material_url = _this.data('material_url'); getDateObj.tealium_event = "download_material"; } // 播放视频 if (_this.hasClass('vedioplay') || _this.parents('.vedioplay').length > 0 || _this.find('.vedioplay').length > 0) { // 获取文案 if (_this.data('video_name') != '') { getDateObj.video_name = _this.data('video_name'); } else if (_this.parents('.vedioplay').data('video_name') != '') { getDateObj.video_name = _this.parents('.vedioplay').data('video_name'); } else { getDateObj.video_name = _this.text(); } // 获取链接 if (_this.parents('.vedioplay').length > 0) { getDateObj.video_url = _this.parents('.vedioplay').data('url'); } else if (_this.hasClass('vedioplay')) { getDateObj.video_url = _this.data('url'); } else if (_this.find('.vedioplay').length > 0) { getDateObj.video_url = _this.find('.vedioplay').data('url'); } getDateObj.tealium_event = "video_play"; } // 判断是不是社媒分享,是的话就添加tealium_event if (_this.parents('.global-share').length > 0) { getDateObj.tealium_event = "share_social"; } // 判断是不是点击登录按钮,是的话就添加tealium_event if (_this.hasClass('.login')) { getDateObj.tealium_event = "click_login"; } if ($('#pagetype').val() == 'minisite') { // 判断是不是导航,是的话就添加tealium_event if (_this.parents('.bz-header').length > 0) { getDateObj.tealium_event = "click_navigation"; } // 判断是不是页脚,是的话就添加tealium_event if (_this.parents('.footer').length > 0) { getDateObj.tealium_event = "click_nav_bottom"; } // 判断是不是侧边栏,是的话就添加tealium_event if (_this.parents('.slidebars').length > 0) { getDateObj.tealium_event = "click_contact_us"; } } else { // 判断是不是导航,是的话就添加tealium_event if (_this.parents('.e-module-202209210900').length > 0) { getDateObj.tealium_event = "click_navigation"; } // 判断是不是页脚,是的话就添加tealium_event if (_this.parents('.e-module-202208171450').length > 0) { getDateObj.tealium_event = "click_nav_bottom"; } // 判断是不是侧边栏,是的话就添加tealium_event if (_this.parents('.e-module-202208160923').length > 0) { getDateObj.tealium_event = "click_contact_us"; } } getAutoData(getDateObj); }) // 点击导航,一级导航 $('body').on('click', '.wap-one-ul li', function() { // 获取对象 var _this = $(this); var getDateObj = deepCopy(utagCode); getDateObj.target_name = _this.data('key'); getDateObj.tealium_event = "click_navigation"; getAutoData(getDateObj); }) // 点击导航,产品跟培训认证的tab切换 $('body').on('click', '.level-txt2', function() { // 获取对象 var _this = $(this); if (_this.find('a').length == 0) { var getDateObj = deepCopy(utagCode); getDateObj.target_name = _this.text(); getDateObj.tealium_event = "click_navigation"; getAutoData(getDateObj); } }) // 点击内页锚点 $('.e-module-202208091539 li').on('click', function() { // 获取对象 var _this = $(this); var getDateObj = deepCopy(utagCode); getDateObj.target_name = _this.text(); getDateObj.tealium_event = "click_anchor"; getAutoData(getDateObj); }) // 自动获取参数字段函数 function getAutoData(obj) { obj.user_type = $.cookie("wwwusertype") || ""; // 把值为空的去掉 for (var key in obj) { if (obj.hasOwnProperty(key)) { if (obj[key] == '' || obj[key] == undefined) { delete obj[key] } } } try { utag && utag.link(obj); } catch (e) {} } // 深度拷贝参数函数 function deepCopy(obj) { var objCopy = Array.isArray(obj) ? [] : {}; if (obj && typeof obj == "object") { for (key in obj) { if (obj.hasOwnProperty(key)) { // 判断ojb子元素是否为对象,如果是,递归复制 if (obj[key] && obj[key] === "object") { objCopy[key] = deepCopy(obj[key]); } else { //如果不是,简单复制 objCopy[key] = obj[key]; } } } } return objCopy; } // 获取url最后一个节点的名字函数 function getUrlsub(url) { var str = ''; var index = url.lastIndexOf('\/'); var tem = url.substring(index + 1, url.length).replace(/\?.*/, ""); if (tem == '') { str = url.substring(0, index); index = str.lastIndexOf('\/'); str = str.substring(index + 1, str.length); } else { str = tem; } return str; } // 获取页面语种,直接读取url上的 function getUrlLang(url) { var str = ''; var num = url.indexOf('/topic/'); if (num != '-1') { str = url.substring(num + 7, url.length) num = str.indexOf('/') str = str.substring(num + 1, url.length).substring(0, 2); } else { num = url.indexOf('huawei.com/'); str = url.substring(num + 11, url.length).substring(0, 2); } return str; } }) window.ebg = window.ebg || function() {}; window.console = window.console || { log: function() {}, warn: function() {}, error: function() {}, info: function() {} } // 有懒加载,大屏小屏的替换图片 ebg.prototype.eReplaceImg = function() { function init() { if ($('.e-replace-img').length > 0) { var winw = $(window).width(); $('.e-replace-img').each(function() { var $this = $(this); var src = $this.attr("src"); var img1920 = $this.data("xl"); var img1600 = $this.data("lg"); var img1200 = $this.data("md"); var img992 = $this.data("sm"); var img750 = $this.data("xs"); if (winw > 1600) { $this.attr('data-original', img1920 || img1600 || img1200 || img992 || img750 || src); } else if (winw > 1200) { $this.attr('data-original', img1600 || img1920 || img1200 || img992 || img750 || src); } else if (winw > 992) { $this.attr('data-original', img1200 || img1600 || img1920 || img992 || img750 || src); } else if (winw > 750) { $this.attr('data-original', img992 || img750 || img1200 || img1600 || img1920 || src); } else { $this.attr('data-original', img750 || img992 || img1200 || img1600 || img1920 || src); } }); }; if ($('.J-ebg-replace-img-lazyload').length > 0) { var win_w = $(window).width(); $('.J-ebg-replace-img-lazyload').each(function() { var $this = $(this); var src = $this.attr("src"); var img1920 = $this.data("pc-l"); var img1600 = $this.data("pc-s"); var img1200 = $this.data("ipad-h"); var img992 = $this.data("ipad-v"); var img750 = $this.data("wap"); if (win_w > 1600) { $this.attr('data-original', img1920 || img1600 || img1200 || img992 || img750 || src); } else if (win_w > 1200) { $this.attr('data-original', img1600 || img1920 || img1200 || img992 || img750 || src); } else if (win_w > 992) { $this.attr('data-original', img1200 || img1600 || img1920 || img992 || img750 || src); } else if (win_w > 750) { $this.attr('data-original', img992 || img750 || img1200 || img1600 || img1920 || src); } else { $this.attr('data-original', img750 || img992 || img1200 || img1600 || img1920 || src); } }); }; } //对外重新初始化 $("body").on("eReplaceImg", function() { init(); }); init(); } // 计算同行等高方法,优化版 // 如果层级只有两级,传2个参数,如果层级有三级,传3个参数,obj:板块名称,obj2:模板需要循环的盒子,obj3:需要赋值的对象 ebg.prototype.v3SetHeight = function(obj, obj2, obj3) { if (!this.resizeStackLock && this.resizeStack) { this.resizeStack.push({ fn: this.v3SetHeight, params: arguments }); } var This = $(obj); var args = arguments; This.each(function() { var _this = $(this), oList = _this.find(obj2), oList_len = oList.length, oBox_w = _this.width() + 10, oList_w = oList.width(), oColumn_len = Math.floor(oBox_w / oList_w), oRow_len = Math.ceil(oList_len / oColumn_len), oList_H = 0, oList_obj = null; if (args.length == 2) { oList.height('auto'); } else { oList.find(obj3).height('auto'); } for (var i = 0; i < oRow_len; i++) { for (var j = i * oColumn_len; j < oColumn_len * (i + 1); j++) { oList.eq(j).addClass('oList_obj'); if (args.length == 2) { var H = oList.eq(j).height(); } else { var H = oList.eq(j).find(obj3).height(); } H > oList_H ? oList_H = H : oList_H; oList_obj = $('.oList_obj'); } if (args.length == 2) { oList_obj.height(oList_H); } else { oList_obj.find(obj3).height(oList_H); } oList_obj.removeClass('oList_obj'); oList_H = 0; } }); } // 懒加载 ebg.prototype.lazy = function() { if ($('.e-lazy img').length > 0) { function lazyloadClearBg(obj, className) { var _this = $(obj); if (_this.parents(".e-bg").length && _this.parents(".e-bg").data("replace") != "not") { //请避免路径中存在空格 _this.parents(".e-bg").css("background-image", "url(" + _this.data("original") + ")"); _this.parents(className).hide(); } if (_this.parents(className)) { _this.attr("src", _this.data("original")); _this.parents(className).css({ 'height': 'auto', 'background': 'none' }).addClass('over'); } } // 初始化 var lazyLazy = new LazyLoad({ elements_selector: ".e-lazy img", data_src: "original", callback_loaded: function(obj) { lazyloadClearBg(obj, ".e-lazy"); }, callback_enter: function(obj) { lazyloadClearBg(obj, ".e-lazy"); } }); } if ($('.lazyload img').length > 0) { function lazyloadClearBg(obj, className) { var _this = $(obj); if (_this.parents(".e-bg").length && _this.parents(".e-bg").data("replace") != "not") { //请避免路径中存在空格 _this.parents(".e-bg").css("background-image", "url(" + _this.data("original") + ")"); _this.parents(className).hide(); } if (_this.parents(className)) { _this.attr("src", _this.data("original")); _this.parents(className).css({ 'height': 'auto', 'background': 'none' }).addClass('over'); } } // 初始化 var lazyLazyOld = new LazyLoad({ elements_selector: ".lazyload img", data_src: "original", callback_loaded: function(obj) { lazyloadClearBg(obj, ".lazyload"); }, callback_enter: function(obj) { lazyloadClearBg(obj, ".lazyload"); } }); } } // 检测浏览器的版本 ebg.prototype.browserVersion = function() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 if ((userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) { var isIos = !!userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //判断移动端浏览器 var isAndroid = userAgent.indexOf('Android') > -1 || userAgent.indexOf('Adr') > -1; //判断移动端浏览器 if (isIos) { return "ios"; } if (isAndroid) { if (userAgent.match(/HUAWEI/i) && userAgent.match(/MQQBrowser/i)) { return "huawei"; } else if (userAgent.match(/HONOR/i) && userAgent.match(/MQQBrowser/i)) { return "honor"; } else { return "android"; } } } else { var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器 var isIE11 = userAgent.indexOf("rv:11") > -1; var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器 var isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器 var isSafari = userAgent.indexOf("Safari") > -1 && userAgent.indexOf("Chrome") == -1; //判断是否Safari浏览器 var isChrome = userAgent.indexOf("Chrome") > -1 && userAgent.indexOf("Safari") > -1 && userAgent.indexOf("Edge") == -1; //判断Chrome浏览器 if (isIE) { var reIE = new RegExp("MSIE (\\d+\\.\\d+);"); reIE.test(userAgent); var fIEVersion = parseFloat(RegExp["$1"]); switch (fIEVersion) { case 6: return "6"; case 7: return "7"; case 8: return "8"; case 9: return "9"; case 10: return "10"; case 11: return "11"; default: return "0"; //IE版本过低 } } if (isFF) { return "FF"; } if (isOpera) { return "Opera"; } if (isSafari) { return "Safari"; } if (isChrome) { return "Chrome"; } if (isEdge) { return "Edge"; } if (isIE11) { return '11' } } } // 电脑屏幕缩放比例 ebg.prototype.screenZoom = function() { var ratio = 0, screen = window.screen, ua = navigator.userAgent.toLowerCase(); if (window.devicePixelRatio !== undefined) { ratio = window.devicePixelRatio; } else if (~ua.indexOf('msie')) { if (screen.deviceXDPI && screen.logicalXDPI) { ratio = screen.deviceXDPI / screen.logicalXDPI; } } else if (window.outerWidth !== undefined && window.innerWidth !== undefined) { ratio = window.outerWidth / window.innerWidth; } if (ratio) { ratio = Math.round(ratio * 100); } if (ratio == 125 || ratio == 150) { $('html').removeClass('screenzoom125 screenzoom150').addClass("screenzoom" + ratio); } else if (ratio == 100) { $('html').removeClass('screenzoom125 screenzoom150'); } } var ebgLib = new ebg(); ebgLib.eReplaceImg(); //大屏小屏的图片替换 ebgLib.v3SetHeight(); //计算同行等高 ebgLib.lazy(); //懒加载 // ebgLib.pageResize(); //页面自适应拉动屏幕,强制刷新 // ebgLib.pageTop(); // 刷新页面直接回到顶部 ebgLib.browserVersion(); // 检测浏览器的版本 ebgLib.screenZoom(); // 电脑屏幕缩放比例 // 检测是哪个浏览器打开的,根据不同的浏览器,给页面html最外层的html元素添加class if (ebgLib.browserVersion()) { if (ebgLib.browserVersion() <= 11) { $('html').addClass('ie' + ebgLib.browserVersion()); } else { $('html').addClass(ebgLib.browserVersion()); } } // 设置定位导航的背景色 var navObj202208091539 = $('.e-module-202208091539'); if (navObj202208091539.length > 0) { navObj202208091539.attr('style', navObj202208091539.nextAll('.e-block').attr('style')); } // 页面缩放重新加载 $(window).on('resize', function() { ebgLib.eReplaceImg(); //大屏小屏的图片替换 ebgLib.lazy(); //懒加载 ebgLib.screenZoom(); // 电脑屏幕缩放比例 }) function getCookie(name) { var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)")); if (arr != null) return decodeURIComponent(arr[2]); return null; } function isEmpty(e) { e = $.trim(e); return !e || "" == e || "null" == e || "undefined" == e } /** * 设置domain cookie * */ function setCookie(name, value, domain, hours) { var exp = new Date(); exp.setTime(exp.getTime() + hours * 60 * 60 * 1000); if (domain == null || domain == '') { document.cookie = name + "=" + encodeURIComponent(value) + ";path=/; expires=" + exp.toGMTString(); } else { document.cookie = name + "=" + encodeURIComponent(value) + ";path=/; domain=" + domain + ";expires=" + exp.toGMTString(); } } /** * 取URL上的参数 * */ function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var str = window.location.search.substr(1).match(reg); if (str != null) return unescape(str[2]); return null; } if ($(".e-zoom-v2").length > 0) { function e_zoomFun(o) { var t = { init: function() { this.win = $(window), this.moduleObj = o, this.e_zoom_full = '<div class="e-zoom-full"><span class="iconfont icon-quanping"></span></div>', this.e_zoom_viewbox = '<div class="e-zoom-viewbox"><i class="close-full z_close"></i><i class="iconfont icon-close close-full"></i><img class="z_largeshow" src="" alt="Huawei" style="bottom: 0px;"></div>', $('body').append(this.e_zoom_full), $('body').append(this.e_zoom_viewbox), this.clickEvent() }, clickEvent: function() { var o = this, t = o.moduleObj.find(".e-zoom-full"), i = o.moduleObj.find(".e-zoom-viewbox"), e = o.moduleObj.find(".e-zoom-viewbox .close-full"); t.on("click", function() { o.winw = o.win.width(), "pc" == $(this).parent(".e-zoom-v2").attr("data-ezoom") && o.winw > 992 ? $(this).next().addClass("z_pc") : $(this).next().removeClass("z_pc"); var t = $(this).prev().find("img").attr("data-original"); $(this).next().find("img").attr("src", t), $(this).next().fadeIn(400), $("body").css("overflow", "hidden"), o.e_Zoom($(this).next().find("img")) }), e.on("click", function() { i.fadeOut(400), $("body").css("overflow", "auto") }), i.on("click", function() { i.fadeOut(400), $("body").css("overflow", "auto") }) }, e_Zoom: function(o) { function t(o) { u = parseInt(o.css("left")), l = parseInt(o.css("top")), d = o.width(), f = o.height() } var i, e, n, s, c, a, h, u, l, d, f, r = !1, m = o, p = m.width(), v = m.height(), g = (parseFloat(p / v), []), w = parseInt(o.css("top")); $(document).on("touchstart touchmove touchend", o, function(v) { var z = o; touch1 = v.originalEvent.targetTouches[0], touch2 = v.originalEvent.targetTouches[1], fingers = v.originalEvent.touches.length, "touchstart" == v.type ? 2 == fingers ? (i = Math.abs(touch1.pageX - touch2.pageX), r = !1) : 1 == fingers && (s = touch1.pageX, a = touch1.pageY, r = !0) : "touchmove" == v.type ? 2 == fingers ? (e = Math.abs(touch1.pageX - touch2.pageX), n = e - i, z.css({ width: p + n })) : 1 == fingers && (c = touch1.pageX, h = touch1.pageY, r && z.css({ left: u + (c - s), top: l + (h - a) })) : "touchend" == v.type && (p = m.width(), t(z), g = [ [u, l - w, d, f], [0, 0, 640, 640] ]) }); var z = function() { return g }; return { imgData: z } } }; t.init() } $(".e-zoom-v2").each(function() { var o = $(this); o.data("init") || (o.data("init", !0), e_zoomFun($(this))) }) } if ($('.e-module-202208270930').length > 0) { function module202208270930Fun($target) { var module202208270930Obj = { init: function() { // 获取属性 this.win = $(window); this.moduleObj = $target; this.setShowHide(); this.clickEvent(); }, setShowHide: function() { var _this = this; var lang = $("#gLanguageCurrent").val(); _this.cookie_name = "browsehappy"; if (lang == "en" || lang == "en-gb" || lang == "fr-fr" || lang == "de" || lang == "it" || lang == "es") { _this.cookie_name = "browsehappy_other"; } if ($.cookie(_this.cookie_name)) { return false; } else { _this.moduleObj.slideDown(function() { $(this).trigger("slideEnd"); _this.win.trigger("scroll"); }); } }, clickEvent: function() { var _this = this; _this.moduleObj.find('a.close').click(function() { $(this).parents('.browsehappy').slideUp(function() { $(this).trigger("slideEnd"); _this.win.trigger("scroll"); $.cookie(_this.cookie_name, 'browsehappy', { expires: 30, path: '/', domain: 'huawei.com' }) }); }) }, }; module202208270930Obj.init(); } // 初始化 $('.e-module-202208270930').each(function() { // 防止js文件被执行2次。 var _this = $(this); if (_this.data('init')) { return; } _this.data('init', true); module202208270930Fun($(this)); }) } if ($('.e-module-202208180950').length > 0) { function module202208180950Fun($target) { var module202208180950Obj = { init: function() { // 获取属性 this.moduleObj = $target; this.clickEvent(); }, clickEvent: function() { var _this = this; _this.moduleObj.on("click", ".worldwide-link", function() { var $this = $(this); if ($this.hasClass("active")) { $this.removeClass("active"); } else { $this.addClass("active").siblings().removeClass("active"); } if ($this.hasClass("web-contact")) { // 网站 $(".top-nav-content").find(".worldwide-contact").slideUp(200); $(".top-nav-content").find(".web-contact").slideToggle(200); } else if ($this.hasClass("worldwide-contact")) { // 语言 $(".top-nav-content").find(".web-contact").slideUp(200); $(".top-nav-content").find(".worldwide-contact").slideToggle(200) } }) } }; module202208180950Obj.init(); } // 初始化 $('.e-module-202208180950').each(function() { // 防止js文件被执行2次。 var _this = $(this); if (_this.data('init')) { return; } _this.data('init', true); module202208180950Fun($(this)); }) } // 获取对象 var resourceObj = $('.e-module-202209210900'); if (resourceObj && resourceObj.length > 0) { var win = $(window), win_w = win.width(), wap_width = 992, isPc = win_w > wap_width, header = $('.zl-pc-header-box'), headerNew = $(".header-new"), // 菜单导航 pc navUl = $("nav-new .nav-ul"), // 菜单 nav = $("nav.nav"), // 搜索 search = $(".header-new .search-btn"), searchBox = $(".search-con-box"), searchClose = resourceObj.find(".close-search"), searchInput = resourceObj.find(".support_input_focus"), inputInfohint = $(".inputInfohint").val(), headerTop = headerNew.outerHeight() var res1 = $('.e-module-202208270930'); var res2 = $('.e-module-202208180950') var resH1 = ''; var resH2 = ''; var windowth = $(window).width(); var language = $("#gMarketingLang2").val(); var historySearch = ""; if ($("#historySearch").length > 0) { historySearch = "," + $("#historySearch").val() + "," } var switchSearch = ""; if ($("#switchSearch").length > 0) switchSearch = "," + $("#switchSearch").val() + "," //if (historySearch.indexOf("," + language + ",") > -1) getHistory(); // 版本升级,结构修改,为了不影响线上页面乱的情况,又不重新开发,暂时只能用js来增加calss if (resourceObj.find('.first-iteration').length > 0) { resourceObj.addClass('first-iteration'); } //滚动导航定位到顶部 $(window).on('scroll.202209210900', function() { fixedFun(); }) function fixedFun() { var t = win.scrollTop(); if (res1.css('display') == 'block') { resH1 = res1.height() } var headerTopH = resourceObj.height() + resH1 - 10 if (t > headerTopH) { headerNew.addClass("fixed"); $('.nav-main-box').addClass('blacknone'); } else { headerNew.removeClass("fixed") $('.nav-main-box').removeClass('blacknone'); }; } fixedFun(); function adjustShowSearchWork() { var obj = $('#productSupportDivNew'); if (obj.find('.zl-pc-searching-tip').find("a").length > 0) { obj.find(".zl-pc-searching-tip").show(); } else { obj.find(".zl-pc-searching-tip").hide(); } }; function judgmentDisplayHistory() { let hideHistorySearch = $('#hideHistorySearch').val().split(','); var language = $("#gMarketingLang2").val(); if (!hideHistorySearch.includes(language)) { getHistory(); } } //搜索点击 search.on('click', function() { $('.newpcbg').hide(); $('.nav-new').hide(); $('.header-new .ui-menu-show2').hide(); $('body').css('overflow', 'hidden') // 展开搜索 searchBox.addClass("searching"); $('.header-new .search-con-box.searching').fadeIn(); if (win_w < 1200) { $('.header-new .search-con-box .searching-box').addClass("active"); } else { $('.header-new .search-con-box .searching-box').slideDown(); } searchInput.attr('placeholder', inputInfohint); if (historySearch.indexOf("," + language + ",") > -1) { // getHistory(); } judgmentDisplayHistory(); if (switchSearch.indexOf("," + language + ",") > -1) { getHotSearch(); } if ($('.header-new .ui-menu-show1.search-history').find("a").length > 0) { $('.header-new .ui-menu-show1.search-history').show(); $('.header-new .ui-menu-show1.search-history-title').show(); } else { $('.header-new .ui-menu-show1.search-history').hide(); $('.header-new .ui-menu-show1.search-history-title').hide(); } if ($('.header-new .ui-menu-show1.search-hot').find("a").length > 0) { $('.header-new .ui-menu-show1.search-hot').show(); $('.header-new .ui-menu-show1.search-hot-title').show(); } else { $('.header-new .ui-menu-show1.search-hot').hide(); $('.header-new .ui-menu-show1.search-hot-title').hide(); } if ($('.header-new .zl-pc-searching-tip').find("a").length > 0) { $(".header-new .zl-pc-searching-tip").show(); } else { $(".header-new .zl-pc-searching-tip").hide(); } adjustShowSearchWork() if (win_w < 1200) { $('.main-header').hide() } }) //关闭搜索 searchClose.on('click', function() { // 20220915 $('.nav-new').show(); $('body').css('overflow', 'auto') // 关闭搜索 if (win_w < 1200) { $('.header-new .search-con-box .searching-box').removeClass("active"); } else { $('.header-new .search-con-box .searching-box').slideUp(); } $('.header-new .search-con-box.searching').fadeOut(); $('.newpcbg').fadeOut(); $('.wap-two').slideUp(); searchInput.removeClass('active'); $('.header-new .clear-search').hide(); searchInput.val(''); $('.header-new .nav-new .nav-ul-mob .wap-first.active').removeClass('active') setTimeout(function() { searchBox.removeClass("searching"); }, 500) $(".header-new .ui-menu-show2.search-direct").empty(); $(".header-new .ui-menu-show2.search-suggest").empty(); $('.header-new .searching-tip').hide(); if (win_w < 1200) { $('.main-header').show() } }) // 20221010 $('body').delegate('.search-con-box.searching', 'click ', function() { $('.nav-new').show(); $('body').css('overflow', 'auto') // 关闭搜索 $('.header-new .search-con-box .searching-box').slideUp(); $('.header-new .search-con-box.searching').fadeOut(); $('.newpcbg').fadeOut(); $('.wap-two').slideUp(); searchInput.removeClass('active'); $('.header-new .clear-search').hide(); searchInput.val(''); setTimeout(function() { searchBox.removeClass("searching"); }, 500) $('.header-new .searching-tip').hide(); if (win_w < 1200) { $('.main-header').show() } }) $('.searching-box').click(function(e) { e.stopPropagation(); }) //搜索框内容 searchInput.focus(function() { searchClear($(this)); var obj = $(this).parent(); if ($(this).val() == "") { obj.find('.ui-menu-show2').hide(); if (historySearch.indexOf("," + language + ",") > -1) { // getHistory(); } judgmentDisplayHistory(); if (obj.find('.ui-menu-show1.search-history').find("a").length > 0) { obj.find('.ui-menu-show1.search-history').show(); obj.find('.ui-menu-show1.search-history-title').show(); } else { obj.find('.ui-menu-show1.search-history').hide(); obj.find('.ui-menu-show1.search-history-title').hide(); } if (obj.find('.ui-menu-show1.search-hot').find("a").length > 0) { obj.find('.ui-menu-show1.search-hot').show(); obj.find('.ui-menu-show1.search-hot-title').show(); } else { obj.find('.ui-menu-show1.search-hot').hide(); obj.find('.ui-menu-show1.search-hot-title').hide(); } if (obj.find('.zl-pc-searching-tip').find("a").length > 0) { obj.find(".zl-pc-searching-tip").show(); } else { obj.find(".zl-pc-searching-tip").hide(); } adjustShowSearchWork() } $(this).addClass('active'); }); $('.ui-menu-del .icon-shanchu0914').click(function() { $(this).parent().hide(); $(this).parent().next().hide(); searchValueWords = []; if (historySearch.indexOf("," + language + ",") > -1) { DelCookieNew("search_history_kw"); } }) var debounce = function(func, wait) { var timeout; return function executedFunction() { var args = []; for (var _i = 0; _i < arguments.length; _i++) { args[_i] = arguments[_i]; } var later = function() { timeout = null; func.apply(void 0, args); }; clearTimeout(timeout); timeout = setTimeout(later, wait); }; }; function EnterSupportSearch(o) { var event = window.event || arguments.callee.caller.arguments[0]; if (event.keyCode == 13) { $(o).parents(".productSupportDivNew").find('.ui-menu-show2').hide(); $(o).parents(".productSupportDivNew").find('.ui-menu-show1').hide(); $(o).parents(".productSupportDivNew").find(".zl-pc-searching-tip").hide(); $(o).parents(".productSupportDivNew").find(".Find_support").trigger("click"); return false; } } window.EnterSupportSearch = EnterSupportSearch; //键盘事件 searchInput.bind('input propertychange', debounce(function() { var obj = searchInput.parent(); if (searchInput.val() == '') { obj.find('.ui-menu-show2').hide(); obj.find(".ui-menu-show2.search-direct").empty(); obj.find(".ui-menu-show2.search-suggest").empty(); if (obj.find('.ui-menu-show1.search-history').find("a").length > 0) { obj.find('.ui-menu-show1.search-history').show(); obj.find('.ui-menu-show1.search-history-title').show(); } else { obj.find('.ui-menu-show1.search-history').hide(); obj.find('.ui-menu-show1.search-history-title').hide(); } if (obj.find('.ui-menu-show1.search-hot').find("a").length > 0) { obj.find('.ui-menu-show1.search-hot').show(); obj.find('.ui-menu-show1.search-hot-title').show(); } else { obj.find('.ui-menu-show1.search-hot').hide(); obj.find('.ui-menu-show1.search-hot-title').hide(); } if (obj.find('.zl-pc-searching-tip').find("a").length > 0) { obj.find(".zl-pc-searching-tip").show(); } else { obj.find(".zl-pc-searching-tip").hide(); } adjustShowSearchWork() obj.find('.clear-search').hide(); } else { obj.find('.clear-search').show(); if (switchSearch.indexOf(language) > -1) { var param = {}; param.language = $("#gMarketingLang1").val(); param.site = $("#gMarketingLang2").val(); param.keyword = searchInput.val(); var xhr = new XMLHttpRequest(); xhr.withCredentials = true; Promise.all([ $.ajax({ url: "https://e.huawei.com/external/api/services/starling/services/api/dynamic/apiserver/searchforsuggest", type: "POST", data: JSON.stringify({ "queryText": param.keyword, "serviceTag": "ebg", "customParams": [{ "customParamName": "language", "customParamValue": "en" }, { "customParamName": "site", "customParamValue": "en" }], "userId": "123456" }), 'contentType': 'application/json', headers: { 'X-Hw-Id': "com.huawei.meta.crm.marketingcloud.pep.hw", 'x-meta-renter': 'ebg' }, success: function(response) { if (response != undefined) { obj.find('.ui-menu-show1').hide(); obj.find('.ui-menu-show2.search-suggest-title').hide(); obj.find('.ui-menu-show2.search-suggest').hide(); obj.find(".ui-menu-show2.search-suggest").empty(); if (response.data != undefined && response.data.length > 0) { var html = ""; for (var i = 0; i < response.data.length; i++) { html += "<a title=\"" + response.data[i].suggestword + "\"><span>" + response.data[i].suggestword + "</span></a>" } obj.find(".ui-menu-show2.search-suggest").empty().html(html); obj.find('.ui-menu-show2.search-suggest-title').show(); obj.find('.ui-menu-show2.search-suggest').show(); } else { obj.find('.ui-menu-show2.search-suggest-title').hide(); obj.find('.ui-menu-show2.search-suggest').hide(); } obj.find(".zl-pc-searching-tip a").not("[href]").off().on("click", function() { obj.find("#txtSearch_Navigation").val($(this).attr("title")); obj.find('.clear-search').show(); obj.find(".support_input_focus").trigger("propertychange"); obj.find(".Find_support").trigger("click"); obj.find(".zl-pc-searching-tip").hide(); }); } } }), $.ajax({ url: "https://e.huawei.com/external/api/services/starling/services/api/dynamic/apiserver/searchdirect", type: "POST", data: JSON.stringify({ "userId": "123456", "serviceTag": "partner", "customParams": [{ "customParamName": "language", "customParamValue": "en" }, { "customParamName": "site", "customParamValue": "en" }], "queryText": param.keyword }), 'contentType': 'application/json', headers: { 'X-Hw-Id': "com.huawei.meta.crm.marketingcloud.pep.hw", 'x-meta-renter': 'ebg' }, success: function(response) { if (response != undefined) { obj.find('.ui-menu-show1').hide(); obj.find('.ui-menu-show2.search-direct-title').hide(); obj.find('.ui-menu-show2.search-direct').hide(); obj.find(".ui-menu-show2.search-direct").empty(); if (response.data != undefined && response.data.length > 0) { var html = ""; for (var i = 0; i < response.data[0].data.length; i++) { if (response.data[0].data[i] != "") { html += "<a href=\"" + response.data[0].data[i].itemUrl + "\" title=\"" + response.data[0].data[i].itemTitle + "\"><span>" + response.data[0].data[i].itemTitle + "</span></a>" } } obj.find(".ui-menu-show2.search-direct").empty().html(html); obj.find('.ui-menu-show2.search-direct-title').show(); obj.find('.ui-menu-show2.search-direct').show(); if (!html) { obj.find('.ui-menu-show2.search-direct-title').hide(); obj.find('.ui-menu-show2.search-direct').hide(); } } obj.find(".zl-pc-searching-tip a").not("[href]").off().on("click", function() { obj.find("#txtSearch_Navigation").val($(this).attr("title")); obj.find('.clear-search').show(); obj.find(".support_input_focus").trigger("propertychange"); obj.find(".Find_support").trigger("click"); obj.find(".zl-pc-searching-tip").hide(); }); obj.find('.clear-search').show(); $(".header-new .zl-pc-searching-tip").show(); adjustShowSearchWork() } } }) ]).then(responses => { if (responses[0]?.data?.length > 0 || responses[1]?.data[0]?.data?.length > 0) { $(".header-new .zl-pc-searching-tip").show(); } else { $(".header-new .zl-pc-searching-tip").hide(); } adjustShowSearchWork() }) } } }, 300)) function getHistory(isSearched) { $('.header-new .ui-menu-show1.search-history-title').hide(); $('.header-new .ui-menu-show1.search-history').hide(); $(".header-new .ui-menu-show1.search-history").empty(); var cookieHis = getCookie("search_history_kw"); var searchInput = $('#txtSearch_Navigation'); var searchValue = searchInput.val(); if (cookieHis != null && cookieHis != "") { var history = JSON.parse(cookieHis); if (history != undefined && history != null) { var html = ""; for (var obj in history) { if (obj != "") { html += "<a title=\"" + obj + "\"><span>" + obj + "</span></a>"; } } if (html.length > 0) { $(".header-new .ui-menu-show1.search-history").empty().html(html); $('.header-new .ui-menu-show1.search-history-title').show(); $('.header-new .ui-menu-show1.search-history').show(); $(".header-new .zl-pc-searching-tip .ui-menu-show1.search-history a").not("[href]").off().on("click", function() { var obj = $(this).parents(".productSupportDivNew"); obj.find("#txtSearch_Navigation").val($(this).attr("title")); obj.find('.clear-search').show(); obj.find(".support_input_focus").trigger("propertychange"); obj.find(".Find_support").trigger("click"); obj.find(".zl-pc-searching-tip").hide(); }); } } } } function getHotSearch() { $('.header-new .ui-menu-show1.search-hot-title').hide(); $('.header-new .ui-menu-show1.search-hot').hide(); $(".header-new .ui-menu-show1.search-hot").empty(); var param = {}; var xhr = new XMLHttpRequest(); xhr.withCredentials = true; $.ajax({ url: "https://e.huawei.com/external/api/services/starling/services/api/dynamic/apiserver/searchhot", type: "POST", async: false, data: JSON.stringify({ "userId": "123456", "serviceTag": "partner", "customParams": [{ "customParamName": "language", "customParamValue": "en" }, { "customParamName": "site", "customParamValue": "en" }] }), 'contentType': 'application/json', headers: { 'X-Hw-Id': "com.huawei.meta.crm.marketingcloud.pep.hw", 'x-meta-renter': 'ebg' }, success: function(response) { if (response.data.data != undefined && response.data.data.length > 0) { var html = ""; for (var i = 0; i < response.data.data.length; i++) { if (response.data.data[i] != "") { html += "<a title=\"" + response.data.data[i].searchTxt + "\"><span>" + response.data.data[i].searchTxt + "</span></a>"; } } $(".header-new .ui-menu-show1.search-hot").empty().html(html); $('.header-new .ui-menu-show1.search-hot-title').show(); $('.header-new .ui-menu-show1.search-hot').show(); $(".header-new .zl-pc-searching-tip .ui-menu-show1.search-hot a").not("[href]").off().on("click", function() { var obj = $(this).parents(".productSupportDivNew"); obj.find("#txtSearch_Navigation").val($(this).attr("title")); obj.find('.clear-search').show(); obj.find(".support_input_focus").trigger("propertychange"); obj.find(".Find_support").trigger("click"); obj.find(".zl-pc-searching-tip").hide(); }); } else { $(".header-new .ui-menu-show1.search-hot").empty().html(""); } $(".header-new .zl-pc-searching-tip").show(); adjustShowSearchWork() } }) } function OpenTheSearch(key) { if (key != "") { var keyword = key; var switchSearch = ""; if ($("#switchSearch").length > 0) { switchSearch = "," + $("#switchSearch").val() + "," } if (switchSearch.indexOf("," + language + ",") > -1) { try { if ($("#categorytype").val() != undefined && $("#categorytype").val() != '') { window.open("//e.huawei.com/" + $("#hidLangRegionName").val() + "/marketingsearch/web/#/?keyword=" + encodeURIComponent(keyword)); } else { window.open("//e.huawei.com/" + $("#hidLangRegionName").val() + "/marketingsearch/web/#/?keyword=" + encodeURIComponent(keyword)); } } catch (ex) { window.open("//e.huawei.com/" + $("#hidLangRegionName").val() + "/marketingsearch/web/#/?keyword=" + encodeURIComponent(keyword)); } } else { keyword = encodeURIComponent(key); try { if ($("#categorytype").val() != undefined && $("#categorytype").val() != '') { window.open("//e.huawei.com/enterprisesearch?lang=" + $("#gSupportLang1").val() + "#type=" + $("#categorytype").val() + "&keyword=" + keyword); } else { window.open("//e.huawei.com/enterprisesearch?lang=" + $("#gSupportLang1").val() + "#&type=ALL&keyword=" + keyword); } } catch (ex) { window.open("//e.huawei.com/enterprisesearch?lang=" + $("#gSupportLang1").val() + "#&type=ALL&keyword=" + keyword); } } } } var searchValueWords = []; try { searchValueWords = Array.from(Object.keys(JSON.parse(getCookie("search_history_kw")))) ?? [] } catch { searchValueWords = [] } $(".header-new .Find_support,.e-module-202211220925 .Find_support").click(function() { var type = $(this).parents('.productSupportDivNew').data("type"); var key = $(this).parents('.productSupportDivNew').find(".support_input_focus").val(); ///关键字 var lang = $(this).parents('.productSupportDivNew').find(".Find_Language").val(); ///语言 if (lang == undefined || lang == "") { lang = "en"; } if (type == "all") { OpenTheSearch(key); } else { window.open(supportUrl + "/enterprisesearch?lang=" + lang + "#type=searchAll&keyword=" + key); } if (!searchValueWords?.includes(key)) { searchValueWords.push(key); } else { searchValueWords = searchValueWords.filter(item => item !== key); searchValueWords.push(key); } let hideHistorySearch = $('#hideHistorySearch').val().split(','); var language = $("#gMarketingLang2").val(); //setCookie("search_history_kw", JSON.stringify(searchValueWords), null, 720); // getHistory(); judgmentDisplayHistory(); var data = { tealium_event: "search", eventCat: "search", eventAct: "search", eventLbl: key, search_keyword: key, content_name: key, click_name: "search", click_type: "action" } utagEvent(data); }); $('#txtSearch_Navigation_backup').keypress(function(e) { var key = e.which; var searchInput = $('#txtSearch_Navigation'); var searchValue = searchInput.val(); if (key == 13) { var type = $(this).parents('.productSupportDivNew').data('type'); var key = $(this).parents('.productSupportDivNew').find('.support_input_focus').val(); var lang = $(this).parents('.productSupportDivNew').find('.Find_Language').val(); if (lang == undefined || lang == '') { lang = 'en'; } if (type == 'all') { OpenTheSearch(key); } else { window.open(supportUrl + '/enterprisesearch?lang=' + lang + '#type=searchAll&keyword=' + key); } if (!searchValueWords?.includes(searchValue)) { searchValueWords.push(searchValue); } else { searchValueWords = searchValueWords.filter(item => item !== searchValue); searchValueWords.push(searchValue); } let hideHistorySearch = $('#hideHistorySearch').val().split(','); var language = $("#gMarketingLang2").val(); //setCookie("search_history_kw", JSON.stringify(searchValueWords), null, 720); // getHistory(); judgmentDisplayHistory(); return false; } }); $('#txtSearch_Navigation').keyup(function(e) { var key = e.which; if (key == 8) { $(".ui-menu-show2.search-direct").empty(); $(".ui-menu-show2.search-suggest").empty(); return false; } }); searchInput.blur(function() { searchShow($(this)); }); $('.headerNew .clear-search').on('click', function() { searchInput.val(''); $(".header-new .ui-menu-show2.search-direct").empty(); $(".header-new .ui-menu-show2.search-suggest").empty(); $(this).parent().find(".zl-pc-searching-tip").hide(); searchInput.removeClass('active'); $(this).hide(); adjustShowSearchWork(); }) /** * 输入框获取焦点 */ function searchClear(_this) { var inputInfohint = $(_this).parents('.productSupportDivNew').find(".inputInfohint").val(); var put = $(_this).parents('.productSupportDivNew').find(".support_input_focus"); if (put.val() == inputInfohint) { put.val(""); } }; /** * 输入框失去焦点 */ function searchShow(_this) { var inputInfohint = $(_this).parents('.productSupportDivNew').find(".inputInfohint").val(); var put = $(_this).parents('.productSupportDivNew').find(".support_input_focus"); if (put.val().length <= 0) { put.attr('placeholder', inputInfohint); } setTimeout(function() { $(_this).parents('.search-con-box.searching').find(".searching-tip").css('display', 'none'); }, 500) } // 20220919PC端导航添加样式 // 下拉导航灰色背景宽度 function bgcolor() { // 如何购买 var windowth = $(window).width(); var dw = $('.e-cistern-l').width(); //pc导航宽度; var buyw = $('.buy-shop').outerWidth(); //购买商城宽度; var bw = (parseInt(windowth) - parseInt(dw)) / 2 + parseInt(buyw); //购买背景宽度; //如姐购买宽度; $('.header-new.on .main-header .nav-new .nav-ul-mob .wap-two .wap-con .e-cistern-l .wap-item-con .wap-item.four .buy-bg').css({ 'width': bw, 'z-index': '-1' }); //了解我们 var usw = $('.header-new.on .main-header .nav-new .nav-ul-mob .wap-two .wap-con .e-cistern-l .wap-item-con .wap-item .wap-item-list1.five .level-one-li:first-child').outerWidth(); //了解我们宽度; var usbgw = (parseInt(windowth) - parseInt(dw)) / 2 + parseInt(usw); //了解我们背景宽度; //了解我们宽度; $('.header-new.on .main-header .nav-new .nav-ul-mob .wap-two .wap-con .e-cistern-l .wap-item-con .wap-item.five .us-bg').css({ 'width': usbgw, 'z-index': '-1' }); //学习与技术支持 var lew = $('.header-new.on .main-header .nav-new .nav-ul-mob .wap-two .wap-con .e-cistern-l .wap-item-con .wap-item .wap-item-list1.two .level-one-li:nth-child(4)').outerWidth(); //学习与技术支持宽度; var learnbgw = (parseInt(windowth) - parseInt(dw)) / 2 + parseInt(lew); //学习与技术支持背景宽度; //学习与技术支持宽度; $('.header-new.on .main-header .nav-new .nav-ul-mob .wap-two .wap-con .e-cistern-l .wap-item-con .wap-item.two .learn-bg').css({ 'width': learnbgw, 'z-index': '-1' }); //产品解决方案 var prw = $('.header-new.on .main-header .nav-new .nav-ul-mob .wap-two .wap-con .e-cistern-l .wap-item-con .wap-item .wap-item-list1.one .level-one-li:nth-child(1)').outerWidth(); //学习与技术支持宽度; var prbgw = (parseInt(windowth) - parseInt(dw)) / 2 + parseInt(prw); //产品解决方案背景宽度; //产品解决方案宽度; $('.header-new.on .main-header .nav-new .nav-ul-mob .wap-two .wap-con .e-cistern-l .wap-item-con .wap-item.one .pr-bg').css({ 'width': prbgw, 'z-index': '-1' }); } $(window).resize(function() { // 下拉导航灰色背景宽度 bgcolor() if (windowth > 1200) { $('.header-new').addClass('on') // PC端点击二级展开三级导航 $('.level-two-li-link').on('click', function() { $(this).addClass("active"); $(this).siblings().removeClass('active'); $(this).siblings().find('.wap-item-list3').removeClass("active") $(this).find('.wap-item-list3').addClass("active"); }) } else { $('.header-new').removeClass('on'); } }) if (windowth > 1200) { $('.header-new').addClass('on') $('.header-new.on .nav-new .nav-ul-mob .wap-two .wap-con .e-cistern-l .wap-item-con .wap-item .wap-item-list1 .level-one-li .wap-item-list2 .level-two-li:first-child .wap-item-list3').addClass('active'); $('.header-new.on .nav-new .nav-ul-mob .wap-two .wap-con .e-cistern-l .wap-item-con .wap-item .wap-item-list1 .level-one-li .wap-item-list2 ').eq(0).find('.level-two-li:first-child').addClass('active'); $('.header-new.on .nav-new .nav-ul-mob .wap-two .wap-con .e-cistern-l .wap-item-con .wap-item .wap-item-list1.two .level-one-li').eq(3).find('.level-two-li:first-child').addClass('active'); // 下拉导航 $('.wap-two .wap-con').eq(0).addClass('active').siblings().removeClass('active'); // 下拉导航灰色背景宽度 bgcolor() // PC端点击二级展开三级导航 // 产品解决方案 $('.level-two-li1').on('click', function() { $(this).addClass("active"); $(this).siblings().removeClass('active'); $(this).siblings().find('.wap-item-list3').removeClass("active") $(this).find('.wap-item-list3').addClass("active"); // 获取左边的高度,赋值给右边内容框 var _index = $(this).index() box1TabConH(_index); }) // pc学习与技术支持 $('.level-two-li2').on('click', function() { $(this).addClass("active"); $(this).siblings().removeClass('active'); $(this).siblings().find('.wap-item-list3').removeClass("active") $(this).find('.wap-item-list3').addClass("active"); // 获取左边的高度,赋值给右边内容框 var _index = $(this).index() box1TabConH2(_index) // return false; }) } else { $('.header-new').removeClass('on') $('.newpcbg').hide(); $('.nav-ul-mob').addClass('active'); //mob端展开导航 $("#mob-menubtn").on("click", function() { $('.nav-new').addClass('open'); $('#close-menubtn').show(); $('#mob-menubtn').hide(); $('.nav-mob-btns').show(); $('.search-btn').hide() $('body').css('overflow', 'hidden') }) //mob端关闭导航 $("#close-menubtn").on("click", function() { if (document.querySelector('.e-module-202208180950').style.display == 'block') { res2.hide() $(".top-nav-content").hide() } else { $('.nav-new').removeClass('open'); $('#close-menubtn').hide(); $('#mob-menubtn').show(); $('.nav-mob-btns').hide() $('.search-btn').show() $('body').css('overflow', 'auto') } }) //mob主导航点击 $('.wap-one-ul li').on('click', function() { var _index = $(this).index(); $('.wap-two').addClass('active'); $('.wap-two.active').show(); $('.wap-first').addClass('active'); $('.wap-two .wap-con').eq(_index).addClass('active').siblings().removeClass('active'); $('.wap-two .wap-con').eq(_index).find('.nav-mob-btns').show() $('.nav-ul-mob').removeClass('active'); }) //返回主菜单 $('.back-pre').on('click', function() { $('.wap-two').removeClass('active'); $('.wap-first').removeClass('active'); $('.level-one-li').removeClass('active'); $('.level-one-li').find('.wap-item-list2').removeClass("active"); $('.level-two-li-link').removeClass('active') $('.level-two-li-link').find('.wap-item-list3').removeClass("active") $('.nav-mob-btns').hide() $('.nav-ul-mob').addClass('active'); }) // 点击一级展开二级导航 $('.level-one-li .arrow-dw01').on('click', function() { var _index = $(this).index(); $(this).parent().toggleClass("active"); $(this).parent().siblings().removeClass('active'); $(this).parent().siblings().find('.wap-item-list2').removeClass("active") $(this).parent().find('.wap-item-list2').toggleClass("active"); return false; }) // 移动端点击二级展开三级导航 $('.level-two-li-link').on('click', function() { $(this).toggleClass("active"); $(this).siblings().removeClass('active'); $(this).siblings().find('.wap-item-list3').removeClass("active") $(this).find('.wap-item-list3').toggleClass("active"); }) } //学习与技术支持 var learn // 鼠标经过header标签后展开导航事件 // ---------20220909 头部导航动画 var $nav = $('.header-new.on .nav-new .nav-ul-mob .wap-first .e-cistern-l .wap-one-ul'), $underline = $('.underline'), $init; $nav.on('mouseover', 'li', function(e) { // 20220909 开始 var _navOffsetLeft = $nav.offset().left, _targetOffsetLeft = $(this).offset().left, _targetWidth = $(this).width(), _index = $(this).index(); $underline.css({ 'left': _targetOffsetLeft - _navOffsetLeft + 'px', 'width': _targetWidth + 'px' }); // 20220909 结束 // 禁止事件冒泡 e.stopPropagation(); // 判断导航是否定位到顶部 if ($('.e-module-202209210900 .header-new').hasClass('fixed')) { // 导航栏定位到顶部 var headH = $('.e-module-202209210900').height(); $('.e-module-202209210900 .header-new.on .main-header .nav-new .nav-ul-mob .wap-two').css('top', headH); } else { // 导航栏没定位 var headH = $('.e-module-202209210900').height(); var headT = $('.e-module-202209210900').offset().top; var scrollTop = $(window).scrollTop(); $('.e-module-202209210900 .header-new.on .main-header .nav-new .nav-ul-mob .wap-two').css('top', headH + headT - scrollTop); } // 20221009学习与技术白色背景高度 var tabHleran = 0; var rgBox = $('.header-new.on .main-header .nav-new .nav-ul-mob .wap-two .wap-con .e-cistern-l .wap-item-con .wap-item.two .wap-item-list1 .level-one-li .wap-item-list2 .level-two-li .wap-item-list3') setTimeout(function() { $('.wap-item.two .wap-item-list1 .level-one-li:first-child .wap-item-list2 li').each(function() { tabHleran += $(this).outerHeight(); }) rgBox.css('height', tabHleran) }, 150) $(this).addClass('active').siblings().removeClass('active'); var index = _index + 1; // 禁止滚动 unScroll() disable_scroll() $init = setTimeout(function() { $('.level-two-li1:first-child').find('.wap-item-list3').addClass('active'); $('.level-two-li1:first-child').siblings().find('.wap-item-list3').removeClass('active'); $('.level-two-li2:first-child').find('.wap-item-list3').addClass('active'); $('.level-two-li2:first-child').siblings().find('.wap-item-list3').removeClass('active'); $('.header-new.on .nav-new .nav-ul-mob .wap-two .wap-con .e-cistern-l .wap-item-con .wap-item .wap-item-list1 .level-one-li .wap-item-list2 ').eq(0).find('.level-two-li:first-child').addClass('active').siblings().removeClass('active'); $('.header-new.on .nav-new .nav-ul-mob .wap-two .wap-con .e-cistern-l .wap-item-con .wap-item .wap-item-list1.two .level-one-li').eq(3).find('.level-two-li:first-child').addClass('active').siblings().removeClass('active'); $('.wap-first').addClass('active'); $('.newpcbg').show(); $('.wap-two').slideDown(); $('.wap-two .wap-con').eq(_index).addClass('active').siblings().removeClass('active'); $('.wap-two .wap-con').eq(_index).find('.nav-mob-btns').show(); $('.wap-two .wap-con').on('mouseover', function(e) { disable_scroll() $('.header-new.on .nav-new .nav-ul-mob .wap-first .e-cistern-l .wap-one-ul li').eq(_index).addClass('active').siblings().removeClass('active'); $underline.css({ 'left': _targetOffsetLeft - _navOffsetLeft + 'px', 'width': _targetWidth + 'px' }); e.stopPropagation(); }) // 获取左边的高度,赋值给右边内容框 box1TabConH(_index); box1TabConH01(); }, 100) }) // 鼠标移出 $nav.on('mouseout', 'li', function(e) { clearTimeout($init) $('.header-new.on .nav-new .nav-ul-mob .wap-first .e-cistern-l .wap-one-ul li').removeClass('active'); var _navOffsetLeft = $nav.offset().left, _targetOffsetLeft = $(this).offset().left, _targetWidth = $(this).width(); $(this).removeClass('active'); $underline.css({ 'width': '0px' }); }) // 鼠标移除header标签后展开导航事件 $('body').on('mouseover', function() { $('.header-new.on .nav-new .nav-ul-mob .wap-first .e-cistern-l .wap-one-ul li').removeClass('active'); $underline.css({ 'width': '0' }); var _index = $(this).index(); $('.newpcbg').fadeOut(); $('.header-new.on .nav-new .nav-ul-mob .wap-two').slideUp(); // 启动滚动条 $('body').removeClass('body-fixed'); removeUnScroll() enable_scroll() }) $('body').on('mouseleave', function(e) { // 禁止事件冒泡 e.stopPropagation(); $('.newpcbg').fadeOut(); $('.header-new.on .nav-new .nav-ul-mob .wap-two').slideUp(); removeUnScroll() enable_scroll() }) //禁止滚动条滚动 function unScroll() { var top = $(document).scrollTop(); $(document).on('scroll.unable', function(e) { $(document).scrollTop(top); }) } //移除禁止滚动条滚动 function removeUnScroll() { $(document).unbind("scroll.unable"); } // 产品解决方案下面的产品板块的初始化 $('.box1-tab:first-child').addClass('active'); $('.box1-tab-cons .box1-tab-con').eq(0).addClass('active'); // 产品解决方案自动获取高度 function box1TabConH(_index) { // 获取左边的高度,赋值给右边内容框 var tabH = 0; var tabConBthH = $('.wap-item-list1.one .wap-item-list2 .level-two-li').eq(_index).find('.e-link-box').outerHeight(); $('.level-two-li1').each(function() { tabH += $(this).outerHeight(); }) $('.wap-item-list1.one .wap-item-list3 .wap-item-list3-con').css('maxHeight', tabH - tabConBthH) } // 学习与技术支持自动获取高度 function box1TabConH01() { // 获取左边的高度,赋值给右边内容框 var tabH = 0; var tabConBthH = $('.level-two-li2').eq(0).find('.e-link-box').outerHeight(); $('.wap-item.two .wap-item-list1 .level-one-li:first-child .wap-item-list2 li').each(function() { tabH += $(this).outerHeight(); }) $('.wap-item-list1.two .wap-item-list3 .wap-item-list3-con2').css('maxHeight', tabH - tabConBthH) } $('.box2-tab:first-child').addClass('active') $('.box2-tab-cons .box2-tab-con').eq(0).addClass('active'); //行业支持tab切换 $('.box2-tab').on('click', function() { var _index = $(this).index(); $(this).addClass('active').siblings().removeClass('active'); $('.box2-tab-cons .box2-tab-con').eq(_index).addClass('active').siblings().removeClass('active'); }) var speed = 200; //企业业务网站 $('.hea-btn1').on('click', function() { $('.e-module-202208180950').show() $(".top-nav-content").show() $(".top-nav-content").find(".worldwide-contact").slideUp(speed); $(".top-nav-content").find(".web-contact").slideDown(speed); }) //选择区域/语言 $('.hea-btn2').on('click', function() { $('.e-module-202208180950').show() $(".top-nav-content").show() $(".top-nav-content").find(".web-contact").slideUp(speed); $(".top-nav-content").find(".worldwide-contact").slideDown(speed) }) var keys = [37, 38, 39, 40]; function preventDefault(e) { e = e || window.event; if (e.preventDefault) e.preventDefault(); e.returnValue = false; } function keydown(e) { for (var i = keys.length; i--;) { if (e.keyCode === keys[i]) { preventDefault(e); return; } } } function wheel(e) { preventDefault(e); } function disable_scroll() { if (window.addEventListener) { window.addEventListener('DOMMouseScroll', wheel, false); } window.onmousewheel = document.onmousewheel = wheel; document.onkeydown = keydown; } function enable_scroll() { if (window.removeEventListener) { window.removeEventListener('DOMMouseScroll', wheel, false); } window.onmousewheel = document.onmousewheel = document.onkeydown = null; } } if ($('.e-module-202208161027').length > 0) { function module202208161027Fun($target) { var module202208161027Obj = { init: function() { // 获取属性 this.win = $(window); this.moduleObj = $target; this.h400TextObj = this.moduleObj.hasClass('h400Text'); this.moduleSlideObj = this.moduleObj.find(".swiper-slide"); this.resizeInit(); // resize初始化 this.saveAClass(); // 如果移动端设置了文字在图片下面,保存按钮颜色 this.setWapBtnColor(); // 如果移动端设置了文字在图片下面,设置按钮颜色为黑色 this.judgmentSwiper(); // 判断需不需要执行swiper,如果只有一个就不需要执行。多个就需要执行 this.scrollEvent(); // 设置滚动事件,文字动画效果 this.resizeEvent(); // 设置自适应 this.lazyVideoLink(); // 视频是否加载 this.lazyPicLink(); // 视频是否图片 }, resizeInit: function() { this.winw = this.win.width(); this.winh = this.win.height(); // 获取位置 this.scrollTop = this.win.scrollTop(); this.moduleTop = this.moduleObj.offset().top; }, saveAClass: function() { var _this = this; if (_this.h400TextObj) { _this.aClassArr = []; $target.find('a').each(function() { _this.aClassArr.push($(this).attr('class')); }) } }, setWapBtnColor: function() { var _this = this; // 不管pc端按钮是什么颜色,到了移动端都是黑色按钮 if (_this.h400TextObj) { if (_this.winw < 920) { $target.find('.e-btn-bd-white-xl').addClass('e-btn-bd-black-xl').removeClass('e-btn-bd-white-xl'); $target.find('.e-btn-bd-white-lg').addClass('e-btn-bd-black-lg').removeClass('e-btn-bd-white-lg'); $target.find('.e-btn-bd-white-video-xl').addClass('e-btn-bd-black-video-xl').removeClass('e-btn-bd-white-video-xl'); $target.find('.e-btn-bd-white-video-lg').addClass('e-btn-bd-black-video-lg').removeClass('e-btn-bd-white-video-lg'); $target.find('.e-btn-bd-red-xl').addClass('e-btn-bd-black-xl').removeClass('e-btn-bd-red-xl'); $target.find('.e-btn-bd-red-lg').addClass('e-btn-bd-black-lg').removeClass('e-btn-bd-red-lg'); $target.find('.e-btn-bd-red-video-xl').addClass('e-btn-bd-black-video-xl').removeClass('e-btn-bd-red-video-xl'); $target.find('.e-btn-bd-red-video-lg').addClass('e-btn-bd-black-video-lg').removeClass('e-btn-bd-red-video-lg'); } else { $target.find('a').each(function(index, elm) { $(this).attr('class', _this.aClassArr[index]); }) } } }, judgmentSwiper: function() { if (this.moduleSlideObj.length > 1) { if (this.moduleObj.data("swiper-init")) { return; } this.moduleObj.data("swiper-init", true); this.initSwiper(); } }, lazyPicLink: function() { // 加载图片 if (this.scrollTop + this.winh * 1.5 > this.moduleTop) { // 当滚动条滚动到当前位置时,加载视频 this.addPicLink(); } }, lazyVideoLink: function() { // 加载视频 if (this.scrollTop + this.winh * 1.5 > this.moduleTop) { // 当滚动条滚动到当前位置时,加载视频 this.addVideoLink(); } }, addPicLink: function() { this.moduleSlideObj = this.moduleObj.find(".swiper-slide"); this.moduleSlideObj.each(function() { var $this = $(this); var src = $this.find('img').attr("data-original"); if ($this.find(".e-bg").css("backgroundImage") != "url(" + src + ")") { $this.find(".e-bg").css("backgroundImage", "url('" + src + "')"); $this.find(".e-lazy").css("display", "none"); } }) }, addVideoLink: function() { if (this.winw > 1200) { this.moduleSlideObj = $target.find(".swiper-slide"); this.moduleSlideObj.each(function() { var $this = $(this); if ($this.find(".e-bg").data('src') != '' && $this.find('.video').length == 0) { // 添加video的dom结构 $this.find(".e-bg").append("<video class='video' x-webkit-airplay='true' preload='meta' playsinline='true' webkit-playsinline='true' x5-video-player-type='h5-page' x5-video-player-fullscreen='true' autoplay='autoplay' muted='muted' loop='loop' poster='' src=''></video>"); // 判断视频是否已经赋值,如果赋值了,就不需要再次赋值了。 $this.find('.video').attr("src", $this.find(".e-bg").data('src')); } }) } else { $target.find('.video').remove(); } }, initSwiper: function() { var _this = this; var slideLength = $target.find(".swiper-slide").length; var mySwiper = new Swiper($target.find(".swiper-container"), { pagination: { // 设置点点点 el: $target.find('.swiper-pagination'), clickable: true }, grabCursor: slideLength > 1 ? true : false, autoplay: $target.data("auto-time") ? { delay: $target.data("auto-time"), stopOnLastSlide: false, disableOnInteraction: true } : false, loop: slideLength > 1 ? true : false, // 设置自动轮播 noSwiping: slideLength > 1 ? false : true, runCallbacksOnInit: true, on: { init: function() { $target.find(".swiper-pagination").show(); }, slideChangeTransitionEnd: function() { _this.activeIndex = this.activeIndex; setTimeout(function() { // 根据文字颜色变化底部点点点的颜色 var $currentSilde = $target.find(".swiper-slide-active"); var $pr = $currentSilde.parent(); if ($currentSilde.hasClass('isBlackFont')) { $pr.next('.swiper-pagination').addClass('gray'); } else { $pr.next('.swiper-pagination').removeClass('gray'); } }, 0) }, resize: function() { var _this = this; setTimeout(function() { _this.update(); //窗口变化时,更新Swiper的一些属性,如宽高等 _this.emit('slideChangeTransitionEnd'); }, 250) }, } }); //鼠标覆盖停止自动切换 mySwiper.el.onmouseover = function() { mySwiper.autoplay.stop(); } //鼠标离开开始自动切换 mySwiper.el.onmouseout = function() { mySwiper.autoplay.start(); } }, scrollEvent: function() { var _this = this; _this.win.on('scroll.202208161027', function() { // 获取位置 _this.scrollTop = _this.win.scrollTop(); _this.moduleTop = _this.moduleObj.offset().top; _this.lazyVideoLink(); // 视频是否加载 _this.lazyPicLink(); // 视频是否图片 }); }, resizeEvent: function() { // 页面resize事件 var _this = this; var resizeWinw = 0; var resizeTimer = ''; this.win.on('resize.202208161027', function() { var winw = _this.win.width(); if (winw != resizeWinw) { currentWinw = winw; // 删除之前的定时器 if (resizeTimer) { clearTimeout(resizeTimer); } // 添加新的定时器 resizeTimer = setTimeout(function() { _this.resizeInit(); // resize初始化 _this.setWapBtnColor(); // 设置按钮颜色 _this.scrollEvent(); // 设置滚动事件,文字动画效果 }, 200) } }) } }; module202208161027Obj.init(); } // 初始化 $('.e-module-202208161027').each(function() { // 防止js文件被执行2次。 var _this = $(this); if (_this.data('init')) { return; } _this.data('init', true); module202208161027Fun($(this)); }) } if ($('.e-module-202208091539').length > 0) { function module202208091539Fun($target) { var module202208091539Obj = { init: function() { // 获取属性 this.win = $(window); this.moduleObj = $target; this.fixedBoxObj = this.moduleObj.find('.fixed-box'); this.liObj = this.moduleObj.find("li"); this.headObj = $('.e-module-202209210900 .header-new'); this.anchorPointObj = $('.anchorpoint'); this.perScrollTop = 0; this.scrollLock = false; //区分是鼠标滚动还是自动滚动 this.resizeInit(); this.highlightNav(); this.clickEvent(); this.scrollEvent(); this.mouseEvent(); this.anchor(); this.resizeEvent(); }, resizeInit: function() { this.winw = this.win.width(); this.winh = this.win.height(); // 获取位置 this.scrollTop = this.win.scrollTop(); this.moduleTop = this.moduleObj.offset().top; this.docH = $(document).height(); if (this.winw > 1200) { this.moduleObj.find('.anchor').show(); } else { this.moduleObj.find('.anchor').hide(); } }, anchor: function() { var queryStr = getQueryString("section"); if (queryStr == undefined) return // 清除滚动条默认位置 if ('scrollRestoration' in history) { history.scrollRestoration = 'manual'; } this.liObj.each(function() { var _this = $(this); if (_this.data('key') == queryStr) { setTimeout(function() { _this.trigger('click'); }, 500) } }) // 获取链接参数 function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); } }, highlightNav: function() { var _this = this; // 高亮显示当前导航 var perLightHighIndex = -2; var anchorpointArr = []; _this.anchorPointObj.each(function() { //已经到达内容的一半的距离 anchorpointArr.push($(this).offset().top + $(this).height()); }) var anchorLen = anchorpointArr.length; for (var i = 0; i < anchorLen; i++) { if (_this.scrollTop <= anchorpointArr[i]) { //高亮发生改变 if (perLightHighIndex != i) { _this.liObj.eq(i).addClass('active').siblings().removeClass('active'); perLightHighIndex = i; _this.moduleObj.find('.wap-title').text(this.liObj.eq(i).text()); } break; } } // 滚动时移动端title显示当前板块 if (_this.winw < 1200) { var $titleObj = _this.moduleObj.find('.wap-title'); if (_this.liObj.eq(perLightHighIndex).text() != '') { $titleObj.text(_this.liObj.eq(perLightHighIndex).text()); } } }, mouseEvent: function() { $(".e-module-202208091539 .anchor").on("mousedown.202208091539", function(e) { var _this = $(".e-module-202208091539 .anchor"); var off = true; var curNum = 0; var scrollX = 0; $("body").on("mousemove.202208091539", function(e1) { var moveX = e1.clientX; // 判断是点击还是滚动,如果点击后鼠标滑动超过10px,我判断为鼠标滑动 if (off) { off = false; curNum = moveX; scrollX = _this.find('.sl').scrollLeft(); } //移动时的坐标减去落入时的坐标 var x = moveX - curNum; _this.find('.sl').scrollLeft(scrollX - x); }); //mouseup事件,关闭当前mousemove事件,并将定时置空 $("body").on("mouseup", function(e) { $("body").off("mousemove.202208091539"); }) }) }, clickEvent: function() { var _this = this; var clickiTime = 0; _this.liObj.on('click', function(e) { // 阻止时间冒泡 e.stopPropagation(); scrollLock = true; var li_index = $(this).index(); var head_h = _this.headObj.height(); var anchor_point_t = []; _this.anchorPointObj.each(function() { anchor_point_t.push($(this).offset().top - 70); }); var willScrollTop = anchor_point_t[li_index]; $("body,html").stop(true, true).animate({ "scrollTop": willScrollTop }); _this.headObj.clearQueue().animate({ 'top': -head_h }, 300, function() { // 高亮 _this.liObj.eq(li_index).addClass('active').siblings().removeClass('active'); var $titleObj = _this.moduleObj.find('.wap-title'); $titleObj.text(_this.liObj.eq(li_index).text()); clearTimeout(clickiTime); clickiTime = setTimeout(function() { _this.perScrollTop = _this.win.scrollTop(); scrollLock = false; }, 150) }); _this.fixedBoxObj.css({ 'position': 'fixed', }).clearQueue().animate({ 'top': 0 }, 300).parents('.e-module-202208091539').addClass('fixed'); // 移动端 if (_this.winw < 1200) { if (!_this.moduleObj.find('.anchor').is(':hidden')) { _this.moduleObj.find('.anchor').slideToggle(); } } if (_this.winw < 1200) { _this.moduleObj.find('.wap-line').toggleClass("wap-another"); } }) //移动端点击显示二级导航栏的标题,展开定位下拉 $('.e-module-202208091539 .wap-controller').on('click', function(e) { if (_this.winw < 1200) { // 阻止时间冒泡 e.stopPropagation(); $(this).nextAll('.anchor').slideToggle(); $(this).children('.wap-line').toggleClass("wap-another") } }) // 移动端点击body,如果定位导航展开,需要收起 $('body').on('click', function() { if (_this.winw < 1200) { if (!_this.moduleObj.find('.anchor').is(':hidden')) { _this.moduleObj.find('.anchor').slideToggle(); } } }) }, scrollEvent: function() { var _this = this; var timer = 0; _this.win.on('scroll.202208091539', function() { if (_this.scrollLock) { return } clearTimeout(timer); timer = setTimeout(function() { _this.scrollTop = _this.win.scrollTop(); var head_h = _this.headObj.height() + 1; var moduleTop = _this.moduleObj.offset().top - _this.moduleObj.height(); _this.docH = $(document).height(); var winh = _this.winh * 1.5; // 判断滚动条是往上还是往下滚动 if (_this.scrollTop - _this.perScrollTop >= 3) { //向下 // 判断滚动条滚动到什么位置 if (_this.scrollTop + head_h > moduleTop && _this.scrollTop < (_this.docH - winh)) { //顶部交界处 // 计算滚动条移动的位置 _this.headObj.clearQueue().animate({ 'top': -head_h }, 300); _this.fixedBoxObj.css({ 'position': 'fixed' }).clearQueue().animate({ 'top': 0 }, 300).parents('.e-module-202208091539').addClass('fixed'); } else if ((_this.docH - _this.scrollTop) <= winh) { //底部交界处 _this.headObj.clearQueue().animate({ 'top': 0 }, 300); _this.fixedBoxObj.css({ 'position': 'fixed', }).clearQueue().animate({ 'top': head_h }, 300).parents('.e-module-202208091539').addClass('fixed'); } } else if (_this.scrollTop - _this.perScrollTop <= -3) { //向上 // 判断滚动条滚动到什么位置 if (_this.scrollTop - head_h - _this.moduleObj.height() < moduleTop) { //顶部交界处 // 计算滚动条移动的位置 _this.headObj.clearQueue().animate({ 'top': 0 }, 300); _this.fixedBoxObj.stop(true).css({ 'position': 'absolute', 'top': '-50px' }).parents('.e-module-202208091539').removeClass('fixed'); } else if ((_this.docH - _this.scrollTop) >= winh) { //底部交界处 _this.headObj.clearQueue().animate({ 'top': 0 }, 300); _this.fixedBoxObj.css({ 'position': 'fixed', }).clearQueue().animate({ 'top': head_h }, 300).parents('.e-module-202208091539').addClass('fixed'); } } _this.highlightNav(); _this.perScrollTop = _this.scrollTop; }, 0) }) }, resizeEvent: function() { // 页面resize事件 var _this = this; var resizeWinw = 0; var resizeTimer = ''; this.win.on('resize.202208091539', function() { var winw = _this.win.width(); if (winw != resizeWinw) { currentWinw = winw; // 删除之前的定时器 if (resizeTimer) { clearTimeout(resizeTimer); } // 添加新的定时器 resizeTimer = setTimeout(function() { _this.resizeInit(); }, 100) } }) } }; module202208091539Obj.init(); } // 初始化 $('.e-module-202208091539').each(function() { // 防止js文件被执行2次。 var _this = $(this); if (_this.data('init')) { return; } _this.data('init', true); module202208091539Fun($(this)); }) } if ($('.e-module-202208160923').length > 0) { function module202208160923Fun($target) { var module202208160923Obj = { init: function() { // 获取属性 this.win = $(window); this.moduleObj = $target; this.slideItem3Obj = this.moduleObj.find(".slide-item3"); this.slideItem2Obj = this.moduleObj.find(".slide-item2"); this.closeBtnObj = this.moduleObj.find(".close-btn"); this.tellConMobObj = this.moduleObj.find(".tell-con-mob"); this.resizeInit(); this.clickEvent(); this.scrollEvent(); }, resizeInit: function() { this.winw = this.win.width(); // 获取位置 this.scrollTop = this.win.scrollTop(); }, clickEvent: function() { var _this = this; // 点击top按钮,页面回到顶部 _this.slideItem3Obj.on('click', function() { $("html, body").animate({ scrollTop: 0 }); }) // 移动端点击电话icon,弹框显示 _this.slideItem2Obj.on('click', function() { if (_this.winw < 1200) { _this.tellConMobObj.show(); } }) // 点击弹框的xx按钮,关闭弹框 _this.closeBtnObj.on('click', function() { if (_this.winw < 1200) { _this.tellConMobObj.hide(); } }) }, scrollEvent: function() { var _this = this; _this.win.on('scroll.202208160923', function() { // 获取位置 _this.scrollTop = _this.win.scrollTop(); // 三元表达式进行高度判断 if (_this.winw > 1200) { _this.scrollTop >= 700 ? _this.slideItem3Obj.fadeIn() : _this.slideItem3Obj.fadeOut(); } }); } }; module202208160923Obj.init(); } // 初始化 $('.e-module-202208160923').each(function() { // 防止js文件被执行2次。 var _this = $(this); if (_this.data('init')) { return; } _this.data('init', true); module202208160923Fun($(this)); }) } if ($('.e-module-202208171450').length > 0) { function module202208171450Fun($target) { var module202208171450Obj = { init: function() { // 获取属性 this.win = $(window); this.moduleObj = $target; this.moduleSlideObj = $target.find(".swiper-slide"); this.resizeInit(); this.clickEvent(); this.resizeEvent(); }, resizeInit: function() { this.winw = this.win.width(); }, clickEvent: function() { var _this = this; _this.moduleObj.find(".link-set>ul").find("li:first").on("click", function() { if (_this.winw < 1200) { $(this).parent().toggleClass("active").find('li').toggleClass("active"); } }) }, resizeEvent: function() { // 页面resize事件 var _this = this; var resizeWinw = 0; var resizeTimer = ''; this.win.on('resize.202208171450', function() { var winw = _this.win.width(); if (winw != resizeWinw) { currentWinw = winw; // 删除之前的定时器 if (resizeTimer) { clearTimeout(resizeTimer); } // 添加新的定时器 resizeTimer = setTimeout(function() { _this.resizeInit(); }, 100) } }) } }; module202208171450Obj.init(); } // 初始化 $('.e-module-202208171450').each(function() { // 防止js文件被执行2次。 var _this = $(this); if (_this.data('init')) { return; } _this.data('init', true); module202208171450Fun($(this)); }) } </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10