Visiting Enquiry - EP Shanghai 2025/Electrical Shanghai 2025

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" itemscope=itemscope itemtype="http://schema.org/Article" xmlns:og="http://ogp.me/ns#"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="format-detection" content="telephone=no" /> <meta http-equiv="cache-control" content="max-age=0, no-store, no-cache, must-revalidate" /> <meta http-equiv="last-modified" content="Sun, 16 Feb 2025 08:00:00 GMT" /> <meta http-equiv="expires" content="Sun, 23 Feb 2025 08:00:00 GMT" /> <meta http-equiv="pragma" content="no-cache" /> <meta itemprop="name" content="EP Shanghai 2025/Electrical Shanghai 2025 - Visiting Enquiry" /> <meta itemprop="image" content="https://cdn.adsalecdn.com/ShowWebsite/ShareLogo/EP_Share_logo.jpg" /> <meta property="og:title" content="EP Shanghai 2025/Electrical Shanghai 2025 - Visiting Enquiry" />  <meta property="og:image" content="https://cdn.adsalecdn.com/ShowWebsite/ShareLogo/EP_Share_logo.jpg?x-oss-process=image/resize,m_pad,h_630,w_1200,limit_1" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" />  <meta property="og:image" content="https://cdn.adsalecdn.com/ShowWebsite/ShareLogo/EP_Share_logo.jpg?x-oss-process=image/resize,m_pad,h_126,w_240,limit_1" /> <meta property="og:image:width" content="240" /> <meta property="og:image:height" content="126" /> <meta name="description" content="Join EP Shanghai 2025, the leading electric power exhibition in China, organized by the China Electricity Council and the State Grid Corporation of China. Visit EP from November 18-20 at the Shanghai New International Expo Centre (Hall N1-N5, E7 & W5)." /> <meta property="og:description" content="Join EP Shanghai 2025, the leading electric power exhibition in China, organized by the China Electricity Council and the State Grid Corporation of China. Visit EP from November 18-20 at the Shanghai New International Expo Centre (Hall N1-N5, E7 & W5)." /> <meta itemprop="description" content="Join EP Shanghai 2025, the leading electric power exhibition in China, organized by the China Electricity Council and the State Grid Corporation of China. Visit EP from November 18-20 at the Shanghai New International Expo Centre (Hall N1-N5, E7 & W5)." /> <meta name="keywords" content="EP shanghai2025,EP China,China electrical exhibition,Electric Power Show 2025,Energy Storage Show,Electric Equipment Trade Platform,Electrical show,New Energy exhibition,China electric power manufacture " /> <meta name="author" content="EP25" /> <title>Visiting Enquiry - EP Shanghai 2025/Electrical Shanghai 2025</title>  <script src="https://cdn.adsalecdn.com/WebZ22/Scripts/jquery-3.4.1.min.js"></script> <script src="https://cdn.adsalecdn.com/WebZ22/Scripts/jquery-ui/jquery-ui.js"></script> <script src="https://cdn.adsalecdn.com/WebZ22/Scripts/getBrowser.js"></script>     <link rel="icon" href="https://cdn.adsalecdn.com/EP25/Files/Image/General/favicon.ico" mce_href="https://cdn.adsalecdn.com/EP25/Files/Image/General/favicon.ico" type="image/x-icon" />  <script async src="https://www.googletagmanager.com/gtag/js?id=G-CTGPEPZHVX"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); //gtag('config', 'G-CTGPEPZHVX'); gtag('config', 'G-CTGPEPZHVX', { 'user_id': '890400f07bea4e75a47c5472c8c5df9c' }); </script>   <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-5Z4QV93'); </script>   <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-T24T993Z'); </script>   <link rel="stylesheet" href="/EP/Files/css/bootstrap.min.css" type="text/css" /> <link rel="stylesheet" href="/EP/Files/css/styleKFC.css" type="text/css" /> <link rel="stylesheet" href="/EP/Files/css/styleMainFrame.css" type="text/css" /> <link rel="stylesheet" href="/EP/Files/css/dark.css" type="text/css" /> <link rel="stylesheet" href="https://cdn.adsalecdn.com/Fonts/font-awesome5.11.2/css/all.css?20241111_1700" type="text/css" /> <link rel="stylesheet" href="https://cdn.adsalecdn.com/Fonts/fonts_icon/font_icon.css?20241111_1700" type="text/css" /> <link rel="stylesheet" href="/EP/Files/css/animate.css" type="text/css" /> <link rel="stylesheet" href="/EP/Files/css/magnific-popup.css" type="text/css" /> <link rel="stylesheet" href="/EP/Files/css/swiper.css" type="text/css" /> <link rel="stylesheet" href="/EP/Files/css/imports/shortcodes/tabs.css" type="text/css" /> <link rel="stylesheet" href="/EP/Files/js/easyResponsiveTabs/easy-responsive-tabs.css" type="text/css" /> <link rel="stylesheet" href="/EP/Files/css/components/canvi.css" type="text/css" /> <link rel="stylesheet" href="/EP/Files/css/webslidemenu/dropdown-effects/fade-down.css" type="text/css" /> <link rel="stylesheet" href="/EP/Files/css/webslidemenu/webslidemenu.css" type="text/css" /> <link rel="stylesheet" href="/EP/Files/css/webslidemenu/color-skins/white-purple.css" type="text/css" /> <link rel="stylesheet" href="/EP/Files/css/plugin.css" type="text/css" /> <link rel="stylesheet" href="/EP/Content/sive.css" type="text/css" /> <link rel="stylesheet" href="/EP/Files/css/Web/base.css" type="text/css" /> <link rel="stylesheet" href="/EP/Files/css/Web/base_responsive.css" type="text/css" /> <link rel="stylesheet" href="/EP/Files/css/Web/home.css" type="text/css" /> <link rel="stylesheet" href="/EP/Files/css/Web/home_responsive.css" type="text/css" /> <link rel="stylesheet" href="/EP/Files/css/Web/cms.css" type="text/css" /> <link rel="stylesheet" href="/EP/Files/css/Web/cms_responsive.css" type="text/css" /> <link rel="stylesheet" href="/EP/Files/css/Lang/fonts_1252.css" type="text/css" />  <link href='https://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css' />  <script src="/EP/Files/css/web/picture_plugin/jquery-1.11.2.min.js"></script> <script src="/EP/Files/js/components/popper.min.js"></script> <script src="/EP/Files/js/bootstrap.min.js"></script> <script src="/EP/Files/js/components/typehead.js"></script> <script src="/EP/Files/js/global.js"></script> <script src="/EP/Files/js/Ajax.js"></script> <script src="/EP/Files/js/Paging.js"></script> <script src="/EP/Files/js/jquery.calendario.js"></script> <script src="/EP/Files/js/components/canvi.js"></script> <script src="/EP/Files/js/easyResponsiveTabs/easyResponsiveTabs.js?v=4"></script> <script src="/EP/Files/js/AnchorPoint.js"></script> <script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=60a21e9e25ca6c0018d439a1&product=sop' async='async'></script>  <script src="/EP/Files//js/webslidemenu/webslidemenu.js"></script> <script src="/EP/Files//js/functions.js"></script> <script src="/EP/Files//js/plugins.js"></script>  <script> var tracking_show_id = "594"; var tracking_project = "EP25"; var FormRDomain = "https://web.adsaleinfo.com"; var isLogMissingImg = true; var isLogJSError = true; var isLogJSStackTrace = true; var isTrackMouseClick = true; </script> <script src="/EP/Scripts/AddTrack.js"></script> </head> <body class="stretched" data-loader-timeout="3000" lang="zh-tw">  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5Z4QV93" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>   <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T24T993Z" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <style> @media (min-width: 992px) { .wsmenu > .wsmenu-list > li > a { padding: 5px 5px 5px 5px; } .color_btn1 { padding: 0px !important; } .color_btn2 { padding: 0px !important; } } @media (max-width: 1667px) { .wsmenu > .wsmenu-list > li > a { font-size: 15px; } } @media (max-width: 768px) { .BusinessNone { display: none !important; } } </style> <style> @media (max-width: 992px) { .c_headline_bg { margin-top: 60px; } } </style>  <div class="wsmainfull clearfix"> <div class="b_desk_toplogo b_pt_20 b_mb_20"> <div class="container"> <div class="row mainlogo"> <div class="col-4 align-self-center"> <a href="/EP/idx/eng"> <img src="https://cdn.adsalecdn.com/EP25/Files/Image/Content/EP_ES25.svg" class="img-fluid "> </a> </div> <div class="col-6"> <div class="logo ml-3" data-webres="Lbl_logohtmls"> <p class="g_p head_slogan_eng">The 32nd China International Exhibition on Electric Power Equipment and Technology<br/>Shanghai International Energy Storage Technology Application Expo</p> <p class="g_p head_sinfo_eng p_top_8"> Shanghai New International Expo Center (Hall N1-N5、E7 & W5), PR China <span class="p_left_20"> 2025•11• 18 - 20 </span> </p> </div> </div> <div class="col-2 align-self-center text-right"> <div class="b_btn b_btn_stress_s1 b_btn_language" id="lang_btnIdx"> <span class="icon-a-language b_btn_icon_left"></span>English<span class="icon-uniE780 b_btn_icon_rightdown"></span> <div class="dropdown-menu m_drop_menu" style="transform: translate3d(67px, 0px, 0px);"> <a t_label="Main_Top_ChooseLang_EN" class="dropdown-item" href="/EP/visitorenquiry/eng">English</a> <a t_label="Main_Top_ChooseLang_SC" class="dropdown-item" href="/EP/visitorenquiry/simp">简体</a> <a t_label="Main_Top_ChooseLang_TC" class="dropdown-item" href="/EP/visitorenquiry/trad">繁體</a> </div> </div> </div> </div> </div> </div> <div class="b_bg_main"> <div class="wsmainwp clearfix">  <nav class="wsmenu clearfix"> <ul class="wsmenu-list">  <li aria-haspopup="true"> <a href="/EP/idx/eng" class="active menuhomeicon" t_label="Main_TopMenu_Home"> <i class="fas fa-home"></i> <span class="hometext"></span> </a> </li> <li aria-haspopup="true"> <a href="#">Show Information<span style="margin-left:26px;" class="wsarrow"></span></a> <div class="wsmegamenu clearfix menu_form @*wsmegamenu@(menuCount==2?1:menuCount)*@"> <div class="container-fluid"> <div class="row">  <ul class="col-lg-6 col-md-12 col-xs-12 link-list"> <li class="menu_form_title title">Show Information</li> <li class="menu_form_link"><a href="/EP/aboutep/eng" t_label="Main_TopMenu_AboutEP" target="">About EP Shanghai</a></li> <li class="menu_form_link"><a href="/EP/showonsite/eng" t_label="Main_TopMenu_showonsite" target="">2024 Show Video & Photos</a></li> <li class="menu_form_link"><a href="/EP/interview/eng" t_label="Main_TopMenu_Interview" target="">Exhibitor / Visitor Interview</a></li> <li class="menu_form_link"><a href="/EP/concurrentexpo/eng" t_label="Main_TopMenu_ConcurrentExpo" target="">Concurrent Expo</a></li> </ul>  <ul class="col-lg-6 col-md-12 col-xs-12 link-list"> <li class="menu_form_title title">Other Information</li> <li class="menu_form_link"><a href="/EP/travelinfo/eng" t_label="Main_TopMenu_TravelInfo" target="">Transportation & Accommodation Information</a></li> <li class="menu_form_link"><a href="/EP/nextshow/eng" t_label="Main_TopMenu_NextShow" target="">Next Show</a></li> <li class="menu_form_link"><a href="/EP/downloadcentre/eng" t_label="Main_TopMenu_DownloadCentre" target="">Download Centre</a></li> </ul> </div> </div> </div> </li> <li aria-haspopup="true"> <a href="#">Exhibitor<span style="margin-left:26px;" class="wsarrow"></span></a> <div class="wsmegamenu clearfix menu_form @*wsmegamenu@(menuCount==2?1:menuCount)*@"> <div class="container-fluid"> <div class="row"> <ul class="col-lg-12 col-md-12 col-xs-12 link-list"> <li class="menu_form_link"><a href="/EP/exhibitingservices/eng" t_label="Main_TopMenu_exhibitingservices" target="">Exhibiting Information</a></li> <li class="menu_form_link"><a href="/EP/exhibitorenquiry/eng" t_label="Main_TopMenu_ExhibitorEnquiry" target="">Exhibiting Enquiry / Space Application</a></li> <li class="menu_form_link"><a href="/EP/eform/eng" t_label="Main_TopMenu_eForm" target="">Exhibitor eForm Submission</a></li> <li class="menu_form_link"><a href="/EP/exhibitorsmessages/eng" t_label="Main_TopMenu_ExhibitorsMessages" target="">Exhibitors' Messages (Partial)</a></li> </ul> <ul class="col-lg-12 col-md-12 col-xs-12 link-list"> </ul> </div> </div> </div> </li> <li aria-haspopup="true"> <a href="#">Visitor<span style="margin-left:26px;" class="wsarrow"></span></a> <div class="wsmegamenu clearfix menu_form @*wsmegamenu@(menuCount==2?1:menuCount)*@"> <div class="container-fluid"> <div class="row">  <ul class="col-lg-4 col-md-12 col-xs-12 link-list"> <li class="menu_form_title title">Visiting Information</li> <li class="menu_form_link"><a href="/EP/visitinginfo/eng" t_label="Main_TopMenu_VisitingInfo" target="">Visiting Information</a></li> <li class="menu_form_link"><a href="/EP/exhibitorlist/eng" t_label="Main_TopMenu_ExhibitorList" target="">Exhibitor List</a></li> <li class="menu_form_link"><a href="/EP/enewsletter/eng" t_label="Main_TopMenu_eNewsletter" target="">E-newsletter</a></li> </ul>  <ul class="col-lg-4 col-md-12 col-xs-12 link-list"> <li class="menu_form_title title">Visitor Registration</li> <li class="menu_form_link"><a href="/EP/preregistration/eng" t_label="Main_TopMenu_Preregistration" target="">Visitor Pre-Registration</a></li> <li class="menu_form_link"><a href="/EP/grouppreg/eng" t_label="Main_TopMenu_GroupPreg" target="">Group Pre-registration</a></li> <li class="menu_form_link"><a href="/EP/visitorenquiry/eng" t_label="Main_TopMenu_VisitorEnquiry" target="">Visiting Enquiry</a></li> <li class="menu_form_link"><a href="/EP/invitefriends/eng" t_label="Main_TopMenu_InviteFriends" target="">Referral Program</a></li> </ul>  <ul class="col-lg-4 col-md-12 col-xs-12 link-list"> <li class="menu_form_title title">Other Information</li> <li class="menu_form_link"><a href="/EP/visa/eng" t_label="Main_TopMenu_visa" target="">Invitation Letter for Visa Application</a></li> <li class="menu_form_link"><a href="/EP/travelinfo/eng" t_label="Main_TopMenu_TravelInfo" target="">Transportation & Accommodation Information</a></li> </ul> </div> </div> </div> </li> <li aria-haspopup="true"> <a href="#">Event & Live Webinars<span style="margin-left:26px;" class="wsarrow"></span></a> <div class="wsmegamenu clearfix menu_form @*wsmegamenu@(menuCount==2?1:menuCount)*@"> <div class="container-fluid"> <div class="row"> <ul class="col-lg-6 col-md-12 col-xs-12 link-list"> <li class="menu_form_link"><a href="/EP/interview/eng" t_label="Main_TopMenu_Interview" target="">Exhibitor / Visitor Interview</a></li> <li class="menu_form_link"><a href="/EP/concurrentevent/eng" t_label="Main_TopMenu_ConcurrentEvent" target="">Concurrent Event</a></li> <li class="menu_form_link"><a href="/EP/npglivestreaming/eng" t_label="Main_TopMenu_NPGLiveStreaming" target="">New Product Gallery Live Streaming</a></li> </ul> <ul class="col-lg-6 col-md-12 col-xs-12 link-list"> <li class="menu_form_link"><a href="/EP/factoryvisit/eng" t_label="Main_TopMenu_FactoryVisit" target="">Factory Visit</a></li> </ul> </div> </div> </div> </li> <li aria-haspopup="true"> <a href="#">Media Centre<span style="margin-left:26px;" class="wsarrow"></span></a> <div class="wsmegamenu clearfix menu_form @*wsmegamenu@(menuCount==2?1:menuCount)*@"> <div class="container-fluid"> <div class="row"> <ul class="col-lg-6 col-md-12 col-xs-12 link-list"> <li class="menu_form_link"><a href="/EP/mediaenquires/eng" t_label="Main_TopMenu_Mediaenquires" target="">Media Enquires</a></li> <li class="menu_form_link"><a href="/EP/showpress/eng" t_label="Main_TopMenu_ShowPress" target="">Show Press Release</a></li> <li class="menu_form_link"><a href="/EP/supportingmedia/eng" t_label="Main_TopMenu_SupportingMedia" target="">Supporting Media</a></li> <li class="menu_form_link"><a href="/EP/overseassupportingorganization/eng" t_label="Main_TopMenu_OverseasSupportingOrganization" target="">Overseas Supporting Organization</a></li> <li class="menu_form_link"><a href="/EP/mediaregistration/eng" t_label="Main_TopMenu_Mediaregistration" target="">Media Registration</a></li> </ul> <ul class="col-lg-6 col-md-12 col-xs-12 link-list"> <li class="menu_form_link"><a href="/EP/showupdate/eng" t_label="Main_TopMenu_ShowUpdate" target="">Show Updates</a></li> <li class="menu_form_link"><a href="/EP/marketnews/eng" t_label="Main_TopMenu_MarketNews" target="">Market News</a></li> <li class="menu_form_link"><a href="/EP/mediacoverage/eng" t_label="Main_TopMenu_MediaCoverage" target="">Media Coverage</a></li> </ul> </div> </div> </div> </li>  <li aria-haspopup="false"> <a t_label="Main_TopMenu_ContactUs" href="/EP/contactus/eng" target="">Contact Us</a> </li>  <li aria-haspopup="false" style="border-bottom:none;"> <a t_label="Main_TopMenu_OnlineExhibition" href="https://www.epchinashow.com/EP24/onlineexhibition/eng" target="_blank" class="color_btn1"> <p class="b_btn_menu b_pl_15 b_pr_15">Online Exhibition</p> </a> </li> <li aria-haspopup="false" style="border-bottom:none;"> <a t_label="Main_TopMenu_BM" href="/EP/businessmatching/eng" class="color_btn2"> <p class="b_btn_menu b_pl_15 b_pr_15">Business Matching</p> </a> </li> </ul> </nav>  </div> </div> </div>    <div class="wsmobileheader clearfix b_mobile_toplogo clearfix"> <div class="row b_mt_10 b_mb_10"> <div class="col-1 align-self-center"><a href="javascript:;" class="b_moblie_menu wsanimated-arrow" id="wsnavtoggle"><span ></span></a></div> <div class="col-10 align-self-center"> <a href="/EP/idx/eng"> <img src="https://cdn.adsalecdn.com/EP25/Files/Image/Content/EP_ES25.svg" class="img-fluid b_mobile_toplogo_img" style=""> </a> </div> <div class="col-1 align-self-center"> <a href="javascript:;" class="js-canvi-open-button--right"><span class="icon-a-language b_font_24 b_color_2e2e2e"></span></a> <aside class="myCanvasNav canvi-navbar"> <div class="canvi-user-info"> <div class="canvi-user-info__image"> <span class="icon-a-language b_font_24 b_color_fff"></span> </div> <div class="canvi-user-info__data"> <div class="canvi-user-info__close" onclick="t.close();"></div> </div> </div> <ul class="canvi-navigation"> <li> <a t_label="Main_Top_ChooseLang_EN" href="/EP/visitorenquiry/eng" class="canvi-navigation__item"> <span class="canvi-navigation__text">English</span> </a> </li> <li> <a t_label="Main_Top_ChooseLang_SC" href="/EP/visitorenquiry/simp" class="canvi-navigation__item"> <span class="canvi-navigation__text">简体</span> </a> </li> <li> <a t_label="Main_Top_ChooseLang_TC" href="/EP/visitorenquiry/trad" class="canvi-navigation__item"> <span class="canvi-navigation__text">繁體</span> </a> </li> <li> <a t_label="Main_Top_ChooseLang_Korean" target="_blank" href="https://www.epchinashow.com/EP24/Lang/EP_kor.html" class="canvi-navigation__item"> <span class="canvi-navigation__text">한국어</span> </a> </li> <li> <a t_label="Main_Top_ChooseLang_Russian" target="_blank" href="https://www.epchinashow.com/EP24/Lang/EP_rus.html" class="canvi-navigation__item"> <span class="canvi-navigation__text">русский</span> </a> </li> <li> <a t_label="Main_Top_ChooseLang_Thai" target="_blank" href="https://www.epchinashow.com/EP24/Lang/EP_thai.html" class="canvi-navigation__item"> <span class="canvi-navigation__text">ภาษาไทย</span> </a> </li> <li> <a t_label="Main_Top_ChooseLang_Vietnamese" target="_blank" href="https://www.epchinashow.com/EP24/Lang/EP_viet.html" class="canvi-navigation__item"> <span class="canvi-navigation__text">Tiếng Việt</span> </a> </li> </ul> </aside> <main class="js-canvi-content canvi-content"> <div class="htmleaf-container"> </div> </main> </div> </div> </div>  <script type="text/javascript"> //lang select $("#lang_btnIdx").click(function () { if ($(this).hasClass("show")) { $(this).removeClass("show"); $(this).children("a").attr("aria-expanded", "flase"); $(this).find(".dropdown-menu").removeClass("show"); } else { $(this).addClass("show"); $(this).children("a").attr("aria-expanded", "true"); $(this).children(".dropdown-menu").addClass("show"); } }); //电脑和手机版语言栏选择 var t = new Canvi({ content: ".js-canvi-content", isDebug: !1, navbar: ".myCanvasNav", openButton: ".js-canvi-open-button--right", position: "right", pushContent: !1, speed: "0.2s", width: "100vw", responsiveWidths: [{ breakpoint: "600px", width: "280px" }, { breakpoint: "1280px", width: "320px" }, { breakpoint: "1600px", width: "380px" }] }); //顶部banner高度自适应margin $(window).resize(function () {//当屏幕大小发生变化 var mTopH = $(".wsmobileheader").height(); var TopH = $(".wsmainfull").height(); var wWidth = $(window).width(); if (wWidth <= 992) { //index banner $(".m_banner").css("margin-top", mTopH); //cms $(".c_headline_bg").css("margin-top", mTopH); //产品类别 $(".ep_main_subtit_s").css("margin-top", mTopH); } else { //index banner $(".m_banner").css("margin-top", 0); //cms $(".c_headline_bg").css("margin-top", 0); //产品类别 $(".ep_main_subtit_s").css("margin-top", 0); } }); </script> <div id="blockBackUI"> </div> <div id="popupbox"></div> <div id="overallMask"></div> <div id="mBackLoad" class="back" style="display: none;"> </div>  <div class="c_headline_bg"> <div class="container"> <div class="row"> <div class="col-lg-7 col-12"> <div class="b_t_center_moblie b_ptb_10 b_mlr_15"> <div class="row justify-content-lg-start justify-content-center"> <div class="col-12 b_font_l1 b_font_sl1">Visiting Enquiry</div> <style> .spefont { font-size:16px; font-weight:normal; } </style> <div dir="ltr" class="col-12 c_tit_map"> <a href="/EP/idx/eng"> Home </a><span class="icon-a-right i_icon_topbg"></span> <a href="/EP/visitinginfo/eng"> Visitor </a><span class="icon-a-right i_icon_topbg"></span> </div> </div> </div> </div> <div class="col-lg-5 col-12"> <style> #st-1 .st-btn:hover { opacity: .8; top: 0 !important; } .share { position: relative; } .share_text { position: absolute; right: 195px; height: 32px; line-height: 32px; font-weight: bolder; } @media (max-width : 768px) { .margin_size { margin: 1px 10px 6px; } } @media (min-width : 768px) { .margin_size { margin: 29px 10px 29px; } } /* @media screen and (max-width: 768px) { #st-1 .st-btn[data-network='wechat'] { display: none !important; } .share_text { right: 153px; } }*/ </style>  <div class="share margin_size"> <div class="share_text">Share:</div><div class="sharethis-inline-share-buttons" data-image="https://cdn.adsalecdn.com/EP25/Files/Image/Content/prereg_ep25.png"></div> </div>  </div> </div> </div> </div>   <div class="container b_pbt_30" style="min-height: 480px;"> <div class="b_mlr_15"> <link href="/EP/Files/css/SubmitForm.css?id=2025072111" rel="stylesheet" />  <link rel="stylesheet" href="https://cdn.adsalecdn.com/FormR/element/index.css">  <script src="https://cdn.adsalecdn.com/FormR/element/vue.js"></script>  <script src="https://cdn.adsalecdn.com/FormR/element/index.js"></script>  <template id="M-el-input"> <div class="frame"> <el-input :type="type" :id="id" :name="id" v-model="data" @focus="focus" @blur="blur" @input="inputchange" placeholder=" " :maxlength="maxlength" :disabled="disabled"> </el-input> <span :class="[{'focusBlur':changeIndex == 1},{'focusBlurTwo':changeIndex == 2||(data!=undefined && data!='')}]">{{title}} <p v-show="required" style="color:red">*</p> </span> </div> </template> <script> var M_el_input = { template: '#M-el-input', // 通过指定了一个 Id, 表示说，要去加载这个指定Id的 template 元素中的内容，当作组件的HTML结构 { data() { return { changeIndex: 0, data:this.model }; }, props: ['model','title','id','type','required','maxlength','disabled'], watch: { model(newVal, oldVal) { // console.log(`select 新的值: ${newVal}`); // console.log(`select 旧的值: ${oldVal}`); this.data = newVal; }, data:{ handler(newVal, oldVal) { // console.log(`新的值: ${newVal}`); // console.log(`旧的值: ${oldVal}`); // console.log("------------------"); this.data=newVal; if (newVal == undefined || newVal == ""){ this.changeIndex = 0; }else{ this.changeIndex = 1; } }, deep: true } }, created(){ }, mounted: function () { this.inputchange(); }, methods: { inputchange() { console.log("inputchange:" + this.data) if(this.type=="number"){ if(this.data!=undefined){ let value = this.data.replace(/[^\d]+/g,''); this.data = value; } } if(this.data==undefined&& this.changeIndex!=1){ this.changeIndex = 0; } this.$emit('fromchird_input',this.data,this.id) }, focus() { this.changeIndex = 1; }, blur() { console.log("input blur:" + this.data) if (this.data != undefined && this.data != "") { this.data=this.data.replace(/^\s*|\s*$/g,""); this.changeIndex = 2; } else if (this.data == "") { this.changeIndex = 0; } }, } }; </script> <style lang="scss" scoped> .frame { /* 宽高大家可根据自己需求进行调整，调整完后下面的样式也要进行微调 */ width: 100%; height: 40px; /* 父元素设置相对定位，这样子元素设置绝对定位后就会在父元素的左上角*/ position: relative; } .frame span { /* 默认情况下的样式 */ position: absolute; top: 0; /*left: 10px;*/ padding: 0px 7px; margin: 0px 10px; display: inline-block; color: #2e2e2e; font-size: 16px; pointer-events: none; height: 40px; display: flex; align-items: center; transition: all 0.3s; /*平移上方时，添加一个过渡效果让其没有那么的不自然，我这边设置了0.3秒执行完这个上移的操作 */ } /* 获取焦点后的第一种样式 */ .frame .focusBlur { position: absolute; font-size: 14px; font-weight: bold; top: -16%; height: 16px; color: var(--inputborder); background-color: white; } /* 如果框中有值顶部文字颜色展示为黑色，第二种样式 */ .frame .focusBlurTwo { position: absolute; font-size: 14px; color: #999999; font-weight: bold; top: -16%; height: 16px; background-color: white; } </style> <template id="M-el-select"> <div class="frame"> <input type="hidden" :id="propname" :name="propname" :value="this.select_data" /> <el-select v-model="select_data" filterable placeholder=" " @focus="select_focus" @blur="select_blur" @change="select_inputchange" :no-data-text="nodatatext" :no-match-text="nodatatext"> <el-option v-for="item in list" :key="item.code" :label="item[name]" :value="item[code]" :data-code="item[code]"> </el-option> </el-select> <span :class="[{'focusBlur':select_changeIndex == 1},{'focusBlurTwo':select_changeIndex == 2||(select_data!=undefined && select_data!='')}]"> {{title}} <p v-show="required" style="color:red">*</p> </span> </div> </template> <script> var M_el_select = { template: '#M-el-select', data() { return { select_changeIndex: 0, select_data:this.val }; }, props: ['propname','val','list','title','required','code','name','nodatatext'], watch: { val(newVal, oldVal) { // console.log(`select 鏂扮殑鍊? ${newVal}`); // console.log(`select 鏃х殑鍊? ${oldVal}`); this.select_data = newVal; }, select_data(newVal, oldVal) { // console.log(`select 鏂扮殑鍊? ${newVal}`); // console.log(`select 鏃х殑鍊? ${oldVal}`); this.select_data = newVal; if(newVal==""){ this.select_changeIndex = 0; }else{ this.select_changeIndex = 1; } },deep: true }, created(){ }, mounted: function () { console.log("nodatatext:" + this.nodatatext); console.log("propname1:"+this.propname); console.log("required:"+this.required); //console.log("list:"+this.list); }, model: { prop: 'value', event: 'change' }, methods: { select_inputchange(e){ this.$emit('fromchird_select',this.select_data,this.propname) }, select_focus() { this.select_changeIndex = 1; }, select_blur(v) { if (this.select_data != "") { this.select_changeIndex = 2; } else if (this.select_data == "") { this.select_changeIndex = 0; } }, } }; </script> <style lang="scss" scoped> .frame { /* 瀹介珮澶у鍙牴鎹嚜宸遍渶姹傝繘琛岃皟鏁达紝璋冩暣瀹屽悗涓嬮潰鐨勬牱寮忎篃瑕佽繘琛屽井璋?*/ width: 100%; height: 40px; /* 鐖跺厓绱犺缃浉瀵瑰畾浣嶏紝杩欐牱瀛愬厓绱犺缃粷瀵瑰畾浣嶅悗灏变細鍦ㄧ埗鍏冪礌鐨勫乏涓婅*/ position: relative; } .frame span { /* 榛樿鎯呭喌涓嬬殑鏍峰紡 */ position: absolute; top: 0; /*left: 10px;*/ padding: 0px 7px; margin:0px 10px; display: inline-block; color: #2e2e2e; font-size: 16px; pointer-events: none; height: 40px; display: flex; align-items: center; transition: all 0.3s; /*骞崇Щ涓婃柟鏃讹紝娣诲姞涓€涓繃娓℃晥鏋滆鍏舵病鏈夐偅涔堢殑涓嶈嚜鐒讹紝鎴戣繖杈硅缃簡0.3绉掓墽琛屽畬杩欎釜涓婄Щ鐨勬搷浣?*/ } /* 鑾峰彇鐒︾偣鍚庣殑绗竴绉嶆牱寮?*/ .frame .focusBlur { position: absolute; font-size: 14px; font-weight: bold; top: -16%; height: 16px; color: var(--inputborder) ; background-color: white; } /* 濡傛灉妗嗕腑鏈夊€奸《閮ㄦ枃瀛楅鑹插睍绀轰负榛戣壊锛岀浜岀鏍峰紡 */ .frame .focusBlurTwo { position: absolute; font-size: 14px; color: #999999; border-color:#dddddd ; font-weight: bold; top: -16%; height: 16px; background-color: white; } </style>  <script type="text/javascript" charset="utf-8" src="https://aeis.alicdn.com/sd/nch5/index.js?t=2015052012"></script>  <input type="hidden" name="CurrentUrlName" id="CurrentUrlName" value="visitorenquiry" /> <input id="ValType" name="ValType" value="" type="hidden" />  <input id="ncToken" name="ncToken" type="hidden" /> <input id="csessionid" name="csessionid" type="hidden" /> <input id="sig" name="sig" type="hidden" /> <input id="CaptchaVerifyParam" name="CaptchaVerifyParam" type="hidden" />  <input type="hidden" id="captcha_id" name="captcha_id"/> <input type="hidden" id="captcha_output" name="captcha_output"/> <input type="hidden" id="gen_time" name="gen_time"/> <input type="hidden" id="lot_number" name="lot_number"/> <input type="hidden" id="pass_token" name="pass_token"/>  <div style="display: none;"> <input type="button" id="TencentCaptcha" class="button" data-appid="2082237479" data-cbfn="Tencentcallback" /> </div>  <div id="validCode" style="display: none;"> </div> <style> ._nc .stage1 .slider { height: 43px !important; border-radius: 0px !important; box-shadow: 0 0 3px #999 !important; background-color: #ddd !important; left: 0px; right: 0px; } ._nc .stage1 .track div { border-radius: 0 !important; color: #fff !important; } ._nc .stage1 .button { background-color: #FFF !important; height: 43px !important; margin: 0 !important; transition: unset !important; -webkit-transition: unset !important; } #verify_nc ._nc .stage1 .track div, #verify_nc ._nc .stage1 .label { line-height: 43px; height: 43px; text-align: center; font-size: 14px; font-weight: 400; text-shadow: none; padding-left: 50px; padding-right: 0px; } ._nc .stage1 .bg-green { background-color: #78c430 !important; padding-left: 0px !important; padding-right: 50px !important; } ._nc .stage1 .bg-red { background-color: #78c430 !important; padding-left: 0px !important; padding-right: 50px !important; } #popup-btnAliyunVerifyBox #verifyHeader { font-size: unset !important; line-height: unset !important; } .mfp-close { position: relative !important; float: right !important; } #aliyunCaptcha-sliding-wrapper #aliyunCaptcha-sliding-body #aliyunCaptcha-sliding-slider { background: #aaa; } </style> <div style="display: none"> <button id="aliyun_hide_button" class="d-none" type="button"></button> <div id="captcha-element_v2" class="p-3" style="min-height: 80px; text-align-last: center;"></div> </div> <script> function triggerAliyunVerify_v2(functionName) { /* initAliCaptcha();*/ /* $("#btnAliyunVerifyBox_v2").click();*/ initAliCaptcha(); //captcha.refresh(); /* [20240604][PJH] Alicloud verify 2.0 触发弹窗事件*/ if (functionName != null && functionName != "") { $("#aliyun_hide_button").attr("data-functionName", functionName); } } function onCloseTemp() { $.magnificPopup.close(); return false; } </script> <script type="text/javascript" src="https://o.alicdn.com/captcha-frontend/aliyunCaptcha/AliyunCaptcha.js" ></script> <script> let captcha; //initAliCaptcha(); function initAliCaptcha() { initAliyunCaptcha({ SceneId: '1mounry8', // 场景ID。根据步骤二新建验证场景后，您可以在验证码场景列表，获取该场景的场景ID prefix: '1f137l', // 身份标。开通阿里云验证码2.0后，您可以在控制台概览页面的实例基本信息卡片区域，获取身份标 //mode: 'embed',// [20240604][PJH] hidden,使用popup 模式 mode: 'popup', // 验证码模式。popup表示要集成的验证码模式为弹出式。无需修改 element: '#captcha-element_v2', //页面上预留的渲染验证码的元素，与原代码中预留的页面元素保持一致。 button: '#aliyun_hide_button', // 触发验证码弹窗的元素。button表示单击登录按钮后，触发captchaVerifyCallback函数。您可以根据实际使用的元素修改element的值 captchaVerifyCallback: captchaVerifyCallback, // 业务请求(带验证码校验)回调函数，无需修改 onBizResultCallback: onBizResultCallback, // 业务请求结果回调函数，无需修改 getInstance: getInstance, // 绑定验证码实例函数，无需修改 slideStyle: { width: 350, height: 43, }, // 滑块验证码样式，支持自定义宽度和高度，单位为px。其中，width最小值为320 px immediate: true, language: 'en', // 验证码语言类型，支持简体中文（cn）、繁体中文（tw）、英文（en） region: 'sgp', //验证码示例所属地区，支持中国内地（cn）、新加坡（sgp） //close: true // }); } $(function () { // 遍历表单增加一个VerifyRegion setTimeout(function () { $("form").each(function () { const input = document.createElement('input'); input.type = 'hidden'; input.name = 'VerifyRegion'; input.id = 'VerifyRegion'; input.value = 'sgp'; $(this).append($(input)); }); },1800) }) // 绑定验证码实例函数。该函数为固定写法，无需修改 function getInstance(instance) { captcha = instance; $("#aliyun_hide_button").click(); } // 业务请求(带验证码校验)回调函数 async function captchaVerifyCallback(captchaVerifyParam) { //onCloseTemp(); //$("#aliyunCaptcha-btn-close").click(); var data = escape(captchaVerifyParam); //VerifyCallback(escape(captchaVerifyParam)); $("#CaptchaVerifyParam").val(data); if (data) { var res = AliyunVerifyCallback_V2(); return res; } //const verifyResult = { // captchaResult: true, // 验证码验证是否通过，boolean类型，必选 // bizResult: '', // 业务验证是否通过，boolean类型，可选；若为无业务验证结果的场景，bizResult可以为空 //}; } function AliyunVerifyCallback_V2(data) { var functionName = $("#aliyun_hide_button").attr("data-functionName");; if (functionName != null && functionName != "") { try { var res = window[functionName](data); return res; } catch (e) { console.log(e); } } else { console.log("no callback function call"); } } // 业务请求验证结果回调函数 function onBizResultCallback(bizResult) { } </script> <div> <button id="geetest_button" class="d-none" type="button"></button> <div id="GeetestCaptcha" class="captcha"></div> </div> <script type="text/javascript" src="https://static.geetest.com/v4/gt4.js"></script> <script> initGeetest(); let captchaInstance; function initGeetest() { initGeetest4({ captchaId: 'dc1ea231905ee96b054358091cc71a4a', language: 1252 == 936 ? 'zho' : 1252 == 950 ? 'zho-tw' : 'eng', product: "bind", riskType: 'slide' }, function (captcha) { captcha.appendTo("#GeetestCaptcha"); //调用appendTo将验证码插入到页的某一个元素中 /*$("#geetest_button").click();*/ captcha.onReady(function () { document.querySelector(".geetest_feedback").style.display = "none"; document.querySelector(".geetest_box_logo").style.display = "none"; }).onSuccess(function () { var result = captcha.getValidate(); if (result != "" && result != null) { $("#captcha_id").val(result.captcha_id); $("#captcha_output").val(result.captcha_output); $("#gen_time").val(result.gen_time); $("#lot_number").val(result.lot_number); $("#pass_token").val(result.pass_token); var res = GeetestVerifyCallback(); return res; } }).onError(function () { }).onFail(function (failObj) { //记录前端滑动失败情况 let url = "https://web.adsaleinfo.com/vreg/PreregPFP/GeetestValidateLog?showcode=EP25" + "&urlname=visitorenquiry" + "&captchaId=" + failObj.captchaId + "&captchaType" + failObj.captchaType + "&failCount=" + failObj.failCount + "&lotNumber=" + failObj.lotNumber; $.ajax({ url: url, type: "POST", success: function () { }, error: function (jqXHR, textStatus, errorThrown) { console.log("onFail error") } }) }) captchaInstance = captcha; }); } //async function captchaVerifyCallbackGeetest(res) //{ } function triggerGeetestVerify(functionName) { //initGeetest(); if (functionName != null && functionName != "") { $("#geetest_button").attr("data-functionName", functionName); } captchaInstance.showCaptcha(); //显示验证码 } function GeetestVerifyCallback(data) { var functionName = $("#geetest_button").attr("data-functionName"); if (functionName != null && functionName != "") { try { var res = window[functionName](data); return res; } catch (e) { console.log(e); } } else { console.log("no geetest Callback function call"); } } </script> <script> function loadScript(src) { return new Promise((resolve, reject) => { var script = document.createElement('script'); script.src = src; script.onload = resolve; script.onerror = reject; document.head.appendChild(script); }); } $("#ValType").val("Geetest"); //oadScript('https://aeis.alicdn.com/sd/nch5/index.js?t=2015052012') // .then(() => { // // // // // $("#ValType").val("Geetest"); // // console.log('AliCloud Script loaded successfully'); // }) // .catch(() => { // console.error('AliCloud Script failed to load. Loading alternative script...'); // loadScript('https://web.adsaleinfo.com/VC/Content/Js/ValidCode.js') // .then(() => { // $("#ValType").val("FormValidCode"); // console.log('FormValidCode Script loaded successfully'); // //var ProjectCode = "WebZ_Cloud_EP25" + "_" + "visitorenquiry"; // var ProjectCode = "WebZ_Cloud_EP25_visitorenquiry"; // // //语言编号,从项目读取 // var codepage = "1252"; // //客户端Url,这个不用做修改的 // var clienturl = window.location.href; // //加载验证码源码 // obj = document.getElementById("ipt_verifyCode"); // if (!obj) { // getValidDatd(codepage, clienturl, ProjectCode); // } // }) // .catch(() => { // console.error('FormValidCode Script failed to load. Loading alternative script...'); // $("#ValType").val("Tencent"); // return loadScript('https://ssl.captcha.qq.com/TCaptcha.js'); // }) // }) function VerifyData(){ var ValType = $("#ValType").val(); var thisUrlName = $("#CurrentUrlName").val(); if(ValType=="AliCloud"){ triggerAliyunVerify("AliCloudVerifyCallback"); } else if (ValType == "AliCloud2.0") { triggerAliyunVerify_v2("TodoSubmit"); } else if (ValType == "Geetest"){ if (thisUrlName.toLowerCase().includes("enewsletter")) { triggerGeetestVerify("TodoSubmitNews"); } else { triggerGeetestVerify("TodoSubmit"); } } else if(ValType=="FormValidCode"){ LoadMessageBoxAndData(); $("#validCode").css('display', 'block'); $("#Verification").css('display', 'block'); } else if(ValType=="Tencent"){ $("#TencentCaptcha").click(); } } //阿里云验证Callback function AliCloudVerifyCallback(res) { $("#ncToken").val(res.ncToken); $("#csessionid").val(res.csessionid); $("#sig").val(res.sig); if(res){ //需要验证的页面中的方法 TodoSubmit(); } } //from四位数字验证 Callback function Callback(state) { if (state == "true") { //需要验证的页面中的方法 TodoSubmit(); } }; //TencentCallback window.Tencentcallback = function (res) { console.log(res); if (res.ret === 0) { document.getElementById("captcha_ticket").value = res.ticket; document.getElementById("captcha_randstr").value = res.randstr; if(res){ //需要验证的页面中的方法 TodoSubmit(); } } } </script> <style> .el-col-24 { padding-left: 10px !important; padding-right: 10px !important; } .Jobcontainer { padding-left: 0px !important; padding-right: 0px !important; } .el-col-12 { padding-left: 10px !important; padding-right: 10px !important; } .form-item { margin-bottom: 40px !important; } .form-select { margin-bottom: 10px !important; padding-top:0px !important; } .form-checkbox { margin-bottom: 20px !important; } .el-input__suffix { position: absolute !important; /*right: 35px;*/ padding:0px !important; margin:0px !important; } .el-input__suffix-inner { position: static !important; padding: 0px !important; margin: 0px !important; } .el-textarea__inner { resize: none; } .item-textarea { height:80px !important; } .checkbox-pad { position: relative !important; top: 0px; } .Enq_title { margin-bottom:15px; position:relative; bottom:10px; } .title_line { display:block; height: 1px; background: #e1e1e1; position:absolute; top:1rem; width:100%; } .title_context { display: inline-block; font-size: 18px; color: #000; background: #ffffff; padding: 0 1rem; position: relative; z-index: 2; font-weight: bold; margin-left: 35px; } @media only screen and (min-width:992px) { .el-col-md-12 { width:50%; } } @media (max-width:991px) { .form-select-dept { margin-bottom: 40px !important; } .posi_rem { margin-bottom:15px; } } @media (min-width:992px) { .posi_rem { margin-bottom: 6px; } .el-dept { margin-bottom:10px; } } @media (max-width:767px) { .el-checkbox__inner { position:relative; bottom:26px; } } </style> <div id="content"> <div style="color: red; font-weight: bold; padding-left:15px; padding-bottom: 15px;"> *Mandatory Fields </div> <div id="vue-container"> <el-form :model="form" :rules="formRules" ref="form_CommonInq" id="form_CommonInq">  <input type="hidden" id="ValType" name="ValType" v-model="VType" /> <input type="hidden" id="captcha_ticket" name="captcha_ticket" /> <input type="hidden" id="captcha_randstr" name="captcha_randstr" /> <input type="hidden" id="mCountry" name="mCountry" v-model="form.mCountry" /> <input type="hidden" id="IProvince" name="IProvince" v-model="form.IProvince" /> <input type="hidden" id="mcellCode" name="mcellCode" v-model="form.mcellCode" /> <input type="hidden" id="mdeptCode" name="mdeptCode" v-model="form.mdeptCode" /> <input type="hidden" id="mtitlCode" name="mtitlCode" v-model="form.mtitlCode" /> <input type="hidden" id="ncToken" name="ncToken" v-model="form.ncToken" /> <input type="hidden" id="csessionid" name="csessionid" v-model="form.csessionid" /> <input type="hidden" id="sig" name="sig" v-model="form.sig" />  <el-row v-show="showInqType"> <el-col class="el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-24 el-col-lg-24"> <el-form-item prop="selectedValues" class="form-item"> <el-select v-model="form.selectedValues" multiple placeholder="Please indicate your enquiry" @change="handleSelectionChange"> <el-option v-for="item in ElseOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </el-form-item> </el-col> </el-row>  <div class="Enq_title"> <div class="title_line"></div> <div class="title_context"> Contact Information </div> </div>  <el-row> <el-col class="el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-12 el-col-lg-12"> <el-form-item prop="mLName" class="form-item"> <M_el_input id="mLName" :model="form.mLName" required="true" title="Last Name" type="text" :maxlength="30" @fromchird_input="fromChild"> </M_el_input> </el-form-item> </el-col> <el-col class="el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-12 el-col-lg-12"> <el-form-item prop="mFName" class="form-item"> <M_el_input id="mFName" :model="form.mFName" required="true" title="First Name" type="text" :maxlength="30" @fromChird_input="fromChild"> </M_el_input> </el-form-item> </el-col> </el-row>  <el-row> <el-col class="el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-12 el-col-lg-12"> <el-form-item prop="mEmail" class="form-item"> <M_el_input id="mEmail" :model="form.mEmail" required="true" title="Email Address" type="text" :maxlength="100" @fromChird_input="fromChild"> </M_el_input> </el-form-item> </el-col> </el-row>  <el-row> <el-col style="padding-bottom:10px;"> <span style="color: red;">*</span><span>{{'Tel:'}}</span><br /> </el-col> <el-col class="el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-12 el-col-lg-12"> <el-form-item prop="cellcountryCode" class="form-item"> <M_el_select :val="form.cellcountryCode" required="true" title="Country Code/Region Code" :list="form.cellcountrylist" nodatatext="No results found" propname="cellcountryCode" code="DetailCode" name="Name" @fromchird_select="fromselectcomponent"> </M_el_select> </el-form-item> </el-col> <el-col class="el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-8 el-col-lg-8" style="display:none;"> <el-form-item prop="mTelAC" class="form-item"> <M_el_input id="mTelAC" :model="form.mTelAC" title="Area Code" type="text" :maxlength="5" @fromChird_input="fromChild"> </M_el_input> </el-form-item> </el-col> <el-col class="el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-12 el-col-lg-12"> <el-form-item prop="mTel" class="form-item"> <M_el_input id="mTel" :model="form.mTel" required="true" title="Number" type="text" :maxlength="20" @fromChird_input="fromChild"> </M_el_input> </el-form-item> </el-col> </el-row>  <el-row style="display:none;"> <el-col class="el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-12 el-col-lg-12"> <el-form-item prop="mProvince" class="form-item"> <M_el_input id="mProvince" :model="form.mProvince" required="true" title="Province / Municipality" type="text" @fromChird_input="fromChild"> </M_el_input> </el-form-item> </el-col> <el-col class="el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-12 el-col-lg-12"> <el-form-item prop="mCity" class="form-item"> <M_el_input id="mCity" :model="form.mCity" required="true" title="City" type="text" @fromChird_input="fromChild"> </M_el_input> </el-form-item> </el-col> <el-col class="el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-12 el-col-lg-12"> <el-form-item prop="mArea" class="form-item"> <M_el_input id="mArea" :model="form.mArea" required="true" title="Area / District" type="text" @fromChird_input="fromChild"> </M_el_input> </el-form-item> </el-col> </el-row>  <div class="Enq_title"> <div class="title_line"></div> <div class="title_context"> Company Details </div> </div>  <el-row> <el-col class="el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-12 el-col-lg-12"> <el-form-item prop="mCname" class="form-item"> <M_el_input id="mCname" :model="form.mCname" required="true" title="Company Name" type="text" :maxlength="100" @fromChird_input="fromChild"> </M_el_input> </el-form-item> </el-col> </el-row>  <el-row> <el-col :class="form.mCountry== '44' ? 'el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-12 el-col-lg-12' : 'el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-24 el-col-lg-24'"> <el-form-item prop="country" class="form-item"> <M_el_select :val="form.country" required="true" title="Country / Region" :list="form.countrylist" nodatatext="No results found" propname="country" code="DetailCode" name="Name" @fromchird_select="fromselectcomponent"> </M_el_select> </el-form-item> </el-col> <el-col :class="form.mCountry== '44' ? 'el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-12 el-col-lg-12' : 'el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-24 el-col-lg-24'" v-show="form.mCountry=='44'"> <el-form-item prop="province" class="form-item"> <M_el_select :val="form.province" required="true" title="Province / Municipality" :list="form.provincelist" nodatatext="No results found" propname="province" code="DetailCode" name="Name" @fromchird_select="fromselectcomponent"> </M_el_select> </el-form-item> </el-col> </el-row>  <el-row> <el-col class="el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-24 el-col-lg-24"> <el-form-item prop="mAddress" class="form-item"> <M_el_input id="mAddress" :model="form.mAddress" required="true" title="Address" type="text" :maxlength="100" @fromChird_input="fromChild"> </M_el_input> </el-form-item> </el-col> </el-row>   <el-row> <el-col class="el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-24 el-col-lg-24"> <el-form-item prop="CompanyUrl" class="form-item"> <M_el_input id="CompanyUrl" :model="form.CompanyUrl" title="Company Website" type="text" :maxlength="100" @fromChird_input="fromChild"> </M_el_input> </el-form-item> </el-col> </el-row>  <el-row> <el-col class="el-col-lg-12 el-col-md-12 Jobcontainer"> <el-row> <el-col class="el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-24 el-col-lg-24 el-dept"> <el-form-item prop="department" class="form-item form-select-dept"> <M_el_select :val="form.department" required="true" title="Department" :list="form.departmentlist" nodatatext="No results found" propname="department" code="DetailCode" name="Name" @fromchird_select="fromselectcomponent"> </M_el_select> </el-form-item> </el-col> <el-col class="el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-24 el-col-lg-24" v-show="form.mdeptCode=='D9'"> <el-form-item prop="department_others" class="form-item"> <M_el_input id="department_others" :model="form.department_others" :required="true" title="Please specify Department" type="text" :maxlength="50" @fromChird_input="fromChild"> </M_el_input> </el-form-item> </el-col> </el-row> </el-col> <el-col class="el-col-lg-12 el-col-md-12 Jobcontainer"> <el-row> <el-col class="el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-24 el-col-lg-24 el-dept"> <el-form-item prop="position" class="form-item form-select"> <M_el_select :val="form.position" required="true" title="Title / Position" :list="form.positionlist" nodatatext="No results found" propname="position" code="DetailCode" name="Name" @fromchird_select="fromselectcomponent"> </M_el_select> </el-form-item> <div class="posi_rem" style="margin-top:15px;"> <span style="font-size: 12px; color: rgb(153, 153, 153);">Select "OTHERS" and specify your Position</span> </div> </el-col> <el-col class="el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-24 el-col-lg-24 float-right" v-show="form.mtitlCode=='T00'"> <el-form-item prop="position_others" class="form-item"> <M_el_input id="position_others" :model="form.position_others" :required="true" title="Please specify Position" type="text" :maxlength="50" @fromChird_input="fromChild"> </M_el_input> </el-form-item> </el-col> </el-row> </el-col> </el-row>  <el-row> <el-col class="el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-24 el-col-lg-24"> <el-form-item prop="EnqDetails" class="form-item"> <M_el_input id="EnqDetails" class="item-textarea" :model="form.EnqDetails" title="Tell us your enquiry" type="textarea" :maxlength="500" @fromChird_input="fromChild"> </M_el_input> </el-form-item> </el-col> </el-row> <div class="row" style="border-bottom: 1px solid #dddddd; margin-bottom: 14px; margin-top: 27px;"></div>  <el-row id="chkIsOpt_row"> <el-col class="el-col el-col-24 el-col-xs-24 el-col-sm-24 el-col-md-24 el-col-lg-24"> <el-form-item prop="chkIsOpt1" class="el-col-24"> <el-checkbox v-model="form.chkIsOpt1"> <div style="line-height: 25px;"> I have read and agree to the <a href="/EP/disclaimer/eng" target="_blank" class="cms_a" t_label="link_Show_Disclaimer">Terms of Use </a>and <a href="/EP/privacypolicy/eng" target="_blank" class="cms_a" t_label="link_Show_PrivacyPolicy"> Privacy Policy</a>. </div> </el-checkbox> </el-form-item> </el-col> </el-row>  <el-form-item style="text-align:center;"> <el-button class="buttons" type="submit" @click="submitForm('form_CommonInq')">Submit</el-button> </el-form-item> </el-form> </div>  <style> .loading { position: fixed; top: 150px; display: block; text-align: center; z-index: 99999; width: 80px; left: 35% } input[type=checkbox]:before { content: ""; } .otherform-item input, optgroup, .otherform-select, textarea { background-color: white; } .otherform-item .select2-container .select2-selection { background-color: white; } </style> <div class="modal fade" id="loading" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop='static'> <div class="modal-dialog" role="document"> <div class="modal-content loading"> <div class="modal-body"> <img src="https://cdn3.adsalecdn.com/temp_files/Preview/Image/loading.gif" /> </div> </div> </div> </div>  </div> <script> var v = new Vue({ el: '#vue-container', data() { return { input_val: '123', reloadCaptcha: false, VType: '', type: [], showInqType: 'visitorenquiry'.toLowerCase().includes("contactus"), TypeOptions: [ { label: 'For exhibiting enquiry', check: false, value: 'Exhibit'//参加展览->展位预定 }, { label: 'For conference enquiry', check: false, value:'Conference' //论坛赞助 }, { label: 'For visiting enquiry', check: false, value: 'Visit'//参观展览 }, { label: 'For media enquiry', check: false, value:'Media' //媒体登记 }, ], ElseOptions: [ { label: 'For visiting enquiry', check: false, value: 'Visit'//参观展览 }, { label: 'For exhibiting enquiry', check: false, value:'Exhibit'//参加展览 }, { label: 'For media enquiry', check: false, value:'Media' //媒体登记 }, ], form: { pass: '', company: '', mFName: '', mLName: '', mEmail: '', mCname: '', mAddress:'', mProvince: 'address1', mCity: 'address2', mArea: 'address3', Phone: '', mTelCC: '', mTelAC: '123', mTel:'', mFaxCC:'', mFaxAC: '', mFax: '', CompanyUrl: '', country: '', countrylist:[], province: '', provincelist:[], position: '', position_others:'', positionlist: [], department: '', department_others:'', departmentlist: [], cellcountryCode: '', cellcountrylist: [], selectedValues: [], cellcountry: '', checkVisit: '', checkExhibit: '', checkMedia: '', checkConference:'', chkIsOpt1:'', EnqDetails: '', ncToken: '', sig: '', csessionid:'', captcha_ticket: '', captcha_randstr: '', },//绑定的表单 }; }, computed: { formRules() { function isNotBlankInput(str) { let isCheck = false; if (str != "" && str != undefined) { isCheck = true; } return isCheck }; function validateSpecificSymbol(str) { //是否包含特定符号 //const reg = /^[^~!@#$%^&*()]+$/; const reg = /^[^~!@#$%^*]+$/; if(str=="") return true; var val=reg.test(str); return val; }; function isCharacter(str) { //仅汉字、字母、空格 //const reg = /^[\u4E00-\u9FA5a-zA-Z\s]+$/ const reg = /^[a-zA-Z\u4e00-\u9fa5·\s]+$/ return reg.test(str) }; function isvalidEmail(str) { //email校验 const reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/ return reg.test(str) }; function isvalidatemobile(phone) { //判断手机号码格式是否正确 //var isPhone = /^1[3456789]\d{9}$/ //var isPhone = /^\d+$/ var isPhone = /^[\d\s#()*+.\-]+$/ return isPhone.test(phone) }; function isTrueCompanyUrl(url) { //验证公司网址 var IsTrue = /^(https?:\/\/)?(www\.)?[a-zA-Z0-9-]+\.[a-zA-Z]{2,}(\.[a-zA-Z]{2,})?(\/[^\s]*)?$/ return IsTrue.test(url); }; function hasIllegalHtml(inputString) { //检查form中是否包含标签字符 var illegalHtmlRegex = /<[^>]*>|[&<>"']/; return illegalHtmlRegex.test(inputString); } const emailValid = async (rule, value, callback, msg, that) => { if (!isvalidEmail(value)) { return callback(new Error(msg)); } else { callback(); } }; const charValid = async (rule, value, callback, msg, that) => { if (!isCharacter(value)) { return callback(new Error(msg)); } else { callback(); } }; const selectValid = (rule, value, callback, msg) => { if (!isNotBlankInput(value)) { return callback(new Error(msg)); } else { callback(); } }; const countryselectValid = (rule, value, callback, msg) => { if (!isNotBlankInput(value) && this.form.mCountry == "44") { return callback(new Error(msg)); } else { callback(); } }; const cellValid = async (rule, value, callback, msg, that) => { if (!isNotBlankInput(value)) { return callback(new Error(msg)); } else if (!isvalidatemobile(value)) { var errmsg = 'Invalid phone number'; return callback(new Error(errmsg)); } else { callback(); } }; const rulesother = (rule, value, callback, type, that) => { console.log("value:" + value + "，type:" + type + "," + this.form.isPurNeed) var lblOther = 'Others (Please specify)'; if (!isNotBlankInput(value) && type == 'department_others' && this.form.mdeptCode == 'D9') { var msg = 'Please specify your department' return callback(new Error(msg)); } else if (!validateSpecificSymbol(value) && type == 'department_others' && this.form.mdeptCode == 'D9') { var msg = ''; if (1252 == 1252) { msg = 'Invalid input of ' + 'Department'; } else { msg = 'Department' + ' Format is not valid'; } return callback(new Error(msg)); } else if (!isNotBlankInput(value) && type == 'position_others' && this.form.mtitlCode == 'T00') { var msg = 'Please specify your title/position' return callback(new Error(msg)); } else if (!validateSpecificSymbol(value) && type == 'position_others' && this.form.mtitlCode == 'T00') { var msg = ''; if (1252 == 1252) { msg = 'Invalid input of ' + 'title/position'; } else { msg = 'Position' + ' Format is not valid'; } return callback(new Error(msg)); } else if (!isNotBlankInput(value) && type == 'others' && this.form.cb_service.includes('AppendTB')) { return callback(new Error(msg)); } else if (hasIllegalHtml(value) && type == 'department_others') { return callback(new Error('Invalid input of department')); } else if (hasIllegalHtml(value) && type == 'position_others') { return callback(new Error('Invalid input of position')); } else { callback(); } }; const CompanyUrlValid = (rule, value, callback, msg) => { if (isNotBlankInput(value)) { if (!isTrueCompanyUrl(value)) { return callback(new Error(msg)) } else { callback(); } } else { callback(); } }; const htmlValid = (rule, value, callback, msg, that) => { if (hasIllegalHtml(value)) { return callback(new Error(msg)); } else { callback(); } }; const rules = { mFName: [ { required: true, message: 'Please input your first name', trigger: ["blur", "change"] }, { validator: (rule, value, callback) => { charValid(rule, value, callback, 'Accept alphabets and spaces only', this); htmlValid(rule, value, callback, 'Invalid input of name', this); }, trigger: ["blur", "change"] } ], mLName: [ { required: true, message: 'Please input your last name', trigger: ["blur", "change"] }, { validator: (rule, value, callback) => { charValid(rule, value, callback, 'Accept alphabets and spaces only', this); htmlValid(rule, value, callback, 'Invalid input of name', this); }, trigger: ["blur", "change"] } ], mEmail: [ { required: true, message: 'Please input your email address', trigger: ["blur", "change"] }, { validator: (rule, value, callback) => { emailValid(rule, value, callback, 'Invalid email address', this); htmlValid(rule, value, callback, 'Invalid email address', this); }, trigger: ["blur", "change"] } ], mCname: [ { required: true, message: 'Please input your company name', trigger: ["blur", "change"] }, { validator: (rule, value, callback) => { htmlValid(rule, value, callback, 'Invalid input of company name', this); }, trigger: ["blur", "change"] } ], mAddress: [ { required: true, message: 'Please input your address', trigger: ["blur", "change"] }, { validator: (rule, value, callback) => { htmlValid(rule, value, callback, 'Invalid input of address', this); }, trigger: ["blur", "change"] } ], mProvince: [ { required: true, message: 'Please input your address', trigger: ["blur", "change"] }, ], mCity: [ { required: true, message: 'Please input your address', trigger: ["blur", "change"] }, ], mArea: [ { required: true, message: 'Please input your address', trigger: ["blur", "change"] }, ], Phone: [ { required: true, message: 'Please input Mobile Phone Number', trigger: ["blur", "change"] }, ], mTel: [ { validator: (rule, value, callback) => { cellValid(rule, value, callback, 'Please input your phone number', this); htmlValid(rule, value, callback, 'Invalid mobile number', this); }, trigger: ["blur", "change"] } ], mFax: [ { required: true, message: 'Please input Fax Number', trigger: ["blur", "change"] }, ], country: [ { validator: (rule, value, callback) => { selectValid(rule, value, callback, 'Please select ' + 'Country / Region'); }, trigger: ["blur", "change"] } ], province: [ { validator: (rule, value, callback) => { countryselectValid(rule, value, callback, 'Please select ' + 'Province / Municipality'); }, trigger: ["blur", "change"] } ], CompanyUrl:[ { validator: (rule, value, callback) => { CompanyUrlValid(rule, value, callback, 'Please input a valid company website', this); htmlValid(rule, value, callback, 'Invalid input of Company Website', this); }, trigger: ["blur", "change"] } ], cellcountryCode: [ { validator: (rule, value, callback) => { selectValid(rule, value, callback, 'Please select ' + 'Country / Region Code'); }, trigger: ["blur", "change"] } ], department: [ { validator: (rule, value, callback) => { selectValid(rule, value, callback, 'Please indicate your department'); }, trigger: ["blur", "change"] } ], department_others: [ { validator: (rule, value, callback) => { rulesother(rule, this.form.department_others, callback, 'department_others', this); }, trigger: ["blur", "change"] } ], position: [ { validator: (rule, value, callback) => { selectValid(rule, value, callback, 'Please indicate your title/position'); }, trigger: ["blur", "change"] } ], position_others: [ { validator: (rule, value, callback) => { rulesother(rule, this.form.position_others, callback, 'position_others', this); }, trigger: ["blur", "change"] } ], chkIsOpt1: [ { validator: (rule, value, callback) => { selectValid(rule, value, callback, 'Please read and agree the terms and policy'); }, trigger: ["blur", "change"] } ], //signType: [ // { validator: this.validateSignType, trigger: ["blur", "change"] } //], EnqDetails: [ { validator: (rule, value, callback) => { htmlValid(rule, value, callback, 'Invalid Error', this); }, trigger: ["blur", "change"] } ], selectedValues: [ { required: true, message: 'Please indicate your enquiry', trigger: ["blur", "change"] }, ] } // 清空表单验证信息 this.$nextTick(() => { this.$refs['form_CommonInq'].resetFields(); }) return rules; }, }, created() { //this.GetPreregInfoBaseData(); this.setDefaultSelection(); this.GetCellCountryData(); this.getFunctionOrJobTitle(); this.changecountry(); this.Load(); if ('' == 321) { this.initTest(); } setTimeout(() => { console.log("this.VType: " + this.VType); if (this.VType == 'CND') { that.form.country = "CN"; that.changecountry(); /*that.GetCountryData(); that.GetCellCountryData();*/ } setTimeout(() => { //this.GetlblSelectOther(); }, 500); }, 500); }, components: { M_el_input, M_el_select },//引入组件 watch: { "this.form.countrylist": function (newval, oldval) { if (newval != oldval) { this.changecountry(); } }, }, methods: { //检验是否勾选查询类别 validateSignType(rule, value, callback) { var that = this; if (that.form.checkVisit || that.form.checkExhibit || that.form.checkMedia || that.form.checkConference) { callback(); } else { callback(new Error('Please indicate your enquiry')); } }, //自定义 input 组件获取值 fromChild(childval, name) { console.log("fromChild:" + childval) this.$set(this.form, name); if (childval != "" && childval != undefined && childval != null) { childval = childval.replace(/^\s*|\s*$/g, ""); this.form[name] = childval; } else { this.form[name] = ""; } if (name.includes('tt_')) { this.$refs['form_CommonInq'].validateField(name); } }, //自定义 select 组件获取值 fromselectcomponent(childval, objName) { console.log(objName + '--' + childval) var that = this; if (childval != "" && childval != undefined && childval != null) { this.form[objName] = childval; } else { this.form[objName] = ""; } if (objName == "country") { this.changecountry(); } if (objName == "province") { this.changeprovince(); } if (objName == "cellcountryCode"){ this.changecellcountrycode(); } if (objName == "department") { this.changedeptcode(); } if (objName == "position") { this.changetitelcode(); } if (that.form.mdeptCode != 'D9') { that.form.department_others = ""; } if (that.form.mtitlCode != 'T00') { that.form.position_others = ""; } }, //非空 isNotBlankInput(str) { let isCheck=false; if(str!= "" && str != undefined) { isCheck = true; } return isCheck }, // 更新选项的 check 值 handleSelectionChange(selectedValues) { this.TypeOptions.forEach(option => { option.check = selectedValues.includes(option.value); }); this.ElseOptions.forEach(option => { option.check = selectedValues.includes(option.value); }); }, //设置默认选中的项 setDefaultSelection() { if (('1' == '1') && 'False' == 'False') { this.form.selectedValues = ['Visit']; this.TypeOptions[2].check = true; this.ElseOptions[0].check = true; } if (('1' == '2') && 'False' == 'False') { this.form.selectedValues = ['Exhibit']; this.TypeOptions[0].check = true; this.ElseOptions[1].check = true; } if (('1' == '3') && 'False' == 'False') { this.form.selectedValues = ['Media']; this.TypeOptions[3].check = true; this.ElseOptions[2].check = true; } }, //获取基础数据 getFunctionOrJobTitle() { var that = this; $.ajax({ url: "https://web.adsaleinfo.com/GeniusAnalyst/api/AppApi/GetShowPreregOptionDataOtherShow_Cloud", data: { ShowCode: 'EP25', LangId: 1252, }, type: "POST", async: false, success: function (data) { if (data.status = 200) { that.form.countrylist = data.CountryList; that.form.provincelist = data.ProvinceList; that.form.positionlist = data.JobTitleList; that.form.departmentlist = data.JobFuctionList; } else { console.log("失败"); } } }); }, //获取区号 GetCellCountryData() { var that = this; $.ajax({ url: "https://web.adsaleinfo.com/GeniusAnalyst/api/AppApi/GetShowPreregOptionData_Mychinaplas_Cloud", data: { ShowCode: 'EP25', LangId:'1252' }, type: "POST", async: false, success: function (data) { if (data.status = 200) { that.form.cellcountrylist = data.CountryList; } else { console.log("失败"); } } }) }, //获取国家 changecountry() { if (this.form.country == "CN") { this.form.province = ""; } else { this.form.IProvince = ""; } var that = this; this.form.province = ""; if (this.form.countrylist.length > 0) { var getItem = this.form.countrylist.filter(function (item, index) { if (item.DetailCode == that.form.country) { that.form.mCountry = item.Code; that.form.country = item.Name; return item; } }); } }, //获取省份 changeprovince() { var that = this; if (this.form.provincelist.length > 0) { var getItem = this.form.provincelist.filter(function (item, index) { if (item.DetailCode == that.form.province) { that.form.IProvince = item.Code; that.form.province = item.Name; return item; } }); } }, //获取地区代码 changecellcountrycode() { var that = this; if (this.form.cellcountrylist.length > 0) { var getItem = this.form.cellcountrylist.filter(function (item, index) { if (item.DetailCode == that.form.cellcountryCode) { that.form.cellcountryCode = item.Name; that.form.mcellCode = item.Option; return item; } }); } }, //获取部门 changedeptcode() { var that = this; if (this.form.departmentlist.length > 0) { var getItem = this.form.departmentlist.filter(function (item, index) { if (item.DetailCode == that.form.department) { that.form.department = item.Name; that.form.mdeptCode = item.DetailCode; return item; } }); } }, //获取职位 changetitelcode() { var that = this; if (this.form.positionlist.length > 0) { var getItem = this.form.positionlist.filter(function (item, index) { if (item.DetailCode == that.form.position) { that.form.position = item.Name; that.form.mtitlCode = item.DetailCode; return item; } }); } }, //测试预填 initTest() { var that = this; this.form.mFName = "Adsale"; this.form.mLName = "Test"; this.form.mEmail = "dotcom1101@gmail.com"; this.form.mCname = "Adsale test company"; this.form.mAddress = "123区456路"; //this.form.mProvince = "address 1"; //this.form.mCity = "address 2"; //this.form.mArea = "address 3"; //this.form.mTelCC = "86"; //this.form.mTelAC = "21"; this.form.mTel = "123"; //this.form.mFaxCC = "86"; //this.form.mFaxAC = "21"; //this.form.mFax = "456"; this.form.CompanyUrl = "www.test.cn"; this.form.EnqDetails = "查詢詳情"; setTimeout(() => { that.form.country = that.form.countrylist[1].Name; that.form.mCountry = that.form.countrylist[1].Code; //that.form.province = that.form.provincelist[0].Name; //that.form.IProvince = that.form.provincelist[0].Code; that.form.cellcountryCode = that.form.cellcountrylist[0].Name; that.form.mcellCode = that.form.cellcountrylist[0].Option; that.form.position = that.form.positionlist[0].Name; that.form.mtitlCode = that.form.positionlist[0].DetailCode; that.form.department = that.form.departmentlist[0].Name; that.form.mdeptCode = that.form.departmentlist[0].DetailCode; //this.changecountry(); }, 1000); }, //初始化 Load() { //var that = this; //that.form.cellcountryCode = that.form.cellcountrylist[0].Name; //that.form.mcellCode = that.form.cellcountrylist[0].Option; }, submitForm(formName) { var that = this; that.$refs[formName].validate((valid) => { if (valid) { VerifyData(); } else { this.$nextTick(() => { let isError = document.getElementsByClassName("is-error"); //自动滚动到 is-error 类名的元素位置 isError[0].scrollIntoView({ block: "center", behavior: "smooth", }); return; }); console.log('error submit!!'); return false; } }); }, } }) </script> <script> //提交验证 function TodoSubmit() { var that = v; var exhc1 = ''; var exhc2 = ''; var exhc3 = ''; var exhc4 = ''; if (that.form.mCountry != '44') { that.form.IProvince = '0'; } if ('False') { exhc1 = that.TypeOptions[2].check ? '1' : '0'; exhc2 = that.TypeOptions[0].check ? '1' : '0'; exhc3 = that.TypeOptions[3].check ? '1' : '0'; exhc4 = that.TypeOptions[1].check ? '1' : '0'; } else { exhc1 = that.ElseOptions[0].check ? '1' : '0'; exhc2 = that.ElseOptions[1].check ? '1' : '0'; exhc3 = that.ElseOptions[2].check ? '1' : '0'; } var data = { WhiddenFlag: '1', showId:'594', ShowCode: 'EP25', CurrentUrlName:'visitorenquiry', langId: '1252', onlySel: '1', isSpaceApp: '0', isVisitEnq: '0', exhc1: exhc1, exhc2: exhc2, exhc3: exhc3, exhc4: exhc4, mFName: that.form.mFName, mLName: that.form.mLName, mEmail: that.form.mEmail, mCname: that.form.mCname, mAddress: that.form.mAddress, mProvince: that.form.mProvince, mCity: that.form.mCity, mArea: that.form.mArea, country: that.form.country, mCountry: "" + that.form.mCountry + "" , province: that.form.province, IProvince: that.form.IProvince, cellcountryCode: that.form.cellcountryCode, mcellCode: that.form.mcellCode, Phone: that.form.Phone, mTelCC: that.form.mTelCC, mTelAC: that.form.mTelAC, mTel: that.form.mTel, mFaxCC: that.form.mFaxCC, mFaxAC: that.form.mFaxAC, mFax: that.form.mFax, CompanyUrl: that.form.CompanyUrl, department: that.form.department, mdeptCode: that.form.mdeptCode, department_others: that.form.department_others, position: that.form.position, mtitlCode: that.form.mtitlCode, position_others: that.form.position_others, EnqDetails: that.form.EnqDetails, ValType: $("#ValType").val(), ncToken: $("#ncToken").val(), csessionid: $("#csessionid").val(), sig: $("#sig").val(), captcha_ticket: $("#captcha_ticket").val(), captcha_randstr: $("#captcha_randstr").val(), Hid_guid: $("#Hid_guid").val(), ipt_verifyCode: $("#ipt_verifyCode").val(), CaptchaVerifyParam: $("#CaptchaVerifyParam").val(), VerifyRegion: $("#VerifyRegion").val(), captcha_id: $("#captcha_id").val(), captcha_output: $("#captcha_output").val(), gen_time: $("#gen_time").val(), lot_number: $("#lot_number").val(), pass_token: $("#pass_token").val() } var verifyResult = { //阿里云2.0版验证码状态 captchaResult: false, bizResult: '', }; $('#loading').modal('show'); $.ajax({ url: '/EP/VueJs/ContactUs', dataType: "json", async: false, type: 'POST', contentType: 'application/x-www-form-urlencoded; charset=utf-8', data: data, success: function (data) { console.log(data); if (data.code == 200) { InsertAdsaleInfoCookieLog_FormParams($("#form_CommonInq")); verifyResult = { captchaResult: true, bizResult: '', }; window.location.href = data.data; } else if (data.code == 206) { //验证不通过 $("#aliyunCaptcha-btn-close").click(); alert("Verification failed. Please try again. " + "(" + "Error code：" + data.code + ")") } else { $("#aliyunCaptcha-btn-close").click(); alert("Input error, please check entry."+ "(" + "Error code：" + data.code + ")") } }, complete: function () { setTimeout(function () { $("#aliyunCaptcha-sliding-refresh").click(); $('#loading').modal('hide'); }, 500) }, error: function (jqXHR, textStatus, errorThrown) { $("#aliyunCaptcha-btn-close").click(); alert("Verification failed. Please try again. "+ "(" + "Error code：" + 500 + ")") } }); return verifyResult; } </script> </div> </div>  <div style="display:none">594_304</div>  <link rel="stylesheet" type="text/css" href="https://web.adsaleinfo.com/FormR/Scripts/CookieConsent/cookieconsent.min.css" /> <script src="https://web.adsaleinfo.com/FormR/Scripts/CookieConsent/cookieconsent.min.js"></script> <script> window.addEventListener("load", function () { try { window.cookieconsent.initialise({ "palette": { "popup": { "background": "#edeff5", "text": "#838391" }, "button": { "background": "#4b81e8" } }, "theme": "classic", "content": { "message": "This website uses cookies to ensure its efficient functioning and better browsing experience. By browsing this site you are agreeing to our use of cookies. For more information, please read our", "dismiss": "Accept and close", "link": "Privacy policy", "href": "https://www.epchinashow.com/EP/privacypolicy/eng/" } }) $(".cc-window").on("click", function (e) { if ($(e.target).closest('a').length) { } else { $(".cc-btn.cc-dismiss")[0].click(); } }) } catch (e) { console.log(e.message); console.log("GDPR Statement being blocked / failed to display."); } }); </script> <style> .buttonPhoto { width: 360px; background-color:#831d1b; } .buttonPhoto2 { /*background-color: #831d1b;*/ } .AClass { /*right: 8px;*/ /*position: absolute;*/ font-size:30px; z-index: 1; /* opacity: 0;*/ } .AClass:hover { /* opacity: 0;*/ color: #8b8686; } .BClass { /*right: 2px;*/ position: absolute; left:370px; z-index: 1; font-size: 2.5rem; color: #8b8686; } .bor_frame { position: relative; margin: 5px; border: 2px solid #b5684a; } #NewYear_ShowVideo { position: relative; padding: 15px; } .t_newyear { color: white; font-size: 20px; font-weight: bold; position: relative; top: 10px; } @media screen and (min-width: 1200px) { .NoContent594 { width: 30%; } .buttonPhoto2 { display: none !important; } } @media screen and (max-width: 1199px) { .buttonPhoto { background-color: #831d1b; display: block; left: 0; width: 280px; } } @media(min-width: 769px) and (max-width: 1249px) { .buttonPhoto2 { display: none !important; } } @media (max-width: 768px) { /* .buttonPhoto { display: none !important; }*/ .buttonPhoto2 { display: block; right:80px; } } @media (max-width:467px) { .BClass { position: static !important; } } </style> <div class="h_footer_bg "> <div class="container b_pt_30"> <div class="row b_mlr_15"> <div class="col-12 col-lg-6"> <div class="row"> <span class="footer_title" data-webr="lbl_FollowUs">Follow Us</span> </div> <div class="row"> <div class="f_contactus f_icon_circle"> <a href="https://www.facebook.com/ep.china" target="_blank"><span style=" margin-left: -2px;" class="icon-Facebook f_contactus_icon"></span></a> </div> <div class="f_contactus f_icon_circle"> <a href="https://www.linkedin.com/company/epshanghai/" target="_blank"><span style="margin: -2px -3px 0 2px;" class="icon-uniE783 f_contactus_icon"></span></a> </div> <div class="f_contactus f_icon_circle"> <a href="javascript:;" data-toggle="modal" data-target="#snsModal" style="font-weight:bold;"><span style="font-size: 38px; margin-left: -6px; margin-top: -2px;" class="icon-a-wechat f_contactus_icon"></span></a> </div> </div> </div> <div class="col-12 col-lg-6"> <div id="div_ENews"> <div class="container b_mt_20_s"> <div class="EnNew_Sub_Box"> <style> .div_eNews_pad { padding-top: 0px !important; } .form-group-news { margin-bottom: 1rem; } .form-control-news { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out } </style> <div class="modal fade bs-subscribe" id="popup-subscribe" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="display: none;"> <div class="modal-dialog modal-md"> <div class="modal-body"> <div class="modal-content"> <div class="modal-body"> <div id="popup_GDPR" class="modal fade" role="dialog"> <div class="modal-dialog GDPR_Dialog">  <div class="modal-content GDPR_Content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal-body GDPR_Body"> <span> I hereby certify that I am at least 18 years old and agree to comply with the <a href="https://www.epchinashow.com/EP23/privacypolicy/eng/" target="_blank" class="b_color_main_a">privacy policy of The Adsale Group</a> and confirm that I have read and understand the policy, and I agree to the collection and use of my personal data as outlined in this Statement, including the use and provision of my personal data for direct marketing. </span> </div> <div class="modal-footer GDPR_Footer"> <input type="button" name="Submit" value=" =Lbl_GDPRdismissSubmit%>" onclick="ShowEnewsVC()" class="btn_submit" style="width: 140px; height: 40px; color: rgb(255, 255, 255); background-color: rgb(75, 129, 232); border-color: transparent;" />  </div> </div> </div> </div> <link href="/EP/Files/css/SubmitForm.css?id=2025072111" rel="stylesheet" /> <style type="text/css"> .cover { position: fixed; z-index: 8888; top: 0px; left: 0px; display: none; width: 100%; height: 100%; opacity: 0.5; background: #000 none repeat scroll 0% 0%; } .loadingCN { margin-left: auto; margin-right: auto; width: 400px; /*height: 150px;*/ text-align: center; z-index: 9999; position: absolute; display: none; left: 630px; top: 200px; background-color: #FFFFFF; color: #565656; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 5px #000000; } .loadingEN { margin-left: auto; margin-right: auto; width: 400px; /*height: 200px;*/ text-align: center; z-index: 9999; position: absolute; display: none; left: 630px; top: 200px; background-color: #FFFFFF; color: #565656; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 5px #000000; } .col-form-label { padding-right: 0px; } .col-form-label > label { font-size: 16px; color: black; } .GDPR_Dialog { /*top: 20%;*/ padding-left: 20px; padding-right: 20px; } .GDPR_Body { text-align: center; } .GDPR_Footer { justify-content: center; } </style> <script type="text/javascript"> /*function bttunclose() { var tpo = document.getElementById('popup_bttn'); tpo.style.top = '-100000px'; floatEnable = 0; $("#popup_GDPR").css("display", "none"); $("#cover").css("display", "none"); }*/ function ShowGDPR() { var objForm = document.getElementById('form_CommonInq'); $("#CurrentUrlName").val("eNewsletter"); if (validate_enquiry(objForm)) { ShowEnewsVC(); //$('#popup_GDPR').modal('toggle'); /*$('#cover').fadeIn("slow"); var left = ($(window).width() - $('#popup_GDPR').outerWidth()) / 2; $('#popup_GDPR').css("left", left + "px"); var top = (($(window).height() - $('#popup_GDPR').height()) / 2) + $(window).scrollTop(); $('#popup_GDPR').css("top", top + "px"); $('#mBackLoad').css("display", "block"); $('#popup_GDPR').fadeIn("slow");*/ } } </script> <style type="text/css"> .cm_massage { border: #592845 solid; text-align: left; } .cm_massageheader { background: #592845; } #ipt_verifyCode { width: 90px; } </style> <style type="text/css"> #SubscribeEnewsFm { margin-bottom: 0px; } .SubscribeEnewsFmInputText { width: 150px; } .SubscribeEnewsFmSubmit { width: 80px; } table { border-collapse: initial; } </style> <div class="container"> <form method="post" name="SubscribeEnewsFm" id="SubscribeEnewsFm" action="">  <script type="text/javascript" charset="utf-8" src="https://aeis.alicdn.com/sd/nch5/index.js?t=2015052012"></script>  <input type="hidden" name="CurrentUrlName" id="CurrentUrlName" value="visitorenquiry" /> <input id="ValType" name="ValType" value="" type="hidden" />  <input id="ncToken" name="ncToken" type="hidden" /> <input id="csessionid" name="csessionid" type="hidden" /> <input id="sig" name="sig" type="hidden" /> <input id="CaptchaVerifyParam" name="CaptchaVerifyParam" type="hidden" />  <input type="hidden" id="captcha_id" name="captcha_id"/> <input type="hidden" id="captcha_output" name="captcha_output"/> <input type="hidden" id="gen_time" name="gen_time"/> <input type="hidden" id="lot_number" name="lot_number"/> <input type="hidden" id="pass_token" name="pass_token"/>  <div style="display: none;"> <input type="button" id="TencentCaptcha" class="button" data-appid="2082237479" data-cbfn="Tencentcallback" /> </div>  <div id="validCode" style="display: none;"> </div> <style> ._nc .stage1 .slider { height: 43px !important; border-radius: 0px !important; box-shadow: 0 0 3px #999 !important; background-color: #ddd !important; left: 0px; right: 0px; } ._nc .stage1 .track div { border-radius: 0 !important; color: #fff !important; } ._nc .stage1 .button { background-color: #FFF !important; height: 43px !important; margin: 0 !important; transition: unset !important; -webkit-transition: unset !important; } #verify_nc ._nc .stage1 .track div, #verify_nc ._nc .stage1 .label { line-height: 43px; height: 43px; text-align: center; font-size: 14px; font-weight: 400; text-shadow: none; padding-left: 50px; padding-right: 0px; } ._nc .stage1 .bg-green { background-color: #78c430 !important; padding-left: 0px !important; padding-right: 50px !important; } ._nc .stage1 .bg-red { background-color: #78c430 !important; padding-left: 0px !important; padding-right: 50px !important; } #popup-btnAliyunVerifyBox #verifyHeader { font-size: unset !important; line-height: unset !important; } .mfp-close { position: relative !important; float: right !important; } #aliyunCaptcha-sliding-wrapper #aliyunCaptcha-sliding-body #aliyunCaptcha-sliding-slider { background: #aaa; } </style> <div style="display: none"> <button id="aliyun_hide_button" class="d-none" type="button"></button> <div id="captcha-element_v2" class="p-3" style="min-height: 80px; text-align-last: center;"></div> </div> <script> function triggerAliyunVerify_v2(functionName) { /* initAliCaptcha();*/ /* $("#btnAliyunVerifyBox_v2").click();*/ initAliCaptcha(); //captcha.refresh(); /* [20240604][PJH] Alicloud verify 2.0 触发弹窗事件*/ if (functionName != null && functionName != "") { $("#aliyun_hide_button").attr("data-functionName", functionName); } } function onCloseTemp() { $.magnificPopup.close(); return false; } </script> <script type="text/javascript" src="https://o.alicdn.com/captcha-frontend/aliyunCaptcha/AliyunCaptcha.js" ></script> <script> let captcha; //initAliCaptcha(); function initAliCaptcha() { initAliyunCaptcha({ SceneId: '1mounry8', // 场景ID。根据步骤二新建验证场景后，您可以在验证码场景列表，获取该场景的场景ID prefix: '1f137l', // 身份标。开通阿里云验证码2.0后，您可以在控制台概览页面的实例基本信息卡片区域，获取身份标 //mode: 'embed',// [20240604][PJH] hidden,使用popup 模式 mode: 'popup', // 验证码模式。popup表示要集成的验证码模式为弹出式。无需修改 element: '#captcha-element_v2', //页面上预留的渲染验证码的元素，与原代码中预留的页面元素保持一致。 button: '#aliyun_hide_button', // 触发验证码弹窗的元素。button表示单击登录按钮后，触发captchaVerifyCallback函数。您可以根据实际使用的元素修改element的值 captchaVerifyCallback: captchaVerifyCallback, // 业务请求(带验证码校验)回调函数，无需修改 onBizResultCallback: onBizResultCallback, // 业务请求结果回调函数，无需修改 getInstance: getInstance, // 绑定验证码实例函数，无需修改 slideStyle: { width: 350, height: 43, }, // 滑块验证码样式，支持自定义宽度和高度，单位为px。其中，width最小值为320 px immediate: true, language: 'en', // 验证码语言类型，支持简体中文（cn）、繁体中文（tw）、英文（en） region: 'sgp', //验证码示例所属地区，支持中国内地（cn）、新加坡（sgp） //close: true // }); } $(function () { // 遍历表单增加一个VerifyRegion setTimeout(function () { $("form").each(function () { const input = document.createElement('input'); input.type = 'hidden'; input.name = 'VerifyRegion'; input.id = 'VerifyRegion'; input.value = 'sgp'; $(this).append($(input)); }); },1800) }) // 绑定验证码实例函数。该函数为固定写法，无需修改 function getInstance(instance) { captcha = instance; $("#aliyun_hide_button").click(); } // 业务请求(带验证码校验)回调函数 async function captchaVerifyCallback(captchaVerifyParam) { //onCloseTemp(); //$("#aliyunCaptcha-btn-close").click(); var data = escape(captchaVerifyParam); //VerifyCallback(escape(captchaVerifyParam)); $("#CaptchaVerifyParam").val(data); if (data) { var res = AliyunVerifyCallback_V2(); return res; } //const verifyResult = { // captchaResult: true, // 验证码验证是否通过，boolean类型，必选 // bizResult: '', // 业务验证是否通过，boolean类型，可选；若为无业务验证结果的场景，bizResult可以为空 //}; } function AliyunVerifyCallback_V2(data) { var functionName = $("#aliyun_hide_button").attr("data-functionName");; if (functionName != null && functionName != "") { try { var res = window[functionName](data); return res; } catch (e) { console.log(e); } } else { console.log("no callback function call"); } } // 业务请求验证结果回调函数 function onBizResultCallback(bizResult) { } </script> <div> <button id="geetest_button" class="d-none" type="button"></button> <div id="GeetestCaptcha" class="captcha"></div> </div> <script type="text/javascript" src="https://static.geetest.com/v4/gt4.js"></script> <script> initGeetest(); let captchaInstance; function initGeetest() { initGeetest4({ captchaId: 'dc1ea231905ee96b054358091cc71a4a', language: 1252 == 936 ? 'zho' : 1252 == 950 ? 'zho-tw' : 'eng', product: "bind", riskType: 'slide' }, function (captcha) { captcha.appendTo("#GeetestCaptcha"); //调用appendTo将验证码插入到页的某一个元素中 /*$("#geetest_button").click();*/ captcha.onReady(function () { document.querySelector(".geetest_feedback").style.display = "none"; document.querySelector(".geetest_box_logo").style.display = "none"; }).onSuccess(function () { var result = captcha.getValidate(); if (result != "" && result != null) { $("#captcha_id").val(result.captcha_id); $("#captcha_output").val(result.captcha_output); $("#gen_time").val(result.gen_time); $("#lot_number").val(result.lot_number); $("#pass_token").val(result.pass_token); var res = GeetestVerifyCallback(); return res; } }).onError(function () { }).onFail(function (failObj) { //记录前端滑动失败情况 let url = "https://web.adsaleinfo.com/vreg/PreregPFP/GeetestValidateLog?showcode=EP25" + "&urlname=visitorenquiry" + "&captchaId=" + failObj.captchaId + "&captchaType" + failObj.captchaType + "&failCount=" + failObj.failCount + "&lotNumber=" + failObj.lotNumber; $.ajax({ url: url, type: "POST", success: function () { }, error: function (jqXHR, textStatus, errorThrown) { console.log("onFail error") } }) }) captchaInstance = captcha; }); } //async function captchaVerifyCallbackGeetest(res) //{ } function triggerGeetestVerify(functionName) { //initGeetest(); if (functionName != null && functionName != "") { $("#geetest_button").attr("data-functionName", functionName); } captchaInstance.showCaptcha(); //显示验证码 } function GeetestVerifyCallback(data) { var functionName = $("#geetest_button").attr("data-functionName"); if (functionName != null && functionName != "") { try { var res = window[functionName](data); return res; } catch (e) { console.log(e); } } else { console.log("no geetest Callback function call"); } } </script> <script> function loadScript(src) { return new Promise((resolve, reject) => { var script = document.createElement('script'); script.src = src; script.onload = resolve; script.onerror = reject; document.head.appendChild(script); }); } $("#ValType").val("Geetest"); //oadScript('https://aeis.alicdn.com/sd/nch5/index.js?t=2015052012') // .then(() => { // // // // // $("#ValType").val("Geetest"); // // console.log('AliCloud Script loaded successfully'); // }) // .catch(() => { // console.error('AliCloud Script failed to load. Loading alternative script...'); // loadScript('https://web.adsaleinfo.com/VC/Content/Js/ValidCode.js') // .then(() => { // $("#ValType").val("FormValidCode"); // console.log('FormValidCode Script loaded successfully'); // //var ProjectCode = "WebZ_Cloud_EP25" + "_" + "visitorenquiry"; // var ProjectCode = "WebZ_Cloud_EP25_visitorenquiry"; // // //语言编号,从项目读取 // var codepage = "1252"; // //客户端Url,这个不用做修改的 // var clienturl = window.location.href; // //加载验证码源码 // obj = document.getElementById("ipt_verifyCode"); // if (!obj) { // getValidDatd(codepage, clienturl, ProjectCode); // } // }) // .catch(() => { // console.error('FormValidCode Script failed to load. Loading alternative script...'); // $("#ValType").val("Tencent"); // return loadScript('https://ssl.captcha.qq.com/TCaptcha.js'); // }) // }) function VerifyData(){ var ValType = $("#ValType").val(); var thisUrlName = $("#CurrentUrlName").val(); if(ValType=="AliCloud"){ triggerAliyunVerify("AliCloudVerifyCallback"); } else if (ValType == "AliCloud2.0") { triggerAliyunVerify_v2("TodoSubmit"); } else if (ValType == "Geetest"){ if (thisUrlName.toLowerCase().includes("enewsletter")) { triggerGeetestVerify("TodoSubmitNews"); } else { triggerGeetestVerify("TodoSubmit"); } } else if(ValType=="FormValidCode"){ LoadMessageBoxAndData(); $("#validCode").css('display', 'block'); $("#Verification").css('display', 'block'); } else if(ValType=="Tencent"){ $("#TencentCaptcha").click(); } } //阿里云验证Callback function AliCloudVerifyCallback(res) { $("#ncToken").val(res.ncToken); $("#csessionid").val(res.csessionid); $("#sig").val(res.sig); if(res){ //需要验证的页面中的方法 TodoSubmit(); } } //from四位数字验证 Callback function Callback(state) { if (state == "true") { //需要验证的页面中的方法 TodoSubmit(); } }; //TencentCallback window.Tencentcallback = function (res) { console.log(res); if (res.ret === 0) { document.getElementById("captcha_ticket").value = res.ticket; document.getElementById("captcha_randstr").value = res.randstr; if(res){ //需要验证的页面中的方法 TodoSubmit(); } } } </script> <input type="hidden" name="scope" id="scope" value=" " /> <div class="form-group-news row"> <div class="col-12 col-form-label"> <label style="font-size:20px !important;" class="mr-1 content_tit_purple">Subscribe eNewsletter</label> </div> </div> <span style="color:red;">*Mandatory Fields</span><br> <br> <div class="form-group-news row"> <div class="col-12 col-lg-3 col-sm-12 col-md-3 col-form-label"> <label style="color:red;">*</label> <label for="CompName">Company: </label> </div> <div class="col-12 col-lg-9 col-sm-12 col-md-8"> <input id="CompName" name="CompName" type="text" class="form-control-news" maxlength="100 " value=""> </div> </div> <div class="form-group-news row"> <div class="col-12 col-lg-3 col-sm-12 col-md-3 col-form-label"> <label style="color:red;">*</label> <label for="EName">Name: </label> </div> <div class="col-12 col-lg-9 col-sm-12 col-md-8"> <input id="EName" name="EName" type="text" class="form-control-news" maxlength="50 " value=""> </div> </div> <div class="form-group-news row"> <div class="col-12 col-lg-3 col-sm-12 col-md-3 col-form-label"> <label style="color:red;">*</label> <label for="Email">Email: </label> </div> <div class="col-12 col-lg-9 col-sm-12 col-md-8"> <input id="Email" name="Email" type="text" class="form-control-news" maxlength="100" value=""> </div> </div> <div class="form-group-news row"> <div class="col-12 col-lg-3 col-sm-12 col-md-3 col-form-label"> <label style="color:red;">*</label> <label for="rad">Language:</label> </div> <div class="col-12 col-lg-9 col-sm-12 col-md-8"> <select id="rad" name="rad" class="form-control-news"> <option value="1252" selected="selected"> English</option> <option value="950" > Traditional Chinese</option> <option value="936" > Simplified Chinese</option> </select> </div> </div> <div class="form-group-news row" style=display:none;> <div class="col-12 col-form-label"> <span style="color: #CC0000; margin-right: 5px;">*</span> <input id="chkIsOptOuts" name="chkIsOptOuts" value="" type="checkbox"> <label for="chkIsOptOuts" class="span_PreRegIfReceives"> I hereby certify that I am at least 18 years old and agree to comply with the <a href="https://www.epchinashow.com/EP23/privacypolicy/eng/" target="_blank" class="b_color_main_a">privacy policy of The Adsale Group</a> and confirm that I have read and understand the policy, and I agree to the collection and use of my personal data as outlined in this Statement, including the use and provision of my personal data for direct marketing. </label><br /> <input type="hidden" id="hd_Format" name="hd_Format" value="" /> </div> </div> <style> .span_PreRegIfReceives { width: 90%; display: inline-block; vertical-align: top; } @media (max-width: 768px) { .span_PreRegIfReceives { width: 85%; } } </style> <div class="row" style="border:1px solid #dddddd;margin-bottom: 15px;margin-top: 22px;"></div> <div class="form-group row"> <div class="col-12 col-form-label"> <span style="color: #CC0000; margin-right: 5px;">*</span> <input id="chkIsOpt1" name="chkIsOpt1" value="" type="checkbox"> <label for="chkIsOpt1" class="span_PreRegIfReceives"> I have read and agree to the <a href="https://www.epchinashow.com/EP/Disclaimer/eng" target="_blank" class="cms_a">Terms of Use </a>and <a href="https://www.epchinashow.com/EP/PrivacyPolicy/eng" target="_blank" class="cms_a"> Privacy Policy</a>. </label><br /> </div> </div> <div class="form-group row" style="display: none;"> <div class="col-12 col-form-label"> <span style="color: #CC0000; margin-right: 5px;">*</span> <input id="chkIsOpt2" name="chkIsOpt2" value="" type="checkbox" checked="checked"> <label for="chkIsOpt2" class="span_PreRegIfReceives"> I agree as the Adsale Group is headquartered in Hong Kong S.A.R., China, personal information may be accessed by their colleagues and third-party service providers from overseas locations to provide services. The same level of protection is in place and my rights stipulated in the Privacy Policy remain the same. </label><br /> </div> </div> <div class="form-group-news row"> <div class="col-12 col-form-label" style="text-align:center;">  <input id="captcha_ticket" name="captcha_ticket" type="text" hidden /> <input id="captcha_randstr" name="captcha_randstr" type="text" hidden /> <input type="button" name="Submit" value="Submit" class="buttons" onclick="ShowGDPR()" /> <input type="hidden" name="WAct" value="9105" /> </div> </div> </form>  </div> <iframe name="EnewsSub_Post" style="width: 0px; height: 0px; border: 0px;"></iframe> <script type="text/javascript"> function CheckMobile() { var objForm = document.getElementById('SubscribeEnewsFm'); if (validate_enquiry(objForm)) { bttunclose(); ValidCode(); } } //显示验证码 //function ShowVC() { // var objForm = document.getElementById('SubscribeEnewsFm'); // if (validate_enquiry(objForm)) { // $("#TencentCaptcha").click(); // } //} //新 function ShowEnewsVC() { var objForm = document.getElementById('SubscribeEnewsFm'); if (validate_enquiry(objForm)) { //引用VerifyHandler.cshtml中的方法 VerifyData(); } } //提交 function TodoSubmitNews() { var verifyResult = { captchaResult: false, bizResult: '', }; var CaptchaVerifyParam = $("#CaptchaVerifyParam").val(); var VerifyRegion = $("#VerifyRegion").val(); if (CaptchaVerifyParam == "" || CaptchaVerifyParam == undefined || CaptchaVerifyParam == null) { sumbit(); } else { $.ajax({ url: "/EP25/Form/ValidateAliyunVerify_v2", dataType: "json", async: false, data: { CaptchaVerifyParam: CaptchaVerifyParam, VerifyRegion: VerifyRegion },//[20240604][PJH] Aliyun 2.0 传参 contentType: 'application/x-www-form-urlencoded; charset=utf-8', type: "POST", success: function (data) { console.log(data); if (data.code == 200) { InsertAdsaleInfoCookieLog_FormParams($("#SubscribeEnewsFm")); verifyResult = { captchaResult: true, bizResult: '', }; sumbit(); } else if (data.code == 206) { //验证不通过 $("#aliyunCaptcha-btn-close").click(); alert("Verification failed. Please try again. "+ "(" + "Error code：" + data.code + ")") } else { $("#aliyunCaptcha-btn-close").click(); alert("Input error, please check entry."+ "(" + "Error code：" + data.code + ")") } }, complete: function () { setTimeout(function () { $("#aliyunCaptcha-sliding-refresh").click(); }, 500) }, error: function () { console.log(data); $("#aliyunCaptcha-btn-close").click(); alert("Verification failed. Please try again. "+ "(" + "Error code：" + data.code + ")") } }); return verifyResult; } } function sumbit() { var vType = $("#ValType").val(); var objForm = $('#SubscribeEnewsFm'); $(".btn_submit").attr("disabled", true); // Recall the method to fix not being able to insert cookie using default method InsertAdsaleInfoCookieLog_FormParams($('#SubscribeEnewsFm')); $.ajax({ url: objForm.attr('action') || window.location.pathname, type: "POST", data: objForm.serialize(), success: function (data) { alert("Thank you for subscribing! You have successfully subscribed to the eNewsletter."); $("#aliyunCaptcha-btn-close").click(); objForm[0].reset(); $(".btn_submit").attr("disabled", false); $("#popup_GDPR").modal("hide"); $("#widget-subscribe-form-email").val(""); $("#popup-subscribe").modal("hide"); if (vType =="FormValidCode") { $("#validCode").css('display', 'none'); $("#Verification").css('display', 'none'); } }, error: function (jXHR, textStatus, errorThrown) { $(".btn_submit").attr("disabled", false); if (jXHR.status == 0) { alert("Thank you for subscribing! You have successfully subscribed to the eNewsletter."); $("#aliyunCaptcha-btn-close").click(); objForm[0].reset(); $(".btn_submit").attr("disabled", false); $("#popup_GDPR").modal("hide"); $("#widget-subscribe-form-email").val(""); $("#popup-subscribe").modal("hide"); } else { alert(errorThrown); } } }); } function Submit_success() { alert("Thank you for subscribing! You have successfully subscribed to the eNewsletter. "); var objForm = document.getElementById('SubscribeEnewsFm'); objForm.reset(); } function Submit_fail() { alert('failed'); } function validate_enquiry(objForm) { if ($('#CompName').val() == '') { alert('Please input your Company '); $('#CompName').focus(); return false; } if ($('#EName').val() == '') { alert('Please input your Name '); $('#EName').focus(); return false; } if ($('#Email').val() == '') { alert('Please input your Email '); $('#Email').focus(); return false; } else { if (!ValidatorEmail($('#Email').val())) { alert('Please fill in a valid Email '); $('#Email').focus(); return (false); } } if (!document.getElementById("chkIsOpt1").checked) { alert('Please read and agree the policy'); document.getElementById("chkIsOpt1").focus; return (false); } if (!document.getElementById("chkIsOpt2").checked) { alert('Please read and agree the policy'); document.getElementById("chkIsOpt2").focus; return (false); } if ('False ' == "True" || 'False'== "True") { if ($('#CellNum').val() == '') { alert('Please input your Mobile '); $('#CellNum').focus(); return false; } } if ('False ' == "True") { if ($('#Country_id').val() == 0) { alert('Please input your Country / Region '); $('#Country_id').focus(); return false; } } if ("False" == "True" && "True" == "True") { if (!document.getElementById("chkIsOptOuts").checked) { tmp = 'Please read and agree the privacy policy of The Adsale Group'; alert(tmp); document.getElementById("chkIsOptOuts").focus; return (false); } } return true; } function Submit_success() { $("#validCode").css('display', 'none'); alert("Thank you for subscribing! You have successfully subscribed to the eNewsletter. "); var objForm = document.getElementById('SubscribeEnewsFm'); objForm.reset(); } function Submit_fail() { alert('failed'); } </script> </div> </div> </div> </div> </div> <div class="row"> <div class="col-12 col-lg-4 col-sm-12 align-self-center"> <span class="footer_title" data-webr="Lbl_Subscribeforupdates">Subscribe for updates</span> </div> </div> <div class="row"> <div class="subscribe-widget" data-loader="button" style="width:100%;"> <div class="widget-subscribe-form-result"></div> <form id="widget-subscribe-form" action="" role="form" method="post" class="nobottommargin fadeInUp animated" data-animate="fadeInUp" novalidate="novalidate"> <div class="input-group b_mt_20" > <input type="text" id="widget-subscribe-form-email" autocomplete="email" maxlength="30" name="widget-subscribe-form-email" onblur="emaliTest()" class="form-control h_news_input" placeholder='Email' style="height: 44px; border: 0px;"> <div class="input-group-append subscribe-btn h_input_bg" style=""> <button href="#" onclick="emailtoSubscribe(); return false;" sty class="f_news_button"> Subscribe </button> </div> </div> </form> </div></div> <div class="row" style=" height:30px;"> <p id="errorMsg" style="color:red;"> </p> </div> <script> function emaliTest() { var emailVal = $("#widget-subscribe-form-email").val(); var mail = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; $("#errorMsg").html('') var ispass = mail.test(emailVal) if (emailVal != "" && ispass == false) { $("#errorMsg").html('Email is Invalid.') return false; } return true; } function emailtoSubscribe() { /* */ var emailVal = $("#widget-subscribe-form-email").val(); var ispass = emaliTest(); if (ispass) { if ($("#Email") != NaN) { $("#Email").val(emailVal); $("#popup-subscribe").modal('show') } } else { $("#errorMsg").html('Email is Invalid.') } return true; } $(".modal").on("shown.bs.modal", function () { if ($(".modal-backdrop").length > 1) { $(".modal-backdrop").not(':first').remove(); } }); $("#popup-subscribe").on("click", function () { $("#popup_GDPR").hide(); }); </script> </div> </div> </div> </div> </div> </div> </div> <div class="c_bg_footer"> <div class="container c_footer"> <div class="row b_mlr_15_s"> <div class="h_footer_menu justify-content-start"> <a href="/EP/aboutep/eng" t_label="Footer_AboutUs" class="special_menu" target="_blank" data-webr="Footer_AboutUs">About Us</a> <a href="/EP/disclaimer/eng" t_label="Footer_TermsofUse" target="_blank" data-webr="Footer_TermsofUse">Terms of Use</a> <a href="/EP/privacypolicy/eng" t_label="Footer_PrivacyPolicyStatement" target="_blank" data-webr="Footer_PrivacyPolicyStatement"> Privacy Policy </a> <a href="/EP/contactus/eng" t_label="Footer_ContactUs" target="_blank" data-webr="Footer_ContactUs"> Contact Us</a> <a href="https://adlnk.cn/eVrQVRe" t_label="Footer_AdsaleExhibitionProgram" class="h_brnone pro_mt_10" target="_blank" data-webr="Footer_AdsaleExhibitionProgram"> Adsale Exhibition Program</a> </div> <div data-webr="Lbl_Footer_CopyRight" class="h_footer_copyright"> Copyright © www.epchinashow.com. All rights reserved. </div> </div> </div> </div> <div class="kfc"> <a href="/EP/contactus/eng" class="footer-lr-icon-container i-kfc-tel trans"> <span class="icon-uniE844 footer-lr-icon"></span> <strong style="color: #fff">Contact Us</strong> </a> <a href="javascript:;" class="footer-lr-icon-container i-kfc-wx trans"> <span class="icon-wechat1 footer-lr-icon"></span> <i class="s_qr trans" style="background-image: url( https://cdn.adsalecdn.com/EP25/Files/Image/Content/EP_WeChat_new.jpg);"></i> </a> <a href="/EP/aboutep/eng#Venue_and_FloorPlan" class="footer-lr-icon-container i-kfc-ques trans"> <span class="icon-uniE62A footer-lr-icon trans"></span> <strong style="color: #fff">Venue & Floor Plan</strong> </a> <a id="back2top" class="footer-lr-icon-container i-kfc-back trans " href="####"> <span class="icon-uniE7A6 footer-lr-icon"></span> </a> </div> <div class="modal fade" id="snsModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog snsModal_Wechat"> <div class="modal-content"> <img src="https://cdn.adsalecdn.com/EP25/Files/Image/Content/EP_WeChat_new.jpg" /> </div> </div> </div> <script type="text/javascript"> //function playfun() { // var video = document.getElementById('NewYear_ShowVideo'); // video.muted = false; // if (video.currentTime == 0) { // video.play(); // } else { // console.log("视频正在播放中"); // } //} // document.body.addEventListener('mousedown', function () { // playfun(); // }, false); // document.addEventListener("touchstart", function () { // playfun(); // }, false); // document.addEventListener("WeixinJSBridgeReady", function () { // playfun(); // }, false); // hide #toTop first $("#back2top").css("visibility", "hidden"); function getDocumentTop() { var scrollTop = 0, bodyScrollTop = 0, documentScrollTop = 0; if (document.body) { bodyScrollTop = document.body.scrollTop; } if (document.documentElement) { documentScrollTop = document.documentElement.scrollTop; } scrollTop = (bodyScrollTop - documentScrollTop > 0) ? bodyScrollTop : documentScrollTop; return scrollTop; } window.onscroll = function () { //监听事件内容 var scrollTop = getDocumentTop(); if (scrollTop > 100) { $("#back2top").css("visibility", "visible").css('opacity', 1); } else { $("#back2top").css("visibility", "hidden").css('opacity', 0); } } $('#back2top').click(function () { $('body,html').animate({ scrollTop: 0 }, 'slow'); return false; }); </script>  <div style="position: absolute; top: -200000px; width: 1px; height: 1px;"> </div> <script> // Start Responsive Revamp var _hmt = _hmt || []; function recordOutboundLink(link, category, action) { _hmt.push(['_trackEvent', category, action]); ga('send', 'event', category, action); } // End Responsive Revamp function CloseButtonPhotoDiv() { $(".buttonPhoto").hide(); var video = document.getElementById("NewYear_ShowVideo"); //video.removeAttribute('src'); //video.load(); //video.parentNode.removeChild(video); var video = document.getElementById("NewYear_ShowVideo"); video.pause(); // 暂停播放 } /* function CloseButtonPhotoDiv2() { $(".buttonPhoto2").hide(); var video = document.getElementById("NewYear_ShowVideo_mob"); video.removeAttribute('src'); video.load(); video.parentNode.removeChild(video); }*/ //function CloseButtonPhotoDiv() { // $(".buttonPhoto").hide(); //} //function CloseButtonPhotoDiv2() { // $(".buttonPhoto2").hide(); //} </script> <script> function onPageLoading(isTrue) { if (isTrue) { $(".full-page-load").show(); } else { $(".full-page-load").hide(); } } </script> <div class="full-page-load" style="display:none"> <div class="css3-spinner-bounce1"></div> <div class="css3-spinner-bounce2"></div> <div class="css3-spinner-bounce3"></div> </div> <a id="btnmsgbox" href="#msg-popup" class="open-popup-link" style="display:none;"></a> <div class="modal1 mfp-hide msg-overlay" id="msg-popup"> <div class="block divcenter" style="background-color: #FFF; max-width: 700px;"> <div id="divmsgbox" class=" p-5"> <h3 id="verifyHeader" class="inner_tit20"></h3> <p id="msgboxVerifyMsg" class="nobottommargin msgContent"></p> </div> <div class="section center nomargin" style="padding: 30px;"> <button id="btn_msgpopup_back" class="button" onClick="onClose(); return false;" data-webres="Lbl_Back">Back</button> </div> </div> </div> <a id="btnConfirmMsgbox" href="#confirm-msg-popup" class="open-popup-link" style="display:none;"></a> <div class="modal1 mfp-hide" id="confirm-msg-popup"> <div class="block divcenter" style="background-color: #FFF; max-width: 700px;"> <div class="center" style="padding: 50px;"> <h3 id="confirmVerifyHeader" class="inner_tit20"></h3> <p id="confirmMsgboxVerifyMsg" class="nobottommargin div_textalign msgContent"></p> </div> <div class="section center nomargin" style="padding: 30px;"> <a href="#" class="button" id="confirmBox_confirm" data-webres="lbl_confirm">Close</a> <a href="#" class="button" id="confirmBox_cancel" onClick="onClose()" data-webres="Lbl_Back">Back</a> </div> </div> </div> <a id="btnIsConfirmMsgbox" href="#isConfirm-msg-popup" class="open-popup-link" style="display:none;"></a> <div class="modal1 mfp-hide" id="isConfirm-msg-popup"> <div class="block divcenter" style="background-color: #FFF; max-width: 700px;"> <div class="center" style="padding: 50px;"> <h3 id="isConfirmVerifyHeader" class="inner_tit20"></h3> <p id="isConfirmMsgboxVerifyMsg" class="nobottommargin div_textalign msgContent"></p> </div> <div class="section center nomargin" style="padding: 30px;"> <a href="#" class="button" id="isConfirmBox_confirm" data-webres="lbl_confirm">Close</a> <a href="#" class="button" id="isConfirmBox_cancel" onClick="onClose()" data-webres="lbl_cancel"></a> </div> </div> </div>  <div class="modal fade" id="Browser_tipsModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display:none;"> <div class="modal-dialog" style="top:20%;"> <div class="modal-content Browser_tipsBox"> <div class="modal-body " data-webres="lbl_Browser_tipsMsg" style="text-align:center;font-size:16px;"> Due to browser incompatibility, some interface may not be fully viewed. For optimal performance, we recommend you to use below browsers. <div style="margin-top:30px;margin-bottom:10px;"> <a href="http://www.firefox.com.cn/" target="_blank" style="display:inline-block;width:60px;margin-right:20px;"><img loading='lazy' src="https://cdn.adsalecdn.com/WebZ22/Images/BrowserTip/1.png" />Firefox</a> <a href="https://www.google.cn/intl/zh-CN/chrome/" target="_blank" style="display:inline-block;width:60px;margin-right:20px;"><img loading='lazy' src="https://cdn.adsalecdn.com/WebZ22/Images/BrowserTip/2.png" />Chrome</a> <a href="https://support.apple.com/zh_CN/downloads/safari" target="_blank" style="display:inline-block;width:60px;margin-right:20px;"><img loading='lazy' src="https://cdn.adsalecdn.com/WebZ22/Images/BrowserTip/3.png" />Safari</a> <a href="https://browser.qq.com/?adtag=SEM170314031" target="_blank" style="display:inline-block;width:60px;margin-right:20px;"><img loading='lazy' src="https://cdn.adsalecdn.com/WebZ22/Images/BrowserTip/4.png" />QQ</a> <a href="https://www.microsoft.com/zh-cn/edge" target="_blank" style="display:inline-block;width:60px;"><img loading='lazy' src="https://cdn.adsalecdn.com/WebZ22/Images/BrowserTip/5.png" />Edge</a> </div> </div> <div style="text-align:center;"> <button type="button" class="Browser_tipsCloseBtn btn btn-default" data-webres="lbl_confirm" data-dismiss="modal" style="width: 100px;margin:auto;color: #fff;background-color: #E65513;margin-bottom:20px;height:38px;font-size:16px;line-height:23px;">Close</button> </div> </div> </div> </div> <script> //判断是否是IE浏览器 function isIE() { if (!!window.ActiveXObject || "ActiveXObject" in window) { return true; } else { return false; } } $(function () { var isieres = isIE(); if (isieres == true || (typeof Promise == "undefined")) { $("#Browser_tipsModal").modal('show') } }) </script>   <style> </style> <script> var PageId = "304"; var UrlName = "VisitorEnquiry"; var LangId = "1252"; var CookieGuid = "890400f07bea4e75a47c5472c8c5df9c"; var APIShowCode = "EP25"; var focusElement = null; var selectElement = null; function InsertAdsaleInfoCookieLog_FormParams(formElement) { // Update Cookies AdsaleInfo Form Params var formInfo = { "VisitUrl": window.location.href, "PostUrl": formElement[0].action, "FormParams": formElement.serialize(), "ShowCode": "EP25", "ShowId": "594", }; $.ajax({ url: "/EP/WebApi/InsertAdsaleInfoCookieLog_FormParams", type: "POST", data: formInfo, success: function (result) {} }); } $(function () { var isInsert = true; if (APIShowCode == "EP24" &&304== 404) { isInsert = false; } if (isInsert) { $("form").on("submit", function () { // Update Cookies AdsaleInfo Form Params InsertAdsaleInfoCookieLog_FormParams($(this)); }); } //$('.open-popup-link').magnificPopup({ // type: 'inline', // closeOnContentClick: false, // closeOnBgClick: false, // showCloseBtn: false, // midClick: true // allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source. //}); }); function onClose() { $.magnificPopup.close(); $('html, body').css({ height: 'auto' }); $('html, body').css('overflowY', 'auto'); $('html, body').css('overflowX', 'hidden'); if (focusElement != null) { focusElement.focus(); //$(window).scrollTop($('#' + focusElement.id).position().top); focusElement = null; } if (selectElement != null) { selectElement.select(); selectElement = null; } return false; } function AlertOpen(msg) { CustomMsgBox("", msg); } function CustomMsgBox(msg, title) { if (title != "") { $("#verifyHeader").show(); $("#verifyHeader").html(title); } else { $("#verifyHeader").hide(); } $("#msgboxVerifyMsg").html(msg); $('#btnmsgbox').click(); } function onPageLoading(isTrue) { if (isTrue) { $(".full-page-load").show(); } else { $(".full-page-load").hide(); } } </script> <script type="text/javascript"> $(function () { var CustomizeWechatShare = function () { var WXConfig = { debug: false, appId: 'wx12ca37cce0b9ace9', timestamp: '6387577604', nonceStr: '45864', //生成签名的随机串 signature: '', jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData', 'onMenuShareTimeline', 'onMenuShareAppMessage', 'hideMenuItems', 'hideAllNonBaseMenuItem'] //需要使用的JS接口列表，见开发文档附录2 }; wx.config(WXConfig); wx.error(function (res) { if ("true" == "") { alert(JSON.stringify(res)); alert(JSON.stringify(WXConfig)); alert(location.href.split('#')[0]); } }); // 微信conifg验证完成后，进入ready方法 setTimeout(() => { wx.ready(() => { //分享给好友 wx.updateAppMessageShareData({ title: '', // 分享标题 desc: 'Join EP Shanghai 2025, the leading electric power exhibition in China, organized by the China Electricity Council and the State Grid Corporation of China. Visit EP from November 18-20 at the Shanghai New International Expo Centre (Hall N1-N5, E7 & W5).', // 分享描述 link: 'https://www.epchinashow.com/EP/visitorenquiry/eng', // 分享链接，该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致 imgUrl: 'https://cdn.adsalecdn.com/ShowWebsite/ShareLogo/EP_Share_logo.jpg', // 分享图标 success: function () { // 设置成功 } }), //分享到朋友圈 wx.updateTimelineShareData({ title: '', // 分享标题 link: 'https://www.epchinashow.com/EP/visitorenquiry/eng', // 分享链接，该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致 imgUrl: 'https://cdn.adsalecdn.com/ShowWebsite/ShareLogo/EP_Share_logo.jpg', // 分享图标 success: function () { // 设置成功 } }), //分享给好友 wx.onMenuShareAppMessage({ //link: encodeURIComponent(document.location.href.split('#')[0]), //分享附带链接地址 link: "https://www.epchinashow.com/EP/visitorenquiry/eng", desc: "Join EP Shanghai 2025, the leading electric power exhibition in China, organized by the China Electricity Council and the State Grid Corporation of China. Visit EP from November 18-20 at the Shanghai New International Expo Centre (Hall N1-N5, E7 & W5).", // 分享描述 title: "", //分享标题 imgUrl: "https://cdn.adsalecdn.com/ShowWebsite/ShareLogo/EP_Share_logo.jpg", type: '', // 分享类型,music、video或link，不填默认为link dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空 success: function () { //用户确认分享后，统计分享次数 // StatisShareNumFunc(); //alert("success"); }, cancel: function () { } }), //分享到朋友圈 // Ref: https://developers.weixin.qq.com/doc/offiaccount/en/OA_Web_Apps/JS_SDK.html#7 wx.onMenuShareTimeline({ link: "https://www.epchinashow.com/EP/visitorenquiry/eng", title: "", imgUrl: "https://cdn.adsalecdn.com/ShowWebsite/ShareLogo/EP_Share_logo.jpg", success: function () { //统计分享次数 // StatisShareNumFunc(); //alert("success"); }, cancel: function () { //用户取消分享后执行动作 //alert("canceled"); } }); wx.hideMenuItems({ menuList: ["menuItem:share:qq", "menuItem:share:email", "menuItem:originPage", "menuItem:share:weiboApp", "menuItem:favorite", "menuItem:share:facebook", "menuItem:share:QZone"] // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮 }); }); }, 300) }; // 如果沒有引用wechat的js. 現在引用，然後callback CustomizeWechatShareh的自定義功能 if (typeof wx == 'undefined') { var loadJS = function (url, implementationCode, location) { var scriptTag = document.createElement('script'); scriptTag.src = url; scriptTag.onload = implementationCode; scriptTag.onreadystatechange = implementationCode; location.appendChild(scriptTag); }; loadJS('/EP/Scripts/jweixin-1.4.0.js', CustomizeWechatShare, document.body); } else { CustomizeWechatShare(); } }); </script> <style> #st-1 .st-btn { padding: 0 8px; } </style> <script type="text/javascript"> $(function () { $("#sharebtn").click(function () { $(".mask").show(); }) $("#knowbtn").click(function () { $(".mask").hide(); }) }) </script> <style> .sharebtn { position: fixed; z-index: 120; right: 15px; bottom: 135px; width: 58px; height: 58px; text-align: center; } .sharetxt { position: absolute; bottom: 12px; left: 0; width: 100%; font-size: 11px; color: #fff; } @media screen and (max-width: 768px) { .sharebtn { display: block; } } .mask { width: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 15000; background-color: rgba(0, 0, 0, 0.5); } .mask_title { width: 60%; height: 106px; position: absolute; top: 120px; left: 0; right: 0; margin: auto; } .mask_know { width: 36%; height: 52px; position: absolute; top: 300px; left: 0; right: 0; margin: auto; } </style> </body> </html>

CINXE.COM

Visiting Enquiry - EP Shanghai 2025/Electrical Shanghai 2025