Design Your System-LumenHaus

<!DOCTYPE html>      <html>  <head> <meta charset="utf-8"> <meta name="author" content="guanwang"/> <meta name="renderer" content="webkit"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <meta content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1" name="viewport"/> <link rel="shortcut icon" href="/static/cn/img/favicon.ico" type="image/x-icon"/> <script> if ( /*@cc_on!@*/ false && document.documentMode === 10) document.documentElement.className += ' ie10'; </script> <script> if ( /*@cc_on!@*/ false && document.documentMode === 11) document.documentElement.className += ' ie11'; </script>  <link rel="stylesheet" type="text/css" href="/static/cn/system/css/animate.min.css"/> <link rel="stylesheet" type="text/css" href="/static/cn/system/css/base.css"/> <link rel="stylesheet" type="text/css" href="/static/cn/system/css/reset.css"/> <link rel="stylesheet" href="/static/cn/system/css/swiper-bundle.css"> <link rel="stylesheet" type="text/css" href="/static/cn/system/css/system.css"/> <link rel="stylesheet" type="text/css" href="/static/cn/system/layui/css/layui.css"/> <link rel="stylesheet" type="text/css" href="/static/cn/system/css/jquery.mCustomScrollbar.css"/>  <meta charset="utf-8"> <meta name="author" content="guanwang" /> <meta name="renderer" content="webkit" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1" name="viewport" /> <title>Design Your System-LumenHaus</title> <meta name="keywords" content="Smart Home Energy Solution" /> <meta name="description" /> <link rel="shortcut icon" href="/static/cn/img/favicon.ico" type="image/x-icon"> <link rel="stylesheet" href="/static/cn/css/animate.min.css" /> <link rel="stylesheet" href="/static/cn/css/base.css" /> <link rel="stylesheet" href="/static/cn/css/reset.css" /> <script src="/static/cn/js/wow.min.js" type="text/javascript" charset="utf-8"></script> <script src="/static/cn/js/jquery-3.5.1.js"></script>  <script></script> <style> .head { top: -76px; } @media screen and (max-width: 998px) { .ctn { margin-top: 60px; } .head { top: -0px; } } </style> </head> <div class="head"> <div class="logo"> <a href="/"> <img src="https://file.lumenhaus.com/upload/image/2024/03/28/c8627db5-68c6-4388-84c2-e5d216b5b02c.png"> </a> </div> <div class="head_nav"> <div class="navge clearfix"> <div data-column="335"> <div class="nav1 fnt_18 xuan"><a href="/category/solution.html">LumenHaus System</a></div> <div class="nav2"> <div class="w1440"> <div class="nav2_flx"> <div> <a class="nav_img" href="/category/one.html"> <img src="https://file.lumenhaus.com/upload/image/2024/11/26/7dd626be-a8d6-4f83-8292-3a40830086ab.png" alt="SUNSAVER"> </a> <a class="fnt_18 nav2_tit" href="/category/one.html">SUNSAVER</a> <div ddd="M000437" class="fnt_16 nav2_des">A Power Bank for Your Home</div> <a class="nav_more" href="/category/one.html"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> <div> <a class="nav_img" href="/category/collection.html"> <img src="https://file.lumenhaus.com/upload/image/2024/03/28/513d123e-9d81-4b70-946c-9cae72158f26.png" alt="SUNCATCHER"> </a> <a class="fnt_18 nav2_tit" href="/category/collection.html">SUNCATCHER</a> <div ddd="M000341" class="fnt_16 nav2_des">Illuminate Your Home Elegantly</div> <a class="nav_more" href="/category/collection.html"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> <div> <a class="nav_img" href="/category/charging.html"> <img src="https://file.lumenhaus.com/upload/image/2024/03/27/e5d64633-ef7b-4b19-9c66-ebef9752a301.png" alt="SUNCHARGER"> </a> <a class="fnt_18 nav2_tit" href="/category/charging.html">SUNCHARGER</a> <div ddd="M000342" class="fnt_16 nav2_des">Smart and Safe Experience, Travel Freely with Full Power</div> <a class="nav_more" href="/category/charging.html"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> <div> <a class="nav_img" href="/category/pump.html"> <img src="https://file.lumenhaus.com/upload/image/2024/11/26/c1c43fbf-9a10-4c54-849b-f4c635f05dce.png" alt="SUNHEATER"> </a> <a class="fnt_18 nav2_tit" href="/category/pump.html">SUNHEATER</a> <div ddd="M000433" class="fnt_16 nav2_des">Comfort Your Daily Life</div> <a class="nav_more" href="/category/pump.html"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> <div> <a class="nav_img" href="/category/app.html"> <img src="https://file.lumenhaus.com/upload/image/2024/11/26/bc2430c3-83b3-4f6c-86c0-bb1a38db0527.jpg" alt="myLumenHaus APP"> </a> <a class="fnt_18 nav2_tit" href="/category/app.html">myLumenHaus APP</a> <div ddd="M000443" class="fnt_16 nav2_des">Smart, Green, and Secure – Energy at Your Fingertips</div> <a class="nav_more" href="/category/app.html"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> </div> </div> </div> </div> <div data-column="336"> <div class="nav1 fnt_18 xuan"><a href="/category/support.html">Support</a></div> <div class="nav2"> <div class="w1440"> <div class="nav2_flx"> <div> <a class="nav_img" href="/category/support.html?loc=0"> <img src="https://file.lumenhaus.com/upload/image/2024/03/28/6f87bf7e-4e8e-4c52-8975-db673d55a4ff.png" alt="Downloads"> </a> <a class="fnt_18 nav2_tit" href="/category/support.html?loc=0">Downloads</a> <div ddd="M000361" class="fnt_16 nav2_des"></div> <a class="nav_more" href="/category/support.html?loc=0"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> <div> <a class="nav_img" href="/category/support.html?loc=1"> <img src="https://file.lumenhaus.com/upload/image/2024/03/28/b4bad59b-d088-4eb3-9c59-491a45fd0e07.png" alt="FAQs"> </a> <a class="fnt_18 nav2_tit" href="/category/support.html?loc=1">FAQs</a> <div ddd="M000362" class="fnt_16 nav2_des"></div> <a class="nav_more" href="/category/support.html?loc=1"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> <div> <a class="nav_img" href="/category/support.html?loc=2"> <img src="https://file.lumenhaus.com/upload/image/2024/03/29/880386a4-edc9-407e-b26e-4193326c7fc6.png" alt="Contact Us"> </a> <a class="fnt_18 nav2_tit" href="/category/support.html?loc=2">Contact Us</a> <div ddd="M000346" class="fnt_16 nav2_des">Make your home energy, independent at all times</div> <a class="nav_more" href="/category/support.html?loc=2"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> </div> </div> </div> </div> <div data-column="337"> <div class="nav1 fnt_18 xuan"><a href="/category/about.html">About Us</a></div> <div class="nav2"> <div class="w1440"> <div class="nav2_flx"> <div> <a class="nav_img" href="/category/about.html"> <img src="https://file.lumenhaus.com/upload/image/2024/04/12/215fd12b-d80c-4efb-a4cb-b689377e0180.png" alt="About LumenHaus"> </a> <a class="fnt_18 nav2_tit" href="/category/about.html">About LumenHaus</a> <div ddd="M000347" class="fnt_16 nav2_des">Powering Green Future Together</div> <a class="nav_more" href="/category/about.html"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> <div> <a class="nav_img" href="/news/news.html"> <img src="https://file.lumenhaus.com/upload/image/2024/03/28/8ecc17e0-d3d0-4aa9-b1cf-0b005317def9.png" alt="What's New"> </a> <a class="fnt_18 nav2_tit" href="/news/news.html">What's New</a> <div ddd="M000348" class="fnt_16 nav2_des"></div> <a class="nav_more" href="/news/news.html"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> <div> <a class="nav_img" href="/category/recruit.html"> <img src="https://file.lumenhaus.com/upload/image/2024/03/28/1bfe4317-86e4-491b-b0c5-99a3e5003010.png" alt="Careers"> </a> <a class="fnt_18 nav2_tit" href="/category/recruit.html">Careers</a> <div ddd="M000349" class="fnt_16 nav2_des">Thriving with us. Be part of something bigger.</div> <a class="nav_more" href="/category/recruit.html"> <svg t="1710919713402" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4720" width="20" height="20"><path d="M841.076364 546.909091H162.909091a34.909091 34.909091 0 0 1 0-69.818182h678.167273a34.909091 34.909091 0 0 1 0 69.818182z" fill="#fd972c" p-id="4721"></path><path d="M861.090909 546.909091a34.443636 34.443636 0 0 1-24.901818-10.472727l-182.458182-186.181819A34.909091 34.909091 0 0 1 703.534545 302.545455l182.458182 186.181818a34.909091 34.909091 0 0 1 0 49.338182 34.443636 34.443636 0 0 1-24.901818 8.843636z" fill="#fd972c" p-id="4722"></path><path d="M678.632727 733.090909a34.909091 34.909091 0 0 1-24.901818-58.181818l182.458182-186.181818a34.909091 34.909091 0 1 1 49.803636 48.872727l-182.458182 186.181818a34.443636 34.443636 0 0 1-24.901818 9.309091z" fill="#fd972c" p-id="4723"></path></svg> </a> </div> </div> </div> </div> </div> <div class="nav_line"></div> <div data-column="338"> <div class="nav1 fnt_18"><a href="/">Private</a></div> </div> <div data-column="339"> <div class="nav1 fnt_18"><a href="/category/partner.html">Partner</a></div> </div> </div> <a class="nav_design" href="/system.html"><i>Design Your System</i></a> <div class="country"> <svg t="1710921325628" class="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5969" width="28" height="28"><path d="M499.0546170311111 431.73862741333335c0-2.5890770488888886 0-2.5890770488888886 0 0 0-2.5890770488888886 0 0 0 0z m168.28997518222224 186.4135111111111z m5.17815296 0h-5.17815296s2.5890770488888886 2.5890770488888886 5.17815296 0zM506.82184703999997 64.08975815111108c-243.37319480888888 0-442.7320888888889 196.76981703111107-442.7320888888889 442.7320888888889s196.76981703111107 442.7320888888889 442.7320888888889 442.7320888888889c243.37319480888888 0 442.7320888888889-196.76981703111107 442.7320888888889-442.7320888888889S752.7841188977778 64.08975815111108 506.82184703999997 64.08975815111108z m282.20934257777776 173.4681281422222c-15.534458879999999 0-25.890765937777775 0-38.836147768888885 7.767230008888888-5.17815296 2.5890770488888886-7.767230008888888 7.767230008888888-15.534458879999999 10.35630592-5.17815296 2.5890770488888886-12.945382968888888 0-18.123535928888888 2.5890770488888886-20.71261184 7.767230008888888-18.123535928888888 49.19245482666667-44.01430186666666 44.014300728888884-12.945382968888888-2.5890770488888886-20.71261184-18.123535928888888-28.47984184888889-28.47984184888889-5.17815296-7.767230008888888-15.534458879999999-15.534458879999999-7.7672288711111115-25.890765937777775h-10.356307057777778c5.17815296-10.35630592 18.123535928888888-7.767230008888888 20.712612977777777-12.945381831111112 5.17815296-12.945382968888888-15.534458879999999-12.945382968888888-23.301688888888886-15.534460017777777 7.767230008888888-7.767230008888888 10.35630592 2.5890770488888886 18.123535928888888 0 7.767230008888888-2.5890770488888886-2.5890770488888886-10.35630592-7.767230008888888-12.945382968888888-2.5890770488888886 0-25.890765937777775 7.767230008888888-12.945382968888888-5.17815296-18.123535928888888-10.35630592-36.247071857777776-23.301688888888886-54.37060664888888-33.657994808888894-2.5890770488888886 12.945382968888888 23.301688888888886 20.71261184 33.657994808888894 23.301688888888886-2.5890770488888886 5.17815296-10.35630592 12.945382968888888-15.534458879999999 10.35630592-5.17815296-2.5890770488888886-2.5890770488888886-12.945382968888888-12.945382968888888-10.35630592-5.17815296 15.534458879999999 12.945382968888888 10.35630592 15.534458879999999 20.712612977777777 2.5890770488888886 10.35630592-7.767230008888888 5.17815296-10.35630592 5.17815296 0 0-7.767230008888888-7.767230008888888-7.767230008888888-2.5890770488888886 0 5.17815296 10.35630592 5.17815296 12.945382968888888 10.35630592-12.945382968888888 0-20.71261184-5.17815296-31.068918897777777-10.35630592-12.945382968888888-7.767230008888888-18.123535928888888-7.767230008888888-33.657994808888894-7.767230008888888 5.17815296-2.5890770488888886 10.35630592-2.5890770488888886 15.534458879999999-5.17815296 2.5890770488888886-2.5890770488888886 10.35630592-10.35630592 10.356307057777778-12.945381831111112 2.5890770488888886-7.767230008888888 0-7.767230008888888-7.767230008888888-12.945382968888888-2.5890770488888886-2.5890770488888886-10.35630592-12.945382968888888-20.71261184-12.945382968888888-28.47984184888889-5.17815296-10.35630592 25.890765937777775-31.068918897777777 31.068918897777777-5.17815296 0-15.534458879999999-2.5890770488888886-18.123535928888888 2.5890759111111112-2.5890770488888886 2.5890770488888886-2.5890770488888886 10.35630592-5.17815296 12.945382968888888-5.17815296 5.17815296-12.945382968888888 5.17815296-18.123535928888888 10.35630592-5.17815296 2.5890770488888886-18.123535928888888 12.945382968888888-20.71261184 18.123535928888888-12.945382968888888 23.301688888888886 25.890765937777775 31.068918897777777 41.42522368 36.247071857777776 7.767230008888888 2.5890770488888886 25.890765937777775 7.767230008888888 28.479842986666664 12.945382968888888 5.17815296 7.767230008888888-5.17815296 12.945382968888888 5.17815296 18.123535928888888 2.5890770488888886 2.5890770488888886 10.35630592 2.5890770488888886 12.945381831111112-2.5890770488888886 5.17815296-5.17815296-2.5890770488888886-5.17815296-2.5890759111111112-12.945382968888888-2.5890770488888886-10.35630592 2.5890770488888886-7.767230008888888 7.767230008888888-10.35630592 10.35630592-7.767230008888888 7.767230008888888-10.35630592 5.17815296-23.301688888888886-2.5890770488888886-5.17815296-10.35630592-23.301688888888886-2.5890770488888886-28.47984184888889 7.767230008888888-5.17815296 25.890765937777775 2.5890770488888886 33.657994808888894 5.17815296 7.767230008888888 0 12.945382968888888 10.35630592 15.534460017777777 15.534458879999999 2.5890770488888886 2.5890770488888886 7.767230008888888 7.767230008888888 12.945381831111112 7.767230008888888 7.767230008888888 0 5.17815296-7.767230008888888 7.767230008888888-10.35630592 12.945382968888888-7.767230008888888 15.534458879999999 2.5890770488888886 20.712612977777777 12.945382968888888 5.17815296 10.35630592 7.767230008888888 12.945382968888888 15.534458879999999 20.71261184 2.5890770488888886 2.5890770488888886 20.71261184 12.945382968888888 18.123535928888888 20.71261184 0 5.17815296-18.123535928888888 10.35630592-23.301688888888886 12.945382968888888-18.123535928888888 5.17815296-51.78153073777778-10.35630592-54.37060778666666 18.123535928888888 7.767230008888888-2.5890770488888886 25.890765937777775-18.123535928888888 31.068918897777777-10.35630592 2.5890770488888886 2.5890770488888886-2.5890770488888886 7.767230008888888 0 12.945382968888888 2.5890770488888886 10.35630592 10.35630592 7.767230008888888 20.71261184 5.17815296h-2.5890759111111112c10.35630592-5.17815296 10.35630592-5.17815296 15.534458879999999-12.945382968888888 2.5890770488888886-2.5890770488888886 5.17815296-10.35630592 7.767230008888888-12.945382968888888 7.767230008888888-7.767230008888888 10.35630592-2.5890770488888886 15.534458879999999 2.5890770488888886 2.5890770488888886 2.5890770488888886 12.945382968888888 20.71261184 10.35630592 18.123535928888888-15.534458879999999-2.5890770488888886-28.47984184888889-2.5890770488888886-41.42522481777778 5.17815296-7.767230008888888 5.17815296-12.945382968888888 10.35630592-20.71261184 12.945382968888888-2.5890770488888886 0-18.123535928888888 2.5890770488888886-15.534458879999999 0 2.5890770488888886-2.5890770488888886 10.35630592-5.17815296 15.534458879999999-10.356307057777778-10.35630592-5.17815296-18.123535928888888 5.17815296-25.890765937777775 10.356307057777778-7.767230008888888 2.5890770488888886-10.35630592 10.35630592-15.534458879999999 18.123534791111112-2.5890770488888886 2.5890770488888886-7.767230008888888 2.5890770488888886-10.35630592 7.767230008888888-2.5890770488888886 2.5890770488888886-2.5890770488888886 7.767230008888888-5.17815296 12.945382968888888-2.5890770488888886 2.5890770488888886-7.767230008888888 0-7.767230008888888 5.17815296-2.5890770488888886 5.17815296 2.5890770488888886 7.767230008888888 0 12.945382968888888s-12.945382968888888 10.35630592-18.123535928888888 15.534458879999999l2.5890770488888886-2.5890759111111112c-5.17815296 5.17815296-10.35630592 7.767230008888888-12.945382968888888 12.945381831111112 2.5890770488888886 7.767230008888888 7.767230008888888 25.890765937777775 5.17815296 28.47984184888889-12.945382968888888 10.35630592-20.71261184-10.35630592-25.890765937777775-15.534458879999999-12.945382968888888-18.123535928888888-36.247071857777776-5.17815296-54.37060664888888-5.17815296-20.71261184 2.5890770488888886-41.42522481777778 28.47984184888889-28.47984184888889 51.78153073777778 5.17815296 10.35630592 18.123535928888888 15.534458879999999 28.47984184888889 12.945382968888888 10.35630592-2.5890770488888886 12.945382968888888-18.123535928888888 23.301688888888886-18.123535928888888 18.123535928888888 0 0 18.123535928888888 0 25.890765937777775-2.5890770488888886 5.17815296 2.5890770488888886 7.767230008888888 7.7672288711111115 7.7672288711111115 5.17815296 0 12.945382968888888-2.5890770488888886 15.534460017777777 0 2.5890770488888886 2.5890770488888886 2.5890770488888886 10.35630592 5.17815296 7.767230008888888-7.767230008888888 5.17815296-5.17815296 20.71261184 2.5890759111111112 25.8907648 7.767230008888888 5.17815296 18.123535928888888 0 25.890765937777775 2.5890770488888886 15.534458879999999 5.17815296 7.767230008888888 0 23.301688888888886-10.35630592 10.35630592-5.17815296 10.35630592 0 18.123535928888888 0 5.17815296 0 7.767230008888888-5.17815296 15.534458879999999-5.17815296 5.17815296 2.5890770488888886 7.767230008888888 5.17815296 15.534460017777777 7.7672288711111115h7.7672288711111115c12.945382968888888 2.5890770488888886 23.301688888888886 10.35630592 33.657994808888894 18.123535928888888 7.767230008888888 5.17815296 15.534458879999999 5.17815296 25.890765937777775 7.767230008888888 7.767230008888888 2.5890770488888886 20.71261184 12.945382968888888 20.71261184 23.301688888888886 0 2.5890770488888886-7.767230008888888 10.35630592-7.7672288711111115 12.945382968888888 2.5890770488888886 2.5890770488888886 15.534458879999999-2.5890770488888886 18.123535928888888-2.5890770488888886 0 2.5890770488888886-10.35630592 7.767230008888888-10.356307057777778 5.17815296 0 2.5890770488888886 5.17815296 5.17815296 7.767230008888888 5.17815296 5.17815296-15.534458879999999 12.945382968888888-5.17815296 20.712612977777777-2.5890759111111112 7.767230008888888 2.5890770488888886 18.123535928888888 2.5890770488888886 25.8907648 5.17815296 7.767230008888888 2.5890770488888886 23.301688888888886 7.767230008888888 28.47984184888889 12.945382968888888 5.17815296 7.767230008888888 2.5890770488888886 18.123535928888888-2.5890759111111112 25.8907648-5.17815296 10.35630592-15.534458879999999 12.945382968888888-20.712612977777777 23.301688888888886-2.5890770488888886 7.767230008888888 0 18.123535928888888-2.5890759111111112 25.890765937777775-2.5890770488888886 12.945382968888888-5.17815296 7.767230008888888-12.945382968888888 15.534458879999999s0 5.17815296-10.35630592 10.35630592-18.123535928888888 2.5890770488888886-25.890765937777775 12.945382968888888v-2.5890759111111112c-2.5890770488888886 5.17815296-5.17815296 12.945382968888888-5.17815296 15.534458879999999-2.5890770488888886 7.767230008888888-7.767230008888888 10.35630592-12.945382968888888 15.534458879999999-2.5890770488888886 2.5890770488888886-20.71261184 28.47984184888889-20.71261184 25.890765937777775-2.5890770488888886-2.5890770488888886-15.534458879999999 2.5890770488888886-15.534460017777777 0 0 2.5890770488888886 0 2.5890770488888886 2.5890770488888886 5.17815296-2.5890770488888886 20.71261184-12.945382968888888 23.301688888888886-33.657994808888894 23.301688888888886 2.5890770488888886 10.35630592-7.767230008888888 7.767230008888888-12.945382968888888 12.945382968888888-2.5890770488888886 2.5890770488888886-2.5890770488888886 12.945382968888888-5.17815296 15.534458879999999 0 2.5890770488888886-10.35630592 12.945382968888888-10.35630592 15.534458879999999 0 2.5890770488888886 2.5890770488888886 5.17815296 5.17815296 7.767230008888888-15.534458879999999 2.5890770488888886-28.47984184888889 5.17815296-44.01430186666666 5.17815296 2.5890770488888886-2.5890770488888886 2.5890770488888886-7.767230008888888-5.17815296-7.767230008888888 2.5890770488888886-7.767230008888888 7.767230008888888-10.35630592 10.35630592-15.534458879999999v-7.767230008888888c2.5890770488888886-10.35630592 2.5890770488888886-5.17815296 0-12.945381831111112-5.17815296-18.123535928888888 2.5890770488888886-23.301688888888886 7.767230008888888-41.42522481777778 5.17815296-18.123535928888888 5.17815296-38.836147768888885 7.767230008888888-59.548760746666666 2.5890770488888886-7.767230008888888 5.17815296-28.47984184888889 0-36.247071857777776-2.5890770488888886-10.35630592-18.123535928888888-18.123535928888888-25.890765937777775-23.301688888888886-10.35630592-10.35630592-15.534458879999999-18.123535928888888-23.301688888888886-31.068917759999998-2.5890770488888886-5.17815296-7.767230008888888-10.35630592-10.35630592-18.123535928888888-5.17815296-12.945382968888888 0-5.17815296 0-12.945382968888888s0-15.534458879999999 2.5890770488888886-23.301688888888886c2.5890770488888886-7.767230008888888 10.35630592-15.534458879999999 15.534458879999999-23.301688888888886 2.5890770488888886-7.767230008888888 0-18.123535928888888-7.767230008888888-20.712612977777777-5.17815296-2.5890770488888886-10.35630592 2.5890770488888886-12.945382968888888 0-5.17815296 0-12.945382968888888-5.17815296-18.123534791111112-10.35630592-7.767230008888888-5.17815296-10.35630592-12.945382968888888-18.123535928888888-18.123535928888888-5.17815296-5.17815296-10.35630592-2.5890770488888886-18.123535928888888-2.5890759111111112-7.767230008888888-2.5890770488888886-10.35630592-10.35630592-15.534460017777777-12.945382968888888-7.767230008888888-5.17815296-12.945382968888888 2.5890770488888886-20.71261184 0-7.767230008888888 0-18.123535928888888-10.35630592-25.890765937777775-12.945382968888888-15.534458879999999-5.17815296-23.301688888888886-12.945382968888888-28.47984184888889-28.47984184888889-5.17815296-12.945382968888888-12.945382968888888-18.123535928888888-20.71261184-28.47984184888889-7.767230008888888-10.35630592-10.35630592-18.123535928888888-23.301688888888886-23.301688888888886-2.5890770488888886 0 2.5890770488888886 10.35630592 2.5890759111111112 12.945382968888888 5.17815296 7.767230008888888 12.945382968888888 15.534458879999999 18.123535928888888 25.8907648 7.767230008888888 12.945382968888888 5.17815296 12.945382968888888-2.5890759111111112 2.5890770488888886-10.35630592-12.945382968888888-20.71261184-25.890765937777775-28.47984184888889-38.836147768888885 5.17815296 5.17815296 5.17815296 0 0-5.178154097777777s-12.945382968888888-7.767230008888888-15.534460017777777-12.945381831111112c-18.123535928888888-15.534458879999999-20.71261184-38.836147768888885-20.71261184-62.137837795555555 0-7.767230008888888 2.5890770488888886-12.945382968888888 2.5890759111111112-20.71261184 0-5.17815296-5.17815296-10.35630592-10.35630592-15.534458879999999-2.5890770488888886-2.5890770488888886-5.17815296-7.767230008888888-5.17815296-7.767230008888888-5.17815296-7.767230008888888-7.767230008888888-12.945382968888888-12.945382968888888-18.123535928888888-2.5890770488888886-2.5890770488888886-12.945382968888888-10.35630592-23.301688888888886-18.123535928888888 41.42522481777778-51.78153073777778 95.79583260444444-93.20675555555555 157.93366926222222-119.09752035555556 0 2.5890770488888886 2.5890770488888886 5.17815296 2.5890770488888886 10.35630592 7.767230008888888 7.767230008888888 12.945382968888888 7.767230008888888 20.71261184 10.35630592 0 10.35630592-15.534458879999999 12.945382968888888-23.301688888888886 10.35630592-10.35630592-2.5890770488888886-23.301688888888886-5.17815296-31.068917759999998 5.17815296 5.17815296 2.5890770488888886 20.71261184 15.534458879999999 18.123534791111112 2.5890770488888886h31.068918897777777c5.17815296 0 18.123535928888888 5.17815296 20.712612977777777 2.5890759111111112 2.5890770488888886 0 2.5890770488888886-7.767230008888888 5.17815296-10.35630592-2.5890770488888886 0-5.17815296-2.5890770488888886-7.767230008888888 0 7.767230008888888-7.767230008888888 12.945382968888888-2.5890770488888886 23.301688888888886 2.5890770488888886-10.35630592 5.17815296-2.5890770488888886 20.71261184 5.17815296 7.7672288711111115 7.767230008888888-10.35630592-2.5890770488888886-15.534458879999999-10.35630592-20.71261184 10.35630592-12.945382968888888 15.534458879999999-12.945382968888888 25.8907648 0 2.5890770488888886-7.767230008888888 7.767230008888888-5.17815296 15.534460017777777-5.17815296v-2.5890770488888886c-2.5890770488888886 0-7.767230008888888-2.5890770488888886-10.35630592-2.5890759111111112 7.767230008888888-12.945382968888888 2.5890770488888886-15.534458879999999 12.945381831111112-18.123535928888888 7.767230008888888-2.5890770488888886 31.068918897777777 0 36.247071857777776-7.767230008888888-15.534458879999999 2.5890770488888886-36.247071857777776 5.17815296-51.78153073777778 10.35630592-7.767230008888888 2.5890770488888886-12.945382968888888 12.945382968888888-20.71261184 7.767230008888888-7.767230008888888-7.767230008888888 5.17815296-18.123535928888888 10.35630592-20.71261184h-2.5890770488888886c25.890765937777775-5.17815296 54.37060778666666-7.767230008888888 82.85044963555556-7.767230008888888 18.123535928888888 0 36.247071857777776 2.5890770488888886 54.37060778666666 2.5890770488888886-5.17815296 2.5890770488888886-2.5890770488888886 5.17815296-5.17815296 7.7672288711111115-7.767230008888888 5.17815296-23.301688888888886 10.35630592-33.65799594666667 15.534460017777777 12.945382968888888 0 44.014300728888884 12.945382968888888 49.19245482666667-5.178154097777777-5.17815296 0-7.767230008888888 0-12.945382968888888-2.5890759111111112 7.767230008888888-5.17815296 15.534458879999999-10.35630592 25.890765937777775-12.945382968888888 75.08321962666668 18.123535928888888 147.57736334222224 59.548760746666666 199.35889294222224 116.50844444444445 2.5890770488888886 0 0 0 0 0z m72.49414371555555 155.34459221333333c0-2.5890770488888886 2.5890770488888886-2.5890770488888886 2.5890770488888886-2.5890759111111112 2.5890770488888886-2.5890770488888886 0-5.17815296 2.5890759111111112-7.767230008888888 2.5890770488888886-2.5890770488888886 5.17815296-2.5890770488888886 7.767230008888888-5.17815296l2.5890759111111112-2.5890759111111112c7.767230008888888 18.123535928888888 12.945382968888888 36.247071857777776 15.534460017777777 56.95968369777778l-7.767230008888888 2.5890759111111112c-5.17815296 0-7.767230008888888-2.5890770488888886-10.35630592-5.17815296l-10.35630592-10.35630592c-2.5890770488888886-5.17815296 0-7.767230008888888 0-12.945382968888888-2.5890770488888886-5.17815296-5.17815296-10.35630592-2.5890770488888886-12.945382968888888z m5.17815296 201.94797112888887c-7.767230008888888-7.767230008888888-15.534458879999999-15.534458879999999-20.71261184-23.301688888888886-5.17815296-10.35630592-2.5890770488888886-18.123535928888888-2.5890770488888886-28.47984184888889 0-7.767230008888888-5.17815296-20.71261184 0-28.47984184888889l7.767230008888888-7.767230008888888c2.5890770488888886-5.17815296 2.5890770488888886-10.35630592 7.7672288711111115-15.534458879999999 5.17815296-5.17815296 10.35630592-7.767230008888888 15.534460017777777-12.945382968888888 5.17815296-5.17815296 5.17815296-7.767230008888888 7.7672288711111115-15.534460017777777 2.5890770488888886-5.17815296 7.767230008888888-12.945382968888888 12.945382968888888-15.534458879999999 2.5890770488888886 20.71261184 5.17815296 38.836147768888885 5.17815296 59.548760746666666 0 33.657994808888894-5.17815296 69.90506666666667-12.945381831111112 100.97398556444443-7.767230008888888-2.5890770488888886-15.534458879999999-7.767230008888888-20.712612977777777-12.945382968888888z m0 0" fill="#5d676b" p-id="5970"></path></svg> <div class="country_list"> <a href="http://www.lumenhaus.com" target="_blank">English</a> <a href="http://www.lumenhaus.de" target="_blank">Deutsch</a> </div> </div> <div class="phone_menu"> <span></span> <span></span> <span></span> </div> </div> </div> <script> $(window).on('load', function() { new WOW().init(); }); var _width=$(window).width(); if(_width>768){ $(".navge>div").hover(function(){ $(this).find(".nav2").stop().slideDown(); },function(){ $(this).find(".nav2").stop().slideUp(); }) }else{ $(".nav1").click(function(){ $(this).toggleClass("xuan_act") $(this).next().stop().slideToggle(); $(this).parent().siblings().find(".nav1").removeClass("xuan_act"); $(this).parent().siblings().find(".nav2").slideUp(); }) } $(".country").hover(function(){ $(this).find(".country_list").stop().slideDown(); },function(){ $(this).find(".country_list").stop().slideUp(); }) $(".phone_menu").click(function(){ $(this).toggleClass("menu_act"); $(".navge").stop().slideToggle(); }) </script> <body> <div class="ctn"> <div class="video-bg"> <video autoplay loop muted playsinline> <source src="https://file.lumenhaus.com/upload/video/2024/04/16/6681c8b2-7503-4165-9cfb-3e4b14fd36d4.mp4" type="video/mp4"> </video> </div> <div class="landing-page txt-scroll"> <div class="page1"> <div class="title fnt_24">Design Your <span>System</span></div> <p class="fnt_18 label">Home Address</p> <div class="input-group"> <input id="searchInput" class="fnt_18" type="text" placeholder="Please Enter Home Address" autocomplete="off"> <i id="getLocation"> <svg t="1709797356287" class="icon" viewBox="0 0 1025 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4333" width="20" height="20"> <path d="M839.946482 389.336542c0-179.917116-147.043874-325.820973-328.561518-325.820973-181.460336 0-328.561518 145.903857-328.561518 325.820973 0 59.446709 16.307166 114.955546 44.308214 162.939652l-0.351011 0 284.574638 407.316894 284.690277-407.316894-0.379665 0C823.757001 504.292088 839.946482 448.783251 839.946482 389.336542M511.413617 552.215816c-90.716353 0-164.280247-72.922251-164.280247-162.907928 0-89.927346 73.563895-162.907928 164.280247-162.907928 90.802315 0 164.280247 72.980582 164.280247 162.907928C675.693865 479.293565 602.215932 552.215816 511.413617 552.215816" fill="#575b66" p-id="4334"></path> </svg> </i> </div> <p class="fnt_18 label">Monthly Electricity Bill</p> <div class="input-group"> <input id="price" class="fnt_18" type="text" placeholder="Please Enter Monthly Electricity Bill" autocomplete="off"> <i class="fnt_18">Per Month</i> </div> <div class="line"></div> <div class="product xxs-key" data-xxs-key="95bf755b-ae6a-47e0-b8ff-dc622ddf3107"> <div class="tit fnt_24">Select <span>Products</span></div> <ul class="select-products"> <li class="on"> <p class="fnt_18">Solar Panels + Battery</p> <div class="img"> <img src="/static/cn/system/img/system_1.png" class="pic1" alt=""> <img src="/static/cn/system/img/system_2.png" class="pic2" alt=""> </div> </li> <li> <p class="fnt_18">Battery</p> <div class="img"> <img src="/static/cn/system/img/system_2.png" class="pic2" alt=""> </div> </li> </ul> </div> <div class="next"> <p class="fnt_24">Next</p> <svg t="1709801455057" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="45045" width="20" height="20"> <path d="M947.2 478.9c-0.6-0.6-1.3-1.2-1.9-1.8L696.9 228.7c-18.3-18.3-48.2-18.3-66.5 0-18.3 18.3-18.3 48.2 0 66.5l170 170H111.1c-25.8 0-47 21.1-47 47 0 25.8 21.1 47 47 47h689.3l-170 170c-18.3 18.3-18.3 48.2 0 66.5 18.3 18.3 48.2 18.3 66.5 0l248.4-248.4c0.7-0.6 1.3-1.2 1.9-1.8 9.2-9.2 13.7-21.2 13.7-33.3 0-12.1-4.5-24.2-13.7-33.3z" fill="#ffffff" p-id="45046"></path> </svg> </div> </div> <div class="page2"> <div class="title fnt_24">Design Your <span>System</span></div> <div class="warn"> <div class="icon"> <svg t="1709861366442" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7868" width="20" height="20"> <path d="M512 926.59712zM926.59712 512c0-228.22912001-185.79456-414.59712-414.59712-414.59712-228.22912001 0-414.59712 185.79456-414.59712 414.59712 0 228.22912001 185.79456 414.59712 414.59712 414.59712 228.22912001 0 414.59712-186.368 414.59712-414.59712zM482.75456 284.34432c0-16.05632 13.18912-29.24544 29.24544-29.24543999s29.24544 13.18912 29.24544 29.24543999v308.51072c0 8.02816-2.8672 14.90944-8.6016 20.64384s-12.61568 8.6016-20.64384 8.6016c-16.05632 0-29.24544-13.18912-29.24544-29.24544V284.34432zM512 768.90111999c-24.65791999 0-44.72832-20.0704-44.72832-44.72831999s20.0704-44.72832 44.72832-44.72832 44.72832 20.0704 44.72832 44.72832-20.0704 44.72832-44.72832 44.72831999z" fill="#FD972C" p-id="7869"></path> </svg> </div> <div class="txt"> <p class="fnt_20">We don't recognize that address</p> <span class="fnt_16">Double - check its accuracy, or proceed with the suggested address.</span> </div> </div> <div class="line"></div> <div class="layui-form"> <div class="input-group original"> <input type="radio" name="add" value="1" title="Original Address" class="original_add" lay-filter="demo-radio-filter"> <div class="item"> <p class="fnt_16"></p> <a href="javascript:;" class="fnt_16">Edit this Address</a> </div> </div> <div class="det_infor"> <p class="fnt_16 label">Home Address</p> <div class="input-group"> <input id="location" class="fnt_16" type="text" placeholder="Please Enter Home Address"> </div> <p class="fnt_16 label">Original Address</p> <div class="input-group"> <input id="original" class="fnt_16" type="text" placeholder="Please Enter Original Address"> </div> <p class="fnt_16 label">Street Address</p> <div class="input-group"> <input id="street" class="fnt_16" type="text" placeholder="Please Enter Street Address"> </div> <p class="fnt_16 label">City</p> <div class="input-group"> <input id="city" class="fnt_16" type="text" placeholder="Please Enter City"> </div> <p class="fnt_16 label">Zip Code</p> <div class="input-group"> <input id="f_zip_code" class="fnt_16" type="text" placeholder="Please Enter Zip Code"> </div> </div> <div class="input-group suggested"> <input type="radio" name="add" value="2" title="Suggested Address" checked class="suggested_add" lay-filter="demo-radio-filter"> <div class="item fnt_16"></div> <div class="zip_code"> <p class="fnt_16">Zip Code</p> <div class="input-group"> <input id="zip_code" class="fnt_18" type="text" placeholder="Please Enter Zip Code"> </div> </div> </div> </div> <div class="next"> <p class="fnt_24">Next</p> <svg t="1709801455057" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="45045" width="20" height="20"> <path d="M947.2 478.9c-0.6-0.6-1.3-1.2-1.9-1.8L696.9 228.7c-18.3-18.3-48.2-18.3-66.5 0-18.3 18.3-18.3 48.2 0 66.5l170 170H111.1c-25.8 0-47 21.1-47 47 0 25.8 21.1 47 47 47h689.3l-170 170c-18.3 18.3-18.3 48.2 0 66.5 18.3 18.3 48.2 18.3 66.5 0l248.4-248.4c0.7-0.6 1.3-1.2 1.9-1.8 9.2-9.2 13.7-21.2 13.7-33.3 0-12.1-4.5-24.2-13.7-33.3z" fill="#ffffff" p-id="45046"></path> </svg> </div> <div class="back"> <p class="fnt_24">Back</p> </div> </div> <div class="page3"> <div class="top_back"> <p class="fnt_16">Back <svg t="1710748438393" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="28368" width="200" height="200"> <path d="M622.650611 284.901749 447.745069 284.901749 447.745069 142.823869 63.980685 334.705038l383.76336 191.882192L447.744046 384.834762l189.391465 0c149.914358 0 224.855164 62.789045 224.855164 188.368158 0 129.928165-77.435627 194.876386-232.338602 194.876386L187.952184 768.079306l0 99.93199L634.146433 868.011296c211.184817 0 316.777737-95.104031 316.777737-285.311071C950.924169 384.178823 841.510224 284.901749 622.650611 284.901749z" fill="#333333" p-id="28369"></path> </svg> </p> </div> <div class="solar_panels option state1"> <div class="tit fnt_24">Solar Panels</div> <div class="des fnt_18"> Harvest clean, renewable energy from the sun and store it for daytime or nighttime use, reducing electricity costs and ensuring power supply during outages. </div> <div class="p3-prompt" style="display: none;"> <svg t="1713492916267" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="46699" width="200" height="200"> <path d="M512.002558 64.24521c-247.292176 0-447.75786 200.464661-447.75786 447.756837 0 247.287059 200.464661 447.752744 447.75786 447.752744 247.286036 0 447.75172-200.464661 447.75172-447.752744C959.754279 264.710894 759.288594 64.24521 512.002558 64.24521zM512.010745 735.87586c-20.602224 0-37.319977-16.718777-37.319977-37.323047 0-20.597107 16.717753-37.319977 37.319977-37.319977 20.60427 0 37.297464 16.72287 37.297464 37.319977C549.308209 719.158107 532.613992 735.87586 512.010745 735.87586zM549.308209 567.969733c0 20.600177-16.693194 37.293371-37.297464 37.293371-20.602224 0-37.319977-16.693194-37.319977-37.293371L474.690768 325.420581c0-20.605294 16.717753-37.297464 37.319977-37.297464 20.60427 0 37.297464 16.693194 37.297464 37.297464L549.308209 567.969733z" fill="#FD972C" p-id="46700"></path> </svg> <p class="fnt_14 solar-panel-max-p"><span>--</span> kW is the largest system we can fit on current roof</p></div> <ul class="ul-solar-panels"> </ul> <div class="btns"> <a class="size fnt_18 solar-panels-custom-size" href="javascript:;"> <svg t="1710750297095" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="29402" width="200" height="200"> <path d="M927.07 469.31H554.66V96.94h-85.34v372.37H96.93v85.34h372.39v372.41h85.34V554.65h372.41z" fill="#bbbbbb" p-id="29403"></path> </svg> Custom Size </a> <a class="compare fnt_18" href="javascript:;"> <svg t="1710750342661" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="33253" width="200" height="200"> <path d="M64 208v608c0 8.96 7.04 16 16 16h312v-80H144v-480h248V192H80c-8.96 0-16 7.04-16 16M944 192h-312v80h248v480h-248V832h312c8.96 0 16-7.04 16-16v-608c0-8.96-7.04-16-16-16M536 928h-48a16 16 0 0 1-16-16v-800a16 16 0 0 1 16-16h48a16 16 0 0 1 16 16v800a16 16 0 0 1-16 16" p-id="33254" fill="#bbbbbb"></path> </svg> Compare Systems </a> </div> </div> <div class="state2"> <div class="tit fnt_24">Solar Panels</div> <div class="des fnt_18"> Do you have solar panels? Solar energy charges the energy storage system when the sun is shining, extending backup time. </div> <div class="any"> <div class="none on"> <p class="fnt_18">None</p> </div> <div class="have"> <p class="fnt_18">Have Solar Panels</p> </div> </div> <div class="solar_panel_size"> <p class="fnt_22">Solar Panel Size</p> <div class="input-group"> <input id="power" class="fnt_18" type="text" placeholder="Please Enter Solar Panel Size"> <i class="fnt_18">kW</i> </div> </div> </div> <div class="battery_system option"> <div class="tit fnt_24">Battery System</div> <div class="des fnt_18"> Smart home battery, capable of storing electricity for future use, providing backup power during power outages, and optimizing energy consumption by storing excess energy from stored solar panels. </div> <ul class="ul-battery-system"> </ul> <div class="btns"> <a class="size fnt_18 battery-system-custom-size" href="javascript:;"> <svg t="1710750297095" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="29402" width="200" height="200"> <path d="M927.07 469.31H554.66V96.94h-85.34v372.37H96.93v85.34h372.39v372.41h85.34V554.65h372.41z" fill="#bbbbbb" p-id="29403"></path> </svg> Custom Size </a> <a class="compare fnt_18" href="javascript:;"> Backup Guide </a> </div> </div> <div class="get_estimate"> <p class="fnt_20">Get Estimate</p> </div> </div> <div class="page4"> <div class="top_back"> <p class="fnt_16">Back <svg t="1710748438393" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="28368" width="200" height="200"> <path d="M622.650611 284.901749 447.745069 284.901749 447.745069 142.823869 63.980685 334.705038l383.76336 191.882192L447.744046 384.834762l189.391465 0c149.914358 0 224.855164 62.789045 224.855164 188.368158 0 129.928165-77.435627 194.876386-232.338602 194.876386L187.952184 768.079306l0 99.93199L634.146433 868.011296c211.184817 0 316.777737-95.104031 316.777737-285.311071C950.924169 384.178823 841.510224 284.901749 622.650611 284.901749z" fill="#333333" p-id="28369"></path> </svg> </p> </div> <div class="tit fnt_24">Solar Panel System Size</div> <div class="des fnt_18 solar-panel-system-size"> </div> <div class="input-group"> <input id="kw" class="fnt_18" type="text" placeholder="Please Enter Solar Panel System Size"> <i class="fnt_18"> <svg t="1710818148799" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1896" id="mx_n_1710818148800" width="200" height="200"> <path d="M469.333333 85.333333a384 384 0 0 1 300.032 623.658667l139.306667 139.349333a42.666667 42.666667 0 1 1-60.330667 60.330667l-139.349333-139.306667A384 384 0 1 1 469.333333 85.333333z m0 85.333334a298.666667 298.666667 0 1 0 0 597.333333 298.666667 298.666667 0 0 0 0-597.333333z" fill="#35312B" p-id="1897"></path> </svg> </i> </div> <div class="custom_size solar-panel-system-size-item" style="display: none;"> <div class="tit fnt_24">Custom Size</div> <ul> </ul> </div> <div class="choose solar-panel-system-size-choose" style="display: none;"> <p class="fnt_20">Choose</p> </div> </div> <div class="page5"> <div class="top_back"> <p class="fnt_16">Back <svg t="1710748438393" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="28368" width="200" height="200"> <path d="M622.650611 284.901749 447.745069 284.901749 447.745069 142.823869 63.980685 334.705038l383.76336 191.882192L447.744046 384.834762l189.391465 0c149.914358 0 224.855164 62.789045 224.855164 188.368158 0 129.928165-77.435627 194.876386-232.338602 194.876386L187.952184 768.079306l0 99.93199L634.146433 868.011296c211.184817 0 316.777737-95.104031 316.777737-285.311071C950.924169 384.178823 841.510224 284.901749 622.650611 284.901749z" fill="#333333" p-id="28369"></path> </svg> </p> </div> <div class="tit fnt_24">View Report and Get Estimate</div> <form action=""> <div class="input-group"> <p class="fnt_18">*First Name</p> <input name="first_name" class="fnt_18" type="text" placeholder="Please Enter First Name"> <i></i> </div> <div class="input-group"> <p class="fnt_18">*Last Name</p> <input name="last_name" class="fnt_18" type="text" placeholder="Please Enter Last Name"> <i></i> </div> <div class="input-group"> <p class="fnt_18">*Email</p> <input name="email" class="fnt_18" type="text" placeholder="Please Enter Email"> <i></i> </div> <div class="input-group"> <p class="fnt_18">Phone Number<span class="fnt_16">(optional)</span></p> <input name="phone" class="fnt_18" type="text" placeholder="Please Enter Phone Number"> <i></i> </div> <div class="term"> <div class="cancel"></div> <div class="txt fnt_18"> I have read the <span><a href="/category/privacy-policy.html" target="_blank">privacy policy</a></span> and terms and conditions, and I agree that LumenHaus or its installation personnel may contact me as described below the 'Submit' button. </div> </div> <div class="sub"> <p class="fnt_20">Submit</p> </div> </form> <div class="des fnt_18"> I agree that LumenHaus and/or its installation personnel network may contact me via the phone number entered here through calls and text messages. These marketing calls and texts may be made using automated dialing or generated by a pre-recorded voice, either automatically or by a live person. My consent to these communications is not a condition for any purchase and can be revoked at any time through any reasonable means. </div> </div> </div> <div class="battery"> <div class="item"> <div class="w1440"> <div class="top_back"> <p class="fnt_16">Back <svg t="1710748438393" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="28368" width="200" height="200"> <path d="M622.650611 284.901749 447.745069 284.901749 447.745069 142.823869 63.980685 334.705038l383.76336 191.882192L447.744046 384.834762l189.391465 0c149.914358 0 224.855164 62.789045 224.855164 188.368158 0 129.928165-77.435627 194.876386-232.338602 194.876386L187.952184 768.079306l0 99.93199L634.146433 868.011296c211.184817 0 316.777737-95.104031 316.777737-285.311071C950.924169 384.178823 841.510224 284.901749 622.650611 284.901749z" fill="#333333" p-id="28369"></path> </svg> </p> </div> <div class="tit fnt_65">Product List</div> <ul class="ul-product-list"> </ul> </div> </div> </div> <div class="comparison-system"> <div class="w1440"> <div class="top_back"> <p class="fnt_16">Back <svg t="1710748438393" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="28368" width="200" height="200"> <path d="M622.650611 284.901749 447.745069 284.901749 447.745069 142.823869 63.980685 334.705038l383.76336 191.882192L447.744046 384.834762l189.391465 0c149.914358 0 224.855164 62.789045 224.855164 188.368158 0 129.928165-77.435627 194.876386-232.338602 194.876386L187.952184 768.079306l0 99.93199L634.146433 868.011296c211.184817 0 316.777737-95.104031 316.777737-285.311071C950.924169 384.178823 841.510224 284.901749 622.650611 284.901749z" fill="#333333" p-id="28369"></path> </svg> </p> </div> </div> <div class="system-list"> </div> <div class="hr"></div> <div class="btns system-list-btn-list"> </div> </div> <div class="guide"> <div class="page_banner"> <div class="img"><img src="/static/cn/system/img/guide_banner.jpg" alt=""> </div> <div class="w1440"> <div class="txt"> <p class="fnt_65 wow fadeInUp">Backup Guide</p> </div> </div> </div> <div class="content"> <div class="w1440"> <div class="top_back"> <p class="fnt_16">Back <svg t="1710748438393" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="28368" width="200" height="200"> <path d="M622.650611 284.901749 447.745069 284.901749 447.745069 142.823869 63.980685 334.705038l383.76336 191.882192L447.744046 384.834762l189.391465 0c149.914358 0 224.855164 62.789045 224.855164 188.368158 0 129.928165-77.435627 194.876386-232.338602 194.876386L187.952184 768.079306l0 99.93199L634.146433 868.011296c211.184817 0 316.777737-95.104031 316.777737-285.311071C950.924169 384.178823 841.510224 284.901749 622.650611 284.901749z" fill="#333333" p-id="28369"></path> </svg> </p> </div> <div class="describe"> <div class="type1 fnt_18">The solar energy output is low, for example, during storms when there is no sunlight. </div> <div class="type2 fnt_18">During the typical winter, it is often cloudy, and electric heaters are regularly used. </div> <div class="type3 fnt_18">During the typical summer, most of the time is sunny, and air conditioning is regularly used. </div> </div> <div class="histogram"> <div class="axis fnt_18 backup-guide-group-axis"> </div> <div class="columns"> <div class="line"> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> </div> <div class="axis-bottom fnt_18"> <div class="axis-t"><p>0</p></div> <div class="axis-t"><p>1d</p></div> <div class="axis-t"><p>2d</p></div> <div class="axis-t"><p>3d</p></div> <div class="axis-t"><p>4d</p></div> <div class="axis-t"><p>5d</p></div> <div class="axis-t"><p>6d</p></div> <div class="axis-t"><p>7+d</p></div> </div> <div class="bar-box backup-guide-group-bar"> </div> </div> </div> </div> <div class="hr1"></div> <div class="w1440"> <div class="block-t"> <div class="capacity"> <p class="fnt_22">System capacity</p> <ul class="ul-system-capacity"> </ul> </div> <div class="backup"> <div class="input-group"> <p class="fnt_22">Backup Reserve</p> <input name="backupPercentage" class="fnt_18" type="text" placeholder="Please Enter Backup Reserve" value="90%"> <span class="fnt_18">90% of the battery capacity is the optimal choice for backup duration, and you can configure the reserve percentage in the app.</span> </div> </div> </div> <div class="block-b"> <div class="infor"> <div class="tit fnt_18">How you manage energy usage during a power outage will impact your duration. </div> <ul> <li> <p class="fnt_24 average-electricity-bill"> -- </p> <span class="fnt_18">Average electricity bill</span> <span class="fnt_18">With solar<i class="prompt"><svg t="1710923311746" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2854" width="200" height="200"><path d="M512 128c212 0 384 172 384 384s-172 384-384 384-384-172-384-384 172-384 384-384m0-64C264.8 64 64 264.8 64 512s200.8 448 448 448 448-200.8 448-448S759.2 64 512 64z" p-id="2855" fill="#B9B9B9"></path><path d="M480 704h64v64h-64zM480 256h64v384h-64z" p-id="2856" fill="#B9B9B9"></path></svg><em class="fnt_14">With solarWith solarWith solarWith solarWith solarWith solarWith solar</em></i></span> </li> <li> <p class="fnt_24 solar-installation-size"> -- </p> <span class="fnt_18">Solar panels</span> <span class="fnt_18">System size</span> </li> </ul> </div> <div class="consumption"> <div class="input-group"> <p class="fnt_22">Reduction in consumption</p> <input name="reductionPercentage" class="fnt_18" type="text" placeholder="Please Enter Reduction in consumption" value="72%"> <span class="fnt_18">Most customers reduce energy consumption to 72% of the total during a power outage.</span> </div> </div> </div> </div> <div class="hr2"></div> <div class="w1440"> <div class="btn"> <div class="confirm"> <p class="fnt_20">Confirm</p> </div> </div> </div> </div> </div> </div> <div class="cookie"> <div class="item"> <p class="fnt_18">By clicking <span>"Accept all"</span> you allow cookies that improve your experience on our site, help us analyze siteperformance and usage, and enable us to show relevant marketing content. You can manage cookie settings below. See <a href="/category/cookie-notice.html" style="text-decoration: underline;color:#e49134">Cookie Notice.</a></p> <div> <div class="btns"> <div class="okButton fnt_18" id="okButton"><i>Accept all</i></div> <div class="close okButton fnt_18"> <i>Reject Cookies</i> </div> </div> <div class="tan_box"> <a class="tan" href="javascript:;">Consent Preferences ></a> </div> </div> </div> </div> <div class="cookie_task"> <div> <div class="cookie_top"> <div class="cookie_tl"> <img src="/upload/image/2024/03/28/c8627db5-68c6-4388-84c2-e5d216b5b02c.png"> </div> <svg t="1714110866260" class="cookie_close" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4498" width="20" height="20"><path d="M512 421.490332 149.590238 59.08057C125.311473 34.801805 84.445226 34.458094 59.45166 59.45166 34.283863 84.619457 34.292235 124.801903 59.08057 149.590238L421.490332 512 59.080706 874.409626C34.801623 898.688709 34.45832 939.555 59.45166 964.54834 84.619683 989.716363 124.801677 989.707991 149.590374 964.919294L512 602.509668 874.409762 964.91943C898.688527 989.198195 939.554774 989.541906 964.54834 964.54834 989.716137 939.380543 989.707765 899.198097 964.91943 874.409762L602.509668 512 964.919294 149.590374C989.198377 125.311291 989.54168 84.445 964.54834 59.45166 939.380317 34.283637 899.198323 34.292009 874.409626 59.080706L512 421.490332Z" fill="#474747" p-id="4499"></path></svg> </div> <div class="cookie_btm"> <ul class="cookie_ul"> <li class="cookie_act">Your Privacy</li> <li>Essential Cookies</li> <li>Analytics Cookies</li> </ul> <div class="cookie_con"> <div> <div class="fnt_16 cookies_name">Your Privacy</div> <div class="cookies_txt"> We use cookies on this website. To learn in detail about how we use cookies, please read our <a style="color:#f66f6a" href="/category/cookie-notice.html"> full Cookies Notice.</a> To reject all non-essential cookies simply click "Save and Close" below. To accept or reject cookies by category please simply click on the tabs to the left. You can revisit and change your settings at any time. </div> </div> <div> <div class="fnt_16 always_flx"> <div class="cookies_name">Essential Cookies</div> <div>Always Active</div> </div> <div class="cookies_txt"> These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information. </div> </div> <div> <div class="cookie_repeat"> <div class="fnt_16 cookies_name">Analytics Cookies</div> <div class="yes_no"> <div class="yes_no_tab"></div> <div class="w85"> <span class="cookie_yes">Active</span> <span class="cookie_no">Inactive</span> </div> </div> </div> <div class="cookies_txt"> These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information. </div> </div> </div> </div> <div class="cookie_end"> <div class="cookie_end_flx"> <a class="reset" href="javascript:;">Reset</a> <a class="save" href="javascript:;"><i>Save and Close</i></a> </div> </div> </div> </div> <script src="/static/cn/system/js/jquery-3.5.1.js" type="text/javascript" charset="utf-8"></script> <script src="/static/cn/system/js/wow.min.js" type="text/javascript" charset="utf-8"></script> <script src="/static/cn/system/layui/layui.js"></script> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCWzYeno1N4q424uLT4mEGyBCkXM_mRy8U&libraries=places&callback=initAutocomplete&language=en" async defer></script> <script src="/static/cn/system/js/jquery.mCustomScrollbar.concat.min.js" type="text/javascript" charset="utf-8"></script> <script> var LopostalCode = '' //接口返回的太阳光伏板列表 var solarPotentials; //推荐的当前太阳能光伏板数量 var currentNeedPanelCount; //推荐的未来太阳能光伏板数量 var futureNeedPanelCount; //推荐的当前的太阳能光伏板 var currentNeedSolarPotential; //推荐的未来太阳能光伏板 var futureNeedSolarPotential; //自定义太阳能光伏板临时 var customizedSolarPotentialTemp; //自定义太阳能光伏板 var customizedSolarPotential; //推荐的当前的存储设备 var currentNeedStoragePotential; //推荐的未来的存储设备 var futureNeedStoragePotential; //估算的一年电量消耗(kWh) var annualKWhEnergyConsumption; //每千瓦太阳能光伏板每年发电量 var yearlySolarProductionAcKwhPer; //查询接口时返回数据的键名 var submitKey; // 初始化一个对象来存储地址信息 var addressInfo = { street: '', city: '', state: '', zipCode: '', country: '' }; function showToast(message, duration = 2000) { var toast = $('<div class="toast"></div>'); toast.text(message); $('body').append(toast); toast.css('top', '-100px'); setTimeout(function() { toast.css('top', '10%'); }, 100); setTimeout(function() { toast.css('top', '-100px'); setTimeout(function() { toast.remove(); }, 500); }, duration + 500); } //第一屏跳转 var p1switch = false $('.input-group input').each(function() { $(this).after('<em class="msg"></em>'); }); $('input').focus(function() { $(this).parent().find('.msg').html(' '); }); $('.page1 .next').click(function () { $('.msg').html(' '); if (prompt($('#searchInput'), 'The location of the house cannot be empty')) { //$('#searchInput').focus(); return false; } if (prompt($('#price'), 'The amount cannot be empty')) { //$('#price').focus(); return false; } console.log("Latitude:", latitude, "Longitude:", longitude); if (p1switch) { var index = $('.ctn .landing-page .page1 ul li.on').index(); //请求接口 $.ajaxJson('/cebest-cms/content/get-insight', { "monthlyBill": $('#price').val().replace('€', '').replace(',', ''), "latitude": latitude, "longitude": longitude, ...addressInfo }, function (serverData) { //太阳能板html代码 var solarPanelsHtml = '' var isFirstSolar = true; solarPotentials = serverData.data.solarPotentials; currentNeedSolarPotential = null; futureNeedSolarPotential = null; customizedSolarPotentialTemp = null; customizedSolarPotential = null; currentNeedStoragePotential = null; futureNeedStoragePotential = null; annualKWhEnergyConsumption = serverData.data.annualKWhEnergyConsumption; yearlySolarProductionAcKwhPer = parseFloat(serverData.data.yearlySolarProductionAcKwhPer); submitKey = serverData.data.redisKey; var selectSolarPanelsBattery = $('.select-products li:eq(0)').hasClass('on'); // console.log('selectSolarPanelsBattery:' + selectSolarPanelsBattery); // console.log(solarPotentials); if (selectSolarPanelsBattery && solarPotentials.length == 0) { layerMsg('No eligible solar photovoltaic panels were found in your region'); return; } //serverData.data.solarPotentials //serverData.data.storagePotentials solarPotentials.forEach(function (itemSolarPotential) { if (itemSolarPotential.insightTag == 'CURRENT_NEED' || itemSolarPotential.insightTag == 'FUTURE_NEED') { solarPanelsHtml += '<li class="' + (isFirstSolar ? 'on ' + itemSolarPotential.insightTag.toLocaleLowerCase() : itemSolarPotential.insightTag.toLocaleLowerCase()) + '" data-panel-count="' + itemSolarPotential.panelCount + '" data-insight-tag="' + itemSolarPotential.insightTag + '" data-remaining-monthly-bill-string="' + itemSolarPotential.remainingMonthlyBillString + '" data-annual-kWh-energy-consumption="' + annualKWhEnergyConsumption + '" data-yearly-solar-production-ac-kWh="' + itemSolarPotential.yearlySolarProductionAcKwh + '">\n' + ' <div class="dian"></div>\n' + ' <div class="txt">\n' + ' <p class="fnt_22">' + itemSolarPotential.solarInstallationSize + ' kW</p>\n' + ' <span class="fnt_18">' + itemSolarPotential.yearlySolarProductionAcKwhString + ' kWh/year solar energy generation</span>\n' + ' <span class="fnt_18">' + itemSolarPotential.offsetString + ' energy offset</span>\n' + ' </div>\n' + ' <div class="img">\n' + ' <img src="/static/cn/system/img/system3_1.png" alt="">\n' + ' <i>' + itemSolarPotential.panelCount + '</i>\n' + ' </div>\n' + ' </li>'; isFirstSolar = false; if (itemSolarPotential.insightTag == 'CURRENT_NEED') { currentNeedPanelCount = itemSolarPotential.panelCount; currentNeedSolarPotential = itemSolarPotential; if(currentNeedSolarPotential.offset<1){ $('.solar-panel-max-p span').text(currentNeedSolarPotential.solarInstallationSize); $('.p3-prompt').show(); }else{ $('.p3-prompt').hide(); } } if (itemSolarPotential.insightTag == 'FUTURE_NEED') { futureNeedPanelCount = itemSolarPotential.panelCount; futureNeedSolarPotential = itemSolarPotential; } } }); $('ul.ul-solar-panels').html(solarPanelsHtml); //产品列表 var productListHtml = ''; //备份指南产品 var backupGuideProductListHtml = ''; //电池板html代码 var batterySystemHtml = ''; var isFirstBattery = true; serverData.data.storagePotentials.forEach(function (itemStoragePotential) { if (itemStoragePotential.insightTag == 'CURRENT_NEED' || itemStoragePotential.insightTag == 'FUTURE_NEED') { batterySystemHtml += '<li class="' + (isFirstBattery ? 'on ' + itemStoragePotential.insightTag.toLocaleLowerCase() : itemStoragePotential.insightTag.toLocaleLowerCase()) + '" data-storage-capacity="' + itemStoragePotential.storageCapacity + '">\n' + ' <div class="dian"></div>\n' + ' <div class="txt">\n' + ' <p class="fnt_22">' + itemStoragePotential.storageCapacity + ' kWh</p>\n' + ' <span class="fnt_18">\n' + ' <i>' + itemStoragePotential.winterBackupDays + ' days</i>\n' + ' <i>Typical winter day</i>\n' + ' </span>\n' + ' <span class="fnt_18">\n' + ' <i>' + itemStoragePotential.summerBackupDays + ' days</i>\n' + ' <i>Average summer days</i>\n' + ' </span>\n' + ' </div>\n'; batterySystemHtml += ' <div class="div-size" style="display: none;">'; if (itemStoragePotential.sizeList != null) { itemStoragePotential.sizeList.forEach(function (sizeItem) { batterySystemHtml += ' <span class="fnt_22 black">' + sizeItem + '</span>'; }); } batterySystemHtml += ' </div>\n'; batterySystemHtml += ' <div class="div-weight" style="display: none;">'; if (itemStoragePotential.weightList != null) { itemStoragePotential.weightList.forEach(function (weightItem) { batterySystemHtml += ' <span class="fnt_22 black">' + weightItem + '</span>'; }); } batterySystemHtml += ' </div>\n'; batterySystemHtml += ' <div class="img">\n' + ' <img src="/static/cn/system/battery/' + itemStoragePotential.storageCapacity + 'kWh.png" class="pic1" alt="">\n' + ' </div>\n' + ' </li>'; isFirstBattery = false; if (itemStoragePotential.insightTag == 'CURRENT_NEED') { currentNeedStoragePotential = itemStoragePotential; } if (itemStoragePotential.insightTag == 'FUTURE_NEED') { futureNeedStoragePotential = itemStoragePotential; } } else { backupGuideProductListHtml += '<li class="' + itemStoragePotential.insightTag.toLocaleLowerCase() + '" data-storage-capacity="' + itemStoragePotential.storageCapacity + '" data-winter-backup-days="' + itemStoragePotential.winterBackupDays + '" data-summer-backup-days="' + itemStoragePotential.summerBackupDays + '">\n' + ' <p class="fnt_18">' + itemStoragePotential.storageCapacity + 'kWh</p>\n'; backupGuideProductListHtml += ' <div class="div-size" style="display: none;">'; if (itemStoragePotential.sizeList != null) { itemStoragePotential.sizeList.forEach(function (sizeItem) { backupGuideProductListHtml += ' <span class="fnt_22 black">' + sizeItem + '</span>'; }); } backupGuideProductListHtml += ' </div>\n'; backupGuideProductListHtml += ' <div class="div-weight" style="display: none;">'; if (itemStoragePotential.weightList != null) { itemStoragePotential.weightList.forEach(function (weightItem) { backupGuideProductListHtml += ' <span class="fnt_22 black">' + weightItem + '</span>'; }); } backupGuideProductListHtml += ' </div>\n'; backupGuideProductListHtml += '</li>'; // if(itemStoragePotential.storageCapacity!=currentNeedStoragePotential.storageCapacity&&itemStoragePotential.storageCapacity!=futureNeedStoragePotential.storageCapacity){ productListHtml += '<li class="' + itemStoragePotential.insightTag.toLocaleLowerCase() + '" data-storage-capacity="' + itemStoragePotential.storageCapacity + '" data-winter-backup-days="' + itemStoragePotential.winterBackupDays + '" data-summer-backup-days="' + itemStoragePotential.summerBackupDays + '">\n' + ' <div class="img">\n' + ' <img src="/static/cn/system/img/' + itemStoragePotential.storageCapacity + 'kWh.png" alt="">\n' + ' </div>\n' + ' <div class="txt">\n' + ' <p class="fnt_28">' + itemStoragePotential.storageCapacity + 'kWh</p>\n' + ' <div class="specs">\n'; if (itemStoragePotential.sizeList != null) { itemStoragePotential.sizeList.forEach(function (sizeItem, index) { productListHtml += ' <div class="size fnt_16">\n'; productListHtml += ' ' + sizeItem + '<br>' + itemStoragePotential.weightList[index] + '\n'; productListHtml += ' </div>\n'; }) } productListHtml += ' <div class="div-size" style="display: none;">'; if (itemStoragePotential.sizeList != null) { itemStoragePotential.sizeList.forEach(function (sizeItem) { productListHtml += ' <span class="fnt_22 black">' + sizeItem + '</span>'; }); } productListHtml += ' </div>\n'; productListHtml += ' <div class="div-weight" style="display: none;">'; if (itemStoragePotential.weightList) { itemStoragePotential.weightList.forEach(function (weightItem) { productListHtml += ' <span class="fnt_22 black">' + weightItem + '</span>'; }); } productListHtml += ' </div>\n'; productListHtml += '</div>\n' + ' <div class="btn">\n' + ' <p class="replace fnt_16">Choose</p>\n' + ' <p class="current-selection fnt_16">Selected</p>\n' + ' </div>\n' + ' </div>\n' + ' </li>'; } // } }); $('ul.ul-battery-system').html(batterySystemHtml); $('ul.ul-product-list').html(productListHtml); $('ul.ul-system-capacity').html(backupGuideProductListHtml); //自定义太阳能光伏板最大最小值范围 $('.solar-panels-custom-size').attr('data-solar-panels-custom-size-min', serverData.data.minSolarInstallationSize); $('.solar-panels-custom-size').attr('data-solar-panels-custom-size-max', serverData.data.maxSolarInstallationSize); $('.solar-panel-system-size').text('We will round up to the closest available panel size of 0.43kW between ' + serverData.data.minSolarInstallationSize + 'kW and ' + serverData.data.maxSolarInstallationSize + 'kW.'); $('.page1').hide() $('.page3').show() if (index == '0') { $('.page3 .state1').show() $('.page3 .state2').hide() $('.page3 .battery_system .compare').show() } else { $('.page3 .state1').hide() $('.page3 .state2').show() $('.page3 .battery_system .compare').hide(); $('.page3 .state2 .any div:eq(0)').click(); } }) } else { /* layui.use(function () { var layer = layui.layer; layer.msg('Please enter a valid German address'); }) */ $('#searchInput').parent().find('.msg').html('Please enter a valid German address') } }); $('#mx_n_1710818148800').click(function () { if (!kwBlur()) { return; } }); $('#kw').blur(function () { if (!kwBlur()) { return; } }); function searchSolarPanelSystemSize() { var solarInstallationSize = $('#kw').val(); var solarPanelSystemSizeItemHtml = ''; customizedSolarPotentialTemp = null; solarPotentials.forEach(function (itemSolarPotential) { if (itemSolarPotential.insightTag == 'CUSTOMIZED_OPTION' && itemSolarPotential.solarInstallationSize == solarInstallationSize) { if (currentNeedPanelCount != null && itemSolarPotential.panelCount == currentNeedPanelCount) { return; } if (futureNeedPanelCount != null && itemSolarPotential.panelCount == futureNeedPanelCount) { return; } solarPanelSystemSizeItemHtml += '<li class="on customized_option" data-panel-count="' + itemSolarPotential.panelCount + '" data-insight-tag="' + itemSolarPotential.insightTag + '" data-remaining-monthly-bill-string="' + itemSolarPotential.remainingMonthlyBillString + '" data-annual-kWh-energy-consumption="' + annualKWhEnergyConsumption + '" data-yearly-solar-production-ac-kWh="' + itemSolarPotential.yearlySolarProductionAcKwh + '">\n' + ' <div class="dian" style="display: none;"></div>\n' + ' <div class="txt">\n' + ' <p class="fnt_22">' + itemSolarPotential.solarInstallationSize + ' kW </p>\n' + ' <span class="fnt_18">' + itemSolarPotential.yearlySolarProductionAcKwhString + ' kWh/year solar energy generation</span>\n' + ' <span class="fnt_18">' + itemSolarPotential.offsetString + ' energy offset</span>\n' + ' </div>\n' + ' <div class="img">\n' + ' <img src="/static/cn/system/img/system3_1.png" alt="">\n' + ' <i>' + itemSolarPotential.panelCount + '</i>\n' + ' </div>\n' + ' </li>'; customizedSolarPotentialTemp = itemSolarPotential; } }); if (solarPanelSystemSizeItemHtml != '') { $('.solar-panel-system-size-item ul').html(solarPanelSystemSizeItemHtml); $('.solar-panel-system-size-item').show(); $('.solar-panel-system-size-choose').show(); } else { $('.solar-panel-system-size-item').hide(); $('.solar-panel-system-size-choose').hide(); layerMsg('No eligible products found'); $('#kw').focus(); } } function kwBlur() { $('.solar-panel-system-size-item ul').html(''); $('.solar-panel-system-size-item').hide(); $('.solar-panel-system-size-choose').hide(); if (empty($('#kw').val(), 'Solar panel system size cannot be empty')) { $('#kw').focus(); return false; } var solarInstallationSize = $('#kw').val(); // 校验用户输入是否为数字 if (isNaN(solarInstallationSize)) { $('#kw').parent().find('.msg').html("Input is not a valid number!") //layerMsg("Input is not a valid number!"); return false; } // 将输入转换为数字 var inputValue = parseFloat(solarInstallationSize); // 校验输入是否为正整数或两位小数 if (!/^\d+(\.\d{1,2})?$/.test(solarInstallationSize)) { $('#kw').parent().find('.msg').html('Input is not a positive integer or a decimal with two places!') //layerMsg("Input is not a positive integer or a decimal with two places!"); return false; } // 校验输入值是否在2.58至19.35之间 let dataSolarPanelsCustomSizeMin = parseFloat($('.solar-panels-custom-size').attr('data-solar-panels-custom-size-min')); let dataSolarPanelsCustomSizeMax = parseFloat($('.solar-panels-custom-size').attr('data-solar-panels-custom-size-max')); if (inputValue < dataSolarPanelsCustomSizeMin || inputValue > dataSolarPanelsCustomSizeMax) { $('#kw').parent().find('.msg').html("Input value is not within the range of " + dataSolarPanelsCustomSizeMin + " to " + dataSolarPanelsCustomSizeMax + "!"); //layerMsg("Input value is not within the range of " + dataSolarPanelsCustomSizeMin + " to " + dataSolarPanelsCustomSizeMax + "!"); return false; } // 计算最接近0.43的倍数的结果 var closestMultiple = Math.round(inputValue / 0.43) * 0.43; $('#kw').val(closestMultiple); searchSolarPanelSystemSize(); } //第三屏返回 $('.page3 .top_back').click(function () { $('.page1').show() $('.page3').hide() }) //重新选择太阳能板 $('.page3 .solar_panels .btns .size').click(function () { $('#kw').val(''); $('.solar-panel-system-size-item ul').html(''); $('.solar-panel-system-size-item').hide(); $('.solar-panel-system-size-choose').hide(); $('.page3').hide() $('.page4').show() }) //重新选择太阳能板返回 $('.page4 .choose').click(function () { customizedSolarPotential = customizedSolarPotentialTemp; var solarPanelSystemSizeItemHtml = $('.solar-panel-system-size-item ul').html(); $('.ul-solar-panels li.customized_option').remove(); $('.ul-solar-panels li').removeClass('on'); $('.ul-solar-panels').append(solarPanelSystemSizeItemHtml); $('.ul-solar-panels div.dian').show(); $('.page4').hide() $('.page3').show() }) //返回 $('.page4 .top_back').click(function () { $('.page4').hide() $('.page3').show() }) //最后获取估计值 $('.page3 .get_estimate').click(function () { $('.page3').hide() $('.page5').show() }) //重新选择电池 $('.page3 .battery_system .btns .size').click(function () { var dataStorageCapacity = $('.ul-battery-system li.on').attr('data-storage-capacity'); $('.ul-product-list .btn').removeClass('on') $('.ul-product-list li').map(function () { if ($(this).attr('data-storage-capacity') == dataStorageCapacity) { $(this).find('.btn').addClass('on'); } }); $('.battery').fadeIn(); }) //重新选择电池返回 $('.battery .top_back').click(function () { $('.battery').fadeOut() }) //选择电池后关闭 $(document).on('click', '.ctn .battery ul li .txt .btn .replace', function () { //校验当前选中的电池是否已经在选中列表中 appendBatterySystem($(this).parents('li')) $(this).parent().addClass('on').parents('li').siblings().find('.btn').removeClass('on') $('.battery').fadeOut() }); function appendBatterySystem($li) { var selectDataStorageCapacity = $li.attr('data-storage-capacity'); var dataStorageCapacityInList = false; //删除自定义的对象 $('.ul-battery-system li.customized_option').remove(); $('.ul-battery-system li').map(function () { if ($(this).attr('data-storage-capacity') == selectDataStorageCapacity) { dataStorageCapacityInList = true; $(this).addClass('on').siblings().removeClass('on'); } }); if (!dataStorageCapacityInList) { $('.ul-battery-system li').removeClass('on'); var batterySystemHtml = ''; batterySystemHtml += '<li class="' + ('on ' + $li.attr('class')) + '" data-storage-capacity="' + $li.attr('data-storage-capacity') + '">\n' + ' <div class="dian"></div>\n' + ' <div class="txt">\n' + ' <p class="fnt_22">' + $li.attr('data-storage-capacity') + ' kWh</p>\n' + ' <span class="fnt_18">\n' + ' <i>' + $li.attr('data-winter-backup-days') + ' days</i>\n' + ' <i>Typical winter day</i>\n' + ' </span>\n' + ' <span class="fnt_18">\n' + ' <i>' + $li.attr('data-summer-backup-days') + ' days</i>\n' + ' <i>Average summer days</i>\n' + ' </span>\n' + ' </div>\n'; batterySystemHtml += ' <div class="div-size" style="display: none;">' + $li.find('.div-size').html() + '</div>\n'; batterySystemHtml += ' <div class="div-weight" style="display: none;">' + $li.find('.div-weight').html() + '</div>\n'; batterySystemHtml += ' <div class="img">\n' + ' <img src="/static/cn/system/battery/' + $li.attr('data-storage-capacity') + 'kWh.png" class="pic1" alt="">\n' + ' </div>\n' + ' </li>'; $('.ul-battery-system').append(batterySystemHtml); } } //备份指南 $('.page3 .battery_system .btns .compare').click(function () { //每月还需电费 $('.average-electricity-bill').text('$' + $('.ul-solar-panels li.on').attr('data-remaining-monthly-bill-string')); //当前太阳能电池板AC产量(kWh/y) $('.solar-installation-size').text('$' + $('.ul-solar-panels li.on').find('.fnt_22').text()); //当前选中电池 var dataStorageCapacity = $('.ul-battery-system li.on').attr('data-storage-capacity'); $('.ul-system-capacity li').map(function () { if ($(this).attr('data-storage-capacity') == dataStorageCapacity) { $(this).addClass('on').siblings().removeClass('on'); } }); getBackupGuideBar(dataStorageCapacity); $('.guide').fadeIn() var bar_h = $('.bar-box .group .bar1')[0].getBoundingClientRect().height $('.bar-box .group .bar2').css('margin-top', bar_h) $('.bar-box .group .bar3').css('margin-top', bar_h * 2) }); /** * 绑定备份指南进度列表 * @param dataStorageCapacity */ function getBackupGuideBar(dataStorageCapacity) { //当前选中的太阳能光伏板的年发电量 var yearlySolarProductionAcKwh = $('.ul-solar-panels li.on').attr('data-yearly-solar-production-ac-kWh'); if ($('.page3').css('display') == 'block' && $('.state2').css('display') == 'block') { yearlySolarProductionAcKwh = yearlySolarProductionAcKwhPer * parseFloat($('#power').val()); } //备用储备百分比 var backupPercentage = $('input[name=backupPercentage]').val().replace('%', ''); //消耗减少量百分比 var reductionPercentage = $('input[name=reductionPercentage]').val().replace('%', ''); //获取三个相邻的存储设备的备份天数 $.ajaxJson('/cebest-cms/content/get-backup-guide', { "annualKWhEnergyConsumption": annualKWhEnergyConsumption, "backupPercentage": backupPercentage, "factor": 0.5, "reductionPercentage": reductionPercentage, "storageCapacity": dataStorageCapacity, "yearlySolarProductionAcKwh": yearlySolarProductionAcKwh }, function (serverData) { var backupGuideGroupHtml = ''; var backupGuideGroupBarHtml = ''; serverData.data.backupGuideResponseItemDTOList.forEach(function (backupGuidItem) { backupGuideGroupHtml += '<div class="axis-tick"><i>System capacity of</i> <span>' + backupGuidItem.storageCapacity + 'kWh</span></div>'; backupGuideGroupBarHtml += '<div class="type1-group group">\n' + ' <div class="bar1" style="width:' + backupGuidItem.backupDaysCloudyPercentage + '%"></div>\n' + ' <div class="bar2" style="width:' + backupGuidItem.backupDaysWinterPercentage + '%"></div>\n' + ' <div class="bar3" style="width:' + backupGuidItem.backupDaysSummerPercentage + '%"></div>\n' + ' </div>'; }) $('.backup-guide-group-axis').html(backupGuideGroupHtml); $('.backup-guide-group-bar').html(backupGuideGroupBarHtml); }, false) } //关闭备份指南 $('.guide .content .btn .confirm').click(function () { appendBatterySystem($('.ul-system-capacity li.on')) $('.guide').fadeOut() }) //备份指南返回 $('.guide .content .top_back').click(function () { $('.guide').fadeOut() }) //提交信息返回 $('.page5 .top_back').click(function () { $('.page3').show() $('.page5').hide() }) //提交信息成功 $('.page5 .sub').click(function () { if (prompt($('input[name=first_name]'), 'First name cannot be empty')) { //$('input[name=first_name]').focus(); return false; } if (prompt($('input[name=last_name]'), 'Last name cannot be empty')) { //$('input[name=last_name]').focus(); return false; } if (prompt($('input[name=email]'), 'Email cannot be empty')) { //$('input[name=email]').focus(); return false; } var regEmail = /^\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; if (!regEmail.test($('input[name=email]').val())) { $('input[name=email]').parent().find('.msg').html('The format of the email you entered is incorrect') //layerMsg('The format of the email you entered is incorrect') //$('input[name=email]').focus(); return; } var termAct = $('form .term').hasClass('act'); if (!termAct) { layerMsg('You have not read the privacy policy and terms and conditions') return; } var firstName = $('input[name=first_name]').val(); var lastName = $('input[name=last_name]').val(); var email = $('input[name=email]').val(); var phone = $('input[name=phone]').val(); var xxsKey = $('.xxs-key').attr('data-xxs-key') var solarPanelsCount = $('.solar_panels').css('display') == 'block' ? $('.ul-solar-panels li.on').attr('data-panel-count') : null; var batterySystemCount = $('.ul-battery-system li.on').attr('data-storage-capacity'); $.ajaxJson('/cebest-cms/content/get-estimate', { "email": email, "firstName": firstName, "lastName": lastName, "phone": phone, "xxsKey": xxsKey, "solarPanelsCount": solarPanelsCount, "batterySystemCount": batterySystemCount, "submitKey": submitKey }, function (serverData) { layerAlertAndRefresh(serverData.data, window.location.href); }); }) //对比 $('.page3 .solar_panels .btns .compare').click(function () { var systemListHtml = ''; var systemListBtnHtml = ''; //推荐的当前配置 if (currentNeedSolarPotential != null) { systemListHtml += '<div class="item act">\n' + ' <div class="img ic1">\n' + ' <img src="/static/cn/system/contrast/' + currentNeedStoragePotential.storageCapacity + 'kWh.png" alt="">\n' + ' <i>' + currentNeedSolarPotential.panelCount + '</i>\n' + ' </div>\n' + ' <div class="line">\n' + ' <p class="fnt_18">Current Requirements</p>\n' + ' <span class="fnt_22">' + currentNeedSolarPotential.solarInstallationSize + ' kW</span>\n' + ' </div>\n' + ' <div class="line">\n' + ' <p class="fnt_18">Solar Power Generation</p>\n' + ' <span class="fnt_22">' + currentNeedSolarPotential.yearlySolarProductionAcKwhString + ' kWh/year</span>\n' + ' </div>\n' + ' <div class="line">\n' + ' <p class="fnt_18">Energy Offset</p>\n' + ' <span class="fnt_22">' + currentNeedSolarPotential.offsetString + '</span>\n' + ' </div>\n' + ' <div class="line">\n' + ' <p class="fnt_18">Number of Panels</p>\n' + ' <span class="fnt_22 black">' + currentNeedSolarPotential.panelCount + '</span>\n' + ' </div>\n' + ' <div class="line">\n' + ' <p class="fnt_18">Backup</p>\n'; //备份天数 if (currentNeedStoragePotential.winterBackupDays != currentNeedStoragePotential.summerBackupDays) { systemListHtml += ' <span class="fnt_22">' + currentNeedStoragePotential.winterBackupDays + ' - ' + currentNeedStoragePotential.summerBackupDays + ' Days</span>\n'; } else { systemListHtml += ' <span class="fnt_22">' + currentNeedStoragePotential.winterBackupDays + ' Days</span>\n'; } systemListHtml += ' </div>\n' + ' <div class="line">\n' + ' <p class="fnt_18">Size (Width*Depth*Height)</p>\n'; if (currentNeedStoragePotential != null) { currentNeedStoragePotential.sizeList.forEach(function (sizeItem) { systemListHtml += ' <span class="fnt_22 black">' + sizeItem + '</span>\n'; }); } systemListHtml += ' </div>\n' + ' <div class="line">\n' + ' <p class="fnt_18">Weight</p>\n'; if (currentNeedStoragePotential != null) { currentNeedStoragePotential.weightList.forEach(function (sizeItem) { systemListHtml += ' <span class="fnt_22 black">' + sizeItem + '</span>\n'; }); } systemListHtml += ' </div>\n' + ' </div>'; systemListBtnHtml += '<div class="' + ($('.ul-solar-panels li.on').attr('data-panel-count') == currentNeedSolarPotential.panelCount ? 'selected on btn' : 'choose btn') + '" data-panel-count="' + currentNeedSolarPotential.panelCount + '" data-storage-capacity="' + currentNeedStoragePotential.storageCapacity + '">\n' + ' <p class="fnt_20 selected" style="cursor:pointer;">Selected</p>\n' + ' <p class="fnt_20 choose">Choose</p>\n' + ' </div>' } //推荐的未来配置 if (futureNeedSolarPotential != null) { systemListHtml += '<div class="item">\n' + ' <div class="img ic3">\n' + ' <img src="/static/cn/system/contrast/' + futureNeedStoragePotential.storageCapacity + 'kWh.png" alt="">\n' + ' <i>' + futureNeedSolarPotential.panelCount + '</i>\n' + ' </div>\n' + ' <div class="line">\n' + ' <p class="fnt_18">Future Requirements</p>\n' + ' <span class="fnt_22">' + futureNeedSolarPotential.solarInstallationSize + ' kW</span>\n' + ' </div>\n' + ' <div class="line">\n' + ' <p class="fnt_18">Solar Power Generation</p>\n' + ' <span class="fnt_22">' + futureNeedSolarPotential.yearlySolarProductionAcKwhString + ' kWh/year</span>\n' + ' </div>\n' + ' <div class="line">\n' + ' <p class="fnt_18">Energy Offset</p>\n' + ' <span class="fnt_22">' + futureNeedSolarPotential.offsetString + '</span>\n' + ' </div>\n' + ' <div class="line">\n' + ' <p class="fnt_18">Number of Panels</p>\n' + ' <span class="fnt_22 black">' + futureNeedSolarPotential.panelCount + '</span>\n' + ' </div>\n' + ' <div class="line">\n' + ' <p class="fnt_18">Backup</p>\n'; //备份天数 if (futureNeedStoragePotential.winterBackupDays != futureNeedStoragePotential.summerBackupDays) { systemListHtml += ' <span class="fnt_22">' + futureNeedStoragePotential.winterBackupDays + ' - ' + futureNeedStoragePotential.summerBackupDays + ' Days</span>\n'; } else { systemListHtml += ' <span class="fnt_22">' + futureNeedStoragePotential.winterBackupDays + ' Days</span>\n'; } systemListHtml += ' </div>\n' + ' <div class="line">\n' + ' <p class="fnt_18">Size (Width*Depth*Height)</p>\n'; if (futureNeedStoragePotential != null) { futureNeedStoragePotential.sizeList.forEach(function (sizeItem) { systemListHtml += ' <span class="fnt_22 black">' + sizeItem + '</span>\n'; }); } systemListHtml += ' </div>\n' + ' <div class="line">\n' + ' <p class="fnt_18">Weight</p>\n'; if (futureNeedStoragePotential != null) { futureNeedStoragePotential.weightList.forEach(function (sizeItem) { systemListHtml += ' <span class="fnt_22 black">' + sizeItem + '</span>\n'; }); } systemListHtml += ' </div>\n' + ' </div>'; systemListBtnHtml += '<div class="' + ($('.ul-solar-panels li.on').attr('data-panel-count') == futureNeedSolarPotential.panelCount ? 'selected on btn' : 'choose btn') + '" data-panel-count="' + futureNeedSolarPotential.panelCount + '" data-storage-capacity="' + futureNeedStoragePotential.storageCapacity + '">\n' + ' <p class="fnt_20 selected" style="cursor:pointer;">Selected</p>\n' + ' <p class="fnt_20 choose">Choose</p>\n' + ' </div></div>' } //自定义配置 if (customizedSolarPotential != null) { var $selectBatteryItem = $('.ul-battery-system li.on'); var customizedStorageCapacity = $selectBatteryItem.attr('data-storage-capacity'); $.ajaxJson('/cebest-cms/content/get-backup-days', { "annualKWhEnergyConsumption": annualKWhEnergyConsumption, "backupPercentage": 90, "factor": 0.5, "reductionPercentage": 72, "storageCapacity": customizedStorageCapacity, "yearlySolarProductionAcKwh": customizedSolarPotential.yearlySolarProductionAcKwh }, function (serverData) { systemListHtml += '<div class="item">\n' + ' <div class="img ic3">\n' + ' <img src="/static/cn/system/contrast/' + customizedStorageCapacity + 'kWh.png" alt="">\n' + ' <i>' + customizedSolarPotential.panelCount + '</i>\n' + ' </div>\n' + ' <div class="line">\n' + ' <p class="fnt_18">Customized Requirements</p>\n' + ' <span class="fnt_22">' + customizedSolarPotential.solarInstallationSize + ' kW</span>\n' + ' </div>\n' + ' <div class="line">\n' + ' <p class="fnt_18">Solar Power Generation</p>\n' + ' <span class="fnt_22">' + customizedSolarPotential.yearlySolarProductionAcKwhString + ' kWh/year</span>\n' + ' </div>\n' + ' <div class="line">\n' + ' <p class="fnt_18">Energy Offset</p>\n' + ' <span class="fnt_22">' + customizedSolarPotential.offsetString + '</span>\n' + ' </div>\n' + ' <div class="line">\n' + ' <p class="fnt_18">Number of Panels</p>\n' + ' <span class="fnt_22 black">' + customizedSolarPotential.panelCount + '</span>\n' + ' </div>\n' + ' <div class="line">\n' + ' <p class="fnt_18">Backup</p>\n'; systemListHtml += ' <span class="fnt_22">' + serverData.data + ' Days</span>\n'; systemListHtml += ' </div>\n' + ' <div class="line">\n' + ' <p class="fnt_18">Size (Width*Depth*Height)</p>\n'; systemListHtml += $selectBatteryItem.find('.div-size').html(); systemListHtml += ' </div>\n' + ' <div class="line">\n' + ' <p class="fnt_18">Weight</p>\n'; systemListHtml += $selectBatteryItem.find('.div-weight').html(); systemListHtml += ' </div>\n' + ' </div>\n' + ' </div>'; systemListBtnHtml += '<div class="' + ($('.ul-solar-panels li.on').attr('data-panel-count') == customizedSolarPotential.panelCount ? 'selected on btn' : 'choose btn') + '" data-panel-count="' + customizedSolarPotential.panelCount + '" data-storage-capacity="' + customizedStorageCapacity + '">\n' + ' <p class="fnt_20 selected" style="cursor:pointer;">Selected</p>\n' + ' <p class="fnt_20 choose">Choose</p>\n' + ' </div>' }, false); } $('.system-list').html(systemListHtml); $('.system-list-btn-list').html(systemListBtnHtml); $('.comparison-system').fadeIn(); var maxLines = 0; $('.system-list .item').each(function() { maxLines = Math.max(maxLines, $(this).children('.line').length); }); // 然后比较并补充span for (let i = 0; i < maxLines; i++) { let maxSpanCount = 0; // 先遍历所有item的第i个line，找出最大的span数量 $('.system-list .item').each(function() { const spanCount = $(this).children('.line').eq(i).find('span').length; maxSpanCount = Math.max(maxSpanCount, spanCount); }); // 再次遍历所有item的第i个line，补充span到最大数量 $('.system-list .item').each(function() { const line = $(this).children('.line').eq(i); const currentCount = line.find('span').length; for (let j = currentCount; j < maxSpanCount; j++) { line.append('<span class="fnt_22"> </span>'); } }); } }) //对比关闭 $('.comparison-system .top_back').click(function () { $('.comparison-system').fadeOut() }) //对比选择和关闭 $(document).on('click', '.comparison-system .btns .btn', function () { var dataPanelCount = $(this).attr('data-panel-count'); var dataStorageCapacity = $(this).attr('data-storage-capacity'); $('.ul-solar-panels li').map(function () { if ($(this).attr('data-panel-count') == dataPanelCount) { $(this).addClass('on').siblings().removeClass('on'); } }); $('.ul-battery-system li').map(function () { if ($(this).attr('data-storage-capacity') == dataStorageCapacity) { $(this).addClass('on').siblings().removeClass('on'); } }); let idx = $(this).index() $('.comparison-system .system-list .item').eq(idx).addClass('act').siblings().removeClass('act') $(this).addClass('on').siblings().removeClass('on') $('.comparison-system').fadeOut() }); /** * 备份指南电池切换事件 */ $(document).on('click', '.ctn .block-t .capacity ul li', function () { getBackupGuideBar($(this).attr('data-storage-capacity')); $(this).addClass('on').siblings().removeClass('on'); }) /** * 备用储备百分变化后联动进度条 */ $('input[name=backupPercentage]').blur(function () { if (empty($(this).val(), 'Backup Reserve cannot be empty')) { $(this).val('90%'); $('input[name=backupPercentage]').focus(); return; } getBackupGuideBar($('.ul-system-capacity li.on').attr('data-storage-capacity')); }); /* $('input[name=backupPercentage],input[name=reductionPercentage]').on('input', function () { var value = $(this).val(); var regex = /^(?:[1-9]\d*|0)?%?$/; // 正则表达式，匹配正整数或带百分号的正整数 if (!regex.test(value)) { // 移除最后一个不符合规则的字符 $(this).val(value.slice(0, -1)); layerMsg('Please enter a positive integer or a positive integer with a percentage sign'); } }); */ $('input[name="backupPercentage"], input[name="reductionPercentage"]').each(function() { formatPercentageInput($(this)); }).on('input', function() { var value = $(this).val().replace(/[^0-9]/g, ''); if (value !== '') { value = Math.max(0, Math.min(100, parseInt(value))); $(this).val(value); } }).on('blur', function() { formatPercentageInput($(this)); }).on('focus', function() { var value = $(this).val().replace('%', ''); $(this).val(value); }); function formatPercentageInput($input) { var value = $input.val().replace(/[^0-9]/g, ''); if (value === '') { value = 0; // 如果字段为空，则默认为0 } value = Math.max(0, Math.min(100, parseInt(value))); $input.val(value + '%'); } $('#power').blur(function () { var value = $(this).val(); var regex = /^(\d+(\.\d{1,2})?)$/; // 正则表达式，匹配正整数或最多两位小数 if (!regex.test(value)) { $('#power').parent().find('.msg').html('Please enter a positive integer or a maximum of two decimal places') //layerMsg('Please enter a positive integer or a maximum of two decimal places'); //$('#power').focus(); $('.page3 .battery_system .compare').hide(); } else { $('.page3 .battery_system .compare').show(); } }); /** * 消耗减少量百分比变化后联动进度条 */ $('input[name=reductionPercentage]').blur(function () { if (empty($(this).val(), 'Reduction in consumption cannot be empty')) { $(this).val('72%'); $('input[name=reductionPercentage]').focus(); return; } getBackupGuideBar($('.ul-system-capacity li.on').attr('data-storage-capacity')); }); $('.ctn .landing-page .page5 .term').click(function () { $(this).toggleClass('act') }) function prompt($input, text) { var inpCont = $input.val(); if (inpCont.replace(/(^\s*)|(\s*$)/g, "") == "") { // 添加提示信息 $input.parent().find('.msg').html(text); return true; } return false; } function empty(inpCont, text) { if (inpCont.replace(/(^\s*)|(\s*$)/g, "") == "") {//正则判断不能为空或者空格 layui.use(function () { var layer = layui.layer; layer.msg(text); }); return true; } return false; } $('.page3 .state2 .any div').click(function () { var idx = $(this).index() $(this).addClass('on').siblings().removeClass('on') if (idx == 0) { $('.page3 .solar_panel_size').hide() $('.page3 .battery_system .compare').hide() } else { $('.page3 .solar_panel_size').show(); $('#power').val(' ') var value = $('#power').val(); if (value == '') { $('.page3 .battery_system .compare').hide(); return; } var regex = /^(\d+(\.\d{1,2})?)$/; // 正则表达式，匹配正整数或最多两位小数 if (!regex.test(value)) { //layerMsg('Please enter a positive integer or a maximum of two decimal places'); $('#power').focus(); $('.page3 .battery_system .compare').hide(); } else { $('.page3 .battery_system .compare').show(); } } }) $(document).on('click', '.landing-page ul li', function () { $(this).addClass('on').siblings().removeClass('on') }); $('input').focus(function () { $(this).parents('.input-group').addClass('on'); }).blur(function () { $(this).parents('.input-group').removeClass('on'); }); //$('.txt-scroll').mCustomScrollbar() var timer; $('#price').on('input', function () { clearTimeout(timer); var input = $(this); timer = setTimeout(function () { var value = input.val().replace(/\D/g, ''); if (value) { value = formatCurrency(value); input.val(value); } else { input.val(''); } }, 1000); }); $('.page2 .back,.page2 .layui-form .item a').on('click', function () { $('.page1').show(); $('.page2').hide(); $('#searchInput').val('') $('.page2 .layui-form .zip_code').hide() }) function formatCurrency(number) { var formatted = number.replace(/\B(?=(\d{3})+(?!\d))/g, ","); return "€" + formatted; // 返回格式化后的字符串，前面加上$ } $('.det_infor input').on('input', function () { var allFilled = true; $('.det_infor input').each(function () { if ($(this).val().trim() === '') { allFilled = false; return false; } }); $('.next').toggleClass('on', allFilled); }); $('#zip_code').on('blur', function () { if ($(this).val().trim() === '') { $('.page2 .next').removeClass('on') } else { $('.page2 .next').addClass('on') } }) function hide_input() { $('.page2 .layui-form .zip_code').hide() $('.page2 .original .item').show() $('.page2 .det_infor').hide() $('#location').val(' ') $('#original').val(' ') $('#street').val(' ') $('#city').val(' ') $('#f_zip_code').val(' ') $('.suggested .layui-unselect').click() $('.page2 .next').removeClass('on') } var hasPostalCode = false var userSelectedPlace = true; // 标记用户是否从下拉选择了地址 var postalCode = ''; var latitude; var longitude; function formatGermanAddress(streetName, streetNumber, postalCode, cityName) { return `${streetName} ${streetNumber}, ${postalCode} ${cityName}`; } function initAutocomplete() { const input = document.getElementById('searchInput'); const autocomplete = new google.maps.places.Autocomplete(input, { // 限制结果类型为地址 types: ['address'], // 限制搜索结果为德国境内 componentRestrictions: {country: "DE"} }); const autocompleteService = new google.maps.places.AutocompleteService(); const placesService = new google.maps.places.PlacesService(document.createElement('div')); // 创建一个不显示在UI上的div用于PlacesService userSelectedPlace = true; autocomplete.addListener('place_changed', function () { // 获取选中的地址 var place = autocomplete.getPlace(); p1switch = false console.log(p1switch) /* console.log(place); let postalCode1 = ''; let streetName = ''; let streetNumber = ''; // 德国地址中街道号码也很重要 let cityName = ''; // 遍历地址组件来获取地址信息 for (var i = 0; i < place.address_components.length; i++) { var addressComponent = place.address_components[i]; var types = addressComponent.types; if (types.indexOf('postal_code') !== -1) { postalCode1 = addressComponent.long_name; } else if (types.indexOf('route') !== -1) { streetName = addressComponent.long_name; } else if (types.indexOf('street_number') !== -1) { streetNumber = addressComponent.long_name; } else if (types.indexOf('locality') !== -1) { cityName = addressComponent.long_name; } } // 组合成德国习惯的地址格式 let fullAddress = formatGermanAddress(streetName, streetNumber, postalCode1, cityName); console.log(fullAddress); // 这将打印出完整的地址 // 假设你有一个地方来展示完整的地址 $('#searchInput').val(fullAddress); */ if (!place.geometry) { console.log("无经纬度"); return; } //latitude = place.geometry.location.lat(); //longitude = place.geometry.location.lng(); //console.log("Latitude:", latitude, "Longitude:", longitude); }); //第二屏获取地址后返回 $('.page2 .next').click(function () { let manual_input = $('#street').val() + ' ' + $('#f_zip_code').val() + ' ' + $('#city').val() + ' ' + $('#location').val() + ' ' + $('#original').val() $('.page1').show(); $('.page2').hide(); if ($('.page2 .layui-form .layui-form-radioed').siblings('input').val() == '1') { $('#searchInput').val(manual_input) validateAddress(manual_input, function (isValid, place) { setTimeout(() => { if (isValid) { console.log("地址验证成功:", place.formatted_address); console.log(p1switch) } else { // 请输入有效的德国地址。 /* layui.use(function () { var layer = layui.layer; layer.msg('Please enter a valid German address'); }) */ $('#searchInput').parent().find('.msg').html('Please enter a valid German address') latitude = '' longitude = '' } }, 10); }); } else { $('#searchInput').val($('.page2 .suggested .item').text()) } }); function validateAddress(inputText, callback) { console.log(inputText) autocompleteService.getPlacePredictions({ input: inputText, componentRestrictions: {country: "DE"} }, function (predictions, status) { if (status === google.maps.places.PlacesServiceStatus.OK && predictions && predictions.length > 0) { var placeId = predictions[0].place_id; placesService.getDetails({placeId: placeId}, function (place, status) { if (status === google.maps.places.PlacesServiceStatus.OK) { // 如果获取到地址详情，调用回调函数并传递成功的标志和地址信息 callback(true, place); latitude = place.geometry.location.lat(); longitude = place.geometry.location.lng(); console.log('获取到地址详情') p1switch = true } else { // 如果无法获取地址详情，调用回调函数并传递失败的标志 console.log('无法获取地址详情') callback(false); p1switch = false } }); } else { // 如果没有匹配的预测结果，调用回调函数并传递失败的标志 console.log('没有匹配的预测结果') callback(false); p1switch = false } }); } // 监听输入框的blur事件 var timeoutId; $('#searchInput').on('blur', function () { p1switch = false $('.page2 .suggested').css({'cursor': 'auto', 'opacity': '1'}) $('.page2 .suggested input,.page2 .suggested .layui-unselect').css('pointer-events', 'auto') postalCode = ''; if (timeoutId) { clearTimeout(timeoutId); } hide_input() timeoutId = setTimeout(() => { let inputText = $(this).val().trim(); $('.page2 .original .item p').html(inputText) console.log(inputText) if (!inputText) { $('.page1').show(); $('.page2').hide(); return; } autocompleteService.getPlacePredictions({ input: inputText, componentRestrictions: {country: "DE"} }, function (predictions, status) { if (status === google.maps.places.PlacesServiceStatus.OK && predictions && predictions.length > 0) { var description = predictions[0].description; //获取详细地址方法 var placeId = predictions[0].place_id; placesService.getDetails({placeId: placeId}, function (place, status) { console.log(place.formatted_address) // 获取邮编 // /* let streetName = ''; let streetNumber = ''; let cityName = ''; for (var i = 0; i < place.address_components.length; i++) { var addressType = place.address_components[i].types[0]; switch (addressType) { case 'postal_code': postalCode = place.address_components[i].long_name; break; case 'route': streetName = place.address_components[i].long_name; break; case 'street_number': streetNumber = place.address_components[i].long_name; break; case 'locality': cityName = place.address_components[i].long_name; break; } } */ //var postalCode = ''; // 遍历address_components数组 place.address_components.forEach(function (component) { component.types.forEach(function (type) { switch (type) { case 'route': addressInfo.street = component.long_name; break; case 'street_number': addressInfo.street_number = component.long_name; break; case 'locality': addressInfo.city = component.long_name; break; case 'administrative_area_level_1': addressInfo.state = component.long_name; break; case 'country': addressInfo.country = component.long_name; break; case 'postal_code': // 有些地区可能只有邮政编码前缀，这里我们只取前缀 addressInfo.zipCode = component.long_name; break; // 可以根据需要添加更多类型 } }); }); if (addressInfo.street_number) { addressInfo.street += ` ${addressInfo.street_number}` } for (var i = 0; i < place.address_components.length; i++) { var addressComponent = place.address_components[i]; if (addressComponent.types.indexOf('postal_code') !== -1) { postalCode = addressComponent.long_name; //console.log(postalCode) break; } } console.log(postalCode) /* let fullAddress = formatGermanAddress(streetName, streetNumber, postalCode, cityName); */ if (status === google.maps.places.PlacesServiceStatus.OK) { p1switch = true $('.page1').hide(); $('.page2').show(); $('.page2 .suggested .item').text(place.formatted_address) $('.page2 .next').addClass('on') latitude = place.geometry.location.lat(); longitude = place.geometry.location.lng(); //console.log("Latitude:", latitude, "Longitude:", longitude); } if (postalCode == '') { $('.page2 .layui-form .zip_code input').val(' ') $('.page2 .layui-form .zip_code').show() $('.page2 .next').removeClass('on') } }); } else { $('.page1').hide(); $('.page2').show(); $('.original .layui-form-radio').click() $('.page2 .suggested').css({'cursor': 'not-allowed', 'opacity': '.6'}) $('.page2 .suggested input,.page2 .suggested .layui-unselect').css('pointer-events', 'none') $('.page2 .suggested .item').text('Suggestion unavailable for the address provided') latitude = '' longitude = '' //没找到 } }); userSelectedPlace = true; }, 500); }); } layui.use(function () { var layer = layui.layer; var form = layui.form; var util = layui.util; form.on('radio(demo-radio-filter)', function (data) { var elem = data.elem; var value = elem.value; // 获得 radio 值 let manual_input = $('#location').val() + ' ' + $('#original').val() + ' ' + $('#street').val() + ' ' + $('#city').val() + ' ' + $('#f_zip_code').val() if (value === '1') { $('.page2 .original .item').hide() $('.page2 .det_infor').show() $('.det_infor input').each(function () { if ($(this).val().trim() === '') { $('.page2 .next').removeClass('on') return false; } else { $('.page2 .next').addClass('on') } }); } else if (value === '2') { $('.page2 .original .item').show() $('.page2 .det_infor').hide() $('.page2 .original .item p').html(manual_input) if ($('#zip_code').val().trim() === '') { $('.page2 .next').removeClass('on') } else { $('.page2 .next').addClass('on') } console.log(postalCode) if (postalCode != '') { $('.page2 .next').addClass('on') } } //layer.msg(['value: '+ value, 'checked: '+ checked].join('<br>')); }); //定位 $('#getLocation').click(function () { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition, showError); } else { showToast('Geolocation is not supported by this browser.'); } }); function showPosition(position) { let lat = position.coords.latitude; let lng = position.coords.longitude; let latlng = new google.maps.LatLng(lat, lng); let geocoder = new google.maps.Geocoder(); geocoder.geocode({'location': latlng}, function (results, status) { p1switch = false if (status == google.maps.GeocoderStatus.OK) { if (results[0]) { // 检查是否在德国 let inGermany = false; for (var i = 0; i < results[0].address_components.length; i++) { var addressComponent = results[0].address_components[i]; if (addressComponent.types.indexOf('country') !== -1) { if (addressComponent.short_name == 'DE') { inGermany = true; } break; } } if (!inGermany) { showToast("The location is not in Germany."); //layer.msg('The location is not in Germany.', {icon: 5, time: 3000}); return; } console.log(results[0].address_components.length) for (var i = 0; i < results[0].address_components.length; i++) { var addressComponent = results[0].address_components[i]; if (addressComponent.types.indexOf('postal_code') !== -1) { LopostalCode = addressComponent.long_name; $('#searchInput').val(results[0].formatted_address + ' ' + LopostalCode); p1switch = true console.log(LopostalCode) break; } } if (LopostalCode == '') { $('.page1').hide(); $('.page2').show(); $('.page2 .suggested .item').text(results[0].formatted_address) $('.page2 .next').addClass('on') $('.page2 .layui-form .zip_code input').val(' ') $('.page2 .layui-form .zip_code').show() $('.page2 .next').removeClass('on') } } else { //无结果 showToast('No results found'); } } else { //失败 showToast('Geocoder failed due to: ' + status); } }); } function showError(error) { switch (error.code) { case error.PERMISSION_DENIED: showToast('User denied the request for Geolocation.'); break; case error.POSITION_UNAVAILABLE: showToast('Location information is unavailable.'); break; case error.TIMEOUT: showToast('The request to get user location timed out.'); break; case error.UNKNOWN_ERROR: showToast('An unknown error occurred.'); break; } } }); function layerMsg(msg) { showToast(msg); } function layerMsgAndRefresh(msg, url) { if (url == undefined) { window.location.href = window.location.href; } else { window.location.href = url; } layerMsg(msg); } function layerAlertAndRefresh(msg, url) { if (url == undefined) { url = window.location.href; } layer.alert(msg, { icon: 6, title: 'Tips', btn: ['ok'], closeBtn: 0 }, function () { window.location.href = url; }); } var showLoading = true; $.extend({ ajaxJson: function (url, json, fn, async) { if (async == undefined) { async = true; } var thisIndex = -1; if (showLoading) { thisIndex = layer.msg('Loading ...', { time: 0, icon: 16 }); } $.ajax(url, { type: "POST", contentType: "application/json;charset=utf-8", data: JSON.stringify(json), async: async, dataType: "json", success: function (serverData) { if (showLoading) { layer.close(thisIndex); } if (fn) { if (serverData.success) { fn(serverData); } else { if (serverData.data != undefined) { layerMsg(serverData.data); } else { layerMsg(serverData.msg); } } } }, error: function (message) { if (showLoading) { layer.close(thisIndex); } layerMsg('The server is busy, please try again later.'); } }); }, enterFunction: function (elementInput, elementBtn) { $(elementInput).keydown(function (e) { var curKey = e.which; if (curKey == 13) { $(elementBtn).click(); } }); }, ajaxGetPage: function (url, fn) { if (url == 'javascript:void(0);' || url == '' || url == 'javascript:;' || url == '#' || url == '##' || url == '###') { return false; } if (url.indexOf('?') == -1) { url += "?v=" + Math.random(); } else { url += "&v=" + Math.random(); } var thisIndex = -1; if (showLoading) { thisIndex = layer.msg('Loading ...', { time: 0, icon: 16 }); } $.ajax(url, { type: "GET", url: url, success: function (serverData) { if (showLoading) { layer.close(thisIndex); } if (fn) { fn(serverData); } }, error: function (message) { if (showLoading) { layer.close(thisIndex); } layerMsg('The server is busy, please try again later.'); } }); } }); /*顶部导航*/ if ($(window).width() > 768) { $(document).mousemove(function (event) { var y = event.pageY; if (event.pageY < 76) { $(".head").css("top", '0'); } }); $(".head").mouseleave(function () { $(".head").css("top", '-76px'); }) } function addCookie(name, value, time) { var expires = ""; if (time) { var date; if (/^\d{8}$/.test(time)) { var year = parseInt(time.substring(0, 4), 10); var month = parseInt(time.substring(4, 6), 10) - 1; var day = parseInt(time.substring(6, 8), 10); date = new Date(year, month, day); } else if (/^\d{4}-\d{2}-\d{2}$/.test(time)) { date = new Date(time); } else { console.error("日期格式错误，请使用YYYYMMDD或YYYY-MM-DD格式"); return; } expires = "; expires=" + date.toUTCString(); } else { var defaultTime = new Date(); defaultTime.setTime(defaultTime.getTime() + (30 * 24 * 60 * 60 * 1000)); expires = "; expires=" + defaultTime.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; path=/"; } function checkCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) return true; } return false; } if (checkCookie("system-Cookie")) { $(".cookie").hide(); } $('.cookie .item .btns .close').on('click', function () { $('.cookie').hide() }) $("#okButton").click(function () { $('.cookie').hide() addCookie('system-Cookie', 'ok'); }); </script> </body> </html>

CINXE.COM

Design Your System-LumenHaus